@zydon/common 2.2.43 → 2.2.45

package/dist/components/ImageCrop/index.js

@@ -1,7 +1,52 @@
 import { jsx } from 'react/jsx-runtime';
-import l from 'react-cropper';
+import Cropper from 'react-cropper';
 import { Container } from './styles';
 
-const n=({onInitialized:t,aspectRatio:a=1,imageSrc:i="",zoom:p=.5,onZoomChange:e})=>jsx(Container,{children:jsx(l,{zoomTo:p,wheelZoomRatio:.2,zoomOnWheel:!0,zoom:o=>{if(o.detail.ratio>2){o.preventDefault(),e(2);return}if(o.detail.ratio<.1){o.preventDefault(),e(.1);return}e(o.detail.ratio);},src:i,aspectRatio:a,viewMode:0,responsive:!0,autoCropArea:1,guides:!0,background:!1,onInitialized:t,dragMode:"move",cropBoxMovable:!1,style:{height:"25vw"}})});var C=n;
+const ImageCrop = ({
+  onInitialized,
+  aspectRatio = 1,
+  imageSrc = "",
+  zoom = 0.5,
+  onZoomChange
+}) => {
+  const handleZoomChange = (event) => {
+    if (event.detail.ratio > 2) {
+      event.preventDefault();
+      onZoomChange(2);
+      return;
+    }
+    if (event.detail.ratio < 0.1) {
+      event.preventDefault();
+      onZoomChange(0.1);
+      return;
+    }
+    onZoomChange(event.detail.ratio);
+  };
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(
+    Cropper,
+    {
+      zoomTo: zoom,
+      wheelZoomRatio: 0.2,
+      zoomOnWheel: true,
+      zoom: handleZoomChange,
+      src: imageSrc,
+      aspectRatio,
+      viewMode: 0,
+      responsive: true,
+      autoCropArea: 1,
+      guides: true,
+      background: false,
+      onInitialized,
+      dragMode: "move",
+      cropBoxMovable: false,
+      style: {
+        height: "25vw"
+      }
+    }
+  ) });
+};
+var ImageCrop_default = ImageCrop;
 
