norma-library 0.6.79 → 0.6.81

package/dist/esm/components/CheckBox.js

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { FormControlLabel, Checkbox as MuiCheckbox } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var CheckBoxStyled = styled(MuiCheckbox)({});
+export var CheckBox = function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(React.Fragment, null, props.label ? (React.createElement(FormControlLabel, { control: React.createElement(CheckBoxStyled, __assign({}, props)), label: props.label })) : (React.createElement(CheckBoxStyled, __assign({}, props)))));
+};
+//# sourceMappingURL=CheckBox.js.map

package/dist/esm/components/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAI1E,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA+B;QAA1B,KAAK,cAAV,EAAY,CAAF;IAEjC,OAAO,CACL,0CACG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,gBAAgB,IAAC,OAAO,EAAE,oBAAC,cAAc,eAAK,KAAK,EAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,eAAK,KAAK,EAAI,CAC9B,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/DateInput/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { DateInputProps } from './interface';
+declare const DateInput: React.FC<DateInputProps>;
+export default DateInput;

package/dist/esm/components/DateInput/index.js

@@ -0,0 +1,15 @@
+import React, { useState } from "react";
+import DatePicker from "react-datepicker";
+import * as S from "./styles";
+var DateInput = function (_a) {
+    var label = _a.label, dateFormat = _a.dateFormat, dateSelected = _a.dateSelected, className = _a.className, showTimeSelect = _a.showTimeSelect, timeFormat = _a.timeFormat, disabled = _a.disabled, onChange = _a.onChange;
+    var _b = useState(dateSelected), date = _b[0], setDate = _b[1];
+    return (React.createElement(S.Container, { className: className },
+        React.createElement(S.Label, null, label),
+        React.createElement(DatePicker, { dateFormat: dateFormat, selected: date, showTimeSelect: showTimeSelect, timeFormat: timeFormat, disabled: disabled, onChange: function (date) {
+                setDate(date);
+                onChange(date);
+            } })));
+};
+export default DateInput;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DateInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAG7B,IAAM,SAAS,GAA4B,UAAC,EASzC;QARC,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA;IAEJ,IAAA,KAAkB,QAAQ,CAAc,YAAY,CAAC,EAApD,IAAI,QAAA,EAAE,OAAO,QAAuC,CAAA;IAC3D,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,SAAS;QAC/B,oBAAC,CAAC,CAAC,KAAK,QAAE,KAAK,CAAW;QAC1B,oBAAC,UAAU,IACT,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,IAAI,EACd,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAC,IAAI;gBACb,OAAO,CAAC,IAAI,CAAC,CAAA;gBACb,QAAQ,CAAC,IAAI,CAAC,CAAA;YAChB,CAAC,GACD,CACU,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/esm/components/DateInput/interface.d.ts

@@ -0,0 +1,12 @@
+export interface DateInputProps {
+    className?: string;
+    label: string;
+    dateSelected: Date;
+    onChange: Function;
+    dateFormat: string;
+    showTimeSelect?: boolean;
+    timeFormat?: string;
+    disabled?: boolean;
+}
+export interface ContainerStyles {
+}

package/dist/esm/components/DateInput/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interface.js.map

package/dist/esm/components/DateInput/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../src/components/DateInput/interface.ts"],"names":[],"mappings":""}

package/dist/esm/components/DateInput/styles.d.ts

@@ -0,0 +1,4 @@
+import "react-datepicker/dist/react-datepicker.css";
+import { ContainerStyles } from './interface';
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerStyles>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;

package/dist/esm/components/DateInput/styles.js

