@erpsquad/common 1.8.40 → 1.8.42

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/toast/toast.tsx"],"sourcesContent":["import Close from \"@mui/icons-material/Close\";\nimport {\n  Alert as MUIAlert,\n  IconButton,\n  Snackbar,\n  SnackbarProps,\n  styled,\n} from \"@mui/material\";\nimport WarningAmberIcon from \"@mui/icons-material/WarningAmber\";\nimport CheckCircleOutlineIcon from \"@mui/icons-material/CheckCircleOutline\";\nimport \"./toast.scss\";\nimport Typography from \"../typography/typography\";\n\ninterface IToast extends SnackbarProps {\n  handleClose: () => void;\n  type?: \"normal\" | \"alert\";\n  handleUndo?: () => void;\n}\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n  color: \"white\",\n  height: \"2.5rem\",\n  padding: \"0rem 1rem\",\n  display: \"flex\",\n  alignItems: \"center\",\n\n  \"&.MuiAlert-standardWarning\": {\n    backgroundColor: palette.theme?.error[600],\n  },\n\n  \"&.MuiAlert-standardInfo\": {\n    backgroundColor: palette.theme?.secondary[900],\n  },\n\n  \".MuiAlert-action\": {\n    padding: \"0rem\",\n    marginLeft: \"0.5rem\",\n  },\n\n  \".MuiAlert-icon\": {\n    marginRight: \"0.5rem\",\n  },\n}));\n\nconst Toast = (props: IToast) => {\n  const {\n    open,\n    message,\n    type = \"alert\",\n    handleUndo,\n    handleClose,\n    ...rest\n  } = props;\n\n  const action = (\n    <>\n      {handleUndo ? (\n        <Typography\n          className=\"toast-undo\"\n          type=\"s4\"\n          color={type === \"normal\" ? \"theme.primary.600\" : \"white\"}\n          onClick={handleUndo}\n        >\n          Undo\n        </Typography>\n      ) : (\n        <IconButton color=\"inherit\" className=\"icon\" onClick={handleClose}>\n          <Close fontSize=\"inherit\" />\n        </IconButton>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <Snackbar\n        open={open}\n        autoHideDuration={300000}\n        onClose={handleClose}\n        {...rest}\n      >\n        <StyledAlert\n          action={action}\n          onClose={handleClose}\n          severity={type === \"normal\" ? \"info\" : \"warning\"}\n          icon={\n            type === \"normal\" ? (\n              <CheckCircleOutlineIcon htmlColor=\"white\" className=\"icon\" />\n            ) : (\n              <WarningAmberIcon htmlColor=\"white\" className=\"icon\" />\n            )\n          }\n        >\n          <Typography color=\"inherit\" type=\"s4\">\n            {message}\n          </Typography>\n        </StyledAlert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport default Toast;\n"],"names":["MUIAlert","Close"],"mappings":";;;;;;;AAmBA,MAAM,cAAc,OAAOA,KAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAChE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IAEZ,8BAA8B;AAAA,MAC5B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,IAAG;AAAA,IAG3C,2BAA2B;AAAA,MACzB,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAG/C,oBAAoB;AAAA,MAClB,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAGd,kBAAkB;AAAA,MAChB,aAAa;AAAA,IAAA;AAAA,EAEjB;AAAA,CAAE;AAEF,MAAM,QAAQ,CAAC,UAAkB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,yCAED,UAAA,aACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAO,SAAS,WAAW,sBAAsB;AAAA,MACjD,SAAS;AAAA,MACV,UAAA;AAAA,IAAA;AAAA,EAAA,IAID,oBAAC,YAAA,EAAW,OAAM,WAAU,WAAU,QAAO,SAAS,aACpD,UAAA,oBAACC,WAAA,EAAM,UAAS,UAAA,CAAU,GAC5B,GAEJ;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,kBAAkB;AAAA,MAClB,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,SAAS;AAAA,UACT,UAAU,SAAS,WAAW,SAAS;AAAA,UACvC,MACE,SAAS,WACP,oBAAC,0BAAuB,WAAU,SAAQ,WAAU,OAAA,CAAO,IAE3D,oBAAC,kBAAA,EAAiB,WAAU,SAAQ,WAAU,QAAO;AAAA,UAIzD,8BAAC,YAAA,EAAW,OAAM,WAAU,MAAK,MAC9B,UAAA,QAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/toast/toast.tsx"],"sourcesContent":["import Close from \"@mui/icons-material/Close\";\nimport {\n  Alert as MUIAlert,\n  IconButton,\n  Snackbar,\n  SnackbarProps,\n  styled,\n} from \"@mui/material\";\nimport WarningAmberIcon from \"@mui/icons-material/WarningAmber\";\nimport CheckCircleOutlineIcon from \"@mui/icons-material/CheckCircleOutline\";\nimport \"./toast.scss\";\nimport Typography from \"../typography/typography\";\n\ninterface IToast extends SnackbarProps {\n  handleClose: () => void;\n  type?: \"normal\" | \"alert\";\n  handleUndo?: () => void;\n}\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n  color: \"white\",\n  height: \"2.5rem\",\n  padding: \"0rem 1rem\",\n  display: \"flex\",\n  alignItems: \"center\",\n\n  \"&.MuiAlert-standardWarning\": {\n    backgroundColor: palette.theme?.error[600],\n  },\n\n  \"&.MuiAlert-standardInfo\": {\n    backgroundColor: palette.theme?.secondary[900],\n  },\n\n  \".MuiAlert-action\": {\n    padding: \"0rem\",\n    marginLeft: \"0.5rem\",\n  },\n\n  \".MuiAlert-icon\": {\n    marginRight: \"0.5rem\",\n  },\n}));\n\nconst Toast = (props: IToast) => {\n  const {\n    open,\n    message,\n    type = \"alert\",\n    handleUndo,\n    handleClose,\n    ...rest\n  } = props;\n\n  const action = (\n    <>\n      {handleUndo ? (\n        <Typography\n          className=\"toast-undo\"\n          type=\"s4\"\n          color={type === \"normal\" ? \"theme.primary.600\" : \"white\"}\n          onClick={handleUndo}\n        >\n          Undo\n        </Typography>\n      ) : (\n        <IconButton color=\"inherit\" className=\"icon\" onClick={handleClose}>\n          <Close fontSize=\"inherit\" />\n        </IconButton>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <Snackbar\n        open={open}\n        autoHideDuration={300000}\n        onClose={handleClose}\n        {...rest}\n      >\n        <StyledAlert\n          action={action}\n          onClose={handleClose}\n          severity={type === \"normal\" ? \"info\" : \"warning\"}\n          icon={\n            type === \"normal\" ? (\n              <CheckCircleOutlineIcon htmlColor=\"white\" className=\"icon\" />\n            ) : (\n              <WarningAmberIcon htmlColor=\"white\" className=\"icon\" />\n            )\n          }\n        >\n          <Typography color=\"inherit\" type=\"s4\">\n            {message}\n          </Typography>\n        </StyledAlert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport default Toast;\n"],"names":["MUIAlert","Close","CheckCircleOutlineIcon","WarningAmberIcon"],"mappings":";;;;;;;;;;AAmBA,MAAM,cAAc,OAAOA,KAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAChE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IAEZ,8BAA8B;AAAA,MAC5B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,IAAG;AAAA,IAG3C,2BAA2B;AAAA,MACzB,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAG/C,oBAAoB;AAAA,MAClB,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAGd,kBAAkB;AAAA,MAChB,aAAa;AAAA,IAAA;AAAA,EAEjB;AAAA,CAAE;AAEF,MAAM,QAAQ,CAAC,UAAkB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,yCAED,UAAA,aACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAO,SAAS,WAAW,sBAAsB;AAAA,MACjD,SAAS;AAAA,MACV,UAAA;AAAA,IAAA;AAAA,EAAA,IAID,oBAAC,YAAA,EAAW,OAAM,WAAU,WAAU,QAAO,SAAS,aACpD,UAAA,oBAACC,aAAA,EAAM,UAAS,UAAA,CAAU,GAC5B,GAEJ;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,kBAAkB;AAAA,MAClB,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,SAAS;AAAA,UACT,UAAU,SAAS,WAAW,SAAS;AAAA,UACvC,MACE,SAAS,WACP,oBAACC,aAAuB,WAAU,SAAQ,WAAU,OAAA,CAAO,IAE3D,oBAACC,aAAA,EAAiB,WAAU,SAAQ,WAAU,QAAO;AAAA,UAIzD,8BAAC,YAAA,EAAW,OAAM,WAAU,MAAK,MAC9B,UAAA,QAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/toast/toast/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/icons-material/Close"),i=require("@mui/material"),n=require("@mui/icons-material/WarningAmber"),t=require("@mui/icons-material/CheckCircleOutline");;/* empty css                   */var o=;/* empty css                                 */function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=/* @__PURE__ */a(r),s=/* @__PURE__ */a(n),c=/* @__PURE__ */a(t);const d=i.styled(i.Alert)(({theme:{palette:e}})=>{var r,i;return{color:"white",height:"2.5rem",padding:"0rem 1rem",display:"flex",alignItems:"center","&.MuiAlert-standardWarning":{backgroundColor:null==(r=e.theme)?void 0:r.error[600]},"&.MuiAlert-standardInfo":{backgroundColor:null==(i=e.theme)?void 0:i.secondary[900]},".MuiAlert-action":{padding:"0rem",marginLeft:"0.5rem"},".MuiAlert-icon":{marginRight:"0.5rem"}}});exports.default=r=>{const{open:n,message:t,type:a="alert",handleUndo:u,handleClose:m,...h}=r,p=/* @__PURE__ */e.jsx(e.Fragment,{children:u?/* @__PURE__ */e.jsx(o.Typography,{className:"toast-undo",type:"s4",color:"normal"===a?"theme.primary.600":"white",onClick:u,children:"Undo"}):/* @__PURE__ */e.jsx(i.IconButton,{color:"inherit",className:"icon",onClick:m,children:/* @__PURE__ */e.jsx(l.default,{fontSize:"inherit"})})});/* @__PURE__ */
-return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(i.Snackbar,{open:n,autoHideDuration:3e5,onClose:m,...h,children:/* @__PURE__ */e.jsx(d,{action:p,onClose:m,severity:"normal"===a?"info":"warning",icon:"normal"===a?/* @__PURE__ */e.jsx(c.default,{htmlColor:"white",className:"icon"}):/* @__PURE__ */e.jsx(s.default,{htmlColor:"white",className:"icon"}),children:/* @__PURE__ */e.jsx(o.Typography,{color:"inherit",type:"s4",children:t})})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                                                     */i=,/* empty css                                                            */n=;/* empty css                                                                  */;/* empty css                   */var o=,/* empty css                                 */t=,/* empty css                                                           */a=,/* empty css                                                       */l=,/* empty css                                                     */s=;/* empty css                                                               */const d=a.default(l.default)(({theme:{palette:e}})=>{var r,i;return{color:"white",height:"2.5rem",padding:"0rem 1rem",display:"flex",alignItems:"center","&.MuiAlert-standardWarning":{backgroundColor:null==(r=e.theme)?void 0:r.error[600]},"&.MuiAlert-standardInfo":{backgroundColor:null==(i=e.theme)?void 0:i.secondary[900]},".MuiAlert-action":{padding:"0rem",marginLeft:"0.5rem"},".MuiAlert-icon":{marginRight:"0.5rem"}}});exports.default=a=>{const{open:l,message:u,type:m="alert",handleUndo:c,handleClose:h,...x}=a,j=/* @__PURE__ */e.jsx(e.Fragment,{children:c?/* @__PURE__ */e.jsx(o.Typography,{className:"toast-undo",type:"s4",color:"normal"===m?"theme.primary.600":"white",onClick:c,children:"Undo"}):/* @__PURE__ */e.jsx(s.default,{color:"inherit",className:"icon",onClick:h,children:/* @__PURE__ */e.jsx(r.default,{fontSize:"inherit"})})});/* @__PURE__ */
+return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(t.default,{open:l,autoHideDuration:3e5,onClose:h,...x,children:/* @__PURE__ */e.jsx(d,{action:j,onClose:h,severity:"normal"===m?"info":"warning",icon:"normal"===m?/* @__PURE__ */e.jsx(n.default,{htmlColor:"white",className:"icon"}):/* @__PURE__ */e.jsx(i.default,{htmlColor:"white",className:"icon"}),children:/* @__PURE__ */e.jsx(o.Typography,{color:"inherit",type:"s4",children:u})})})})};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/toast/toast.tsx"],"sourcesContent":["import Close from \"@mui/icons-material/Close\";\nimport {\n  Alert as MUIAlert,\n  IconButton,\n  Snackbar,\n  SnackbarProps,\n  styled,\n} from \"@mui/material\";\nimport WarningAmberIcon from \"@mui/icons-material/WarningAmber\";\nimport CheckCircleOutlineIcon from \"@mui/icons-material/CheckCircleOutline\";\nimport \"./toast.scss\";\nimport Typography from \"../typography/typography\";\n\ninterface IToast extends SnackbarProps {\n  handleClose: () => void;\n  type?: \"normal\" | \"alert\";\n  handleUndo?: () => void;\n}\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n  color: \"white\",\n  height: \"2.5rem\",\n  padding: \"0rem 1rem\",\n  display: \"flex\",\n  alignItems: \"center\",\n\n  \"&.MuiAlert-standardWarning\": {\n    backgroundColor: palette.theme?.error[600],\n  },\n\n  \"&.MuiAlert-standardInfo\": {\n    backgroundColor: palette.theme?.secondary[900],\n  },\n\n  \".MuiAlert-action\": {\n    padding: \"0rem\",\n    marginLeft: \"0.5rem\",\n  },\n\n  \".MuiAlert-icon\": {\n    marginRight: \"0.5rem\",\n  },\n}));\n\nconst Toast = (props: IToast) => {\n  const {\n    open,\n    message,\n    type = \"alert\",\n    handleUndo,\n    handleClose,\n    ...rest\n  } = props;\n\n  const action = (\n    <>\n      {handleUndo ? (\n        <Typography\n          className=\"toast-undo\"\n          type=\"s4\"\n          color={type === \"normal\" ? \"theme.primary.600\" : \"white\"}\n          onClick={handleUndo}\n        >\n          Undo\n        </Typography>\n      ) : (\n        <IconButton color=\"inherit\" className=\"icon\" onClick={handleClose}>\n          <Close fontSize=\"inherit\" />\n        </IconButton>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <Snackbar\n        open={open}\n        autoHideDuration={300000}\n        onClose={handleClose}\n        {...rest}\n      >\n        <StyledAlert\n          action={action}\n          onClose={handleClose}\n          severity={type === \"normal\" ? \"info\" : \"warning\"}\n          icon={\n            type === \"normal\" ? (\n              <CheckCircleOutlineIcon htmlColor=\"white\" className=\"icon\" />\n            ) : (\n              <WarningAmberIcon htmlColor=\"white\" className=\"icon\" />\n            )\n          }\n        >\n          <Typography color=\"inherit\" type=\"s4\">\n            {message}\n          </Typography>\n        </StyledAlert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport default Toast;\n"],"names":["StyledAlert","styled","MUIAlert","theme","palette","color","height","padding","display","alignItems","backgroundColor","_a","error","_b","secondary","marginLeft","marginRight","props","open","message","type","handleUndo","handleClose","rest","action","children","jsx","Typography","className","onClick","IconButton","Close","fontSize","Fragment","Snackbar","autoHideDuration","onClose","severity","icon","CheckCircleOutlineIcon","htmlColor","WarningAmberIcon"],"mappings":"ifAmBA,MAAMA,EAAcC,EAAAA,OAAOC,QAAPD,CAAiB,EAAGE,OAASC,uBAAiB,MAAA,CAChEC,MAAO,QACPC,OAAQ,SACRC,QAAS,YACTC,QAAS,OACTC,WAAY,SAEZ,6BAA8B,CAC5BC,gBAAiB,OAAAC,EAAAP,EAAQD,YAAR,EAAAQ,EAAeC,MAAM,MAGxC,0BAA2B,CACzBF,gBAAiB,OAAAG,EAAAT,EAAQD,YAAR,EAAAU,EAAeC,UAAU,MAG5C,mBAAoB,CAClBP,QAAS,OACTQ,WAAY,UAGd,iBAAkB,CAChBC,YAAa,6BAIFC,IACb,MAAMC,KACJA,EAAAC,QACAA,EAAAC,KACAA,EAAO,QAAAC,WACPA,EAAAC,YACAA,KACGC,GACDN,EAEEO,mCAEDC,SAAAJ,iBACCK,EAAAA,IAACC,EAAAA,WAAA,CACCC,UAAU,aACVR,KAAK,KACLf,MAAgB,WAATe,EAAoB,oBAAsB,QACjDS,QAASR,EACVI,SAAA,wBAIDC,EAAAA,IAACI,EAAAA,WAAA,CAAWzB,MAAM,UAAUuB,UAAU,OAAOC,QAASP,EACpDG,wBAAAC,EAAAA,IAACK,UAAA,CAAMC,SAAS;AAMxB,aACEC,EAAAA,SAAA,CACER,wBAAAC,EAAAA,IAACQ,EAAAA,SAAA,CACChB,OACAiB,iBAAkB,IAClBC,QAASd,KACLC,EAEJE,wBAAAC,EAAAA,IAAC1B,EAAA,CACCwB,SACAY,QAASd,EACTe,SAAmB,WAATjB,EAAoB,OAAS,UACvCkB,KACW,WAATlB,iBACEM,EAAAA,IAACa,EAAAA,SAAuBC,UAAU,QAAQZ,UAAU,wBAEpDF,EAAAA,IAACe,UAAA,CAAiBD,UAAU,QAAQZ,UAAU,SAIlDH,8BAACE,EAAAA,WAAA,CAAWtB,MAAM,UAAUe,KAAK,KAC9BK,SAAAN"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/toast/toast.tsx"],"sourcesContent":["import Close from \"@mui/icons-material/Close\";\nimport {\n  Alert as MUIAlert,\n  IconButton,\n  Snackbar,\n  SnackbarProps,\n  styled,\n} from \"@mui/material\";\nimport WarningAmberIcon from \"@mui/icons-material/WarningAmber\";\nimport CheckCircleOutlineIcon from \"@mui/icons-material/CheckCircleOutline\";\nimport \"./toast.scss\";\nimport Typography from \"../typography/typography\";\n\ninterface IToast extends SnackbarProps {\n  handleClose: () => void;\n  type?: \"normal\" | \"alert\";\n  handleUndo?: () => void;\n}\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n  color: \"white\",\n  height: \"2.5rem\",\n  padding: \"0rem 1rem\",\n  display: \"flex\",\n  alignItems: \"center\",\n\n  \"&.MuiAlert-standardWarning\": {\n    backgroundColor: palette.theme?.error[600],\n  },\n\n  \"&.MuiAlert-standardInfo\": {\n    backgroundColor: palette.theme?.secondary[900],\n  },\n\n  \".MuiAlert-action\": {\n    padding: \"0rem\",\n    marginLeft: \"0.5rem\",\n  },\n\n  \".MuiAlert-icon\": {\n    marginRight: \"0.5rem\",\n  },\n}));\n\nconst Toast = (props: IToast) => {\n  const {\n    open,\n    message,\n    type = \"alert\",\n    handleUndo,\n    handleClose,\n    ...rest\n  } = props;\n\n  const action = (\n    <>\n      {handleUndo ? (\n        <Typography\n          className=\"toast-undo\"\n          type=\"s4\"\n          color={type === \"normal\" ? \"theme.primary.600\" : \"white\"}\n          onClick={handleUndo}\n        >\n          Undo\n        </Typography>\n      ) : (\n        <IconButton color=\"inherit\" className=\"icon\" onClick={handleClose}>\n          <Close fontSize=\"inherit\" />\n        </IconButton>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <Snackbar\n        open={open}\n        autoHideDuration={300000}\n        onClose={handleClose}\n        {...rest}\n      >\n        <StyledAlert\n          action={action}\n          onClose={handleClose}\n          severity={type === \"normal\" ? \"info\" : \"warning\"}\n          icon={\n            type === \"normal\" ? (\n              <CheckCircleOutlineIcon htmlColor=\"white\" className=\"icon\" />\n            ) : (\n              <WarningAmberIcon htmlColor=\"white\" className=\"icon\" />\n            )\n          }\n        >\n          <Typography color=\"inherit\" type=\"s4\">\n            {message}\n          </Typography>\n        </StyledAlert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport default Toast;\n"],"names":["StyledAlert","styled","MUIAlert","theme","palette","color","height","padding","display","alignItems","backgroundColor","_a","error","_b","secondary","marginLeft","marginRight","props","open","message","type","handleUndo","handleClose","rest","action","children","jsx","Typography","className","onClick","IconButton","Close","fontSize","Fragment","Snackbar","autoHideDuration","onClose","severity","icon","CheckCircleOutlineIcon","htmlColor","WarningAmberIcon"],"mappings":"+sBAmBA,MAAMA,EAAcC,EAAAA,QAAOC,UAAPD,CAAiB,EAAGE,OAASC,uBAAiB,MAAA,CAChEC,MAAO,QACPC,OAAQ,SACRC,QAAS,YACTC,QAAS,OACTC,WAAY,SAEZ,6BAA8B,CAC5BC,gBAAiB,OAAAC,EAAAP,EAAQD,YAAR,EAAAQ,EAAeC,MAAM,MAGxC,0BAA2B,CACzBF,gBAAiB,OAAAG,EAAAT,EAAQD,YAAR,EAAAU,EAAeC,UAAU,MAG5C,mBAAoB,CAClBP,QAAS,OACTQ,WAAY,UAGd,iBAAkB,CAChBC,YAAa,6BAIFC,IACb,MAAMC,KACJA,EAAAC,QACAA,EAAAC,KACAA,EAAO,QAAAC,WACPA,EAAAC,YACAA,KACGC,GACDN,EAEEO,mCAEDC,SAAAJ,iBACCK,EAAAA,IAACC,EAAAA,WAAA,CACCC,UAAU,aACVR,KAAK,KACLf,MAAgB,WAATe,EAAoB,oBAAsB,QACjDS,QAASR,EACVI,SAAA,wBAIDC,EAAAA,IAACI,EAAAA,QAAA,CAAWzB,MAAM,UAAUuB,UAAU,OAAOC,QAASP,EACpDG,wBAAAC,EAAAA,IAACK,UAAA,CAAMC,SAAS;AAMxB,aACEC,EAAAA,SAAA,CACER,wBAAAC,EAAAA,IAACQ,EAAAA,QAAA,CACChB,OACAiB,iBAAkB,IAClBC,QAASd,KACLC,EAEJE,wBAAAC,EAAAA,IAAC1B,EAAA,CACCwB,SACAY,QAASd,EACTe,SAAmB,WAATjB,EAAoB,OAAS,UACvCkB,KACW,WAATlB,iBACEM,EAAAA,IAACa,EAAAA,SAAuBC,UAAU,QAAQZ,UAAU,wBAEpDF,EAAAA,IAACe,UAAA,CAAiBD,UAAU,QAAQZ,UAAU,SAIlDH,8BAACE,EAAAA,WAAA,CAAWtB,MAAM,UAAUe,KAAK,KAC9BK,SAAAN"}

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box } from "@mui/material";
 /* empty css                       */