-export { C as default };
+export { ImageCrop_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ImageCrop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ImageCrop/index.tsx"],"names":[],"mappings":"AA8BM;AA9BN,OAAO,aAAa;AAGpB,SAAS,iBAAiB;AAE1B,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AACF,MAAsB;AACpB,QAAM,mBAAmB,CAAC,UAA+C;AACvE,QAAI,MAAM,OAAO,QAAQ,GAAG;AAC1B,YAAM,eAAe;AACrB,mBAAa,CAAC;AACd;AAAA,IACF;AAEA,QAAI,MAAM,OAAO,QAAQ,KAAK;AAC5B,YAAM,eAAe;AACrB,mBAAa,GAAG;AAChB;AAAA,IACF;AAEA,iBAAa,MAAM,OAAO,KAAK;AAAA,EACjC;AAEA,SACE,oBAAC,aACC;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM;AAAA,MACN,KAAK;AAAA,MACL;AAAA,MACA,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ;AAAA,MACA,UAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,OAAO;AAAA,QACL,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,oBAAQ","sourcesContent":["import Cropper from 'react-cropper';\n\nimport { ImageCropProps } from './props';\nimport { Container } from './styles';\n\nconst ImageCrop = ({\n  onInitialized,\n  aspectRatio = 1,\n  imageSrc = '',\n  zoom = 0.5,\n  onZoomChange,\n}: ImageCropProps) => {\n  const handleZoomChange = (event: Cropper.ZoomEvent<HTMLImageElement>) => {\n    if (event.detail.ratio > 2) {\n      event.preventDefault();\n      onZoomChange(2);\n      return;\n    }\n\n    if (event.detail.ratio < 0.1) {\n      event.preventDefault();\n      onZoomChange(0.1);\n      return;\n    }\n\n    onZoomChange(event.detail.ratio);\n  };\n\n  return (\n    <Container>\n      <Cropper\n        zoomTo={zoom}\n        wheelZoomRatio={0.2}\n        zoomOnWheel={true}\n        zoom={handleZoomChange}\n        src={imageSrc}\n        aspectRatio={aspectRatio}\n        viewMode={0}\n        responsive={true}\n        autoCropArea={1}\n        guides={true}\n        background={false}\n        onInitialized={onInitialized}\n        dragMode=\"move\"\n        cropBoxMovable={false}\n        style={{\n          height: '25vw',\n        }}\n      />\n    </Container>\n  );\n};\n\nexport default ImageCrop;\n"]}

package/dist/components/ImageCropModal/index.js

@@ -1,14 +1,131 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import k from '@mui/lab/LoadingButton';
-import i from '@mui/material/Button';
-import z from '@mui/material/Slider';
-import r from '@mui/material/Stack';
-import M from '@mui/material/Typography';
-import n from '../Icon';
-import v from '../ImageCrop';
-import B from '../Modal';
+import LoadingButton from '@mui/lab/LoadingButton';
+import Button from '@mui/material/Button';
+import Slider from '@mui/material/Slider';
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+import Icon from '../Icon';
+import ImageCrop from '../ImageCrop';
+import Modal from '../Modal';
 
-const y=({id:c,open:d,onClose:e,label:p,onSave:u,onRemove:g,onPreview:s,imageSrc:f,aspectRatio:h,onInitialized:C,loading:I})=>{const[l,m]=useState(.5);return jsx(B,{open:d,onClose:e,dialogTitle:p,actions:jsxs(Fragment,{children:[jsx(i,{variant:"outlined",size:"medium",onClick:e,color:"inherit",children:"Cancelar"}),jsx(k,{variant:"contained",size:"medium",onClick:u,loading:I,children:"Salvar"})]}),fullWidth:!0,maxWidth:"sm",keepMounted:!0,children:jsxs(r,{gap:2,children:[jsx(v,{imageSrc:f,aspectRatio:h,onInitialized:C,zoom:l,onZoomChange:m}),jsxs(r,{gap:1.5,children:[jsxs(r,{width:1,direction:"row",gap:3,flex:1,alignItems:"center",children:[jsx(M,{variant:"body1",children:"Zoom"}),jsx(z,{value:l,onChange:(E,a)=>m(Array.isArray(a)?a[0]:a),min:.1,max:2,size:"medium",step:.0125})]}),jsxs(r,{direction:"row",gap:2,children:[jsx(i,{variant:"outlined",color:"inherit",size:"large",fullWidth:!0,startIcon:jsx(n,{icon:"DELETE_MARK_BUTTON_02"}),onClick:g,children:"Remover"}),jsx(i,{variant:"outlined",color:"inherit",size:"large",fullWidth:!0,startIcon:jsx(n,{icon:"PLAY_SIMPLE"}),onClick:s,children:"Pr\xE9-visualizar"}),jsx(i,{variant:"outlined",color:"inherit",size:"large",fullWidth:!0,startIcon:jsx(n,{icon:"SEARCH_IMAGE"}),component:"label",htmlFor:c,children:"Alterar"})]})]})]})})};var F=y;
+const ImageCropModal = ({
+  id,
+  open,
+  onClose,
+  label,
+  onSave,
+  onRemove,
+  onPreview,
+  imageSrc,
+  aspectRatio,
+  onInitialized,
+  loading
+}) => {
+  const [zoom, setZoom] = useState(0.5);
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open,
+      onClose,
+      dialogTitle: label,
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outlined",
+            size: "medium",
+            onClick: onClose,
+            color: "inherit",
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          LoadingButton,
+          {
+            variant: "contained",
+            size: "medium",
+            onClick: onSave,
+            loading,
+            children: "Salvar"
+          }
+        )
+      ] }),
+      fullWidth: true,
+      maxWidth: "sm",
+      keepMounted: true,
+      children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+        /* @__PURE__ */ jsx(
+          ImageCrop,
+          {
+            imageSrc,
+            aspectRatio,
+            onInitialized,
+            zoom,
+            onZoomChange: setZoom
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
+          /* @__PURE__ */ jsxs(Stack, { width: 1, direction: "row", gap: 3, flex: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "Zoom" }),
+            /* @__PURE__ */ jsx(
+              Slider,
+              {
+                value: zoom,
+                onChange: (_, v) => setZoom(Array.isArray(v) ? v[0] : v),
+                min: 0.1,
+                max: 2,
+                size: "medium",
+                step: 0.0125
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outlined",
+                color: "inherit",
+                size: "large",
+                fullWidth: true,
+                startIcon: /* @__PURE__ */ jsx(Icon, { icon: "DELETE_MARK_BUTTON_02" }),
+                onClick: onRemove,
+                children: "Remover"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outlined",
+                color: "inherit",
+                size: "large",
+                fullWidth: true,
+                startIcon: /* @__PURE__ */ jsx(Icon, { icon: "PLAY_SIMPLE" }),
+                onClick: onPreview,
+                children: "Pr\xE9-visualizar"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outlined",
+                color: "inherit",
+                size: "large",
+                fullWidth: true,
+                startIcon: /* @__PURE__ */ jsx(Icon, { icon: "SEARCH_IMAGE" }),
+                component: "label",
+                htmlFor: id,
+                children: "Alterar"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+var ImageCropModal_default = ImageCropModal;
 
-export { F as default };
+export { ImageCropModal_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ImageCropModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ImageCropModal/index.tsx"],"names":[],"mappings":"AAkCQ,mBACE,KADF;AAlCR,SAAS,gBAAgB;AACzB,OAAO,mBAAmB;AAC1B,OAAO,YAAY;AACnB,OAAO,YAAY;AACnB,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,UAAU;AACjB,OAAO,eAAe;AACtB,OAAO,WAAW;AAIlB,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB,GAAG;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,SACE,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACT,OAAM;AAAA,YACP;AAAA;AAAA,QAED;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACT;AAAA,YACD;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MAEF,WAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAW;AAAA,MAEX,+BAAC,SAAM,KAAK,GACV;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAc;AAAA;AAAA,QAChB;AAAA,QAEA,qBAAC,SAAM,KAAK,KACV;AAAA,+BAAC,SAAM,OAAO,GAAG,WAAU,OAAM,KAAK,GAAG,MAAM,GAAG,YAAW,UAC3D;AAAA,gCAAC,cAAW,SAAQ,SAAQ,kBAAI;AAAA,YAEhC;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP,UAAU,CAAC,GAAG,MAAM,QAAQ,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC;AAAA,gBACvD,KAAK;AAAA,gBACL,KAAK;AAAA,gBACL,MAAK;AAAA,gBACL,MAAM;AAAA;AAAA,YACR;AAAA,aACF;AAAA,UAEA,qBAAC,SAAM,WAAU,OAAM,KAAK,GAC1B;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAS;AAAA,gBACT,WAAW,oBAAC,QAAK,MAAK,yBAAwB;AAAA,gBAC9C,SAAS;AAAA,gBACV;AAAA;AAAA,YAED;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAS;AAAA,gBACT,WAAW,oBAAC,QAAK,MAAK,eAAc;AAAA,gBACpC,SAAS;AAAA,gBACV;AAAA;AAAA,YAED;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAS;AAAA,gBACT,WAAW,oBAAC,QAAK,MAAK,gBAAe;AAAA,gBACrC,WAAU;AAAA,gBACV,SAAS;AAAA,gBACV;AAAA;AAAA,YAED;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ","sourcesContent":["import { useState } from 'react';\nimport LoadingButton from '@mui/lab/LoadingButton';\nimport Button from '@mui/material/Button';\nimport Slider from '@mui/material/Slider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from '../Icon';\nimport ImageCrop from '../ImageCrop';\nimport Modal from '../Modal';\n\nimport { ImageCropModalPros } from './props';\n\nconst ImageCropModal = ({\n  id,\n  open,\n  onClose,\n  label,\n  onSave,\n  onRemove,\n  onPreview,\n  imageSrc,\n  aspectRatio,\n  onInitialized,\n  loading,\n}: ImageCropModalPros) => {\n  const [zoom, setZoom] = useState<number>(0.5);\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      dialogTitle={label}\n      actions={\n        <>\n          <Button\n            variant=\"outlined\"\n            size=\"medium\"\n            onClick={onClose}\n            color=\"inherit\"\n          >\n            Cancelar\n          </Button>\n\n          <LoadingButton\n            variant=\"contained\"\n            size=\"medium\"\n            onClick={onSave}\n            loading={loading}\n          >\n            Salvar\n          </LoadingButton>\n        </>\n      }\n      fullWidth\n      maxWidth=\"sm\"\n      keepMounted\n    >\n      <Stack gap={2}>\n        <ImageCrop\n          imageSrc={imageSrc}\n          aspectRatio={aspectRatio}\n          onInitialized={onInitialized}\n          zoom={zoom}\n          onZoomChange={setZoom}\n        />\n\n        <Stack gap={1.5}>\n          <Stack width={1} direction=\"row\" gap={3} flex={1} alignItems=\"center\">\n            <Typography variant=\"body1\">Zoom</Typography>\n\n            <Slider\n              value={zoom}\n              onChange={(_, v) => setZoom(Array.isArray(v) ? v[0] : v)}\n              min={0.1}\n              max={2}\n              size=\"medium\"\n              step={0.0125}\n            />\n          </Stack>\n\n          <Stack direction=\"row\" gap={2}>\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"DELETE_MARK_BUTTON_02\" />}\n              onClick={onRemove}\n            >\n              Remover\n            </Button>\n\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"PLAY_SIMPLE\" />}\n              onClick={onPreview}\n            >\n              Pré-visualizar\n            </Button>\n\n            <Button\n              variant=\"outlined\"\n              color=\"inherit\"\n              size=\"large\"\n              fullWidth\n              startIcon={<Icon icon=\"SEARCH_IMAGE\" />}\n              component=\"label\"\n              htmlFor={id}\n            >\n              Alterar\n            </Button>\n          </Stack>\n        </Stack>\n      </Stack>\n    </Modal>\n  );\n};\n\nexport default ImageCropModal;\n"]}

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

@@ -17,6 +17,8 @@ type IncrementerProps = {
     minValue?: number;
     maxValue?: number;
     loading?: boolean;
+    labelIncrementer?: string;
+    labelDecrementer?: string;
 } & Omit<TextFieldProps, 'onChange'> & Omit<NumberInputProps, 'onChange'>;
 
 declare const Incrementer: react.ForwardRefExoticComponent<Omit<IncrementerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;

package/dist/components/Incrementer/index.js

@@ -1,11 +1,162 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useRef, useMemo, useCallback } from 'react';
-import P from '@mui/material/IconButton';
-import k from '@mui/material/InputAdornment';
+import IconButton from '@mui/material/IconButton';
+import InputAdornment from '@mui/material/InputAdornment';
 import { fWithDecimalPlacesOrNot } from 'utils/formatNumber';
-import A from '../Icon';
-import H from '../NumberInput';
+import Icon from '../Icon';
+import NumberInput from '../NumberInput';
 
-const C=forwardRef(({name:M,increment:r=1,updadteForMultiple:h,allowNegative:s=!1,value:m=0,onChange:c,minValue:n,maxValue:e,decimalScale:p,disabled:i,tabIndex:R,...T},w)=>{const[B,O]=useState(`incrementer-input-${Date.now()}`),I=useRef(null),u=Number(m||0),d=()=>{I.current&&(clearTimeout(I.current),I.current=null);},v=useMemo(()=>{const o=u-r;return typeof n=="number"&&o<n?!0:i||!s&&o<0},[i,u,r,n,s]),z=useMemo(()=>{const o=u+r;return typeof e=="number"&&o>e?!0:i},[i,u,r,e]),E=useCallback(()=>{if(d(),!s&&u-r<0)return;const o=u-r,t=n!==void 0&&o<n?n:fWithDecimalPlacesOrNot(o,p);c(t);},[u,r,n,p,c,s]),L=useCallback(()=>{d();const o=u+r,t=e!==void 0&&o>e?e:fWithDecimalPlacesOrNot(o,p);c(t);},[u,r,e,p,c]),N=useCallback(o=>{d();let t=Number(o.target.value||0);(r!==1||h)&&(t=t+r/2,t-=t%r),!s&&t<0&&(t=0),typeof n=="number"&&t<n&&(t=n),typeof e=="number"&&t>e&&(t=e),t=fWithDecimalPlacesOrNot(t,p),t===m&&(I.current=setTimeout(()=>{O(`incrementer-input-${Date.now()}`);},600)),c(t);},[m,r,n,e,p,c,h,s]);return jsx(H,{ref:w,name:M,value:u,minValue:n,maxValue:e,allowNegative:s,decimalScale:p,InputProps:{startAdornment:jsx(k,{position:"start",children:jsx(P,{size:"medium",onClick:E,disabled:v,children:jsx(A,{icon:"MINUS_SIGN",width:14,height:14,color:"primary.main"})})}),endAdornment:jsx(k,{position:"end",children:jsx(P,{size:"medium",onClick:L,disabled:z,children:jsx(A,{icon:"SIMPLE_ADD",width:14,height:14,color:"primary.main"})})}),inputProps:{style:{textAlign:"center"}}},inputProps:{tabIndex:R},onChange:N,disabled:i,...T},B)});C.displayName="Incrementer";var F=C;
+const Incrementer = forwardRef(
+  ({
+    name,
+    increment = 1,
+    updadteForMultiple,
+    allowNegative = false,
+    value: originalValue = 0,
+    onChange,
+    minValue,
+    maxValue,
+    decimalScale,
+    disabled,
+    tabIndex,
+    labelIncrementer,
+    labelDecrementer,
+    ...other
+  }, ref) => {
+    const [inputkey, setInputKey] = useState(`incrementer-input-${Date.now()}`);
+    const timer = useRef(null);
+    const value = Number(originalValue || 0);
+    const clearTimer = () => {
+      if (!timer.current)
+        return;
+      clearTimeout(timer.current);
+      timer.current = null;
+    };
+    const disableDecrement = useMemo(() => {
+      const nextValue = value - increment;
+      if (typeof minValue === "number" && nextValue < minValue)
+        return true;
+      return disabled || !allowNegative && nextValue < 0;
+    }, [disabled, value, increment, minValue, allowNegative]);
+    const disableIncrement = useMemo(() => {
+      const nextValue = value + increment;
+      if (typeof maxValue === "number" && nextValue > maxValue)
+        return true;
+      return disabled;
+    }, [disabled, value, increment, maxValue]);
+    const handleClickDecrement = useCallback(() => {
+      clearTimer();
+      if (!allowNegative && value - increment < 0)
+        return;
+      const valueMinusIncrement = value - increment;
+      const newValue = minValue !== void 0 && valueMinusIncrement < minValue ? minValue : fWithDecimalPlacesOrNot(valueMinusIncrement, decimalScale);
+      onChange(newValue);
+    }, [value, increment, minValue, decimalScale, onChange, allowNegative]);
+    const handleClickIncrement = useCallback(() => {
+      clearTimer();
+      const valuePlusIncrement = value + increment;
+      const newValue = maxValue !== void 0 && valuePlusIncrement > maxValue ? maxValue : fWithDecimalPlacesOrNot(valuePlusIncrement, decimalScale);
+      onChange(newValue);
+    }, [value, increment, maxValue, decimalScale, onChange]);
+    const handleChange = useCallback((e) => {
+      clearTimer();
+      let newValue = Number(e.target.value || 0);
+      if (increment !== 1 || updadteForMultiple) {
+        newValue = newValue + increment / 2;
+        newValue -= newValue % increment;
+      }
+      if (!allowNegative && newValue < 0) {
+        newValue = 0;
+      }
+      if (typeof minValue === "number" && newValue < minValue) {
+        newValue = minValue;
+      }
+      if (typeof maxValue === "number" && newValue > maxValue) {
+        newValue = maxValue;
+      }
+      newValue = fWithDecimalPlacesOrNot(newValue, decimalScale);
+      if (newValue === originalValue) {
+        timer.current = setTimeout(() => {
+          setInputKey(`incrementer-input-${Date.now()}`);
+        }, 600);
+      }
+      onChange(newValue);
+      return;
+    }, [
+      originalValue,
+      increment,
+      minValue,
+      maxValue,
+      decimalScale,
+      onChange,
+      updadteForMultiple,
+      allowNegative
+    ]);
+    return /* @__PURE__ */ jsx(
+      NumberInput,
+      {
+        ref,
+        name,
+        value,
+        minValue,
+        maxValue,
+        allowNegative,
+        decimalScale,
+        InputProps: {
+          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "medium",
+              onClick: handleClickDecrement,
+              disabled: disableDecrement,
+              "aria-label": labelDecrementer || "Decrementa",
+              children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "MINUS_SIGN",
+                  width: 14,
+                  height: 14,
+                  color: "primary.main"
+                }
+              )
+            }
+          ) }),
+          endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "medium",
+              onClick: handleClickIncrement,
+              disabled: disableIncrement,
+              "aria-label": labelIncrementer || "Incrementa",
+              children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "SIMPLE_ADD",
+                  width: 14,
+                  height: 14,
+                  color: "primary.main"
+                }
+              )
+            }
+          ) }),
+          inputProps: {
+            style: {
+              textAlign: "center"
+            }
+          }
+        },
+        inputProps: { tabIndex },
+        onChange: handleChange,
+        disabled,
+        ...other
+      },
+      inputkey
+    );
+  }
+);
+Incrementer.displayName = "Incrementer";
+var Incrementer_default = Incrementer;
 