@@ -0,0 +1,7 @@
+import { __makeTemplateObject } from "tslib";
+import styled from "styled-components";
+import "react-datepicker/dist/react-datepicker.css";
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .react-datepicker-wrapper {\n    width: 100%;\n    input {\n      border: none;\n      color: #4D4F5C;\n      border-bottom: 1px solid #00000033;\n      outline: none;\n      font-size: 18px;\n      padding: 8px;\n      width: 100%;\n      font-size: 16px;\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .react-datepicker-wrapper {\n    width: 100%;\n    input {\n      border: none;\n      color: #4D4F5C;\n      border-bottom: 1px solid #00000033;\n      outline: none;\n      font-size: 18px;\n      padding: 8px;\n      width: 100%;\n      font-size: 16px;\n    }\n  }\n"])));
+export var Label = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 14px;\n  margin: 0 0 4px 0;\n  color: #666;\n"], ["\n  font-size: 14px;\n  margin: 0 0 4px 0;\n  color: #666;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/DateInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/DateInput/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,4CAA4C,CAAC;AAGpD,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oZAAiB,iVAiBnD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,iIAAA,8DAIhC,IAAA,CAAA"}

package/dist/esm/components/DatePicker.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DatePickerBaseProps } from '../interfaces';
+import 'dayjs/locale/pt-br';
+import 'dayjs/locale/en';
+import 'dayjs/locale/es';
+export declare const DatePicker: ({ label, format, language, variant, }: DatePickerBaseProps) => React.JSX.Element;

package/dist/esm/components/DatePicker.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';
+import { MobileDatePicker as MuiMobileDatePicker } from '@mui/x-date-pickers/MobileDatePicker';
+import { DesktopDatePicker as MuiDesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
+import { styled } from '@mui/material/styles';
+import 'dayjs/locale/pt-br';
+import 'dayjs/locale/en';
+import 'dayjs/locale/es';
+var MuiDatePickerStyled = styled(MuiDatePicker)({
+    '& .MuiOutlinedInput-notchedOutline': {
+        border: 'none',
+        borderRadius: 0,
+        borderBottom: '1px solid #666666',
+    },
+    '& .MuiFormLabel-root': {
+        backgroundColor: '#fff',
+        padding: '0 5px',
+    },
+});
+var MuiMobileDatePickerStyled = styled(MuiMobileDatePicker)({
+    '& .MuiOutlinedInput-notchedOutline': {
+        border: 'none',
+        borderRadius: 0,
+        borderBottom: '1px solid #666666',
+    },
+    '& .MuiFormLabel-root': {
+        backgroundColor: '#fff',
+        padding: '0 5px',
+    },
+});
+var MuiDesktopDatePickerStyled = styled(MuiDesktopDatePicker)({
+    '& .MuiOutlinedInput-notchedOutline': {
+        border: 'none',
+        borderRadius: 0,
+        borderBottom: '1px solid #666666',
+    },
+    '& .MuiFormLabel-root': {
+        backgroundColor: '#fff',
+        padding: '0 5px',
+    },
+});
+export var DatePicker = function (_a) {
+    var label = _a.label, _b = _a.format, format = _b === void 0 ? 'DD/MM/YYYY' : _b, _c = _a.language, language = _c === void 0 ? 'pt-br' : _c, _d = _a.variant, variant = _d === void 0 ? 'desktop' : _d;
+    return (React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: language },
+        React.createElement(DemoContainer, { components: ['TimePicker', 'MobileTimePicker', 'DesktopTimePicker'] },
+            variant === 'responsive' && React.createElement(MuiDatePickerStyled, { label: label, format: format }),
+            variant === 'mobile' && React.createElement(MuiMobileDatePickerStyled, { label: label, format: format }),
+            variant === 'desktop' && React.createElement(MuiDesktopDatePickerStyled, { label: label, format: format }))));
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/esm/components/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAE,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAElG,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AAEzB,IAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAChD,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,IAAM,yBAAyB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAC5D,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,IAAM,0BAA0B,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IAC9D,oCAAoC,EAAE;QACpC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,mBAAmB;KAClC;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAKL;QAJpB,KAAK,WAAA,EACL,cAAqB,EAArB,MAAM,mBAAG,YAAY,KAAA,EACrB,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA;IAGnB,OAAO,CACL,oBAAC,oBAAoB,IAAC,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ;QACtE,oBAAC,aAAa,IAAC,UAAU,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,CAAC;YAC/E,OAAO,KAAK,YAAY,IAAI,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI;YACjF,OAAO,KAAK,QAAQ,IAAI,oBAAC,yBAAyB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI;YACnF,OAAO,KAAK,SAAS,IAAI,oBAAC,0BAA0B,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CACxE,CACK,CACxB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/DropDown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DropDownBaseProps } from '../interfaces';
+export declare const DropDown: ({ open, children, ...props }: DropDownBaseProps) => React.JSX.Element;

package/dist/esm/components/DropDown.js

