perf(modal, portal): change to name export include portal

- [x] switch to name export
- [x] allow to use portal
- [x] update dependencies

.eslintignore

@@ -2,3 +2,4 @@ package.json
 .cache
 public
 lib
+coverage

.prettierignore

@@ -2,4 +2,5 @@
 package.json
 package-lock.json
 public
-lib
+lib
+coverage

README.md

@@ -9,6 +9,7 @@
 - CSS variables
 - Accessibility
 - FocusTrap
+- Portal
 
 ## Installing
 
@@ -22,11 +23,13 @@ or
 yarn add pretty-modal
 ```
 
+> Note: below version 3 use default import `import Modal from 'pretty-modal'`
+
 ## Basic Example
 
 ```jsx
 import React from 'react'
-import Modal from 'pretty-modal'
+import {Modal} from 'pretty-modal'
 
 const App = () => {
   const [isOpen, setIsOpen] = React.useState(false)
@@ -99,7 +102,7 @@ You can use the CSS variables for custom Style
 
 ```jsx
 import React from 'react'
-import Modal from 'pretty-modal'
+import {Modal} from 'pretty-modal'
 
 import './App.css'
 
@@ -151,7 +154,7 @@ export default App
 
 ```jsx
 import React, {useState} from 'react'
-import Modal from 'pretty-modal'
+import {Modal} from 'pretty-modal'
 
 const App = () => {
   const [isLocked, setIsLocked] = useState(true)
@@ -216,6 +219,15 @@ export default App
 </Modal>
 ```
 
+## Portal
+
+Use `<Portal/>` separately
+
+```jsx
+import {Portal} from 'pretty-modal'
+;<Portal>Hello, World</Portal>
+```
+
 ## Props
 
 | Name            | Type                | Default            | Description                                                                                                                                                                                                                                                |