argous 1.2.246 → 1.3.2

package/dist/components/Input/Input.js

@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -37,13 +41,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -51,7 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var fieldsRedux_1 = require("../../fieldsRedux");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
-var react_maskedinput_1 = __importDefault(require("react-maskedinput"));
+var react_input_mask_1 = __importDefault(require("@mona-health/react-input-mask"));
 /**
  * @deprecated
  */
@@ -82,7 +96,7 @@ var Input = /** @class */ (function (_super) {
         _this.handleWithTypeValues = function (value) {
             var _a = _this.props, field = _a.field, type = _a.type, optionValue = _a.optionValue;
             if (type === 'checkbox') {
-                var fieldValue = fieldsRedux_1.getField(field, 'value') || [];
+                var fieldValue = (0, fieldsRedux_1.getField)(field, 'value') || [];
                 var index = fieldValue.indexOf(optionValue);
                 if (index < 0) {
                     fieldValue.push(optionValue);
@@ -116,7 +130,7 @@ var Input = /** @class */ (function (_super) {
         _this.checkInputProps = function () {
             var _a = _this.props, field = _a.field, id = _a.id, _b = _a.type, type = _b === void 0 ? 'text' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, placeholder = _a.placeholder, min = _a.min, max = _a.max, step = _a.step, maxLength = _a.maxLength, minLength = _a.minLength, autoFocus = _a.autoFocus, disabled = _a.disabled, readOnly = _a.readOnly, required = _a.required, _d = _a.style, style = _d === void 0 ? {} : _d, optionValue = _a.optionValue;
             var confs = _this.stateOptions();
-            var value = fieldsRedux_1.getField(field, 'value');
+            var value = (0, fieldsRedux_1.getField)(field, 'value');
             var inputProps = {};
             switch (confs.alias) {
                 case 'button':
@@ -254,7 +268,7 @@ var Input = /** @class */ (function (_super) {
         var inputProps = checkInputProps();
         return !mask
             ? (react_1.default.createElement("input", __assign({}, inputProps)))
-            : (react_1.default.createElement(react_maskedinput_1.default, __assign({ mask: mask }, inputProps)));
+            : (react_1.default.createElement(react_input_mask_1.default, __assign({ mask: mask.replaceAll('1', '9').replaceAll('#', '*') }, inputProps)));
     };
     return Input;
 }(react_1.Component));
@@ -325,4 +339,4 @@ Input.propTypes = {
     stopWriting: prop_types_1.default.func,
     stopWritingTime: prop_types_1.default.number
 };
-exports.default = fieldsRedux_1.createField(Input);
+exports.default = (0, fieldsRedux_1.createField)(Input);

package/dist/components/Input/index.d.ts

@@ -1,2 +1 @@
-export { default } from './Input';
-export * from './Input'; 
+export { default } from "./Input";

package/dist/components/InputTags/InputTags.d.ts

@@ -1,8 +1,2 @@
-export interface InputTagsProps {}
-/**
- * @deprecated
- * @param props 
- */
-declare function InputTags(props: InputTagsProps): JSX.Element
-
-export default InputTags;
+declare const _default: any;
+export default _default;

package/dist/components/InputTags/InputTags.js

@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -37,13 +41,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -55,18 +69,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var fieldsRedux_1 = require("../../fieldsRedux");
-var core_1 = require("@material-ui/core");
-var lab_1 = require("@material-ui/lab");
+var material_1 = require("@mui/material");
 var lodash_1 = require("lodash");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
@@ -79,7 +96,7 @@ var InputTags = /** @class */ (function (_super) {
             if (reason === 'create-option') {
                 var text_1 = value.pop();
                 if (((_a = _this.props.getField().value) === null || _a === void 0 ? void 0 : _a.findIndex(function (item) { return item.text === text_1 || item.id === text_1; })) === -1)
-                    _this.props.setField({ value: __spreadArray(__spreadArray([], value), [{ id: text_1, text: text_1 }]) });
+                    _this.props.setField({ value: __spreadArray(__spreadArray([], value, true), [{ id: text_1, text: text_1 }], false) });
             }
             else
                 _this.props.setField({ value: value });
@@ -99,7 +116,7 @@ var InputTags = /** @class */ (function (_super) {
             return __assign({ tags: tags, handleChange: _this.handleChange, handleDelete: _this.handleDelete }, _this.props);
         };
         var propValue = _this.props.getField().value;
-        if (lodash_1.isArray(propValue))
+        if ((0, lodash_1.isArray)(propValue))
             _this.props.setField({ value: propValue });
         else {
             try {
@@ -113,10 +130,10 @@ var InputTags = /** @class */ (function (_super) {
     }
     InputTags.prototype.render = function () {
         var _a = this.checkProps(), handleChange = _a.handleChange, handleDelete = _a.handleDelete, tags = _a.tags, handleInputChange = _a.handleInputChange, label = _a.label, placeholder = _a.placeholder, suggestions = _a.suggestions, props = __rest(_a, ["handleChange", "handleDelete", "tags", "handleInputChange", "label", "placeholder", "suggestions"]);
-        return (react_1.default.createElement(core_1.Grid, { container: true, spacing: 1 },
-            react_1.default.createElement(core_1.Grid, { item: true, xs: 12 }, tags.map(function (item, index) { return (react_1.default.createElement(core_1.Chip, { key: index, label: item.text, onDelete: handleDelete(index) })); })),
-            react_1.default.createElement(core_1.Grid, { item: true, xs: 12 },
-                react_1.default.createElement(lab_1.Autocomplete, __assign({ onInputChange: function (_, value) { return handleInputChange(value); }, multiple: true, freeSolo: true, disableClearable: true, value: tags, options: suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(function (searched) { return tags.findIndex(function (item) { var _a; return ((_a = item.id) === null || _a === void 0 ? void 0 : _a.localeCompare(searched.id, undefined, { sensitivity: 'accent' })) === 0; }) < 0; }), getOptionLabel: function (option) { return option.text || option; }, onChange: handleChange, noOptionsText: 'N\u00E3o Encontrado', size: 'small', renderTags: function () { return null; }, renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ fullWidth: true, margin: 'dense', color: 'secondary', label: label, placeholder: placeholder }, params))); } }, props)))));
+        return (react_1.default.createElement(material_1.Grid, { container: true, spacing: 1 },
+            react_1.default.createElement(material_1.Grid, { size: 12 }, tags.map(function (item, index) { return (react_1.default.createElement(material_1.Chip, { key: index, label: item.text, onDelete: handleDelete(index) })); })),
+            react_1.default.createElement(material_1.Grid, { size: 12 },
+                react_1.default.createElement(material_1.Autocomplete, __assign({ onInputChange: function (_, value) { return handleInputChange(value); }, multiple: true, freeSolo: true, disableClearable: true, value: tags, options: suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(function (searched) { return tags.findIndex(function (item) { var _a; return ((_a = item.id) === null || _a === void 0 ? void 0 : _a.localeCompare(searched.id, undefined, { sensitivity: 'accent' })) === 0; }) < 0; }), getOptionLabel: function (option) { return option.text || option; }, onChange: handleChange, noOptionsText: 'N\u00E3o Encontrado', size: 'small', renderValue: function () { return null; }, renderInput: function (params) { return (react_1.default.createElement(material_1.TextField, __assign({ fullWidth: true, margin: 'dense', color: 'secondary', label: label, placeholder: placeholder }, params))); } }, props)))));
     };
     return InputTags;
 }(react_1.Component));
@@ -126,4 +143,4 @@ InputTags.propTypes = {
     fieldListener: prop_types_1.default.func,
     destroyOnUnmount: prop_types_1.default.bool
 };
-exports.default = fieldsRedux_1.createField(InputTags);
+exports.default = (0, fieldsRedux_1.createField)(InputTags);

package/dist/components/InputTags/index.d.ts

@@ -1,2 +1 @@
-export { default } from './InputTags';
-export * from './InputTags'; 
+export { default } from "./InputTags";

package/dist/components/ListSelect/ListSelect.d.ts

@@ -1,8 +1,2 @@
-export interface ListSelectProps {}
-/**
- * @deprecated
- * @param props 
- */
-declare function ListSelect(props: ListSelectProps): JSX.Element
-
-export default ListSelect;
+declare const _default: any;
+export default _default;

package/dist/components/ListSelect/ListSelect.js

@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -37,13 +41,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -79,23 +93,23 @@ var ListSelect = /** @class */ (function (_super) {
     }
     ListSelect.prototype.componentDidMount = function () {
         var _a = this.props, optionsField = _a.optionsField, optionsDefaultValue = _a.optionsDefaultValue;
-        fieldsRedux_1.initField(optionsField, optionsDefaultValue);
+        (0, fieldsRedux_1.initField)(optionsField, optionsDefaultValue);
     };
     ListSelect.prototype.componentWillUnmount = function () {
         var _a = this.props, optionsField = _a.optionsField, destroyOnUnmount = _a.destroyOnUnmount;
         if (destroyOnUnmount) {
-            fieldsRedux_1.clearField(optionsField);
+            (0, fieldsRedux_1.clearField)(optionsField);
         }
     };
     ListSelect.prototype.render = function () {
         var _a = this, checkListSelectProps = _a.checkListSelectProps, onChange = _a.onChange;
         var _b = this.props, field = _b.field, optionsField = _b.optionsField, optionsValue = _b.optionsValue, optionsLabel = _b.optionsLabel, classActive = _b.classActive, onMouseDown = _b.onMouseDown, _c = _b.liClassName, liClassName = _c === void 0 ? '' : _c;
         var selectProps = checkListSelectProps();
-        var value = fieldsRedux_1.getField(field, 'value');
-        var options = fieldsRedux_1.getField(optionsField, 'value');
+        var value = (0, fieldsRedux_1.getField)(field, 'value');
+        var options = (0, fieldsRedux_1.getField)(optionsField, 'value');
         return (react_1.default.createElement("ul", __assign({}, selectProps), options && options.map(function (item, index) { return (react_1.default.createElement("li", { 
             // eslint-disable-next-line
-            className: (value == item[optionsValue] ? classActive : '') + " " + liClassName, onMouseDown: onMouseDown, key: index, onClick: function () { return onChange(item[optionsValue]); } }, item[optionsLabel])); })));
+            className: "".concat(value == item[optionsValue] ? classActive : '', " ").concat(liClassName), onMouseDown: onMouseDown, key: index, onClick: function () { return onChange(item[optionsValue]); } }, item[optionsLabel])); })));
     };
     return ListSelect;
 }(react_1.Component));