@@ -0,0 +1,12 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Menu as MuiDropDown } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var DropDownStyled = styled(MuiDropDown)({});
+export var DropDown = function (_a) {
+    var open = _a.open, children = _a.children, props = __rest(_a, ["open", "children"]);
+    return (React.createElement(DropDownStyled, __assign({ open: true, id: "basic-menu", anchorEl: props.anchorEl, onClose: props.onClose, MenuListProps: {
+            'aria-labelledby': 'basic-button',
+        } }, props), children));
+};
+//# sourceMappingURL=DropDown.js.map

package/dist/esm/components/DropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../../src/components/DropDown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA+C;IAA7C,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IAEjD,OAAO,CACL,oBAAC,cAAc,aACb,IAAI,QACJ,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE;YACb,iBAAiB,EAAE,cAAc;SAClC,IACG,KAAK,GAER,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/IconButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconButtonBaseProps } from '../interfaces';
+export declare const IconButton: ({ circle, children, ...props }: IconButtonBaseProps) => React.JSX.Element;

package/dist/esm/components/IconButton.js

@@ -0,0 +1,28 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { IconButton as MuiIconButton } from '@mui/material';
+import { palette } from '../helpers';
+import { styled } from '@mui/material/styles';
+var colorMap = {
+    inherit: palette.inherit,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    error: palette.error,
+    warning: palette.warning,
+    info: palette.info,
+    success: palette.success,
+};
+var IconButtonStyled = styled(MuiIconButton)(function (_a) {
+    var circle = _a.circle, color = _a.color, variant = _a.variant, cursor = _a.cursor;
+    return ({
+        borderRadius: circle === 'true' ? 99 : 5,
+        border: variant === 'outlined' ? "1px solid ".concat(colorMap[color]) : 'none',
+        backgroundColor: variant === 'contained' ? "".concat(colorMap[color]) : 'none',
+        cursor: cursor,
+    });
+});
+export var IconButton = function (_a) {
+    var _b = _a.circle, circle = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["circle", "children"]);
+    return (React.createElement(IconButtonStyled, __assign({ circle: "".concat(circle), color: "primary", variant: "text", cursor: "default" }, props), children));
+};
+//# sourceMappingURL=IconButton.js.map

package/dist/esm/components/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,IAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAK3C,UAAC,EAAkC;QAAhC,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA;IAAO,OAAA,CAAC;QAC1C,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACxC,MAAM,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;QACxE,eAAe,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,UAAG,QAAQ,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;QACxE,MAAM,EAAE,MAAM;KACf,CAAC;AALyC,CAKzC,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAA2D;IAAzD,IAAA,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAApC,sBAAsC,CAAF;IAE7D,OAAO,CACL,oBAAC,gBAAgB,aAAC,MAAM,EAAE,UAAG,MAAM,CAAE,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,IAAK,KAAK,GAC7F,QAAQ,CACQ,CACpB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/IconifyIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IconProps {
+    iconName: string;
+    size?: string;
+    color?: string;
+}
+export declare const IconifyIcon: React.FC<IconProps>;
+export {};

package/dist/esm/components/IconifyIcon.js

@@ -0,0 +1,7 @@
+import { Icon } from '@iconify/react';
+import React from 'react';
+export var IconifyIcon = function (_a) {
+    var iconName = _a.iconName, color = _a.color, size = _a.size;
+    return (React.createElement(Icon, { icon: iconName, color: color, width: size, strokeWidth: 2.5 }));
+};
+//# sourceMappingURL=IconifyIcon.js.map

package/dist/esm/components/IconifyIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconifyIcon.js","sourceRoot":"","sources":["../../../src/components/IconifyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,IAAM,WAAW,GAAwB,UAAC,EAIhD;QAHG,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA;IAEJ,OAAO,CACH,oBAAC,IAAI,IACD,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,EACX,WAAW,EAAE,GAAG,GAClB,CACL,CAAA;AACL,CAAC,CAAA"}

package/dist/esm/components/Icons.d.ts

@@ -0,0 +1,7 @@
+import React, { FunctionComponent } from 'react';
+import { IconsProps, SvgProps } from '../interfaces/Icons';
+export declare const Svg: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & SvgProps, React.SVGProps<SVGSVGElement>, {}>;
+export declare const Icons: FunctionComponent<IconsProps>;

package/dist/esm/components/Icons.js