-export { F as default };
+export { Incrementer_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Incrementer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Incrementer/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useMemo, useRef, useState } from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\n\nimport { OnChangeReturn } from 'types/numberInputProps';\nimport { fWithDecimalPlacesOrNot } from 'utils/formatNumber';\n\nimport Icon from '../Icon';\nimport NumberInput from '../NumberInput';\n\nimport { IncrementerProps } from './props';\n\nconst Incrementer = forwardRef<HTMLDivElement, IncrementerProps>(\n  (\n    {\n      name,\n      increment = 1,\n      updadteForMultiple,\n      allowNegative = false,\n      value: originalValue = 0,\n      onChange,\n      minValue,\n      maxValue,\n      decimalScale,\n      disabled,\n      tabIndex,\n      labelIncrementer,\n      labelDecrementer,\n      ...other\n    },\n    ref,\n  ) => {\n    const [inputkey, setInputKey] = useState(`incrementer-input-${Date.now()}`);\n    const timer = useRef<number | null>(null);\n    const value = Number(originalValue || 0);\n\n    const clearTimer = () => {\n      if (!timer.current) return;\n      clearTimeout(timer.current);\n      timer.current = null;\n    };\n\n    const disableDecrement = useMemo(() => {\n      const nextValue = value - increment;\n      if (typeof minValue === 'number' && nextValue < minValue) return true;\n      return disabled || !allowNegative && nextValue < 0;\n    }, [disabled, value, increment, minValue, allowNegative]);\n\n    const disableIncrement = useMemo(() => {\n      const nextValue = value + increment;\n      if (typeof maxValue === 'number' && nextValue > maxValue) return true;\n\n      return disabled;\n    }, [disabled, value, increment, maxValue]);\n\n    const handleClickDecrement = useCallback(() => {\n      clearTimer();\n      if (!allowNegative && value - increment < 0) return;\n\n      const valueMinusIncrement = value - increment;\n      const newValue = minValue !== undefined && valueMinusIncrement < minValue\n        ? minValue\n        : fWithDecimalPlacesOrNot(valueMinusIncrement, decimalScale);\n\n      onChange(newValue);\n    }, [value, increment, minValue, decimalScale, onChange, allowNegative]);\n\n    const handleClickIncrement = useCallback(() => {\n      clearTimer();\n      const valuePlusIncrement = value + increment;\n      const newValue = maxValue !== undefined && valuePlusIncrement > maxValue\n        ? maxValue\n        : fWithDecimalPlacesOrNot(valuePlusIncrement, decimalScale);\n\n      onChange(newValue);\n    }, [value, increment, maxValue, decimalScale, onChange]);\n\n    const handleChange = useCallback((e: OnChangeReturn) => {\n      clearTimer();\n      let newValue = Number(e.target.value || 0);\n\n      if (increment !== 1 || updadteForMultiple) {\n        newValue = newValue + increment / 2;\n        newValue -= newValue % increment;\n      }\n\n      if (!allowNegative && newValue < 0) {\n        newValue = 0;\n      }\n\n      if (typeof minValue === 'number' && newValue < minValue) {\n        newValue = minValue;\n      }\n\n      if (typeof maxValue === 'number' && newValue > maxValue) {\n        newValue = maxValue;\n      }\n\n      newValue = fWithDecimalPlacesOrNot(newValue, decimalScale);\n      if (newValue === originalValue) {\n        timer.current = setTimeout(() => {\n          //force clean when new value is the same as original value\n          setInputKey(`incrementer-input-${Date.now()}`);\n        }, 600);\n      }\n\n      onChange(newValue);\n      return;\n    }, [\n      originalValue,\n      increment,\n      minValue,\n      maxValue,\n      decimalScale,\n      onChange,\n      updadteForMultiple,\n      allowNegative,\n    ]);\n\n    return (\n      <NumberInput\n        key={inputkey}\n        ref={ref}\n        name={name}\n        value={value}\n        minValue={minValue}\n        maxValue={maxValue}\n        allowNegative={allowNegative}\n        decimalScale={decimalScale}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <IconButton\n                size=\"medium\"\n                onClick={handleClickDecrement}\n                disabled={disableDecrement}\n                aria-label={labelDecrementer || 'Decrementa'}\n              >\n                <Icon\n                  icon=\"MINUS_SIGN\"\n                  width={14}\n                  height={14}\n                  color=\"primary.main\"\n                />\n              </IconButton>\n            </InputAdornment>\n          ),\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <IconButton\n                size=\"medium\"\n                onClick={handleClickIncrement}\n                disabled={disableIncrement}\n                aria-label={labelIncrementer || 'Incrementa'}\n              >\n                <Icon\n                  icon=\"SIMPLE_ADD\"\n                  width={14}\n                  height={14}\n                  color=\"primary.main\"\n                />\n              </IconButton>\n            </InputAdornment>\n          ),\n          inputProps: {\n            style: {\n              textAlign: 'center',\n            },\n          },\n        }}\n        inputProps={{ tabIndex }}\n        onChange={handleChange}\n        disabled={disabled}\n        {...other}\n      />\n    );\n  },\n);\n\nIncrementer.displayName = 'Incrementer';\n\nexport default Incrementer;\n"]}

package/dist/components/Label/index.js

@@ -1,10 +1,75 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import p from '@mui/material/Box';
+import Box from '@mui/material/Box';
 import { useTheme } from '@mui/material/styles';
 import { labelClasses } from './classes';
 import { StyledLabel } from './styles';
 
-const y=e=>e.charAt(0).toUpperCase()+e.slice(1),r=forwardRef(({children:e,color:l="default",variant:i="soft",startIcon:o,endIcon:t,sx:n,...f},c)=>{const b=useTheme(),m={width:16,height:16,"& svg, img":{width:1,height:1,objectFit:"cover"}};return jsxs(StyledLabel,{ref:c,component:"span",className:labelClasses.root,ownerState:{color:l,variant:i},sx:{...o&&{pl:.75},...t&&{pr:.75},...n},theme:b,...f,children:[o&&jsx(p,{component:"span",className:labelClasses.icon,sx:{mr:.75,...m},children:o}),typeof e=="string"?y(e):e,t&&jsx(p,{component:"span",className:labelClasses.icon,sx:{ml:.75,...m},children:t})]})});r.displayName="Label";var B=r;
+const sentenceCase = (string) => {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+};
+const Label = forwardRef(
+  ({
+    children,
+    color = "default",
+    variant = "soft",
+    startIcon,
+    endIcon,
+    sx,
+    ...other
+  }, ref) => {
+    const theme = useTheme();
+    const iconStyles = {
+      width: 16,
+      height: 16,
+      "& svg, img": {
+        width: 1,
+        height: 1,
+        objectFit: "cover"
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      StyledLabel,
+      {
+        ref,
+        component: "span",
+        className: labelClasses.root,
+        ownerState: { color, variant },
+        sx: {
+          ...startIcon && { pl: 0.75 },
+          ...endIcon && { pr: 0.75 },
+          ...sx
+        },
+        theme,
+        ...other,
+        children: [
+          startIcon && /* @__PURE__ */ jsx(
+            Box,
+            {
+              component: "span",
+              className: labelClasses.icon,
+              sx: { mr: 0.75, ...iconStyles },
+              children: startIcon
+            }
+          ),
+          typeof children === "string" ? sentenceCase(children) : children,
+          endIcon && /* @__PURE__ */ jsx(
+            Box,
+            {
+              component: "span",
+              className: labelClasses.icon,
+              sx: { ml: 0.75, ...iconStyles },
+              children: endIcon
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Label.displayName = "Label";
+var Label_default = Label;
 
-export { B as default };
+export { Label_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":"AAsCM,SAcI,KAdJ;AAtCN,SAAS,kBAAkB;AAC3B,OAAO,SAAS;AAChB,SAAS,gBAAgB;AAEzB,SAAS,oBAAoB;AAE7B,SAAS,mBAAmB;AAE5B,MAAM,eAAe,CAAC,WAAmB;AACvC,SAAO,OAAO,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC;AACxD;AAEA,MAAM,QAAQ;AAAA,EACZ,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,QAAQ,SAAS;AAEvB,UAAM,aAAa;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACV,WAAW,aAAa;AAAA,QACxB,YAAY,EAAE,OAAO,QAAQ;AAAA,QAC7B,IAAI;AAAA,UACF,GAAI,aAAa,EAAE,IAAI,KAAK;AAAA,UAC5B,GAAI,WAAW,EAAE,IAAI,KAAK;AAAA,UAC1B,GAAG;AAAA,QACL;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,uBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,WAAW,aAAa;AAAA,cACxB,IAAI,EAAE,IAAI,MAAM,GAAG,WAAW;AAAA,cAE7B;AAAA;AAAA,UACH;AAAA,UAGD,OAAO,aAAa,WAAW,aAAa,QAAQ,IAAI;AAAA,UAExD,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,WAAW,aAAa;AAAA,cACxB,IAAI,EAAE,IAAI,MAAM,GAAG,WAAW;AAAA,cAE7B;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;AAEpB,IAAO,gBAAQ","sourcesContent":["import { forwardRef } from 'react';\nimport Box from '@mui/material/Box';\nimport { useTheme } from '@mui/material/styles';\n\nimport { labelClasses } from './classes';\nimport type { LabelProps } from './props';\nimport { StyledLabel } from './styles';\n\nconst sentenceCase = (string: string) => {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n};\n\nconst Label = forwardRef<HTMLSpanElement, LabelProps>(\n  (\n    {\n      children,\n      color = 'default',\n      variant = 'soft',\n      startIcon,\n      endIcon,\n      sx,\n      ...other\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n\n    const iconStyles = {\n      width: 16,\n      height: 16,\n      '& svg, img': {\n        width: 1,\n        height: 1,\n        objectFit: 'cover',\n      },\n    };\n\n    return (\n      <StyledLabel\n        ref={ref}\n        component=\"span\"\n        className={labelClasses.root}\n        ownerState={{ color, variant }}\n        sx={{\n          ...(startIcon && { pl: 0.75 }),\n          ...(endIcon && { pr: 0.75 }),\n          ...sx,\n        }}\n        theme={theme}\n        {...other}\n      >\n        {startIcon && (\n          <Box\n            component=\"span\"\n            className={labelClasses.icon}\n            sx={{ mr: 0.75, ...iconStyles }}\n          >\n            {startIcon}\n          </Box>\n        )}\n\n        {typeof children === 'string' ? sentenceCase(children) : children}\n\n        {endIcon && (\n          <Box\n            component=\"span\"\n            className={labelClasses.icon}\n            sx={{ ml: 0.75, ...iconStyles }}\n          >\n            {endIcon}\n          </Box>\n        )}\n      </StyledLabel>\n    );\n  },\n);\n\nLabel.displayName = 'Label';\n\nexport default Label;\n"]}

package/dist/components/LoadingScreen/index.js

@@ -1,7 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
-import o from '@mui/material/LinearProgress';
+import LinearProgress from '@mui/material/LinearProgress';
 import { Container } from './styles';
 
-const n=()=>jsx(Container,{children:jsx(o,{color:"primary",sx:{width:1,maxWidth:360}})});var a=n;
+const LoadingScreen = () => {
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(LinearProgress, { color: "primary", sx: { width: 1, maxWidth: 360 } }) });
+};
+var LoadingScreen_default = LoadingScreen;
 
-export { a as default };
+export { LoadingScreen_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/LoadingScreen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/LoadingScreen/index.tsx"],"names":[],"mappings":"AAOM;AAPN,OAAO,oBAAoB;AAE3B,SAAS,iBAAiB;AAE1B,MAAM,gBAAgB,MAAM;AAC1B,SACE,oBAAC,aACC,8BAAC,kBAAe,OAAM,WAAU,IAAI,EAAE,OAAO,GAAG,UAAU,IAAI,GAAG,GACnE;AAEJ;AAEA,IAAO,wBAAQ","sourcesContent":["import LinearProgress from '@mui/material/LinearProgress';\n\nimport { Container } from './styles';\n\nconst LoadingScreen = () => {\n  return (\n    <Container>\n      <LinearProgress color=\"primary\" sx={{ width: 1, maxWidth: 360 }} />\n    </Container>\n  );\n};\n\nexport default LoadingScreen;\n"]}

package/dist/components/MaskedInput/index.js

@@ -1,8 +1,56 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useState } from 'react';
 import { IMaskMixin } from 'react-imask';
-import m from '@mui/material/TextField';
+import TextField from '@mui/material/TextField';
 
-const k=IMaskMixin(a=>{const{inputRef:e,"data-value":u,defaultValue:s,tabIndex:n,...t}=a;return jsx(m,{inputRef:e,fullWidth:!0,...t,inputProps:{...t.inputProps,tabIndex:n},value:u})}),p=forwardRef(({onChange:a,name:e,...u},s)=>{const[n,t]=useState("");return jsx(k,{inputRef:s,name:e,"data-value":n,...u,onAccept:(r,d)=>{t(r),a({target:{name:e,value:d._unmaskedValue}});}})});p.displayName="MaskedInput";var x=p;
+const MaskedStyledInput = IMaskMixin((props) => {
+  const {
+    inputRef,
+    "data-value": value,
+    defaultValue,
+    tabIndex,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      inputRef,
+      fullWidth: true,
+      ...other,
+      inputProps: {
+        ...other.inputProps,
+        tabIndex
+      },
+      value
+    }
+  );
+});
+const MaskedInput = forwardRef(
+  ({ onChange, name, ...others }, ref) => {
+    const [maskedValue, setMaskedValue] = useState("");
+    return /* @__PURE__ */ jsx(
+      MaskedStyledInput,
+      {
+        inputRef: ref,
+        name,
+        "data-value": maskedValue,
+        ...others,
+        onAccept: (v, mask) => {
+          setMaskedValue(v);
+          onChange({
+            target: {
+              name,
+              value: mask._unmaskedValue
+            }
+          });
+        }
+      }
+    );
+  }
+);
+MaskedInput.displayName = "MaskedInput";
+var MaskedInput_default = MaskedInput;
 
-export { x as default };
+export { MaskedInput_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/MaskedInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MaskedInput/index.tsx"],"names":[],"mappings":"AAkBI;AAhBJ,SAAS,YAAY,gBAAgB;AACrC,SAAS,kBAAkB;AAC3B,OAAO,eAAmC;AAI1C,MAAM,oBAAoB,WAAW,WAAS;AAC5C,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAS;AAAA,MACR,GAAI;AAAA,MACL,YAAY;AAAA,QACV,GAAG,MAAM;AAAA,QACT;AAAA,MACF;AAAA,MACA;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,MAAM,cAAc;AAAA,EAClB,CAAC,EAAE,UAAU,MAAM,GAAG,OAAO,GAAG,QAAQ;AACtC,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA,cAAY;AAAA,QACX,GAAI;AAAA,QACL,UAAU,CAAC,GAAQ,SAAc;AAC/B,yBAAe,CAAC;AAEhB,mBAAS;AAAA,YACP,QAAQ;AAAA,cACN;AAAA,cACA,OAAO,KAAK;AAAA,YACd;AAAA,UACF,CAAC;AAAA,QACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { forwardRef, useState } from 'react';\nimport { IMaskMixin } from 'react-imask';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\n\nimport { MaskedInputProps } from './props';\n\nconst MaskedStyledInput = IMaskMixin(props => {\n  const {\n    inputRef,\n    'data-value': value,\n    defaultValue,\n    tabIndex,\n    ...other\n  } = props as any;\n\n  return (\n    <TextField\n      inputRef={inputRef}\n      fullWidth\n      {...(other as TextFieldProps)}\n      inputProps={{\n        ...other.inputProps,\n        tabIndex,\n      }}\n      value={value}\n    />\n  );\n});\n\nconst MaskedInput = forwardRef<HTMLDivElement, MaskedInputProps>(\n  ({ onChange, name, ...others }, ref) => {\n    const [maskedValue, setMaskedValue] = useState('');\n    return (\n      <MaskedStyledInput\n        inputRef={ref}\n        name={name}\n        data-value={maskedValue}\n        {...(others as any)}\n        onAccept={(v: any, mask: any) => {\n          setMaskedValue(v);\n\n          onChange({\n            target: {\n              name,\n              value: mask._unmaskedValue,\n            },\n          });\n        }}\n      />\n    );\n  },\n);\n\nMaskedInput.displayName = 'MaskedInput';\n\nexport default MaskedInput;\n"]}

package/dist/components/MenuItem/index.js

@@ -1,10 +1,25 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import n from '@mui/material/CircularProgress';
-import p from '@mui/material/MenuItem';
-import a from '@mui/material/Stack';
-import u from 'components/Icon';
+import CircularProgress from '@mui/material/CircularProgress';
+import MuiMenuItem from '@mui/material/MenuItem';
+import Stack from '@mui/material/Stack';
+import Icon from 'components/Icon';
 import { LoadingContainer } from './styles';
 
-const f=({icon:e,children:t,loading:o,disabled:m,...i})=>jsx(p,{...i,disabled:m||o,children:jsxs(a,{direction:"row",color:"grey.600",alignItems:"center",children:[e&&!o&&jsx(u,{icon:e,color:"primary.main"}),o&&jsx(LoadingContainer,{children:jsx(n,{size:20})}),t]})});var k=f;
+const MenuItem = ({
+  icon,
+  children,
+  loading,
+  disabled,
+  ...other
+}) => {
+  return /* @__PURE__ */ jsx(MuiMenuItem, { ...other, disabled: disabled || loading, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", color: "grey.600", alignItems: "center", children: [
+    icon && !loading && /* @__PURE__ */ jsx(Icon, { icon, color: "primary.main" }),
+    loading && /* @__PURE__ */ jsx(LoadingContainer, { children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) }),
+    children
+  ] }) });
+};
+var MenuItem_default = MenuItem;
 
-export { k as default };
+export { MenuItem_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/MenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuItem/index.tsx"],"names":[],"mappings":"AAkBM,SACuB,KADvB;AAlBN,OAAO,sBAAsB;AAC7B,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAElB,OAAO,UAAU;AAGjB,SAAS,wBAAwB;AAEjC,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqB;AACnB,SACE,oBAAC,eAAa,GAAG,OAAO,UAAU,YAAY,SAC5C,+BAAC,SAAM,WAAU,OAAM,OAAM,YAAW,YAAW,UAChD;AAAA,YAAQ,CAAC,WAAW,oBAAC,QAAK,MAAY,OAAM,gBAAe;AAAA,IAC3D,WACC,oBAAC,oBACC,8BAAC,oBAAiB,MAAM,IAAI,GAC9B;AAAA,IAED;AAAA,KACH,GACF;AAEJ;AAEA,IAAO,mBAAQ","sourcesContent":["import CircularProgress from '@mui/material/CircularProgress';\nimport MuiMenuItem from '@mui/material/MenuItem';\nimport Stack from '@mui/material/Stack';\n\nimport Icon from 'components/Icon';\n\nimport { MenuItemProps } from './props';\nimport { LoadingContainer } from './styles';\n\nconst MenuItem = ({\n  icon,\n  children,\n  loading,\n  disabled,\n  ...other\n}: MenuItemProps) => {\n  return (\n    <MuiMenuItem {...other} disabled={disabled || loading}>\n      <Stack direction=\"row\" color=\"grey.600\" alignItems=\"center\">\n        {icon && !loading && <Icon icon={icon} color=\"primary.main\" />}\n        {loading && (\n          <LoadingContainer>\n            <CircularProgress size={20} />\n          </LoadingContainer>\n        )}\n        {children}\n      </Stack>\n    </MuiMenuItem>\n  );\n};\n\nexport default MenuItem;\n"]}