{"_id":"@coralinepa/react-modal","_rev":"4-f995c81c3a22f12b9d1956fd1d9e6605","name":"@coralinepa/react-modal","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@coralinepa/react-modal","version":"1.0.0","_id":"@coralinepa/react-modal@1.0.0","maintainers":[{"name":"coraline.parreau","email":"coraline.parreau@icloud.com"}],"dist":{"shasum":"69c051e8e9863d3816809733536ed79b42e6695c","tarball":"https://registry.npmjs.org/@coralinepa/react-modal/-/react-modal-1.0.0.tgz","fileCount":5,"integrity":"sha512-52Z5j/h8jizNRqoNYlFtwZVxWdp5cVycrYUrXhx9tV9qbZcQJSqrSQL1KXeV4HeTBHafkXkVZeDaoelkQvVAFQ==","signatures":[{"sig":"MEQCIFXyTvxwSZtOVcI5CosFodGpMk6fpY9JvoGLPwYOCe+4AiAnDjCFxjgKwUbw+m0CBSTOiA3Od0rZmIa6z8HPL5xUQA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":170240},"main":"./dist/react-modal.umd.cjs","module":"./dist/react-modal.es.js","exports":{".":{"import":"./dist/react-modal.es.js","require":"./dist/react-modal.umd.cjs"}},"gitHead":"887d5d462b105bb9eff15340e1261dedb24c8300","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"coraline.parreau","email":"coraline.parreau@icloud.com"},"_npmVersion":"8.19.2","description":"A lightweight and customizable React modal component ✨ Perfect for confirmations, dialogs, and alerts in your React applications.","directories":{},"_nodeVersion":"19.0.1","dependencies":{"prop-types":"^15.8.1","styled-components":"^6.1.17","@radix-ui/react-icons":"^1.3.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","@vitejs/plugin-react":"^4.4.1"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/react-modal_1.0.0_1746614096891_0.3438885411124242","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@coralinepa/react-modal","version":"1.0.1","author":{"name":"Coraline Parreau"},"license":"MIT","_id":"@coralinepa/react-modal@1.0.1","maintainers":[{"name":"coraline.parreau","email":"coraline.parreau@icloud.com"}],"dist":{"shasum":"366141c769bedd3069a1303d86f63508461b97e4","tarball":"https://registry.npmjs.org/@coralinepa/react-modal/-/react-modal-1.0.1.tgz","fileCount":5,"integrity":"sha512-yXdsxM8ou6An6YFgr0aYN4+riJ9UTK1sh6ItU9P/7+F456toyJ03QJKL7SiThOW7UI7R8COW6jR5so2n1D9WTQ==","signatures":[{"sig":"MEUCIQC4AGAH/q/HIqBPckyWLDess/u/Xi5INYlUxJU3S6gEJwIgFe4I207ZFEzc490yUN3JEUwAVUjIozZzom4e6sYG+hg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":170278},"main":"./dist/react-modal.umd.cjs","module":"./dist/react-modal.es.js","exports":{".":{"import":"./dist/react-modal.es.js","require":"./dist/react-modal.umd.cjs"}},"gitHead":"eb88c984fd43c60b6abc399e491997bce0ec0dd4","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"coraline.parreau","email":"coraline.parreau@icloud.com"},"_npmVersion":"8.19.2","description":"A reusable modal component for React","directories":{},"_nodeVersion":"19.0.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","styled-components":"^6.0.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-modal_1.0.1_1746614902153_0.3031754352267284","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@coralinepa/react-modal","version":"1.0.2","author":{"name":"Coraline Parreau"},"license":"MIT","_id":"@coralinepa/react-modal@1.0.2","maintainers":[{"name":"coraline.parreau","email":"coraline.parreau@icloud.com"}],"dist":{"shasum":"11d08ba57b4b490e80cd7e7ce47a44b31125a613","tarball":"https://registry.npmjs.org/@coralinepa/react-modal/-/react-modal-1.0.2.tgz","fileCount":5,"integrity":"sha512-J58ARf+1u5x/wM1q+1F+dWrtRtDkVtwUMT+mutfka8qfdC9Y89u+QoY896Iba5XmcXIWbfTn5ysQ6c5cv7ht7w==","signatures":[{"sig":"MEQCIE7NqxpEuKjz1zvH3dWs6ofkSjUyuyC9+BxA6n5AVN4aAiAOfzzLv3uT7qz+w9J7f24m6L/9vtP3VdypOB5vYKs90g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":170272},"main":"./dist/react-modal.umd.cjs","module":"./dist/react-modal.js","exports":{".":{"import":"./dist/react-modal.js","require":"./dist/react-modal.umd.cjs"}},"gitHead":"6c5d45a4db7c8b8c2c36df660dcdd5f457d93767","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"coraline.parreau","email":"coraline.parreau@icloud.com"},"_npmVersion":"8.19.2","description":"A reusable modal component for React","directories":{},"_nodeVersion":"19.0.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","styled-components":"^6.0.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-modal_1.0.2_1746615187478_0.7926705965181213","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@coralinepa/react-modal","version":"1.0.3","description":"A reusable modal component for React","main":"./dist/react-modal.umd.js","module":"./dist/react-modal.mjs","exports":{".":{"import":"./dist/react-modal.mjs","require":"./dist/react-modal.umd.js"}},"publishConfig":{"access":"public"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"vite":"^5.0.0","@vitejs/plugin-react":"^4.0.0","styled-components":"^6.0.0"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"author":{"name":"Coraline Parreau"},"license":"MIT","_id":"@coralinepa/react-modal@1.0.3","gitHead":"e2b26ad0b3c4746d4b11e8c51bcb6fbfa8825df7","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-eGTA1gH5nWDylMoIr8kpOch4MrIxpU+FUWAOnRoZ4W8OcosPHYxDtCDOfsuMMaQkAw5ix4IQvMKv0lG314uwCw==","shasum":"cbb297e497324f3d2b213c5944d5d2596804c300","tarball":"https://registry.npmjs.org/@coralinepa/react-modal/-/react-modal-1.0.3.tgz","fileCount":4,"unpackedSize":90260,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAV+Iy0QyD81meQafzrE+WNPZfTnIxw2NFQucNv3TosOAiEA2dZC8km69tpovNWIXhK8KzJ+5gPIPlQAxxDpx8NRgY4="}]},"_npmUser":{"name":"coraline.parreau","email":"coraline.parreau@icloud.com"},"directories":{},"maintainers":[{"name":"coraline.parreau","email":"coraline.parreau@icloud.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-modal_1.0.3_1746615882869_0.14177183138817306"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-07T10:34:56.774Z","modified":"2025-05-07T11:04:43.281Z","1.0.0":"2025-05-07T10:34:57.085Z","1.0.1":"2025-05-07T10:48:22.390Z","1.0.2":"2025-05-07T10:53:07.674Z","1.0.3":"2025-05-07T11:04:43.060Z"},"author":{"name":"Coraline Parreau"},"license":"MIT","description":"A reusable modal component for React","maintainers":[{"name":"coraline.parreau","email":"coraline.parreau@icloud.com"}],"readme":"# @coralinepa/react-modal\n\nA lightweight and customizable React modal component ✨ \nPerfect for confirmations, dialogs, and alerts in your React applications.\n\n\n\n\n\n---\n\n## 🚀 Installation\n\n```bash\nnpm install @coralinepa/react-modal\n```\n\nor with Yarn:\n\n```bash\nyarn add @coralinepa/react-modal\n```\n\n---\n\n## 🧩 Usage\n\n```jsx\nimport React, { useState } from \"react\";\nimport { Modal } from \"@coralinepa/react-modal\";\n\nfunction App() {\n const [isOpen, setIsOpen] = useState(false);\n\n return (\n <>\n \n\n setIsOpen(false)}>\n
Modal Title
\n
This is your custom modal content.
\n \n \n \n );\n}\n```\n\n---\n\n## ⚙️ Props\n\n| Prop | Type | Required | Description |\n| ---------- | ---------- | -------- | ------------------------------------------------ |\n| `isOpen` | `boolean` | ✅ | Whether the modal is visible |\n| `onClose` | `function` | ✅ | Function called when modal or overlay is clicked |\n| `children` | `node` | ✅ | Modal content |\n\n---\n\n## 🎨 Customization\n\n- You can style the modal with `styled-components`, Tailwind, or your own classes\n- Default modal comes with basic layout and overlay\n- Consider wrapping it in a design system or layout\n\n---\n\n## 📦 Package info\n\n- **Framework:** React `>=17.0.0`\n- **Bundler:** Vite (ESM + UMD)\n- **Peer deps:** `react`, `react-dom`\n- **License:** MIT\n\n---\n\n## 👩💻 Author\n\nMade with ❤️ by Coraline Parreau\n\n[GitHub Repository](https://github.com/coralinepa/react-modal)\n\n---\n\n## 📝 License\n\nMIT\n","readmeFilename":"README.md"}