@@ -0,0 +1,49 @@
+import { __assign, __makeTemplateObject, __rest } from "tslib";
+import React from 'react';
+import { iconsSVG } from './Svgs';
+import styled from '@emotion/styled';
+import { palette } from '../helpers';
+export var Svg = styled.svg({
+    shapeRendering: 'inherit',
+    transform: 'translate3d(0,0,0)',
+}, function (_a) {
+    var inline = _a.inline;
+    return (inline ? { display: 'inline-block' } : { display: 'block' });
+});
+var scaleSize = {
+    xsmall: 14,
+    small: 20,
+    medium: 24,
+    large: 28,
+    xlarge: 32,
+    '2xlarge': 36,
+    '3xlarge': 40,
+};
+// Definindo um objeto com as cores de preenchimento e traço com base no MUI
+var colors = {
+    inherit: palette.inherit,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    error: palette.error,
+    info: palette.info,
+    success: palette.success,
+    warning: palette.warning,
+    white: palette.white,
+    black: palette.black,
+};
+export var Icons = function (_a) {
+    var icon = _a.icon, scale = _a.scale, useSymbol = _a.useSymbol, _b = _a.color, color = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["icon", "scale", "useSymbol", "color"]);
+    var width = 24;
+    var height = 24;
+    if (scale) {
+        width = scaleSize[scale];
+        height = scaleSize[scale];
+    }
+    // Obtém a cor de preenchimento e traço com base no valor da prop 'color'
+    var fill = colors[color];
+    var stroke = colors[color];
+    var Svg = styled.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: inline-block;\n    shape-rendering: inherit;\n    vertical-align: middle;\n    fill: ", ";\n    path {\n      stroke: ", ";\n    }\n    circle {\n      stroke: ", ";\n    }\n    rect {\n      stroke: ", ";\n    }\n  "], ["\n    display: inline-block;\n    shape-rendering: inherit;\n    vertical-align: middle;\n    fill: ", ";\n    path {\n      stroke: ", ";\n    }\n    circle {\n      stroke: ", ";\n    }\n    rect {\n      stroke: ", ";\n    }\n  "])), fill, stroke, stroke, stroke);
+    return (React.createElement(Svg, __assign({ viewBox: "0 0 56 56", width: "".concat(width, "px"), height: "".concat(height, "px") }, props), useSymbol ? (React.createElement("use", { xlinkHref: "#icon--".concat(icon), fill: fill, stroke: stroke })) : (React.cloneElement(iconsSVG[icon], { fill: fill, stroke: stroke }))));
+};
+var templateObject_1;
+//# sourceMappingURL=Icons.js.map

package/dist/esm/components/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../src/components/Icons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGlC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,CAAC,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAC3B;IACE,cAAc,EAAE,SAAS;IACzB,SAAS,EAAE,oBAAoB;CAChC,EACD,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAA7D,CAA6D,CAC9E,CAAC;AAEF,IAAM,SAAS,GAA8B;IAC3C,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,4EAA4E;AAC5E,IAAM,MAAM,GAA+B;IACzC,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,KAAK,EAAE,OAAO,CAAC,KAAK;CACrB,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAkC,UAAC,EAMxC;IALX,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAL2C,uCAMpD,CADS;IAER,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,KAAK,EAAE,CAAC;QACV,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QACzB,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,yEAAyE;IACzE,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,IAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE7B,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,4SAAA,sGAIZ,EAAI,+BAEA,EAAM,wCAGN,EAAM,sCAGN,EAAM,cAEnB,KAVS,IAAI,EAEA,MAAM,EAGN,MAAM,EAGN,MAAM,CAEnB,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,aAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,UAAG,KAAK,OAAI,EAAE,MAAM,EAAE,UAAG,MAAM,OAAI,IAAM,KAAK,GAC3E,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAE,iBAAU,IAAI,CAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACjE,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CACrD,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Modal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ModalBaseProps } from '../interfaces';
+export declare function Close(): React.JSX.Element;
+export declare const Modal: ({ open, children, paperProps, ...props }: ModalBaseProps) => React.JSX.Element;

package/dist/esm/components/Modal.js