-import { styled } from "@mui/system";
+import styled from "../../../node_modules/@mui/system/esm/styled/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const ToggleWrapper = styled(Box)(({ theme: { palette } }) => ({
   "& input:checked + .slider": {
     backgroundColor: palette.theme.primary[700]

package/dist/components/toggle/toggle/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");;/* empty css                    */const s=require("@mui/system").styled(r.Box)(({theme:{palette:e}})=>({"& input:checked + .slider":{backgroundColor:e.theme.primary[700]},"& .slider":{backgroundColor:e.theme.secondary[200],":hover":{backgroundColor:e.theme.secondary[300]}},"& input":{display:"none"}}));exports.default=r=>/* @__PURE__ */e.jsx(s,{children:/* @__PURE__ */e.jsxs("label",{className:"switch",children:[
-/* @__PURE__ */e.jsx("input",{type:"checkbox",...r}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");;/* empty css                    */var s=,/* empty css                                                  */r=;/* empty css                                                 */const o=s.default(r.default)(({theme:{palette:e}})=>({"& input:checked + .slider":{backgroundColor:e.theme.primary[700]},"& .slider":{backgroundColor:e.theme.secondary[200],":hover":{backgroundColor:e.theme.secondary[300]}},"& input":{display:"none"}}));exports.default=s=>/* @__PURE__ */e.jsx(o,{children:/* @__PURE__ */e.jsxs("label",{className:"switch",children:[
+/* @__PURE__ */e.jsx("input",{type:"checkbox",...s}),
 /* @__PURE__ */e.jsx("span",{className:"slider round"})]})});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport \"./toggle.scss\";\nimport { styled } from \"@mui/system\";\n\nconst ToggleWrapper = styled(Box)(({ theme: { palette } }) => ({\n  \"& input:checked + .slider\": {\n    backgroundColor: palette.theme.primary[700],\n  },\n  \"& .slider\": {\n    backgroundColor: palette.theme.secondary[200],\n    \":hover\": {\n      backgroundColor: palette.theme.secondary[300],\n    },\n  },\n  \"& input\": {\n    display: \"none\",\n  },\n}));\n\ninterface IToggle {\n  checked: boolean;\n  onChange: () => void;\n}\n\nconst Toggle = (props: IToggle) => {\n  return (\n    <ToggleWrapper>\n      <label className=\"switch\">\n        <input type=\"checkbox\" {...props} />\n        <span className=\"slider round\"></span>\n      </label>\n    </ToggleWrapper>\n  );\n};\n\nexport default Toggle;\n"],"names":["ToggleWrapper","styled","Box","theme","palette","backgroundColor","primary","secondary","display","props","jsx","children","jsxs","className","type"],"mappings":"qKAIA,MAAMA,yBAAgBC,OAAOC,MAAPD,CAAY,EAAGE,OAASC,gBAC5C,4BAA6B,CAC3BC,gBAAiBD,EAAQD,MAAMG,QAAQ,MAEzC,YAAa,CACXD,gBAAiBD,EAAQD,MAAMI,UAAU,KACzC,SAAU,CACRF,gBAAiBD,EAAQD,MAAMI,UAAU,OAG7C,UAAW,CACTC,QAAS,2BASGC,kBAEZC,EAAAA,IAACV,EAAA,CACCW,wBAAAC,EAAAA,KAAC,QAAA,CAAMC,UAAU,SACfF,SAAA;eAAAD,EAAAA,IAAC,QAAA,CAAMI,KAAK,cAAeL;iBAC3BC,IAAC,OAAA,CAAKG,UAAU"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport \"./toggle.scss\";\nimport { styled } from \"@mui/system\";\n\nconst ToggleWrapper = styled(Box)(({ theme: { palette } }) => ({\n  \"& input:checked + .slider\": {\n    backgroundColor: palette.theme.primary[700],\n  },\n  \"& .slider\": {\n    backgroundColor: palette.theme.secondary[200],\n    \":hover\": {\n      backgroundColor: palette.theme.secondary[300],\n    },\n  },\n  \"& input\": {\n    display: \"none\",\n  },\n}));\n\ninterface IToggle {\n  checked: boolean;\n  onChange: () => void;\n}\n\nconst Toggle = (props: IToggle) => {\n  return (\n    <ToggleWrapper>\n      <label className=\"switch\">\n        <input type=\"checkbox\" {...props} />\n        <span className=\"slider round\"></span>\n      </label>\n    </ToggleWrapper>\n  );\n};\n\nexport default Toggle;\n"],"names":["ToggleWrapper","styled","Box","theme","palette","backgroundColor","primary","secondary","display","props","jsx","children","jsxs","className","type"],"mappings":"mRAIA,MAAMA,EAAgBC,EAAAA,QAAOC,UAAPD,CAAY,EAAGE,OAASC,gBAC5C,4BAA6B,CAC3BC,gBAAiBD,EAAQD,MAAMG,QAAQ,MAEzC,YAAa,CACXD,gBAAiBD,EAAQD,MAAMI,UAAU,KACzC,SAAU,CACRF,gBAAiBD,EAAQD,MAAMI,UAAU,OAG7C,UAAW,CACTC,QAAS,2BASGC,kBAEZC,EAAAA,IAACV,EAAA,CACCW,wBAAAC,EAAAA,KAAC,QAAA,CAAMC,UAAU,SACfF,SAAA;eAAAD,EAAAA,IAAC,QAAA,CAAMI,KAAK,cAAeL;iBAC3BC,IAAC,OAAA,CAAKG,UAAU"}

