{"_id":"@bakemono-san/tailwindcss-react-toast","_rev":"7-2d5e46661bbcaa1c36006c0364f43b85","name":"@bakemono-san/tailwindcss-react-toast","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.0":{"name":"@bakemono-san/tailwindcss-react-toast","version":"1.0.0","keywords":["modal","react","tailwindcss","component","typescript"],"author":{"name":"bakemono-san"},"license":"MIT","_id":"@bakemono-san/tailwindcss-react-toast@1.0.0","maintainers":[{"name":"bakemono-san","email":"mousdef34@gmail.com"}],"dist":{"shasum":"8bacfb61f840b2a28480e6f70242881d70ed4ec9","tarball":"https://registry.npmjs.org/@bakemono-san/tailwindcss-react-toast/-/tailwindcss-react-toast-1.0.0.tgz","fileCount":13,"integrity":"sha512-dgKrg2XfZ0feP62B1kncNJdokmlWRQvL9rxJpw7DtB2rRsPAE9LD2tmmZFxoGaXporks6tkGI1JjQ1TMKp0ZLQ==","signatures":[{"sig":"MEUCIAcinVQ7XJKjqOC77qNUPlkdGIGprBRTv9iS4ha2dlVEAiEAxmU9RJwm6P3iFIYaw1gZhczAQn2hLga8CYSw26aIZGU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17971},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"build":"tsc && node build.mjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"bakemono-san","email":"mousdef34@gmail.com"},"_npmVersion":"10.9.2","description":"Reusable taost component for React using TailwindCSS","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.20.0","postcss":"^8.4.0","typescript":"^5.4.0","tailwindcss":"^3.4.0","@types/react":"^19.1.9","autoprefixer":"^10.4.0","@types/react-dom":"^19.1.7"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0","tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-react-toast_1.0.0_1754945976337_0.604579568814344","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bakemono-san/tailwindcss-react-toast","version":"1.0.1","keywords":["modal","react","tailwindcss","component","typescript"],"author":{"name":"bakemono-san"},"license":"MIT","_id":"@bakemono-san/tailwindcss-react-toast@1.0.1","maintainers":[{"name":"bakemono-san","email":"mousdef34@gmail.com"}],"dist":{"shasum":"5fd7454e010093ad1f61f3dab185d9e3a8ac30c9","tarball":"https://registry.npmjs.org/@bakemono-san/tailwindcss-react-toast/-/tailwindcss-react-toast-1.0.1.tgz","fileCount":13,"integrity":"sha512-6tbjJ6hLVvdUxRNzuG85lifm2fYybMt6Mp9SlMRWcARrsJggCLFY1r3xmcOjxfqbmnQZYw5pbLJvha2OycW3iQ==","signatures":[{"sig":"MEUCIQDBUdK/5WUixgGNl+4D5md5x+h/mrxt3DzQ7axbmv5+YgIgaa+80UE/fE3CWojKi2Dadw+xq7zfIAXBgJ5fSI7yOrg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18134},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"build":"tsc && node build.mjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"bakemono-san","email":"mousdef34@gmail.com"},"_npmVersion":"10.9.2","description":"Reusable taost component for React using TailwindCSS","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.20.0","postcss":"^8.4.0","typescript":"^5.4.0","tailwindcss":"^3.4.0","@types/react":"^19.1.9","autoprefixer":"^10.4.0","@types/react-dom":"^19.1.7"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0","tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-react-toast_1.0.1_1754946827635_0.5390797649531087","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bakemono-san/tailwindcss-react-toast","version":"1.0.2","keywords":["modal","react","tailwindcss","component","typescript"],"author":{"name":"bakemono-san"},"license":"MIT","_id":"@bakemono-san/tailwindcss-react-toast@1.0.2","maintainers":[{"name":"bakemono-san","email":"mousdef34@gmail.com"}],"dist":{"shasum":"26b1b2240076a27e54eb47c207db75162272aebd","tarball":"https://registry.npmjs.org/@bakemono-san/tailwindcss-react-toast/-/tailwindcss-react-toast-1.0.2.tgz","fileCount":13,"integrity":"sha512-bjvmkygKVxhdFyd4dSHsm7uC+pjx6TTdBmrb1WKE8joOPdi7WiRrtTC7sA61V9QzhaZI/9YLMcmH9v5DzZwvHQ==","signatures":[{"sig":"MEQCIGBbhg6mjRRAHy/Pb0rYw7gfftuo3CPH5X9FhCl+AdXgAiAyzoPFovj4J5vlI1R+XNiDev10G7Go1xvBngm7aloPww==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30376},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"build":"tsc && node build.mjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"bakemono-san","email":"mousdef34@gmail.com"},"_npmVersion":"10.9.2","description":"Reusable taost component for React using TailwindCSS","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.20.0","postcss":"^8.4.0","typescript":"^5.4.0","tailwindcss":"^3.4.0","@types/react":"^19.1.9","autoprefixer":"^10.4.0","@types/react-dom":"^19.1.7"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0","tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-react-toast_1.0.2_1754947648943_0.1098608818445812","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bakemono-san/tailwindcss-react-toast","version":"1.0.3","keywords":["modal","react","tailwindcss","component","typescript"],"author":{"name":"bakemono-san"},"license":"MIT","_id":"@bakemono-san/tailwindcss-react-toast@1.0.3","maintainers":[{"name":"bakemono-san","email":"mousdef34@gmail.com"}],"dist":{"shasum":"52976f3b625112102cd017e40311bdac93a3e310","tarball":"https://registry.npmjs.org/@bakemono-san/tailwindcss-react-toast/-/tailwindcss-react-toast-1.0.3.tgz","fileCount":22,"integrity":"sha512-K9Efg4uWEEhiSURTM2MtQh0IcskJqjAVQKvr1scoY60RRd1vMwtUDwo13/zuW6/INwJTs7Q/kRZGvlgOUbevMw==","signatures":[{"sig":"MEUCIAIKgrb9etX80XY0ALrqWCOOl7kfpEJjbDbZUxttFb3YAiEAqezEGq0ZJrrSe7Jr3okqKErFVDAQgKqYsTVARa0MdBs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":53109},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"2c3d1eeb5d469981d6939f979e8f722ae4dd8af2","scripts":{"build":"tsc && node build.mjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"bakemono-san","email":"mousdef34@gmail.com"},"_npmVersion":"10.9.2","description":"Reusable taost component for React using TailwindCSS","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.20.0","postcss":"^8.4.0","typescript":"^5.4.0","tailwindcss":"^3.4.0","@types/react":"^19.1.9","autoprefixer":"^10.4.0","@types/react-dom":"^19.1.7"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0","tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-react-toast_1.0.3_1754993405946_0.5259639035261443","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@bakemono-san/tailwindcss-react-toast","version":"1.0.4","keywords":["modal","react","tailwindcss","component","typescript"],"author":{"name":"bakemono-san"},"license":"MIT","_id":"@bakemono-san/tailwindcss-react-toast@1.0.4","maintainers":[{"name":"bakemono-san","email":"mousdef34@gmail.com"}],"dist":{"shasum":"383b09b832bbb20c2b3184675bd628a911db4458","tarball":"https://registry.npmjs.org/@bakemono-san/tailwindcss-react-toast/-/tailwindcss-react-toast-1.0.4.tgz","fileCount":22,"integrity":"sha512-i53nd7w0SnhcgOv53oxQjVo/xqVaK2vQkAcp3+GIxhNIlgWovKoSkbHgj9XMtKDR6TbCQhgvpiRDXnkr5yi4fQ==","signatures":[{"sig":"MEYCIQCq+0eXRZ9vajKSJR7DbSRrwrpS3NiKc8QqGjxDCiJ6TgIhALL4POSjDATEpBVeGZaKgNMbGEp/Ai58VPKlqU79BNUY","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":53564},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"ceed71af3665d2631f38aa1c6bb400de1c8e776c","scripts":{"build":"tsc && node build.mjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"bakemono-san","email":"mousdef34@gmail.com"},"_npmVersion":"10.9.2","description":"Reusable taost component for React using TailwindCSS","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.20.0","postcss":"^8.4.0","typescript":"^5.4.0","tailwindcss":"^3.4.0","@types/react":"^19.1.9","autoprefixer":"^10.4.0","@types/react-dom":"^19.1.7"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0","tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-react-toast_1.0.4_1754994757344_0.9380310708161392","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@bakemono-san/tailwindcss-react-toast","version":"1.0.5","keywords":["toast","toaster","alert","react","tailwindcss","component","typescript"],"author":{"name":"bakemono-san"},"license":"MIT","_id":"@bakemono-san/tailwindcss-react-toast@1.0.5","maintainers":[{"name":"bakemono-san","email":"mousdef34@gmail.com"}],"dist":{"shasum":"fc73a4c7e70c2c9b9fae5f0ac47848dd8236172c","tarball":"https://registry.npmjs.org/@bakemono-san/tailwindcss-react-toast/-/tailwindcss-react-toast-1.0.5.tgz","fileCount":22,"integrity":"sha512-YceJiKMN/yuSsp8ew1w216n7UEnS6yfqCS9IXIyz7yn5NU7ojkFk1FImpHlW46ZSTozi5E+V8uOAl0e6RfZp/g==","signatures":[{"sig":"MEYCIQD1mb42kGcEmkafEADM9aClsNYkVUws6Sk6tzs16RnSagIhAPrUz7lAUfF/pqEGYEWygkIwnZ3luYL2xnwtEglgBMR2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":53687},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"3d55cb621be3baa711165637cc59a80e1cd5316d","scripts":{"build":"tsc && node build.mjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"bakemono-san","email":"mousdef34@gmail.com"},"_npmVersion":"10.9.2","description":"Reusable taost component for React using TailwindCSS","directories":{},"_nodeVersion":"22.17.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.20.0","postcss":"^8.4.0","typescript":"^5.4.0","tailwindcss":"^3.4.0","@types/react":"^19.1.9","autoprefixer":"^10.4.0","@types/react-dom":"^19.1.7"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0","tailwindcss":"^3.0.0 || ^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-react-toast_1.0.5_1754995201745_0.828248823775279","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@bakemono-san/tailwindcss-react-toast","version":"1.0.6","description":"Reusable taost component for React using TailwindCSS","main":"./dist/index.js","types":"./dist/index.d.ts","type":"module","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"}},"scripts":{"build":"tsc && node build.mjs","prepublishOnly":"npm run build"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0","tailwindcss":"^3.0.0 || ^4.0.0"},"devDependencies":{"@types/react":"^19.1.9","@types/react-dom":"^19.1.7","autoprefixer":"^10.4.0","esbuild":"^0.20.0","postcss":"^8.4.0","tailwindcss":"^3.4.0","typescript":"^5.4.0"},"keywords":["toast","toaster","alert","react","tailwindcss","component","typescript"],"author":{"name":"bakemono-san"},"license":"MIT","_id":"@bakemono-san/tailwindcss-react-toast@1.0.6","gitHead":"2642d7522d3994707b039c594cacbf81a890bcba","_nodeVersion":"18.20.8","_npmVersion":"10.8.2","dist":{"integrity":"sha512-JASfQLxUcQxVFSEZyLQqViYiQE1BcQh88TX+s+5LfwgHzwxeeyDc8N5Jd9FHRqgmo7/+S1TqNR73I8EjVJw8kQ==","shasum":"d5e674ba6d292234e9a4bef401f07ddcd730c48f","tarball":"https://registry.npmjs.org/@bakemono-san/tailwindcss-react-toast/-/tailwindcss-react-toast-1.0.6.tgz","fileCount":22,"unpackedSize":51686,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICd8nHPC/F9KFkePdNGQBG60wDp1gcHRngpZSY0iKbpHAiEA94OvydfZnB+LHySPEH2ZyriIHHbROhxKLnJB+xGmH90="}]},"_npmUser":{"name":"bakemono-san","email":"mousdef34@gmail.com"},"directories":{},"maintainers":[{"name":"bakemono-san","email":"mousdef34@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tailwindcss-react-toast_1.0.6_1755267091448_0.9603791048421082"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-11T20:59:36.239Z","modified":"2025-08-15T14:11:31.801Z","1.0.0":"2025-08-11T20:59:36.516Z","1.0.1":"2025-08-11T21:13:47.815Z","1.0.2":"2025-08-11T21:27:29.144Z","1.0.3":"2025-08-12T10:10:06.190Z","1.0.4":"2025-08-12T10:32:37.522Z","1.0.5":"2025-08-12T10:40:01.972Z","1.0.6":"2025-08-15T14:11:31.624Z"},"author":{"name":"bakemono-san"},"license":"MIT","keywords":["toast","toaster","alert","react","tailwindcss","component","typescript"],"description":"Reusable taost component for React using TailwindCSS","maintainers":[{"name":"bakemono-san","email":"mousdef34@gmail.com"}],"readme":"# @bakemono-san/tailwindcss-react-toast\n\nA reusable, accessible toast component for React, styled with TailwindCSS.\n\n## Features\n\n- Four toast types: `success`, `error`, `warning`, `info`\n- Customizable title, message, duration, and styles\n- Auto-close and manual close support\n- Accessible close button\n- TypeScript support\n- Toast manager for stacking notifications\n- Simple imperative API (`toast.success()`, etc.)\n- **Configurable toast position via ToastManager**\n\n## Installation\n\n```sh\nnpm install @bakemono-san/tailwindcss-react-toast\n```\n\n**Peer dependencies:**\n\n- `react` (v17, v18, or v19)\n- `react-dom`\n- `tailwindcss`\n\n## Usage\n\n### 1. Basic Toast\n\n```tsx\nimport { Toast } from '@bakemono-san/tailwindcss-react-toast';\n\n<Toast\n  type=\"success\"\n  title=\"Success!\"\n  message=\"Your action was successful.\"\n  duration={4000}\n  showCloseButton\n  onClose={() => setShowToast(false)}\n  className=\"custom-class\"\n  autoClose\n/>\n```\n\n### 2. Toast Manager (Recommended for stacking)\n\nYou can control where toasts appear using the `position` prop:\n\n```tsx\nimport { ToastManager } from '@bakemono-san/tailwindcss-react-toast';\n\nfunction App() {\n  return (\n    <>\n      {/* Your app code */}\n      <ToastManager position=\"top-right\" /> {/* Default */}\n      {/* Or use any of: \"top-left\", \"bottom-right\", \"bottom-left\", \"top-center\", \"bottom-center\" */}\n    </>\n  );\n}\n```\n\n### 3. Imperative Toast API\n\n```tsx\nimport { toast } from '@bakemono-san/tailwindcss-react-toast';\n\n// Show a success toast\ntoast.success('Profile updated!');\n\n// Show an error toast with options\ntoast.error('Failed to save.', { title: 'Error', duration: 7000 });\n\n// Show a custom toast\ntoast.show({\n  type: 'info',\n  title: 'Heads up',\n  message: 'This is a custom info toast.',\n  duration: 3000,\n  autoClose: true,\n});\n```\n\n## Props\n\n### Toast Props\n\n| Name             | Type                                         | Default      | Description                       |\n|------------------|----------------------------------------------|--------------|-----------------------------------|\n| `type`           | `'success' \\| 'error' \\| 'warning' \\| 'info'`| `'info'`     | Toast style/type                  |\n| `title`          | `string`                                     | —            | Optional title                    |\n| `message`        | `string`                                     | **Required** | Toast message                     |\n| `duration`       | `number`                                     | `5000`       | Auto-close duration (ms)          |\n| `showCloseButton`| `boolean`                                    | `true`       | Show close button                 |\n| `onClose`        | `() => void`                                 | —            | Callback when toast closes        |\n| `className`      | `string`                                     | `''`         | Additional Tailwind classes       |\n| `autoClose`      | `boolean`                                    | `true`       | Enable auto-close                 |\n\n### ToastManager Props\n\n| Name      | Type                                                                 | Default      | Description                                      |\n|-----------|----------------------------------------------------------------------|--------------|--------------------------------------------------|\n| `position`| `'top-right' \\| 'top-left' \\| 'bottom-right' \\| 'bottom-left' \\| 'top-center' \\| 'bottom-center'` | `'top-right'` | Position of the toast container on the screen    |\n\n## TailwindCSS Setup\n\nEnsure your Tailwind config includes your source files:\n\n```js\n// tailwind.config.js\nexport default {\n  content: [\n    \"./src/**/*.{ts,tsx}\",\n    \"./node_modules/@bakemono-san/tailwindcss-react-toast/dist/**/*.{js,jsx,ts,tsx}\"\n  ],\n  theme: { extend: {} },\n  plugins: [],\n}\n```\n\nFor TailwindCSS v4, add the following to your `styles.css` or `index.css`:\n\n```css\n@source \"../node_modules/@bakemono-san/tailwindcss-react-toast/dist/**/*.{js,jsx,ts,tsx}\";\n```\n\n## License\n","readmeFilename":"README.md"}