@@ -0,0 +1,36 @@
+import { __assign, __makeTemplateObject, __rest } from "tslib";
+import React from 'react';
+import { Modal as MuiModal, Paper, Box, Typography } from '@mui/material';
+import styled from 'styled-components';
+import { IconButton } from './IconButton';
+import { Button } from './Button';
+var ModalStyled = styled(MuiModal)({});
+var ModalContentStyled = styled(Paper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid #00000033;\n  border-radius: 4px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: ", ";\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  outline: none;\n"], ["\n  border: 1px solid #00000033;\n  border-radius: 4px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: ", ";\n  transform: translate(-50%, -50%);\n  background-color: #fff;\n  outline: none;\n"])), function (props) { return props.$w || '421px'; });
+var ModalHeaderStyled = styled(Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-align: left;\n  box-sizing: border-box;\n  margin: 0;\n  position: relative;\n  padding: 22px 26px 15px 26px;\n  justify-content: space-between;\n  display: flex;\n  pointer-events: none;\n  & h2 {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 18px;\n    color: #1d1d1d;\n  }\n"], ["\n  text-align: left;\n  box-sizing: border-box;\n  margin: 0;\n  position: relative;\n  padding: 22px 26px 15px 26px;\n  justify-content: space-between;\n  display: flex;\n  pointer-events: none;\n  & h2 {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 18px;\n    color: #1d1d1d;\n  }\n"])));
+var ModalFooterStyled = styled(Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 24px;\n  display: flex;\n  justify-content: ", ";\n  gap: 24px;\n"], ["\n  box-sizing: border-box;\n  position: relative;\n  padding: 24px;\n  display: flex;\n  justify-content: ", ";\n  gap: 24px;\n"])), function (props) { return (props.$spaceBetween ? 'space-between' : 'flex-end'); });
+var ModalContainerChildrenStyled = styled(Box)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  box-sizing: border-box;\n  padding: 24px;\n"], ["\n  box-sizing: border-box;\n  padding: 24px;\n"])));
+export function Close() {
+    return (React.createElement("svg", { fill: "#808080", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", height: "24", width: "24" },
+        React.createElement("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" })));
+}
+export var Modal = function (_a) {
+    var _b;
+    var open = _a.open, children = _a.children, paperProps = _a.paperProps, props = __rest(_a, ["open", "children", "paperProps"]);
+    var handleClose = function (event, reason) {
+        var _a;
+        (reason === "escapeKeyDown" || !props.shouldNotCloseOnOutsideClick) && ((_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, event));
+    };
+    return (React.createElement(ModalStyled, __assign({ open: true }, props, { onClose: handleClose }),
+        React.createElement(ModalContentStyled, __assign({}, paperProps, { "$w": props.width }),
+            React.createElement(IconButton, { onClick: props.onClose, size: "small", color: "inherit", variant: "text", cursor: "pointer", sx: { padding: '0', position: 'absolute', right: '22px', top: '22px', zIndex: 2 }, className: 'Modal__Close' },
+                React.createElement(Close, null)),
+            props.title && (React.createElement(ModalHeaderStyled, null,
+                React.createElement(Typography, { variant: "h2" }, props.title))),
+            React.createElement(ModalContainerChildrenStyled, null, children),
+            !!((_b = props.action) === null || _b === void 0 ? void 0 : _b.length) && (React.createElement(ModalFooterStyled, { "$spaceBetween": props.actionSpaceBetween }, props.action.map(function (_a, key) {
+                var color = _a.color, variant = _a.variant, action = _a.action, size = _a.size, label = _a.label, rest = __rest(_a, ["color", "variant", "action", "size", "label"]);
+                return (React.createElement(Button, __assign({ color: color, variant: variant, key: key, onClick: action, size: size }, rest), label));
+            }))))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Modal.js.map

package/dist/esm/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MultiSelectInput/components/MultiValue/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MultiValue: React.FC<any>;
+export default MultiValue;

package/dist/esm/components/MultiSelectInput/components/MultiValue/index.js

@@ -0,0 +1,30 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { components } from "react-select";
+var MoreSelectedBadge = function (_a) {
+    var items = _a.items;
+    var style = {
+        marginLeft: "auto",
+        background: "#F8F9FA",
+        color: "#666666",
+        borderRadius: "4px",
+        fontFamily: "Open Sans",
+        fontSize: "11px",
+        padding: "3px",
+        order: 99
+    };
+    var title = items.join(", ");
+    var length = items.length;
+    var label = "+ ".concat(length);
+    return (React.createElement("div", { style: style, title: title }, label));
+};
+var MultiValue = function (_a) {
+    var index = _a.index, getValue = _a.getValue, props = __rest(_a, ["index", "getValue"]);
+    var maxToShow = 3;
+    var overflow = getValue()
+        .slice(maxToShow)
+        .map(function (x) { return x.label; });
+    return index < maxToShow ? (React.createElement(components.MultiValue, __assign({}, props))) : index === maxToShow ? (React.createElement(MoreSelectedBadge, { items: overflow })) : null;
+};
+export default MultiValue;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MultiSelectInput/components/MultiValue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MultiSelectInput/components/MultiValue/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,IAAM,iBAAiB,GAAG,UAAC,EAAc;QAAZ,KAAK,WAAA;IAChC,IAAM,KAAK,GAAG;QACZ,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,SAAS;QACrB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,WAAW;QACvB,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,EAAE;KACV,CAAC;IAEF,IAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,IAAM,KAAK,GAAG,YAAK,MAAM,CAAE,CAAC;IAE5B,OAAO,CACL,6BAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC5B,KAAK,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,UAAU,GAAiB,UAAC,EAIjC;IAHC,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,cAHwB,qBAIjC,CADS;IAER,IAAM,SAAS,GAAG,CAAC,CAAC;IACpB,IAAM,QAAQ,GAAG,QAAQ,EAAE;SACxB,KAAK,CAAC,SAAS,CAAC;SAChB,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAC;IAE5B,OAAO,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CACzB,oBAAC,UAAU,CAAC,UAAU,eAAK,KAAK,EAAI,CACrC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACxB,oBAAC,iBAAiB,IAAC,KAAK,EAAE,QAAQ,GAAI,CACvC,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/esm/components/MultiSelectInput/components/Option/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Option: React.FC<any>;
+export default Option;

package/dist/esm/components/MultiSelectInput/components/Option/index.js

@@ -0,0 +1,36 @@
+import { __assign, __rest } from "tslib";
+import React, { useState } from "react";
+import { components } from "react-select";
+import * as S from "./styles";
+var Option = function (_a) {
+    var isFocused = _a.isFocused, isSelected = _a.isSelected, innerProps = _a.innerProps, children = _a.children, getStyles = _a.getStyles, isDisabled = _a.isDisabled, rest = __rest(_a, ["isFocused", "isSelected", "innerProps", "children", "getStyles", "isDisabled"]);
+    var _b = useState(false), isActive = _b[0], setIsActive = _b[1];
+    var onMouseDown = function () { return setIsActive(true); };
+    var onMouseUp = function () { return setIsActive(false); };
+    var onMouseLeave = function () { return setIsActive(false); };
+    var bg = "transparent";
+    var color = "#000";
+    if (isFocused) {
+        bg = "#f1f1f1";
+    }
+    ;
+    if (isActive) {
+        bg = "#F8F9FA";
+    }
+    ;
+    var style = {
+        alignItems: "center",
+        transition: "0.3s",
+        backgroundColor: bg,
+        color: color,
+        display: "flex ",
+        gap: '8px'
+    };
+    var props = __assign(__assign(__assign({}, innerProps), { onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseLeave: onMouseLeave, style: style }), rest);
+    return (React.createElement(S.Container, null,
+        React.createElement(components.Option, __assign({}, rest, { isDisabled: isDisabled, isFocused: isFocused, isSelected: isSelected, getStyles: getStyles, innerProps: props }),
+            React.createElement("input", { type: "checkbox", checked: isSelected, onChange: function () { return null; } }),
+            children)));
+};
+export default Option;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MultiSelectInput/components/Option/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MultiSelectInput/components/Option/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,IAAM,MAAM,GAAiB,UAAC,EAQ7B;IAPC,IAAA,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAU,gBAAA,EACP,IAAI,cAPqB,gFAQ7B,CADQ;IAED,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAChD,IAAM,WAAW,GAAG,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,CAAC;IAC5C,IAAM,SAAS,GAAG,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC;IAC3C,IAAM,YAAY,GAAG,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC;IAE9C,IAAI,EAAE,GAAG,aAAa,CAAA;IACtB,IAAI,KAAK,GAAG,MAAM,CAAA;IAElB,IAAI,SAAS,EAAE,CAAC;QACd,EAAE,GAAG,SAAS,CAAA;IAChB,CAAC;IAAA,CAAC;IACF,IAAI,QAAQ,EAAE,CAAC;QACb,EAAE,GAAG,SAAS,CAAA;IAChB,CAAC;IAAA,CAAC;IAEF,IAAM,KAAK,GAAG;QACZ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,MAAM;QAClB,eAAe,EAAE,EAAE;QACnB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,OAAO;QAChB,GAAG,EAAE,KAAK;KACX,CAAC;IAEF,IAAM,KAAK,kCACN,UAAU,KACb,WAAW,aAAA,EACX,SAAS,WAAA,EACT,YAAY,cAAA,EACZ,KAAK,OAAA,KACF,IAAI,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;QACV,oBAAC,UAAU,CAAC,MAAM,eACZ,IAAI,IACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK;YACjB,+BAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,GAAG;YAClE,QAAQ,CACS,CACR,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAA"}

package/dist/esm/components/MultiSelectInput/components/Option/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/MultiSelectInput/components/Option/styles.js

@@ -0,0 +1,5 @@
+import { __makeTemplateObject } from "tslib";
+import styled from "styled-components";
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 16px;\n  color: #666666;\n  &:nth-child(even) {\n    background: #F8F9FA;\n  }\n"], ["\n  font-size: 16px;\n  color: #666666;\n  &:nth-child(even) {\n    background: #F8F9FA;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/MultiSelectInput/components/Option/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/MultiSelectInput/components/Option/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oKAAA,iGAMlC,IAAA,CAAA"}

package/dist/esm/components/MultiSelectInput/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { MultiSelectProps } from "./interfaces";
+declare const MultiSelectInput: React.FC<MultiSelectProps>;
+export default MultiSelectInput;

package/dist/esm/components/MultiSelectInput/index.js

@@ -0,0 +1,33 @@
+import React, { useState } from "react";
+import Select from "react-select";
+import * as S from "./styles";
+import Option from "./components/Option";
+import MultiValue from "./components/MultiValue";
+var MultiSelectInput = function (_a) {
+    var className = _a.className, label = _a.label, onChange = _a.onChange, placeholder = _a.placeholder, disabled = _a.disabled, options = _a.options, value = _a.value, isSearchable = _a.isSearchable, isClearable = _a.isClearable;
+    var _b = useState(value), valueSelected = _b[0], setValueSelected = _b[1];
+    var components = {
+        MultiValueContainer: function (_a) {
+            var _b;
+            var selectProps = _a.selectProps, data = _a.data;
+            var values = selectProps.value;
+            if (values) {
+                var separator = values.length > 1 ? ', ' : '';
+                return ((_b = values[values.length - 1]) === null || _b === void 0 ? void 0 : _b.label) === (data === null || data === void 0 ? void 0 : data.label)
+                    ? data === null || data === void 0 ? void 0 : data.label
+                    : (data === null || data === void 0 ? void 0 : data.label) + "".concat(separator);
+            }
+            return;
+        },
+        Option: Option,
+        MultiValue: MultiValue
+    };
+    return (React.createElement(S.Container, { className: className },
+        label ? React.createElement(S.Label, null, label) : null,
+        React.createElement(Select, { placeholder: placeholder, className: "react-select-container", classNamePrefix: "react-select", defaultValue: valueSelected || [], options: options, isMulti: true, closeMenuOnSelect: false, hideSelectedOptions: false, isDisabled: disabled, isSearchable: isSearchable, isClearable: isClearable, components: components, onChange: function (values) {
+                setValueSelected(values);
+                onChange(values);
+            } })));
+};
+export default MultiSelectInput;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MultiSelectInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,cAAc,CAAA;AAEjC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAEhD,IAAM,gBAAgB,GAA8B,UAAC,EAUpD;QATC,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA;IAEL,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IAEzD,IAAM,UAAU,GAAG;QACjB,mBAAmB,EAAE,UAAC,EAA0B;;gBAAxB,WAAW,iBAAA,EAAE,IAAI,UAAA;YACvC,IAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;YACjC,IAAI,MAAM,EAAE,CAAC;gBACX,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;gBAC/C,OAAO,CAAA,MAAA,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,KAAK,OAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAA;oBACrD,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK;oBACb,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAG,UAAG,SAAS,CAAE,CAAC;YACnC,CAAC;YACD,OAAM;QACR,CAAC;QACD,MAAM,QAAA;QACN,UAAU,YAAA;KACX,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,SAAS;QAC7B,KAAK,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,KAAK,QAAE,KAAK,CAAW,CAAC,CAAC,CAAC,IAAI;QAC3C,oBAAC,MAAM,IACL,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,wBAAwB,EAClC,eAAe,EAAC,cAAc,EAC9B,YAAY,EAAE,aAAa,IAAI,EAAE,EACjC,OAAO,EAAE,OAAO,EAChB,OAAO,QACP,iBAAiB,EAAE,KAAK,EACxB,mBAAmB,EAAE,KAAK,EAC1B,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAC,MAAW;gBACpB,gBAAgB,CAAC,MAAM,CAAC,CAAA;gBACxB,QAAQ,CAAC,MAAM,CAAC,CAAA;YAClB,CAAC,GACD,CACU,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/esm/components/MultiSelectInput/interfaces.d.ts

@@ -0,0 +1,15 @@
+export interface Option {
+    value: string | number;
+    label: string;
+}
+export interface MultiSelectProps {
+    className?: string;
+    label?: string;
+    onChange: Function;
+    placeholder?: string;
+    disabled?: boolean;
+    options: Option[];
+    value: Option;
+    isSearchable?: boolean;
+    isClearable?: boolean;
+}

package/dist/esm/components/MultiSelectInput/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/dist/esm/components/MultiSelectInput/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectInput/interfaces.ts"],"names":[],"mappings":""}

package/dist/esm/components/MultiSelectInput/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;

package/dist/esm/components/MultiSelectInput/styles.js

@@ -0,0 +1,6 @@
+import { __makeTemplateObject } from "tslib";
+import styled from "styled-components";
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .react-select {\n    &__control {\n      border-radius: 0;\n      border: none;\n      border-bottom: 1px solid #00000033;\n    }\n    &__control--is-focused {\n      border-bottom: 1px solid #00000033;\n      box-shadow: none;\n    }\n    &__control:hover {\n      border: none;\n      border-bottom: 1px solid #00000033 !important;\n      box-shadow: 0 0 0 #fff;\n    }\n    &__indicator-separator {\n      background: #fff;\n    }\n    &__multi-value {\n      background: transparent;\n      border-radius: 4px;\n      &__label {\n        color: #4D4F5C;\n        font-size: 18px;\n        padding: 0;\n      }\n      &__remove {\n        display: none;\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .react-select {\n    &__control {\n      border-radius: 0;\n      border: none;\n      border-bottom: 1px solid #00000033;\n    }\n    &__control--is-focused {\n      border-bottom: 1px solid #00000033;\n      box-shadow: none;\n    }\n    &__control:hover {\n      border: none;\n      border-bottom: 1px solid #00000033 !important;\n      box-shadow: 0 0 0 #fff;\n    }\n    &__indicator-separator {\n      background: #fff;\n    }\n    &__multi-value {\n      background: transparent;\n      border-radius: 4px;\n      &__label {\n        color: #4D4F5C;\n        font-size: 18px;\n        padding: 0;\n      }\n      &__remove {\n        display: none;\n      }\n    }\n  }\n"])));
+export var Label = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 14px;\n  margin: 0 0 4px 0;\n  color: #4D4F5C;\n"], ["\n  font-size: 14px;\n  margin: 0 0 4px 0;\n  color: #4D4F5C;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/MultiSelectInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectInput/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,6yBAAA,0uBAmClC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oIAAA,iEAIhC,IAAA,CAAA"}

package/dist/esm/components/Paper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PaperBaseProps } from '../interfaces';
+export declare const Paper: ({ children, ...props }: PaperBaseProps & {}) => React.JSX.Element;

package/dist/esm/components/Paper.js

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Paper as MuiPaper } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var PaperStyled = styled(MuiPaper)({});
+export var Paper = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(PaperStyled, __assign({}, props), children));
+};
+//# sourceMappingURL=Paper.js.map

package/dist/esm/components/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sourceRoot":"","sources":["../../../src/components/Paper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,IAAM,KAAK,GAAG,UAAC,EAA2C;IAAzC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACxC,OAAO,CACL,oBAAC,WAAW,eAAK,KAAK,GAAG,QAAQ,CAAe,CACjD,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ProductCard/ProductCard.d.ts

@@ -0,0 +1,3 @@
+import { ProductCardProps } from "../../interfaces/ProductCard";
+import React from "react";
+export declare const ProductCard: React.FC<ProductCardProps>;