package/dist/components/toggle-switch/toggle-switch/index.esm.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { styled } from "@mui/material/styles";
-import Switch from "@mui/material/Switch";
-import Stack from "@mui/material/Stack";
 import { Typography } from "../../typography/typography/index.esm.js";
 import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
 import { memo } from "react";
+import Stack from "../../../node_modules/@mui/material/Stack/Stack/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Switch from "../../../node_modules/@mui/material/Switch/Switch/index.esm.js";
 const CustomisedSwitch = styled((props) => /* @__PURE__ */ jsx(Switch, { focusVisibleClassName: ".Mui-focusVisible", disableRipple: true, ...props }))(({ theme, size, checked }) => {
   var _a, _b, _c;
   return {

package/dist/components/toggle-switch/toggle-switch/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/styles"),i=require("@mui/material/Switch"),r=require("@mui/material/Stack"),a=require("../../typography/typography/index.js"),o=require("../../../hooks/useLangauge/index.js"),d=require("react");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/* @__PURE__ */s(i),l=/* @__PURE__ */s(r);const c=t.styled(t=>/* @__PURE__ */e.jsx(u.default,{focusVisibleClassName:".Mui-focusVisible",disableRipple:!0,...t}))(({theme:e,size:t,checked:i})=>{var r,a,o;return{width:24,height:16,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"medium"===t?2:1,transitionDuration:"300ms","&.Mui-checked":{transform:"medium"===t?"translateX(16px)":"translateX(8px)",color:"#fff","& + .MuiSwitch-track":{backgroundColor:"dark"===e.palette.mode?"#2ECA45":"#65C466",opacity:1,border:0},"&.Mui-disabled + .MuiSwitch-track":{opacity:.5}},"&.Mui-focusVisible .MuiSwitch-thumb":{color:"#33cf4d",border:"6px solid #fff"},"&.Mui-disabled .MuiSwitch-thumb":{color:"light"===e.palette.mode?e.palette.grey[100]:e.palette.grey[600]},"&.Mui-disabled + .MuiSwitch-track":{opacity:"light"===e.palette.mode?.7:.3}},"& .MuiSwitch-thumb":{boxSizing:"border-box",width:14,height:14,border:i?0:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[300]}`},"& .MuiSwitch-track":{borderRadius:13,backgroundColor:null==(a=e.palette.theme)?void 0:a.secondary[200],opacity:1,transition:e.transitions.create(["background-color"],{duration:500})},..."medium"===t&&{width:42,height:26,"& .MuiSwitch-thumb":{boxSizing:"border-box",width:22,height:22,border:i?0:`1px solid ${null==(o=e.palette.theme)?void 0:o.secondary[300]}`}}}}),n=d.memo(({label:t,labelPosition:i="end",typographyProps:r,...d})=>{const{isRtl:s}=o.useLanguage();/* @__PURE__ */
-return e.jsxs(l.default,{direction:"row",spacing:s?"":.5,alignItems:"center",children:["start"===i&&/* @__PURE__ */e.jsx(a.Typography,{type:"s3",color:"theme.secondary.1000",...r,children:t}),
-/* @__PURE__ */e.jsx(c,{sx:{m:1},...d}),"end"===i&&/* @__PURE__ */e.jsx(a.Typography,{type:"s3",color:"theme.secondary.1000",...r,children:t})]})});exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../typography/typography/index.js"),t=require("../../../hooks/useLangauge/index.js"),r=require("react"),o=require("../../../node_modules/@mui/material/Stack/Stack/index.js"),a=require("../../../node_modules/@mui/material/styles/styled/index.js"),d=require("../../../node_modules/@mui/material/Switch/Switch/index.js");const s=a.default(i=>/* @__PURE__ */e.jsx(d.default,{focusVisibleClassName:".Mui-focusVisible",disableRipple:!0,...i}))(({theme:e,size:i,checked:t})=>{var r,o,a;return{width:24,height:16,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"medium"===i?2:1,transitionDuration:"300ms","&.Mui-checked":{transform:"medium"===i?"translateX(16px)":"translateX(8px)",color:"#fff","& + .MuiSwitch-track":{backgroundColor:"dark"===e.palette.mode?"#2ECA45":"#65C466",opacity:1,border:0},"&.Mui-disabled + .MuiSwitch-track":{opacity:.5}},"&.Mui-focusVisible .MuiSwitch-thumb":{color:"#33cf4d",border:"6px solid #fff"},"&.Mui-disabled .MuiSwitch-thumb":{color:"light"===e.palette.mode?e.palette.grey[100]:e.palette.grey[600]},"&.Mui-disabled + .MuiSwitch-track":{opacity:"light"===e.palette.mode?.7:.3}},"& .MuiSwitch-thumb":{boxSizing:"border-box",width:14,height:14,border:t?0:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[300]}`},"& .MuiSwitch-track":{borderRadius:13,backgroundColor:null==(o=e.palette.theme)?void 0:o.secondary[200],opacity:1,transition:e.transitions.create(["background-color"],{duration:500})},..."medium"===i&&{width:42,height:26,"& .MuiSwitch-thumb":{boxSizing:"border-box",width:22,height:22,border:t?0:`1px solid ${null==(a=e.palette.theme)?void 0:a.secondary[300]}`}}}}),l=r.memo(({label:r,labelPosition:a="end",typographyProps:d,...l})=>{const{isRtl:u}=t.useLanguage();/* @__PURE__ */
+return e.jsxs(o.default,{direction:"row",spacing:u?"":.5,alignItems:"center",children:["start"===a&&/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"theme.secondary.1000",...d,children:r}),
+/* @__PURE__ */e.jsx(s,{sx:{m:1},...l}),"end"===a&&/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"theme.secondary.1000",...d,children:r})]})});exports.default=l;
 //# sourceMappingURL=index.js.map