@@ -123,4 +137,4 @@ ListSelect.propTypes = {
     onMouseDown: prop_types_1.default.func,
     trClassName: prop_types_1.default.string
 };
-exports.default = fieldsRedux_1.createField(ListSelect);
+exports.default = (0, fieldsRedux_1.createField)(ListSelect);

package/dist/components/ListSelect/index.d.ts

@@ -1,2 +1 @@
-export { default } from './ListSelect';
-export * from './ListSelect'; 
+export { default } from "./ListSelect";

package/dist/components/MaterialButton/MaterialButton.d.ts

@@ -1,13 +1,31 @@
-import { ButtonProps } from '@material-ui/core';
-import * as React from 'react';
-
-export interface MaterialButtonProps extends Omit<ButtonProps, 'color'> {
-  /**
-   * Cor Aplicada ao botão
-   */
-  color?: 'default' | 'inherit' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger'
+declare function Button({ color, variant, className, sx, ...props }: {
+    [x: string]: any;
+    color?: string | undefined;
+    variant?: string | undefined;
+    className: any;
+    sx: any;
+}): React.JSX.Element;
+declare namespace Button {
+    namespace propTypes {
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let classes: PropTypes.Requireable<object>;
+        let className: PropTypes.Requireable<string>;
+        let color: PropTypes.Requireable<string>;
+        let component: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        let disabled: PropTypes.Requireable<boolean>;
+        let disableElevation: PropTypes.Requireable<boolean>;
+        let disableFocusRipple: PropTypes.Requireable<boolean>;
+        let disableRipple: PropTypes.Requireable<boolean>;
+        let endIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let focusVisibleClassName: PropTypes.Requireable<string>;
+        let fullWidth: PropTypes.Requireable<boolean>;
+        let href: PropTypes.Requireable<string>;
+        let size: PropTypes.Requireable<string>;
+        let startIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let type: PropTypes.Requireable<string>;
+        let variant: PropTypes.Requireable<string>;
+    }
 }
-
-declare function MaterialButton(props: MaterialButtonProps): JSX.Element
-
-export default MaterialButton;
+export default Button;
+import React from 'react';
+import PropTypes from 'prop-types';

package/dist/components/MaterialButton/MaterialButton.js

@@ -21,141 +21,73 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@material-ui/core");
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var clsx_1 = __importDefault(require("clsx"));
+exports.default = Button;
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var styles_1 = require("@mui/material/styles");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
-var useStyles = core_1.makeStyles(function (theme) { return ({
-    containedInfo: {
-        color: theme.palette.info.contrastText,
-        backgroundColor: theme.palette.info.main,
-        '&:hover': {
-            backgroundColor: theme.palette.info.dark,
-            '@media (hover: none)': {
-                backgroundColor: theme.palette.info.main,
-            },
-        }
-    },
-    outlinedInfo: {
-        color: theme.palette.info.main,
-        border: "1px solid " + core_1.alpha(theme.palette.info.main, 0.5),
-        '&:hover': {
-            border: "1px solid " + theme.palette.info.main,
-            backgroundColor: core_1.alpha(theme.palette.info.main, theme.palette.action.hoverOpacity),
-            '@media (hover: none)': {
-                backgroundColor: 'transparent',
-            },
-        }
-    },
-    textInfo: {
-        color: theme.palette.info.main,
-        '&:hover': {
-            backgroundColor: core_1.alpha(theme.palette.info.main, theme.palette.action.hoverOpacity),
-            '@media (hover: none)': {
-                backgroundColor: 'transparent',
-            },
-        }
-    },
-    containedSuccess: {
-        color: theme.palette.success.contrastText,
-        backgroundColor: theme.palette.success.main,
-        '&:hover': {
-            backgroundColor: theme.palette.success.dark,
-            '@media (hover: none)': {
-                backgroundColor: theme.palette.success.main,
-            },
-        }
-    },
-    outlinedSuccess: {
-        color: theme.palette.success.main,
-        border: "1px solid " + core_1.alpha(theme.palette.success.main, 0.5),
-        '&:hover': {
-            border: "1px solid " + theme.palette.success.main,
-            backgroundColor: core_1.alpha(theme.palette.success.main, theme.palette.action.hoverOpacity),
-            '@media (hover: none)': {
-                backgroundColor: 'transparent',
-            },
-        }
-    },
-    textSuccess: {
-        color: theme.palette.success.main,
-        '&:hover': {
-            backgroundColor: core_1.alpha(theme.palette.success.main, theme.palette.action.hoverOpacity),
-            '@media (hover: none)': {
-                backgroundColor: 'transparent',
-            },
-        }
-    },
-    containedWarning: {
-        color: theme.palette.warning.contrastText,
-        backgroundColor: theme.palette.warning.main,
-        '&:hover': {
-            backgroundColor: theme.palette.warning.dark,
-            '@media (hover: none)': {
-                backgroundColor: theme.palette.warning.main,
-            },
-        }
-    },
-    outlinedWarning: {
-        color: theme.palette.warning.main,
-        border: "1px solid " + core_1.alpha(theme.palette.warning.main, 0.5),
-        '&:hover': {
-            border: "1px solid " + theme.palette.warning.main,
-            backgroundColor: core_1.alpha(theme.palette.warning.main, theme.palette.action.hoverOpacity),
-            '@media (hover: none)': {
-                backgroundColor: 'transparent',
-            },
-        }
-    },
-    textWarning: {
-        color: theme.palette.warning.main,
-        '&:hover': {
-            backgroundColor: core_1.alpha(theme.palette.warning.main, theme.palette.action.hoverOpacity),
-            '@media (hover: none)': {
-                backgroundColor: 'transparent',
-            },
-        }
-    },
-    containedDanger: {
-        color: theme.palette.error.contrastText,
-        backgroundColor: theme.palette.error.main,
-        '&:hover': {
-            backgroundColor: theme.palette.error.dark,
-            '@media (hover: none)': {
-                backgroundColor: theme.palette.error.main,
-            },
-        }
-    },
-    outlinedDanger: {
-        color: theme.palette.error.main,
-        border: "1px solid " + core_1.alpha(theme.palette.error.main, 0.5),
-        '&:hover': {
-            border: "1px solid " + theme.palette.error.main,
-            backgroundColor: core_1.alpha(theme.palette.error.main, theme.palette.action.hoverOpacity),
-            '@media (hover: none)': {
-                backgroundColor: 'transparent',
-            },
-        }
-    },
-    textDanger: {
-        color: theme.palette.error.main,
+var muiColorMap = {
+    info: 'info',
+    success: 'success',
+    warning: 'warning',
+    danger: 'error',
+};
+var normalizeSx = function (sx) { return sx ? (Array.isArray(sx) ? sx : [sx]) : []; };
+var getCustomColorSx = function (color, variant) { return function (theme) {
+    var paletteKey = muiColorMap[color];
+    if (!paletteKey)
+        return {};
+    var palette = theme.palette[paletteKey];
+    if (variant === 'contained') {
+        return {
+            color: palette.contrastText,
+            backgroundColor: palette.main,
+            '&:hover': {
+                backgroundColor: palette.dark,
+                '@media (hover: none)': {
+                    backgroundColor: palette.main,
+                },
+            }
+        };
+    }
+    if (variant === 'outlined') {
+        return {
+            color: palette.main,
+            border: "1px solid ".concat((0, styles_1.alpha)(palette.main, 0.5)),
+            '&:hover': {
+                border: "1px solid ".concat(palette.main),
+                backgroundColor: (0, styles_1.alpha)(palette.main, theme.palette.action.hoverOpacity),
+                '@media (hover: none)': {
+                    backgroundColor: 'transparent',
+                },
+            }
+        };
+    }
+    return {
+        color: palette.main,
         '&:hover': {
-            backgroundColor: core_1.alpha(theme.palette.error.main, theme.palette.action.hoverOpacity),
+            backgroundColor: (0, styles_1.alpha)(palette.main, theme.palette.action.hoverOpacity),
             '@media (hover: none)': {
                 backgroundColor: 'transparent',
             },
         }
-    },
-}); });
+    };
+}; };
 function Button(_a) {
-    var _b;
-    var _c = _a.color, color = _c === void 0 ? 'default' : _c, _d = _a.variant, variant = _d === void 0 ? 'text' : _d, className = _a.className, props = __rest(_a, ["color", "variant", "className"]);
-    var classes = useStyles();
+    var _b = _a.color, color = _b === void 0 ? 'default' : _b, _c = _a.variant, variant = _c === void 0 ? 'text' : _c, className = _a.className, sx = _a.sx, props = __rest(_a, ["color", "variant", "className", "sx"]);
     function checarCor() {
         switch (color) {
             case 'primary':
@@ -168,9 +100,8 @@ function Button(_a) {
                 return 'default';
         }
     }
-    return (react_1.default.createElement(Button_1.default, __assign({ variant: variant, color: checarCor(), className: clsx_1.default(classes[variant], (_b = {}, _b[classes["" + variant + core_1.capitalize(color)]] = color !== 'default' && color !== 'inherit' && color !== 'primary' && color !== 'secondary', _b), className) }, props), props.children));
+    return (react_1.default.createElement(Button_1.default, __assign({ variant: variant, color: checarCor(), className: className, sx: __spreadArray([getCustomColorSx(color, variant)], normalizeSx(sx), true) }, props), props.children));
 }
-exports.default = Button;
 Button.propTypes = {
     children: prop_types_1.default.node.isRequired,
     classes: prop_types_1.default.object,

package/dist/components/MaterialButton/index.d.ts

@@ -1,2 +1 @@
-export { default } from './MaterialButton';
-export * from './MaterialButton'; 
+export { default } from "./MaterialButton";

package/dist/components/MenuBar/MenuBar.d.ts

@@ -1,8 +1,2 @@
-export interface MenuBarProps {}
-/**
- * @deprecated
- * @param props 
- */
-declare function MenuBar(props: MenuBarProps): JSX.Element
-
-export default MenuBar;
+declare const _default: any;
+export default _default;