package/dist/components/toggle-switch/toggle-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/toggle-switch/toggle-switch.tsx"],"sourcesContent":["import { styled } from \"@mui/material/styles\";\nimport Switch, { SwitchProps } from \"@mui/material/Switch\";\nimport Stack from \"@mui/material/Stack\";\nimport Typography, { ITypography } from \"../typography/typography\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo } from \"react\";\n\nexport interface ISwitchProps extends SwitchProps {\n  label?: string;\n  labelPosition?: \"start\" | \"end\";\n  typographyProps?: ITypography;\n}\n\nconst CustomisedSwitch = styled((props: ISwitchProps) => (\n  <Switch focusVisibleClassName=\".Mui-focusVisible\" disableRipple {...props} />\n))(({ theme, size, checked }) => ({\n  width: 24,\n  height: 16,\n  padding: 0,\n  \"& .MuiSwitch-switchBase\": {\n    padding: 0,\n    margin: size === \"medium\" ? 2 : 1,\n    transitionDuration: \"300ms\",\n    \"&.Mui-checked\": {\n      transform: size === \"medium\" ? \"translateX(16px)\" : \"translateX(8px)\",\n      color: \"#fff\",\n      \"& + .MuiSwitch-track\": {\n        backgroundColor: theme.palette.mode === \"dark\" ? \"#2ECA45\" : \"#65C466\",\n        opacity: 1,\n        border: 0,\n      },\n      \"&.Mui-disabled + .MuiSwitch-track\": {\n        opacity: 0.5,\n      },\n    },\n    \"&.Mui-focusVisible .MuiSwitch-thumb\": {\n      color: \"#33cf4d\",\n      border: \"6px solid #fff\",\n    },\n    \"&.Mui-disabled .MuiSwitch-thumb\": {\n      color:\n        theme.palette.mode === \"light\"\n          ? theme.palette.grey[100]\n          : theme.palette.grey[600],\n    },\n    \"&.Mui-disabled + .MuiSwitch-track\": {\n      opacity: theme.palette.mode === \"light\" ? 0.7 : 0.3,\n    },\n  },\n  \"& .MuiSwitch-thumb\": {\n    boxSizing: \"border-box\",\n    width: 14,\n    height: 14,\n    border: checked ? 0 : `1px solid ${theme.palette.theme?.secondary[300]}`,\n  },\n  \"& .MuiSwitch-track\": {\n    borderRadius: 26 / 2,\n    backgroundColor: theme.palette.theme?.secondary[200],\n    opacity: 1,\n    transition: theme.transitions.create([\"background-color\"], {\n      duration: 500,\n    }),\n  },\n  ...(size === \"medium\" && {\n    width: 42,\n    height: 26,\n    \"& .MuiSwitch-thumb\": {\n      boxSizing: \"border-box\",\n      width: 22,\n      height: 22,\n      border: checked ? 0 : `1px solid ${theme.palette.theme?.secondary[300]}`,\n    },\n  }),\n}));\n\nconst ToggleSwitch: React.FC<ISwitchProps> = memo(({\n  label,\n  labelPosition = \"end\",\n  typographyProps,\n  ...rest\n}) => {\n  const {isRtl}=useLanguage();\n  return (\n    <Stack direction=\"row\" spacing={isRtl ? '' : 0.5} alignItems=\"center\">\n      {labelPosition === \"start\" && (\n        <Typography type=\"s3\" color=\"theme.secondary.1000\" {...typographyProps}>\n          {label}\n        </Typography>\n      )}\n      <CustomisedSwitch  sx={{ m: 1 }} {...rest} />\n      {labelPosition === \"end\" && (\n        <Typography  type=\"s3\" color=\"theme.secondary.1000\" {...typographyProps}>\n          {label}\n        </Typography>\n      )}\n    </Stack>\n  );\n});\n\nexport default ToggleSwitch;\n"],"names":["CustomisedSwitch","styled","props","jsx","Switch","focusVisibleClassName","disableRipple","theme","size","checked","width","height","padding","margin","transitionDuration","transform","color","backgroundColor","palette","mode","opacity","border","grey","boxSizing","_a","secondary","borderRadius","_b","transition","transitions","create","duration","_c","ToggleSwitch","memo","label","labelPosition","typographyProps","rest","isRtl","useLanguage","jsxs","Stack","direction","spacing","alignItems","children","Typography","type","sx","m"],"mappings":"0bAaA,MAAMA,EAAmBC,EAAAA,OAAQC,oBAC/BC,IAACC,UAAA,CAAOC,sBAAsB,oBAAoBC,eAAa,KAAKJ,IAD7CD,CAEtB,EAAGM,QAAOC,OAAMC,wBAAe,MAAA,CAChCC,MAAO,GACPC,OAAQ,GACRC,QAAS,EACT,0BAA2B,CACzBA,QAAS,EACTC,OAAiB,WAATL,EAAoB,EAAI,EAChCM,mBAAoB,QACpB,gBAAiB,CACfC,UAAoB,WAATP,EAAoB,mBAAqB,kBACpDQ,MAAO,OACP,uBAAwB,CACtBC,gBAAwC,SAAvBV,EAAMW,QAAQC,KAAkB,UAAY,UAC7DC,QAAS,EACTC,OAAQ,GAEV,oCAAqC,CACnCD,QAAS,KAGb,sCAAuC,CACrCJ,MAAO,UACPK,OAAQ,kBAEV,kCAAmC,CACjCL,MACyB,UAAvBT,EAAMW,QAAQC,KACVZ,EAAMW,QAAQI,KAAK,KACnBf,EAAMW,QAAQI,KAAK,MAE3B,oCAAqC,CACnCF,QAAgC,UAAvBb,EAAMW,QAAQC,KAAmB,GAAM,KAGpD,qBAAsB,CACpBI,UAAW,aACXb,MAAO,GACPC,OAAQ,GACRU,OAAQZ,EAAU,EAAI,aAAa,OAAAe,IAAMN,QAAQX,YAAd,EAAAiB,EAAqBC,UAAU,QAEpE,qBAAsB,CACpBC,aAAc,GACdT,gBAAiB,OAAAU,EAAApB,EAAMW,QAAQX,gBAAOkB,UAAU,KAChDL,QAAS,EACTQ,WAAYrB,EAAMsB,YAAYC,OAAO,CAAC,oBAAqB,CACzDC,SAAU,UAGD,WAATvB,GAAqB,CACvBE,MAAO,GACPC,OAAQ,GACR,qBAAsB,CACpBY,UAAW,aACXb,MAAO,GACPC,OAAQ,GACRU,OAAQZ,EAAU,EAAI,aAAa,OAAAuB,IAAMd,QAAQX,YAAd,EAAAyB,EAAqBP,UAAU,YAKlEQ,EAAuCC,EAAAA,KAAK,EAChDC,QACAC,gBAAgB,MAChBC,qBACGC,MAEH,MAAMC,MAACA,GAAOC;AACd,OACEC,OAACC,EAAAA,SAAMC,UAAU,MAAMC,QAASL,EAAQ,GAAK,GAAKM,WAAW,SAC1DC,SAAA,CAAkB,UAAlBV,wBACEW,EAAAA,WAAA,CAAWC,KAAK,KAAKhC,MAAM,0BAA2BqB,EACpDS,SAAAX;eAGLhC,MAACH,GAAkBiD,GAAI,CAAEC,EAAG,MAASZ,IAClB,QAAlBF,kBACCjC,MAAC4C,EAAAA,WAAA,CAAYC,KAAK,KAAKhC,MAAM,0BAA2BqB,EACrDS,SAAAX"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/toggle-switch/toggle-switch.tsx"],"sourcesContent":["import { styled } from \"@mui/material/styles\";\nimport Switch, { SwitchProps } from \"@mui/material/Switch\";\nimport Stack from \"@mui/material/Stack\";\nimport Typography, { ITypography } from \"../typography/typography\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo } from \"react\";\n\nexport interface ISwitchProps extends SwitchProps {\n  label?: string;\n  labelPosition?: \"start\" | \"end\";\n  typographyProps?: ITypography;\n}\n\nconst CustomisedSwitch = styled((props: ISwitchProps) => (\n  <Switch focusVisibleClassName=\".Mui-focusVisible\" disableRipple {...props} />\n))(({ theme, size, checked }) => ({\n  width: 24,\n  height: 16,\n  padding: 0,\n  \"& .MuiSwitch-switchBase\": {\n    padding: 0,\n    margin: size === \"medium\" ? 2 : 1,\n    transitionDuration: \"300ms\",\n    \"&.Mui-checked\": {\n      transform: size === \"medium\" ? \"translateX(16px)\" : \"translateX(8px)\",\n      color: \"#fff\",\n      \"& + .MuiSwitch-track\": {\n        backgroundColor: theme.palette.mode === \"dark\" ? \"#2ECA45\" : \"#65C466\",\n        opacity: 1,\n        border: 0,\n      },\n      \"&.Mui-disabled + .MuiSwitch-track\": {\n        opacity: 0.5,\n      },\n    },\n    \"&.Mui-focusVisible .MuiSwitch-thumb\": {\n      color: \"#33cf4d\",\n      border: \"6px solid #fff\",\n    },\n    \"&.Mui-disabled .MuiSwitch-thumb\": {\n      color:\n        theme.palette.mode === \"light\"\n          ? theme.palette.grey[100]\n          : theme.palette.grey[600],\n    },\n    \"&.Mui-disabled + .MuiSwitch-track\": {\n      opacity: theme.palette.mode === \"light\" ? 0.7 : 0.3,\n    },\n  },\n  \"& .MuiSwitch-thumb\": {\n    boxSizing: \"border-box\",\n    width: 14,\n    height: 14,\n    border: checked ? 0 : `1px solid ${theme.palette.theme?.secondary[300]}`,\n  },\n  \"& .MuiSwitch-track\": {\n    borderRadius: 26 / 2,\n    backgroundColor: theme.palette.theme?.secondary[200],\n    opacity: 1,\n    transition: theme.transitions.create([\"background-color\"], {\n      duration: 500,\n    }),\n  },\n  ...(size === \"medium\" && {\n    width: 42,\n    height: 26,\n    \"& .MuiSwitch-thumb\": {\n      boxSizing: \"border-box\",\n      width: 22,\n      height: 22,\n      border: checked ? 0 : `1px solid ${theme.palette.theme?.secondary[300]}`,\n    },\n  }),\n}));\n\nconst ToggleSwitch: React.FC<ISwitchProps> = memo(({\n  label,\n  labelPosition = \"end\",\n  typographyProps,\n  ...rest\n}) => {\n  const {isRtl}=useLanguage();\n  return (\n    <Stack direction=\"row\" spacing={isRtl ? '' : 0.5} alignItems=\"center\">\n      {labelPosition === \"start\" && (\n        <Typography type=\"s3\" color=\"theme.secondary.1000\" {...typographyProps}>\n          {label}\n        </Typography>\n      )}\n      <CustomisedSwitch  sx={{ m: 1 }} {...rest} />\n      {labelPosition === \"end\" && (\n        <Typography  type=\"s3\" color=\"theme.secondary.1000\" {...typographyProps}>\n          {label}\n        </Typography>\n      )}\n    </Stack>\n  );\n});\n\nexport default ToggleSwitch;\n"],"names":["CustomisedSwitch","styled","props","jsx","Switch","focusVisibleClassName","disableRipple","theme","size","checked","width","height","padding","margin","transitionDuration","transform","color","backgroundColor","palette","mode","opacity","border","grey","boxSizing","_a","secondary","borderRadius","_b","transition","transitions","create","duration","_c","ToggleSwitch","memo","label","labelPosition","typographyProps","rest","isRtl","useLanguage","jsxs","Stack","direction","spacing","alignItems","children","Typography","type","sx","m"],"mappings":"mbAaA,MAAMA,EAAmBC,EAAAA,QAAQC,oBAC/BC,IAACC,UAAA,CAAOC,sBAAsB,oBAAoBC,eAAa,KAAKJ,IAD7CD,CAEtB,EAAGM,QAAOC,OAAMC,wBAAe,MAAA,CAChCC,MAAO,GACPC,OAAQ,GACRC,QAAS,EACT,0BAA2B,CACzBA,QAAS,EACTC,OAAiB,WAATL,EAAoB,EAAI,EAChCM,mBAAoB,QACpB,gBAAiB,CACfC,UAAoB,WAATP,EAAoB,mBAAqB,kBACpDQ,MAAO,OACP,uBAAwB,CACtBC,gBAAwC,SAAvBV,EAAMW,QAAQC,KAAkB,UAAY,UAC7DC,QAAS,EACTC,OAAQ,GAEV,oCAAqC,CACnCD,QAAS,KAGb,sCAAuC,CACrCJ,MAAO,UACPK,OAAQ,kBAEV,kCAAmC,CACjCL,MACyB,UAAvBT,EAAMW,QAAQC,KACVZ,EAAMW,QAAQI,KAAK,KACnBf,EAAMW,QAAQI,KAAK,MAE3B,oCAAqC,CACnCF,QAAgC,UAAvBb,EAAMW,QAAQC,KAAmB,GAAM,KAGpD,qBAAsB,CACpBI,UAAW,aACXb,MAAO,GACPC,OAAQ,GACRU,OAAQZ,EAAU,EAAI,aAAa,OAAAe,IAAMN,QAAQX,YAAd,EAAAiB,EAAqBC,UAAU,QAEpE,qBAAsB,CACpBC,aAAc,GACdT,gBAAiB,OAAAU,EAAApB,EAAMW,QAAQX,gBAAOkB,UAAU,KAChDL,QAAS,EACTQ,WAAYrB,EAAMsB,YAAYC,OAAO,CAAC,oBAAqB,CACzDC,SAAU,UAGD,WAATvB,GAAqB,CACvBE,MAAO,GACPC,OAAQ,GACR,qBAAsB,CACpBY,UAAW,aACXb,MAAO,GACPC,OAAQ,GACRU,OAAQZ,EAAU,EAAI,aAAa,OAAAuB,IAAMd,QAAQX,YAAd,EAAAyB,EAAqBP,UAAU,YAKlEQ,EAAuCC,EAAAA,KAAK,EAChDC,QACAC,gBAAgB,MAChBC,qBACGC,MAEH,MAAMC,MAACA,GAAOC;AACd,OACEC,OAACC,EAAAA,SAAMC,UAAU,MAAMC,QAASL,EAAQ,GAAK,GAAKM,WAAW,SAC1DC,SAAA,CAAkB,UAAlBV,wBACEW,EAAAA,WAAA,CAAWC,KAAK,KAAKhC,MAAM,0BAA2BqB,EACpDS,SAAAX;eAGLhC,MAACH,GAAkBiD,GAAI,CAAEC,EAAG,MAASZ,IAClB,QAAlBF,kBACCjC,MAAC4C,EAAAA,WAAA,CAAYC,KAAK,KAAKhC,MAAM,0BAA2BqB,EACrDS,SAAAX"}

package/dist/components/tooltip/Tooltip/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Tooltip as Tooltip$1 } from "@mui/material";
+import Tooltip$1 from "../../../node_modules/@mui/material/Tooltip/Tooltip/index.esm.js";
 const Tooltip = ({ title, children, sx, ...rest }) => {
   return /* @__PURE__ */ jsx(
     Tooltip$1,

package/dist/components/tooltip/Tooltip/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");exports.default=({title:t,children:o,sx:i,...l})=>/* @__PURE__ */e.jsx(r.Tooltip,{componentsProps:{tooltip:{sx:{padding:"0.5rem 0.75rem",backgroundColor:"#393B3E",maxWidth:"12rem","& .MuiTooltip-arrow":{color:"#393B3E"},...i}}},title:t,...l,children:o});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/Tooltip/Tooltip/index.js");exports.default=({title:o,children:t,sx:i,...l})=>/* @__PURE__ */e.jsx(r.default,{componentsProps:{tooltip:{sx:{padding:"0.5rem 0.75rem",backgroundColor:"#393B3E",maxWidth:"12rem","& .MuiTooltip-arrow":{color:"#393B3E"},...i}}},title:o,...l,children:t});
 //# sourceMappingURL=index.js.map

package/dist/components/tooltip/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MUITooltip, TooltipProps } from \"@mui/material\";\n\nconst Tooltip = ({ title, children, sx, ...rest }: TooltipProps) => {\n  return (\n    <MUITooltip\n      componentsProps={{\n        tooltip: {\n          sx: {\n            padding: \"0.5rem 0.75rem\",\n            backgroundColor: \"#393B3E\",\n            maxWidth: \"12rem\",\n            '& .MuiTooltip-arrow': {\n              color: \"#393B3E\"\n            },\n            ...sx\n          },\n        },\n      }}\n      title={title}\n      {...rest}\n    >\n      {children}\n    </MUITooltip>\n  );\n};\n\nexport default Tooltip;\n"],"names":["title","children","sx","rest","jsx","MUITooltip","componentsProps","tooltip","padding","backgroundColor","maxWidth","color"],"mappings":"kJAEgB,EAAGA,QAAOC,WAAUC,QAAOC,oBAEvCC,EAAAA,IAACC,EAAAA,QAAA,CACCC,gBAAiB,CACfC,QAAS,CACPL,GAAI,CACFM,QAAS,iBACTC,gBAAiB,UACjBC,SAAU,QACV,sBAAuB,CACrBC,MAAO,cAENT,KAITF,WACIG,EAEHF"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MUITooltip, TooltipProps } from \"@mui/material\";\n\nconst Tooltip = ({ title, children, sx, ...rest }: TooltipProps) => {\n  return (\n    <MUITooltip\n      componentsProps={{\n        tooltip: {\n          sx: {\n            padding: \"0.5rem 0.75rem\",\n            backgroundColor: \"#393B3E\",\n            maxWidth: \"12rem\",\n            '& .MuiTooltip-arrow': {\n              color: \"#393B3E\"\n            },\n            ...sx\n          },\n        },\n      }}\n      title={title}\n      {...rest}\n    >\n      {children}\n    </MUITooltip>\n  );\n};\n\nexport default Tooltip;\n"],"names":["title","children","sx","rest","jsx","MUITooltip","componentsProps","tooltip","padding","backgroundColor","maxWidth","color"],"mappings":"iMAEgB,EAAGA,QAAOC,WAAUC,QAAOC,oBAEvCC,EAAAA,IAACC,EAAAA,QAAA,CACCC,gBAAiB,CACfC,QAAS,CACPL,GAAI,CACFM,QAAS,iBACTC,gBAAiB,UACjBC,SAAU,QACV,sBAAuB,CACrBC,MAAO,cAENT,KAITF,WACIG,EAEHF"}

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

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { styled, Typography as Typography$1 } from "@mui/material";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Typography$1 from "../../../node_modules/@mui/material/Typography/Typography/index.esm.js";
 const StyledTypography = styled(Typography$1)(
   ({ theme: { palette }, color }) => {
     var _a;

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/typography/typography.tsx"],"sourcesContent":["import {\n  Typography as MUITypography,\n  TypographyProps,\n  styled,\n} from \"@mui/material\";\n\nexport interface ITypography extends TypographyProps {\n  type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"s1\" | \"s2\" | \"s3\" | \"s4\" | \"s5\";\n  weight?: \"normal\" | \"medium\" | \"bold\";\n}\n\nconst StyledTypography = styled(MUITypography)<ITypography>(\n  ({ theme: { palette }, color }) => ({\n    color: color || palette.theme?.primary[800],\n  }),\n);\n\nexport function Typography(props: ITypography) {\n  const {\n    children,\n    type = \"h5\",\n    weight = \"normal\",\n    className,\n    ...rest\n  } = props;\n\n  return (\n    <StyledTypography className={`${type} ${weight} ${className}`} {...rest}>\n      {children}\n    </StyledTypography>\n  );\n}\n\nexport default Typography;\n"],"names":["MUITypography"],"mappings":";;AAWA,MAAM,mBAAmB,OAAOA,YAAa;AAAA,EAC3C,CAAC,EAAE,OAAO,EAAE,QAAA,GAAW,YAAM;;AAAO;AAAA,MAClC,OAAO,WAAS,aAAQ,UAAR,mBAAe,QAAQ;AAAA,IAAG;AAAA;AAE9C;AAEO,SAAS,WAAW,OAAoB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,SACE,oBAAC,kBAAA,EAAiB,WAAW,GAAG,IAAI,IAAI,MAAM,IAAI,SAAS,IAAK,GAAG,MAChE,SAAA,CACH;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/typography/typography.tsx"],"sourcesContent":["import {\n  Typography as MUITypography,\n  TypographyProps,\n  styled,\n} from \"@mui/material\";\n\nexport interface ITypography extends TypographyProps {\n  type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"s1\" | \"s2\" | \"s3\" | \"s4\" | \"s5\";\n  weight?: \"normal\" | \"medium\" | \"bold\";\n}\n\nconst StyledTypography = styled(MUITypography)<ITypography>(\n  ({ theme: { palette }, color }) => ({\n    color: color || palette.theme?.primary[800],\n  }),\n);\n\nexport function Typography(props: ITypography) {\n  const {\n    children,\n    type = \"h5\",\n    weight = \"normal\",\n    className,\n    ...rest\n  } = props;\n\n  return (\n    <StyledTypography className={`${type} ${weight} ${className}`} {...rest}>\n      {children}\n    </StyledTypography>\n  );\n}\n\nexport default Typography;\n"],"names":["MUITypography"],"mappings":";;;AAWA,MAAM,mBAAmB,OAAOA,YAAa;AAAA,EAC3C,CAAC,EAAE,OAAO,EAAE,QAAA,GAAW,YAAM;;AAAO;AAAA,MAClC,OAAO,WAAS,aAAQ,UAAR,mBAAe,QAAQ;AAAA,IAAG;AAAA;AAE9C;AAEO,SAAS,WAAW,OAAoB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,SACE,oBAAC,kBAAA,EAAiB,WAAW,GAAG,IAAI,IAAI,MAAM,IAAI,SAAS,IAAK,GAAG,MAChE,SAAA,CACH;AAEJ;"}

package/dist/components/typography/typography/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");const t=r.styled(r.Typography)(({theme:{palette:e},color:r})=>{var t;return{color:r||(null==(t=e.theme)?void 0:t.primary[800])}});function a(r){const{children:a,type:o="h5",weight:l="normal",className:s,...i}=r;/* @__PURE__ */
-return e.jsx(t,{className:`${o} ${l} ${s}`,...i,children:a})}exports.Typography=a,exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/styles/styled/index.js"),t=require("../../../node_modules/@mui/material/Typography/Typography/index.js");const a=r.default(t.default)(({theme:{palette:e},color:r})=>{var t;return{color:r||(null==(t=e.theme)?void 0:t.primary[800])}});function l(r){const{children:t,type:l="h5",weight:o="normal",className:s,...i}=r;/* @__PURE__ */
+return e.jsx(a,{className:`${l} ${o} ${s}`,...i,children:t})}exports.Typography=l,exports.default=l;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/typography/typography.tsx"],"sourcesContent":["import {\n  Typography as MUITypography,\n  TypographyProps,\n  styled,\n} from \"@mui/material\";\n\nexport interface ITypography extends TypographyProps {\n  type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"s1\" | \"s2\" | \"s3\" | \"s4\" | \"s5\";\n  weight?: \"normal\" | \"medium\" | \"bold\";\n}\n\nconst StyledTypography = styled(MUITypography)<ITypography>(\n  ({ theme: { palette }, color }) => ({\n    color: color || palette.theme?.primary[800],\n  }),\n);\n\nexport function Typography(props: ITypography) {\n  const {\n    children,\n    type = \"h5\",\n    weight = \"normal\",\n    className,\n    ...rest\n  } = props;\n\n  return (\n    <StyledTypography className={`${type} ${weight} ${className}`} {...rest}>\n      {children}\n    </StyledTypography>\n  );\n}\n\nexport default Typography;\n"],"names":["StyledTypography","styled","MUITypography","theme","palette","color","_a","primary","Typography","props","children","type","weight","className","rest","jsx"],"mappings":"kIAWA,MAAMA,EAAmBC,EAAAA,OAAOC,aAAPD,CACvB,EAAGE,OAASC,WAAWC,kBAAa,MAAA,CAClCA,MAAOA,IAAS,OAAAC,EAAAF,EAAQD,gBAAOI,QAAQ,SAIpC,SAASC,EAAWC,GACzB,MAAMC,SACJA,EAAAC,KACAA,EAAO,KAAAC,OACPA,EAAS,SAAAC,UACTA,KACGC,GACDL;AAEJ,OACEM,EAAAA,IAACf,EAAA,CAAiBa,UAAW,GAAGF,KAAQC,KAAUC,OAAiBC,EAChEJ,YAGP"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/typography/typography.tsx"],"sourcesContent":["import {\n  Typography as MUITypography,\n  TypographyProps,\n  styled,\n} from \"@mui/material\";\n\nexport interface ITypography extends TypographyProps {\n  type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"s1\" | \"s2\" | \"s3\" | \"s4\" | \"s5\";\n  weight?: \"normal\" | \"medium\" | \"bold\";\n}\n\nconst StyledTypography = styled(MUITypography)<ITypography>(\n  ({ theme: { palette }, color }) => ({\n    color: color || palette.theme?.primary[800],\n  }),\n);\n\nexport function Typography(props: ITypography) {\n  const {\n    children,\n    type = \"h5\",\n    weight = \"normal\",\n    className,\n    ...rest\n  } = props;\n\n  return (\n    <StyledTypography className={`${type} ${weight} ${className}`} {...rest}>\n      {children}\n    </StyledTypography>\n  );\n}\n\nexport default Typography;\n"],"names":["StyledTypography","styled","MUITypography","theme","palette","color","_a","primary","Typography","props","children","type","weight","className","rest","jsx"],"mappings":"+PAWA,MAAMA,EAAmBC,EAAAA,QAAOC,UAAPD,CACvB,EAAGE,OAASC,WAAWC,kBAAa,MAAA,CAClCA,MAAOA,IAAS,OAAAC,EAAAF,EAAQD,gBAAOI,QAAQ,SAIpC,SAASC,EAAWC,GACzB,MAAMC,SACJA,EAAAC,KACAA,EAAO,KAAAC,OACPA,EAAS,SAAAC,UACTA,KACGC,GACDL;AAEJ,OACEM,EAAAA,IAACf,EAAA,CAAiBa,UAAW,GAAGF,KAAQC,KAAUC,OAAiBC,EAChEJ,YAGP"}

package/dist/components/upload/file-confirmation/index.esm.js

@@ -1,10 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { Dialog, DialogTitle, IconButton, DialogContent, DialogActions } from "@mui/material";
 import { Typography } from "../../typography/typography/index.esm.js";
 /* empty css                                 */
 import Button from "../../button/button/index.esm.js";
-import { Close } from "@mui/icons-material";
+import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
+import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Close from "../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
+import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
 const FileConfirmationDialog = ({
   open,
   onClose,

package/dist/components/upload/file-confirmation/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/upload/file-confirmation.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  IconButton,\n} from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport \"../filter/filter.scss\"; \nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\ninterface FileConfirmationDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onReplace: () => void;\n  onKeepBoth: () => void;\n  title?: string;\n  isFile : boolean ; \n}\n\nconst FileConfirmationDialog: React.FC<FileConfirmationDialogProps> = ({\n  open,\n  onClose,\n  onReplace,\n  onKeepBoth,\n  title , \n  isFile\n}) => {\n\n  useEffect(() => {\n  }, [open])\n\n  return (\n    <Dialog open={open} className=\"filter-container\" onClose={onClose}>\n      <DialogTitle className=\"filter-header\" sx={{padding: \"20px\"}}> <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n        Confirmation\n      </Typography>\n      <IconButton size=\"small\" onClick={onClose}>\n              <Close fontSize=\"small\" />\n            </IconButton>\n      </DialogTitle>\n      <DialogContent sx={{marginTop: \"20px\"}}>\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n         {isFile   ? `The destination already has a file named ${title}` :  \"The destination already has a folder name \"}\n         \n        </Typography>\n      </DialogContent>\n      <DialogActions className=\"filter-footer\">\n        <Button className=\"cancel-filter-btn\" onClick={onKeepBoth} >\n          Keep Both\n        </Button>\n        <Button onClick={onReplace} >\n          Replace\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default FileConfirmationDialog;\n"],"names":[],"mappings":";;;;;;;AAsBA,MAAM,yBAAgE,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,YAAU,MAAM;AAAA,EAChB,GAAG,CAAC,IAAI,CAAC;AAET,SACE,qBAAC,QAAA,EAAO,MAAY,WAAU,oBAAmB,SAC/C,UAAA;AAAA,IAAA,qBAAC,eAAY,WAAU,iBAAgB,IAAI,EAAC,SAAS,UAAS,UAAA;AAAA,MAAA;AAAA,MAAC,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAAuB,UAAA,eAAA,CAElI;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,SAAQ,SAAS,SAC1B,UAAA,oBAAC,OAAA,EAAM,UAAS,QAAA,CAAQ,EAAA,CAC1B;AAAA,IAAA,GACN;AAAA,IACA,oBAAC,iBAAc,IAAI,EAAC,WAAW,OAAA,GAC7B,8BAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAC1C,UAAA,SAAW,4CAA4C,KAAK,KAAM,8CAEpE,EAAA,CACF;AAAA,IACA,qBAAC,eAAA,EAAc,WAAU,iBACvB,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,WAAU,qBAAoB,SAAS,YAAa,UAAA,aAE5D;AAAA,MACA,oBAAC,QAAA,EAAO,SAAS,WAAY,UAAA,UAAA,CAE7B;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/upload/file-confirmation.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  IconButton,\n} from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport \"../filter/filter.scss\"; \nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\ninterface FileConfirmationDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onReplace: () => void;\n  onKeepBoth: () => void;\n  title?: string;\n  isFile : boolean ; \n}\n\nconst FileConfirmationDialog: React.FC<FileConfirmationDialogProps> = ({\n  open,\n  onClose,\n  onReplace,\n  onKeepBoth,\n  title , \n  isFile\n}) => {\n\n  useEffect(() => {\n  }, [open])\n\n  return (\n    <Dialog open={open} className=\"filter-container\" onClose={onClose}>\n      <DialogTitle className=\"filter-header\" sx={{padding: \"20px\"}}> <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n        Confirmation\n      </Typography>\n      <IconButton size=\"small\" onClick={onClose}>\n              <Close fontSize=\"small\" />\n            </IconButton>\n      </DialogTitle>\n      <DialogContent sx={{marginTop: \"20px\"}}>\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n         {isFile   ? `The destination already has a file named ${title}` :  \"The destination already has a folder name \"}\n         \n        </Typography>\n      </DialogContent>\n      <DialogActions className=\"filter-footer\">\n        <Button className=\"cancel-filter-btn\" onClick={onKeepBoth} >\n          Keep Both\n        </Button>\n        <Button onClick={onReplace} >\n          Replace\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default FileConfirmationDialog;\n"],"names":[],"mappings":";;;;;;;;;;;AAsBA,MAAM,yBAAgE,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,YAAU,MAAM;AAAA,EAChB,GAAG,CAAC,IAAI,CAAC;AAET,SACE,qBAAC,QAAA,EAAO,MAAY,WAAU,oBAAmB,SAC/C,UAAA;AAAA,IAAA,qBAAC,eAAY,WAAU,iBAAgB,IAAI,EAAC,SAAS,UAAS,UAAA;AAAA,MAAA;AAAA,MAAC,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAAuB,UAAA,eAAA,CAElI;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,SAAQ,SAAS,SAC1B,UAAA,oBAAC,OAAA,EAAM,UAAS,QAAA,CAAQ,EAAA,CAC1B;AAAA,IAAA,GACN;AAAA,IACA,oBAAC,iBAAc,IAAI,EAAC,WAAW,OAAA,GAC7B,8BAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAC1C,UAAA,SAAW,4CAA4C,KAAK,KAAM,8CAEpE,EAAA,CACF;AAAA,IACA,qBAAC,eAAA,EAAc,WAAU,iBACvB,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,WAAU,qBAAoB,SAAS,YAAa,UAAA,aAE5D;AAAA,MACA,oBAAC,QAAA,EAAO,SAAS,WAAY,UAAA,UAAA,CAE7B;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/upload/file-confirmation/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),r=require("@mui/material"),s=;/* empty css                                 */;/* empty css                              */var a=,/* empty css                         */l=require("@mui/icons-material");exports.default=({open:t,onClose:o,onReplace:n,onKeepBoth:c,title:d,isFile:h})=>(i.useEffect(()=>{},[t]),/* @__PURE__ */e.jsxs(r.Dialog,{open:t,className:"filter-container",onClose:o,children:[
-/* @__PURE__ */e.jsxs(r.DialogTitle,{className:"filter-header",sx:{padding:"20px"},children:[" ",
-/* @__PURE__ */e.jsx(s.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:"Confirmation"}),
-/* @__PURE__ */e.jsx(r.IconButton,{size:"small",onClick:o,children:/* @__PURE__ */e.jsx(l.Close,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(r.DialogContent,{sx:{marginTop:"20px"},children:/* @__PURE__ */e.jsx(s.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:h?`The destination already has a file named ${d}`:"The destination already has a folder name "})}),
-/* @__PURE__ */e.jsxs(r.DialogActions,{className:"filter-footer",children:[
-/* @__PURE__ */e.jsx(a.default,{className:"cancel-filter-btn",onClick:c,children:"Keep Both"}),
-/* @__PURE__ */e.jsx(a.default,{onClick:n,children:"Replace"})]})]}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),l=;/* empty css                                 */;/* empty css                              */var a=,/* empty css                         */o=,/* empty css                                                       */r=,/* empty css                                                                 */t=,/* empty css                                                               */s=,/* empty css                                                         */n=,/* empty css                                                                     */d=;/* empty css                                                                     */exports.default=({open:u,onClose:c,onReplace:m,onKeepBoth:x,title:h,isFile:f})=>(i.useEffect(()=>{},[u]),/* @__PURE__ */e.jsxs(o.default,{open:u,className:"filter-container",onClose:c,children:[
+/* @__PURE__ */e.jsxs(r.default,{className:"filter-header",sx:{padding:"20px"},children:[" ",
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:"Confirmation"}),
+/* @__PURE__ */e.jsx(t.default,{size:"small",onClick:c,children:/* @__PURE__ */e.jsx(s.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(n.default,{sx:{marginTop:"20px"},children:/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:f?`The destination already has a file named ${h}`:"The destination already has a folder name "})}),
+/* @__PURE__ */e.jsxs(d.default,{className:"filter-footer",children:[
+/* @__PURE__ */e.jsx(a.default,{className:"cancel-filter-btn",onClick:x,children:"Keep Both"}),
+/* @__PURE__ */e.jsx(a.default,{onClick:m,children:"Replace"})]})]}));
 //# sourceMappingURL=index.js.map

package/dist/components/upload/file-confirmation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/upload/file-confirmation.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  IconButton,\n} from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport \"../filter/filter.scss\"; \nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\ninterface FileConfirmationDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onReplace: () => void;\n  onKeepBoth: () => void;\n  title?: string;\n  isFile : boolean ; \n}\n\nconst FileConfirmationDialog: React.FC<FileConfirmationDialogProps> = ({\n  open,\n  onClose,\n  onReplace,\n  onKeepBoth,\n  title , \n  isFile\n}) => {\n\n  useEffect(() => {\n  }, [open])\n\n  return (\n    <Dialog open={open} className=\"filter-container\" onClose={onClose}>\n      <DialogTitle className=\"filter-header\" sx={{padding: \"20px\"}}> <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n        Confirmation\n      </Typography>\n      <IconButton size=\"small\" onClick={onClose}>\n              <Close fontSize=\"small\" />\n            </IconButton>\n      </DialogTitle>\n      <DialogContent sx={{marginTop: \"20px\"}}>\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n         {isFile   ? `The destination already has a file named ${title}` :  \"The destination already has a folder name \"}\n         \n        </Typography>\n      </DialogContent>\n      <DialogActions className=\"filter-footer\">\n        <Button className=\"cancel-filter-btn\" onClick={onKeepBoth} >\n          Keep Both\n        </Button>\n        <Button onClick={onReplace} >\n          Replace\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default FileConfirmationDialog;\n"],"names":["open","onClose","onReplace","onKeepBoth","title","isFile","useEffect","jsxs","Dialog","className","children","DialogTitle","sx","padding","jsx","Typography","type","weight","color","IconButton","size","onClick","Close","fontSize","DialogContent","marginTop","DialogActions","Button"],"mappings":"mVAsBsE,EACpEA,OACAC,UACAC,YACAC,aACAC,QACAC,aAGAC,EAAAA,UAAU,OACP,CAACN,mBAGFO,EAAAA,KAACC,EAAAA,OAAA,CAAOR,OAAYS,UAAU,mBAAmBR,UAC/CS,SAAA;eAAAH,OAACI,EAAAA,aAAYF,UAAU,gBAAgBG,GAAI,CAACC,QAAS,QAASH,SAAA,CAAA;eAACI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAAuBR,SAAA;iBAGlII,IAACK,EAAAA,WAAA,CAAWC,KAAK,QAAQC,QAASpB,EAC1BS,wBAAAI,EAAAA,IAACQ,EAAAA,MAAA,CAAMC,SAAS;eAGxBT,EAAAA,IAACU,EAAAA,eAAcZ,GAAI,CAACa,UAAW,QAC7Bf,8BAACK,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAC1CR,SAAAL,EAAW,4CAA4CD,IAAW;iBAItEG,KAACmB,EAAAA,cAAA,CAAcjB,UAAU,gBACvBC,SAAA;eAAAI,MAACa,EAAAA,QAAA,CAAOlB,UAAU,oBAAoBY,QAASlB,EAAaO,SAAA;eAG5DI,EAAAA,IAACa,EAAAA,QAAA,CAAON,QAASnB,EAAYQ,SAAA"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/upload/file-confirmation.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  IconButton,\n} from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport \"../filter/filter.scss\"; \nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\ninterface FileConfirmationDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onReplace: () => void;\n  onKeepBoth: () => void;\n  title?: string;\n  isFile : boolean ; \n}\n\nconst FileConfirmationDialog: React.FC<FileConfirmationDialogProps> = ({\n  open,\n  onClose,\n  onReplace,\n  onKeepBoth,\n  title , \n  isFile\n}) => {\n\n  useEffect(() => {\n  }, [open])\n\n  return (\n    <Dialog open={open} className=\"filter-container\" onClose={onClose}>\n      <DialogTitle className=\"filter-header\" sx={{padding: \"20px\"}}> <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n        Confirmation\n      </Typography>\n      <IconButton size=\"small\" onClick={onClose}>\n              <Close fontSize=\"small\" />\n            </IconButton>\n      </DialogTitle>\n      <DialogContent sx={{marginTop: \"20px\"}}>\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n         {isFile   ? `The destination already has a file named ${title}` :  \"The destination already has a folder name \"}\n         \n        </Typography>\n      </DialogContent>\n      <DialogActions className=\"filter-footer\">\n        <Button className=\"cancel-filter-btn\" onClick={onKeepBoth} >\n          Keep Both\n        </Button>\n        <Button onClick={onReplace} >\n          Replace\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default FileConfirmationDialog;\n"],"names":["open","onClose","onReplace","onKeepBoth","title","isFile","useEffect","jsxs","Dialog","className","children","DialogTitle","sx","padding","jsx","Typography","type","weight","color","IconButton","size","onClick","Close","fontSize","DialogContent","marginTop","DialogActions","Button"],"mappings":"uvBAsBsE,EACpEA,OACAC,UACAC,YACAC,aACAC,QACAC,aAGAC,EAAAA,UAAU,OACP,CAACN,mBAGFO,EAAAA,KAACC,EAAAA,QAAA,CAAOR,OAAYS,UAAU,mBAAmBR,UAC/CS,SAAA;eAAAH,OAACI,EAAAA,SAAYF,UAAU,gBAAgBG,GAAI,CAACC,QAAS,QAASH,SAAA,CAAA;eAACI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAAuBR,SAAA;iBAGlII,IAACK,EAAAA,QAAA,CAAWC,KAAK,QAAQC,QAASpB,EAC1BS,wBAAAI,EAAAA,IAACQ,EAAAA,QAAA,CAAMC,SAAS;eAGxBT,EAAAA,IAACU,EAAAA,SAAcZ,GAAI,CAACa,UAAW,QAC7Bf,8BAACK,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAC1CR,SAAAL,EAAW,4CAA4CD,IAAW;iBAItEG,KAACmB,EAAAA,QAAA,CAAcjB,UAAU,gBACvBC,SAAA;eAAAI,MAACa,EAAAA,QAAA,CAAOlB,UAAU,oBAAoBY,QAASlB,EAAaO,SAAA;eAG5DI,EAAAA,IAACa,EAAAA,QAAA,CAAON,QAASnB,EAAYQ,SAAA"}

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

@@ -1,15 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import CloseIcon from "@mui/icons-material/Close";
+import default_1$1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import Box from "@mui/material/Box";
-import LinearProgress from "@mui/material/LinearProgress";
 /* empty css                       */
 import { useDropzone } from "react-dropzone";
 import Toast from "../../toast/toast/index.esm.js";
-import { Dialog, DialogTitle, IconButton, Divider, DialogContent, DialogActions, CircularProgress } from "@mui/material";
-import RemoveIcon from "@mui/icons-material/Remove";
-import { Add, KeyboardArrowUp, KeyboardArrowDown, Clear } from "@mui/icons-material";
+import default_1 from "../../../node_modules/@mui/icons-material/Remove/index.esm.js";
 import Button from "../../button/button/index.esm.js";
 import Checkbox from "../../checkbox/checkbox/index.esm.js";
 import { Avatar } from "../../avatar/avatar/index.esm.js";
@@ -17,6 +13,19 @@ import { images } from "../../../images/index.esm.js";
 import Chip from "../../chip/chip/index.esm.js";
 import { auth } from "../../../constants/auth/index.esm.js";
 import FileConfirmationDialog from "../file-confirmation/index.esm.js";
+import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
+import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import LinearProgress from "../../../node_modules/@mui/material/LinearProgress/LinearProgress/index.esm.js";
+import Add from "../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
+import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
+import KeyboardArrowUp from "../../../node_modules/@mui/icons-material/esm/KeyboardArrowUp/index.esm.js";
+import KeyboardArrowDown from "../../../node_modules/@mui/icons-material/esm/KeyboardArrowDown/index.esm.js";
+import Clear from "../../../node_modules/@mui/icons-material/esm/Clear/index.esm.js";
+import CircularProgress from "../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 const formatBytes = (bytes, decimals = 2) => {
   if (bytes === 0) return "0 Bytes";
   const k = 1024;
@@ -493,8 +502,8 @@ const Upload = (props) => {
           }
         ) }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: handleMinimizeClick, children: /* @__PURE__ */ jsx(RemoveIcon, {}) }),
-          /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: handleDialogClose, children: /* @__PURE__ */ jsx(CloseIcon, {}) })
+          /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: handleMinimizeClick, children: /* @__PURE__ */ jsx(default_1, {}) }),
+          /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: handleDialogClose, children: /* @__PURE__ */ jsx(default_1$1, {}) })
         ] })
       ] }),
       /* @__PURE__ */ jsx(Divider, {}),
@@ -651,7 +660,7 @@ const Upload = (props) => {
           files.length !== 1 ? "s" : ""
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "top-options", children: [
-          /* @__PURE__ */ jsx("div", { className: "btn", onClick: handleMinimizeClick, children: /* @__PURE__ */ jsx(RemoveIcon, {}) }),
+          /* @__PURE__ */ jsx("div", { className: "btn", onClick: handleMinimizeClick, children: /* @__PURE__ */ jsx(default_1, {}) }),
           /* @__PURE__ */ jsx("div", { className: "btn", onClick: toggleCollapse, children: /* @__PURE__ */ jsx("div", { className: "arrow-btn", children: isCollapsed ? /* @__PURE__ */ jsx(KeyboardArrowUp, {}) : /* @__PURE__ */ jsx(KeyboardArrowDown, {}) }) }),
           /* @__PURE__ */ jsx("div", { className: "btn", onClick: handleDialogClose, children: /* @__PURE__ */ jsx(Clear, {}) })
         ] })