{"_id":"@cibobu/react-toast-popup","_rev":"13-78f4b3a3c83976d799ac34d642b0c6d0","name":"@cibobu/react-toast-popup","dist-tags":{"latest":"1.5.2"},"versions":{"1.2.0":{"name":"@cibobu/react-toast-popup","version":"1.2.0","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","ui-component","tailwind","typescript"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.2.0","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"0040e916c7b6657c8dd3823d826c33762c215cab","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.2.0.tgz","fileCount":7,"integrity":"sha512-DSWtitoH/6TGbDieH46D8mRrxNnRL3Wf6Gjf9HOVd1/g+7AABMTD3pFa2RHw6wYORQnFEBTA6WRaoKraISBRRA==","signatures":[{"sig":"MEYCIQDYj2cZBTDRwczfCbs6H90xLmusUHgruDn64rd/GKQ81wIhAO6UDJkC+T8ugFl/sUql9qUVQ0SXCnvePwsweR/74TCJ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2120131},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"React Toast Popup is a simple and customizable toast notification component for React applications with additional Button component.","directories":{},"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","typescript":"^5.5.3","@types/react":"^18.3.3","rollup-plugin-dts":"^6.1.1","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.2.0_1758852557749_0.1369746132592664","host":"s3://npm-registry-packages-npm-production"}},"1.3.0":{"name":"@cibobu/react-toast-popup","version":"1.3.0","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.3.0","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"c95c0fbfa44dd7695613de82639efaed4a889042","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.3.0.tgz","fileCount":7,"integrity":"sha512-afa4uUuDbnYTX3yPZqGV+u5X/Uyn9H6EaTYEl/9q5l5S0d9ELH9E0m6p+olXRMDM5/I57fvewlIdJq0fss1nLg==","signatures":[{"sig":"MEUCIQC/lTxB/YsisZUEdqGzMyR+6it5w2/CY22MLi+hyhrz4wIgWsVCTZZ0w2YdOtWoVU1/ZVJAq7xjeTDTVOiI3WlU5n4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2144620},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","directories":{},"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1","@cibobu/react-toast-popup":"^1.2.0"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","typescript":"^5.5.3","@types/react":"^18.3.3","rollup-plugin-dts":"^6.1.1","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.3.0_1758852939802_0.2618468902937312","host":"s3://npm-registry-packages-npm-production"}},"1.3.1":{"name":"@cibobu/react-toast-popup","version":"1.3.1","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.3.1","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"95f5fcd9f4b1f3d16015e22d74ed77d4996c6b1f","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.3.1.tgz","fileCount":7,"integrity":"sha512-S6jA80bwzzLvWTrhmVUxQ7fZZSGMFRmz0VbjgcncHE5Oc2K/u9b7MLyLDAVcd6rJ+vOOVpGL+zRSuo2r1qjNow==","signatures":[{"sig":"MEYCIQCkjK0iJSHGIoITYbYPE8C+Nv3SuhxO5Odkodh74EZqFAIhAPZEG5U/XHFDIYP39jsgH+beHMZoqqvI39eR8GcegNng","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1988022},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","react-dom":"^18.3.1","typescript":"^5.5.3","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","rollup-plugin-dts":"^6.1.1","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.3.1_1758853823200_0.12645630667801155","host":"s3://npm-registry-packages-npm-production"}},"1.3.2":{"name":"@cibobu/react-toast-popup","version":"1.3.2","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.3.2","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"6bbab0e21726592215addcebe8658a7a50d3fb24","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.3.2.tgz","fileCount":7,"integrity":"sha512-NQuyu0aS5D/RRIO6eJhtR7Acfs6/N/sEYb36BdBDnRS+c3QU5+OhypaEVTMaiu9+Kli00UNdvq8bM561ezVBUw==","signatures":[{"sig":"MEUCIQDyE0xKb08kSdMFPwHX91invel5RtucFZ7Le6teDS3pfgIgOFIU3mIfLipXAYQaB80BZT3rH4ALF6ZAZ1Y7b8D2OPg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1988022},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","react-dom":"^18.3.1","typescript":"^5.5.3","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","rollup-plugin-dts":"^6.1.1","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.3.2_1758854366174_0.6099357403838683","host":"s3://npm-registry-packages-npm-production"}},"1.3.3":{"name":"@cibobu/react-toast-popup","version":"1.3.3","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.3.3","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"422d52a4627dfa2c2d4a2e4cc72707272a3b9e7d","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.3.3.tgz","fileCount":7,"integrity":"sha512-XeAitWDWj0MF/Z7MXulw10UJmK29cpvcArXC+XkWrOH7iaIl2ixtGH5Por0yMeAWQcW9eF6vBVEt86dhPNDf8g==","signatures":[{"sig":"MEYCIQDeD/vE+4nq8ltoIFenQzEDkGpW7zeLVa4oxK/C6HKdxQIhANqmh8A8AN4n0rXtLp5ily36aZwUo/9JokilluWk6B4N","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1988022},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","react-dom":"^18.3.1","typescript":"^5.5.3","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","rollup-plugin-dts":"^6.1.1","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.3.3_1758854517116_0.9267973014399233","host":"s3://npm-registry-packages-npm-production"}},"1.3.4":{"name":"@cibobu/react-toast-popup","version":"1.3.4","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.3.4","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"e0eb5c2658c0b52c8252190e37c97417665c6542","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.3.4.tgz","fileCount":7,"integrity":"sha512-kNEyhkREvTOldNeupr9zDlh1UyyAYLZL2qtpy5JOMl7tc01JnqqgANuUBZEwFipcU5QRgsxHmFQU0D4CS4E7mw==","signatures":[{"sig":"MEYCIQDq+p1Tg6l2N9sHPuZRpB+LGg0LuE3IInsq46JceX5X0wIhAK+0rF5yd+PD2OWeG6aMHBUOvJ03u1ZyDsirI3/NFmQl","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1977959},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","react-dom":"^18.3.1","typescript":"^5.5.3","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","rollup-plugin-dts":"^6.1.1","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.3.4_1758855241061_0.9430628137817236","host":"s3://npm-registry-packages-npm-production"}},"1.3.5":{"name":"@cibobu/react-toast-popup","version":"1.3.5","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.3.5","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"7159341bed472584723dc266e6491c5c89fc4198","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.3.5.tgz","fileCount":8,"integrity":"sha512-i5qXblh78WffFy5PUs47ZnOWOrmWpv1Y803UHEb1ChKlY9sspiXXRk3m+9p60Z16bxEDpVCIQoVovjh1LTT+Hw==","signatures":[{"sig":"MEYCIQCW2cY99InIHOs2IwSBlLfW0j66OcNfV1eRSwAwrN2FCgIhAKEaZl/w1EPT/wwGWMSKr+gaup00KzrNXJFGlymnytBz","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1992001},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","react-dom":"^18.3.1","typescript":"^5.5.3","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","rollup-plugin-dts":"^6.1.1","rollup-plugin-copy":"^3.5.0","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.3.5_1758855602562_0.7779019630976345","host":"s3://npm-registry-packages-npm-production"}},"1.3.6":{"name":"@cibobu/react-toast-popup","version":"1.3.6","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.3.6","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"0030cebc775ad967402bd7c4de2b69e427819b6e","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.3.6.tgz","fileCount":8,"integrity":"sha512-tete+a+fMG0wK+e/ICUYoqKaUd5jeUbD251DumEk8MhUubVu9IDdK+zPO5IItf9cX8mZW0n44NlhIqXE7XKbGg==","signatures":[{"sig":"MEUCIHVU/ew6sYyuEmMkkSRLEk4pKjsQvWMZu42O5CUE+Da0AiEAuo4y2B3rJBWQfAeue/cJmP7jeAiNfEsfUqNP+4QEzB8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1993206},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","react-dom":"^18.3.1","typescript":"^5.5.3","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","rollup-plugin-dts":"^6.1.1","rollup-plugin-copy":"^3.5.0","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.3.6_1758858973941_0.4871491199125715","host":"s3://npm-registry-packages-npm-production"}},"1.3.7":{"name":"@cibobu/react-toast-popup","version":"1.3.7","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.3.7","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"d3b4f19f815dc4bb4bbad14dd43dd1bd87d4908c","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.3.7.tgz","fileCount":8,"integrity":"sha512-YiKE09CyWhe2nZFXnRGiaPSDghSo+sl9d4GxiiEu7wi9KPfbGgdMBhGEoCI4uUnS1wptrUqyvsPLpUJbhdyuiQ==","signatures":[{"sig":"MEQCIBK9pXndgddrgJSCOA4YRBkX0mQSFUYl8ZwsNXUiDU1yAiBaUmMD6H3bAHQ8qT0L6BWPDTaeqs6S/bURmHZ1LCHo6g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1993283},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles/tailwind-fallback.css":"./dist/styles/tailwind-fallback.css"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","react-dom":"^18.3.1","typescript":"^5.5.3","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","rollup-plugin-dts":"^6.1.1","rollup-plugin-copy":"^3.5.0","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.3.7_1758859365406_0.6685297399569801","host":"s3://npm-registry-packages-npm-production"}},"1.4.0":{"name":"@cibobu/react-toast-popup","version":"1.4.0","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.4.0","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"23ac0257bfce46e94d2d93804f216389452d14d9","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.4.0.tgz","fileCount":9,"integrity":"sha512-+O74FPXOfTtuUHuMUf9Zip66vV/3A6yqUjSQ+j2NKtFV0AevUJ9wlnwOS08FKuPz4mHESXlfrEVjLrGCnxHDFw==","signatures":[{"sig":"MEYCIQCWbsJV8zImWo4BTkBExHNO9VgTa5nD7GCrMsRnDTelQwIhAPqJOMSiwrBN6X2KOc+/b6BgoY/Fz3k46WqiXXVIevkS","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2010935},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles/button-custom.css":"./dist/styles/button-custom.css","./styles/tailwind-fallback.css":"./dist/styles/tailwind-fallback.css"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","react-dom":"^18.3.1","typescript":"^5.5.3","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","rollup-plugin-dts":"^6.1.1","rollup-plugin-copy":"^3.5.0","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.4.0_1758869225526_0.4386419639685748","host":"s3://npm-registry-packages-npm-production"}},"1.5.0":{"name":"@cibobu/react-toast-popup","version":"1.5.0","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.5.0","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"410bda505b56fa1327e8fc684c995df8d4223ec2","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.5.0.tgz","fileCount":10,"integrity":"sha512-Vo+w0kbXOPXAEKsivLv3IVyPDorUxfs5YAjomIqXsSBeLkbNhrFTwDVqVuLFbuCHmFpywaBGo2Yn7dUZn41qYA==","signatures":[{"sig":"MEUCICaWyHxjufI6+zlB/TfRLVad65TpqYuDbqBKrAJezitYAiEA2SVBHQaeMPlbMxib8k6cgilwUScZ5cWtcnWzUaqwup8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1995019},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./components/Button/Button.css":"./dist/components/Button/Button.css","./styles/tailwind-fallback.css":"./dist/styles/tailwind-fallback.css"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","react-dom":"^18.3.1","typescript":"^5.5.3","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","rollup-plugin-dts":"^6.1.1","rollup-plugin-copy":"^3.5.0","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.5.0_1758869547822_0.7544746461472909","host":"s3://npm-registry-packages-npm-production"}},"1.5.1":{"name":"@cibobu/react-toast-popup","version":"1.5.1","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","_id":"@cibobu/react-toast-popup@1.5.1","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"dist":{"shasum":"03b083c3affd935e4575f8c9cb3a0107eef8646b","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.5.1.tgz","fileCount":10,"integrity":"sha512-7D96aUIfoIClk7eYs6qqnEO8uj2fPIPGr5xaUSobH7SESBszBJsY+xt6SXz5E16mcG2RpWzHosxco5MDfp5m2A==","signatures":[{"sig":"MEQCIF7YB+uhJxdXAwOV16wQqkMbv2JwtVluUp3XqAB2031EAiBEWkSVI5Ip3QeRVsE8J+q5HJzzpfaVj9G977X9YjkQOA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1995019},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./components/Button/Button.css":"./dist/components/Button/Button.css","./styles/tailwind-fallback.css":"./dist/styles/tailwind-fallback.css"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build"},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"repository":{"url":"git+https://github.com/piyush-eon/react-toast-popup.git","type":"git"},"_npmVersion":"10.2.4","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.0","dependencies":{"clsx":"^2.1.1","uuid":"^10.0.0","@types/uuid":"^10.0.0","react-icons":"^5.2.1","tailwindcss":"^4.1.13","tailwind-merge":"^3.3.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.6.3","rollup":"^4.18.1","react-dom":"^18.3.1","typescript":"^5.5.3","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","rollup-plugin-dts":"^6.1.1","rollup-plugin-copy":"^3.5.0","@rollup/plugin-terser":"^0.4.4","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/react-toast-popup_1.5.1_1758870138399_0.8172699643047241","host":"s3://npm-registry-packages-npm-production"}},"1.5.2":{"name":"@cibobu/react-toast-popup","version":"1.5.2","description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","sideEffects":false,"exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.js","types":"./dist/index.d.ts"},"./styles/tailwind-fallback.css":"./dist/styles/tailwind-fallback.css","./components/Button/Button.css":"./dist/components/Button/Button.css"},"scripts":{"build":"rollup -c --bundleConfigAsCjs","rollup":"rollup -c --bundleConfigAsCjs","prepublishOnly":"npm run build","test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"devDependencies":{"@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.6","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","react":"^18.3.1","react-dom":"^18.3.1","rollup":"^4.18.1","rollup-plugin-copy":"^3.5.0","rollup-plugin-dts":"^6.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","tslib":"^2.6.3","typescript":"^5.5.3"},"repository":{"type":"git","url":"git+https://github.com/piyush-eon/react-toast-popup.git"},"keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"dependencies":{"@types/uuid":"^10.0.0","clsx":"^2.1.1","react-icons":"^5.2.1","tailwind-merge":"^3.3.1","tailwindcss":"^4.1.13","uuid":"^10.0.0"},"_id":"@cibobu/react-toast-popup@1.5.2","bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"homepage":"https://github.com/piyush-eon/react-toast-popup#readme","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-7TsANBLY0REu6tlbuz6fv2gLz81W+CsE/a3TI/e0bSuTdPrDweRjHBuonKaz64EvIDeoDVXLk7FntDn4hLirxw==","shasum":"b4be7142b9f7554efdea4e029740969519113ee6","tarball":"https://registry.npmjs.org/@cibobu/react-toast-popup/-/react-toast-popup-1.5.2.tgz","fileCount":10,"unpackedSize":1997360,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIH1y2alw3jOCIaY1T+TNCTTZDybQYvDXLRDnSzn3piTaAiAtiCoOG50CcKoXzTxkGnPKVthtPEiRklAInz8MaudT/w=="}]},"_npmUser":{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"},"directories":{},"maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-toast-popup_1.5.2_1758870887134_0.5909052077129482"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-26T02:09:17.657Z","modified":"2025-09-26T07:14:47.920Z","1.2.0":"2025-09-26T02:09:17.948Z","1.3.0":"2025-09-26T02:15:40.042Z","1.3.1":"2025-09-26T02:30:23.396Z","1.3.2":"2025-09-26T02:39:26.368Z","1.3.3":"2025-09-26T02:41:57.323Z","1.3.4":"2025-09-26T02:54:01.319Z","1.3.5":"2025-09-26T03:00:02.811Z","1.3.6":"2025-09-26T03:56:14.180Z","1.3.7":"2025-09-26T04:02:45.653Z","1.4.0":"2025-09-26T06:47:05.765Z","1.5.0":"2025-09-26T06:52:28.067Z","1.5.1":"2025-09-26T07:02:18.643Z","1.5.2":"2025-09-26T07:14:47.415Z"},"bugs":{"url":"https://github.com/piyush-eon/react-toast-popup/issues"},"author":{"name":"nurardiansyahpurnomo"},"license":"MIT","homepage":"https://github.com/piyush-eon/react-toast-popup#readme","keywords":["react","react-toast","notification","toast","react-component","push","alert","button","typography","ui-component","ui-library","tailwind","typescript","design-system"],"repository":{"type":"git","url":"git+https://github.com/piyush-eon/react-toast-popup.git"},"description":"A comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.","maintainers":[{"name":"cibobu","email":"ardiansyahtkj9@gmail.com"}],"readme":"# @cibobu/react-toast-popup\n\nA comprehensive React component library featuring toast notifications, customizable buttons, and typography components built with TypeScript and Tailwind CSS.\n\n![React Toast Popup](https://img.shields.io/npm/v/@cibobu/react-toast-popup)\n![License](https://img.shields.io/npm/l/@cibobu/react-toast-popup)\n![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue)\n\n## ✨ Features\n\n- 🍞 **Toast Notifications** - Beautiful, accessible toast notifications with multiple types and animations\n- 🎨 **Button Component** - Highly customizable button with multiple variants, styles, and sizes\n- 📝 **Typography Component** - Comprehensive typography system with semantic variants\n- 🎯 **TypeScript Support** - Fully typed components with excellent IntelliSense\n- 🎨 **Tailwind CSS** - Built with Tailwind CSS for easy customization\n- 📱 **Responsive** - Mobile-first design that works on all screen sizes\n- ♿ **Accessible** - WCAG compliant with proper ARIA attributes\n- 🚀 **Tree Shakeable** - Import only what you need\n\n## 📦 Installation\n\n```bash\nnpm install @cibobu/react-toast-popup\n# or\nyarn add @cibobu/react-toast-popup\n# or\npnpm add @cibobu/react-toast-popup\n```\n\n## 🚀 Quick Start\n\n### 1. Setup (Choose One Option)\n\n#### Option A: With Tailwind CSS (Recommended for customization)\n\n```bash\n# Install Tailwind CSS first\nnpm install -D tailwindcss postcss autoprefixer\n\n# Then initialize Tailwind\nnpx tailwindcss init -p\n```\n\n**tailwind.config.js:**\n```javascript\n/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  content: [\n    \"./src/**/*.{js,jsx,ts,tsx}\",\n    \"./node_modules/@cibobu/react-toast-popup/**/*.{js,ts,jsx,tsx}\"\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n**src/index.css:**\n```css\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\n\n#### Option B: Without Tailwind CSS (Zero configuration) - RECOMMENDED\n\nIf you don't want to setup Tailwind CSS, simply import the fallback CSS:\n\n**src/index.css or src/main.jsx:**\n```css\n@import '@cibobu/react-toast-popup/dist/styles/tailwind-fallback.css';\n```\n\nOr in your main JS file:\n```jsx\nimport '@cibobu/react-toast-popup/dist/styles/tailwind-fallback.css';\n```\n\n**This is the easiest way to get started!** No configuration needed.\n\n### 2. Basic Usage\n\n```jsx\nimport React from 'react';\nimport useNotification, { Button, Typography, Notification } from '@cibobu/react-toast-popup';\n\nfunction App() {\n  const { showNotification, notifications, removeNotification } = useNotification();\n\n  return (\n    <div className=\"p-8\">\n      <Typography variant=\"title-h1\">Welcome!</Typography>\n      \n      <Button \n        variant=\"primary\" \n        style=\"filled\" \n        onClick={() => showNotification({\n          type: 'success',\n          message: 'Hello World!',\n          duration: 3000\n        })}\n      >\n        Show Toast\n      </Button>\n\n      {/* Notification Container */}\n      <div className=\"fixed top-4 right-4 space-y-2\">\n        {notifications.map((notification) => (\n          <Notification\n            key={notification.id}\n            type={notification.type}\n            message={notification.message}\n            onClose={() => removeNotification(notification.id)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport default App;\n```\n\n## 📚 Components\n\n### 🍞 Toast Notifications\n\n#### useNotification Hook\n\n```jsx\nimport useNotification from '@cibobu/react-toast-popup';\n\nconst { showNotification, notifications, removeNotification } = useNotification();\n```\n\n**API:**\n- `showNotification(options)` - Show a new notification\n- `notifications` - Array of current notifications\n- `removeNotification(id)` - Remove a specific notification\n\n**Options:**\n```typescript\ninterface NotificationOptions {\n  type: 'success' | 'info' | 'warning' | 'error';\n  message: string;\n  duration?: number; // in milliseconds\n  animation?: 'fade' | 'pop' | 'slide';\n}\n```\n\n#### Notification Component\n\n```jsx\nimport { Notification } from '@cibobu/react-toast-popup';\n\n<Notification\n  type=\"success\"\n  message=\"Operation completed successfully!\"\n  onClose={() => console.log('closed')}\n/>\n```\n\n### 🎨 Button Component\n\n```jsx\nimport { Button } from '@cibobu/react-toast-popup';\n\n// Basic usage\n<Button variant=\"primary\" style=\"filled\" size=\"medium\">\n  Click me\n</Button>\n\n// With loading state\n<Button variant=\"primary\" style=\"filled\" loading>\n  Loading...\n</Button>\n\n// With icons\n<Button \n  variant=\"primary\" \n  style=\"filled\" \n  leftIcon={<span>📧</span>}\n  rightIcon={<span>→</span>}\n>\n  Send Email\n</Button>\n\n// Icon only\n<Button variant=\"primary\" style=\"filled\" iconOnly>\n  ⚙️\n</Button>\n```\n\n**Props:**\n```typescript\ninterface ButtonProps {\n  variant?: 'primary' | 'neutral' | 'error';\n  style?: 'filled' | 'stroke' | 'lighter' | 'ghost';\n  size?: 'x-small' | 'small' | 'medium';\n  loading?: boolean;\n  disabled?: boolean;\n  leftIcon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  iconOnly?: boolean;\n  children: React.ReactNode;\n  className?: string;\n}\n```\n\n**Variants & Styles:**\n- **Primary**: Blue color scheme\n- **Neutral**: Gray color scheme  \n- **Error**: Red color scheme\n\nEach variant supports 4 styles:\n- **Filled**: Solid background\n- **Stroke**: Outlined border\n- **Lighter**: Light background\n- **Ghost**: Transparent background\n\n### 📝 Typography Component\n\n```jsx\nimport { Typography } from '@cibobu/react-toast-popup';\n\n// Display variants\n<Typography variant=\"display-d1\">Large Display</Typography>\n<Typography variant=\"display-d2\">Medium Display</Typography>\n\n// Title variants\n<Typography variant=\"title-h1\">Main Title</Typography>\n<Typography variant=\"title-h2\">Section Title</Typography>\n<Typography variant=\"title-h3\">Subsection Title</Typography>\n<Typography variant=\"title-h4\">Card Title</Typography>\n\n// Subheading variants\n<Typography variant=\"subheading-medium\">Medium Subheading</Typography>\n<Typography variant=\"subheading-small\">Small Subheading</Typography>\n\n// Label variants\n<Typography variant=\"label-large\">Large Label</Typography>\n<Typography variant=\"label-medium\">Medium Label</Typography>\n<Typography variant=\"label-small\">Small Label</Typography>\n\n// Paragraph variants\n<Typography variant=\"paragraph-medium\">Regular paragraph text</Typography>\n<Typography variant=\"paragraph-small\">Small paragraph text</Typography>\n\n// Custom element\n<Typography variant=\"title-h1\" as=\"h2\">\n  Custom HTML element\n</Typography>\n```\n\n**Props:**\n```typescript\ninterface TypographyProps {\n  variant?: \n    | 'display-d1' | 'display-d2'\n    | 'title-h1' | 'title-h2' | 'title-h3' | 'title-h4'\n    | 'subheading-medium' | 'subheading-small' | 'subheading-x-small'\n    | 'label-large' | 'label-medium' | 'label-small' | 'label-x-small'\n    | 'paragraph-medium' | 'paragraph-small' | 'paragraph-x-small';\n  as?: keyof JSX.IntrinsicElements;\n  children: React.ReactNode;\n  className?: string;\n}\n```\n\n## 🎯 Complete Example\n\n```jsx\nimport React, { useState } from 'react';\nimport useNotification, { Button, Typography, Notification } from '@cibobu/react-toast-popup';\n\nfunction ContactForm() {\n  const [formData, setFormData] = useState({ name: '', email: '' });\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const { showNotification, notifications, removeNotification } = useNotification();\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    setIsSubmitting(true);\n    \n    try {\n      // Simulate API call\n      await new Promise(resolve => setTimeout(resolve, 2000));\n      \n      showNotification({\n        type: 'success',\n        message: 'Form submitted successfully!',\n        duration: 3000\n      });\n      \n      setFormData({ name: '', email: '' });\n    } catch (error) {\n      showNotification({\n        type: 'error',\n        message: 'Failed to submit form. Please try again.',\n        duration: 5000\n      });\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  return (\n    <div className=\"max-w-md mx-auto p-6 bg-white rounded-lg shadow-lg\">\n      <Typography variant=\"title-h2\" className=\"mb-6 text-center\">\n        Contact Us\n      </Typography>\n      \n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        <div>\n          <Typography variant=\"label-medium\" className=\"block mb-2\">\n            Name\n          </Typography>\n          <input\n            type=\"text\"\n            value={formData.name}\n            onChange={(e) => setFormData({...formData, name: e.target.value})}\n            className=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n            required\n          />\n        </div>\n        \n        <div>\n          <Typography variant=\"label-medium\" className=\"block mb-2\">\n            Email\n          </Typography>\n          <input\n            type=\"email\"\n            value={formData.email}\n            onChange={(e) => setFormData({...formData, email: e.target.value})}\n            className=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n            required\n          />\n        </div>\n        \n        <Button\n          type=\"submit\"\n          variant=\"primary\"\n          style=\"filled\"\n          size=\"medium\"\n          loading={isSubmitting}\n          disabled={isSubmitting}\n          className=\"w-full\"\n        >\n          {isSubmitting ? 'Submitting...' : 'Submit Form'}\n        </Button>\n      </form>\n\n      {/* Toast Notifications */}\n      <div className=\"fixed top-4 right-4 space-y-2 z-50\">\n        {notifications.map((notification) => (\n          <Notification\n            key={notification.id}\n            type={notification.type}\n            message={notification.message}\n            onClose={() => removeNotification(notification.id)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport default ContactForm;\n```\n\n## 🎨 Customization\n\n### Custom Styling\n\nAll components accept a `className` prop for custom styling:\n\n```jsx\n<Button \n  variant=\"primary\" \n  style=\"filled\" \n  className=\"shadow-lg hover:shadow-xl transform hover:scale-105\"\n>\n  Custom Button\n</Button>\n\n<Typography \n  variant=\"title-h1\" \n  className=\"text-gradient bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent\"\n>\n  Gradient Title\n</Typography>\n```\n\n### Theme Customization\n\nYou can customize the appearance by extending your Tailwind config:\n\n```javascript\n// tailwind.config.js\nmodule.exports = {\n  theme: {\n    extend: {\n      colors: {\n        primary: {\n          50: '#eff6ff',\n          500: '#3b82f6',\n          600: '#2563eb',\n          700: '#1d4ed8',\n        }\n      }\n    }\n  }\n}\n```\n\n## 🔧 TypeScript Support\n\nThis library is built with TypeScript and provides full type definitions:\n\n```typescript\nimport { Button, Typography, Notification } from '@cibobu/react-toast-popup';\nimport type { ButtonProps, TypographyProps } from '@cibobu/react-toast-popup';\n\n// Fully typed props\nconst MyButton: React.FC<ButtonProps> = (props) => {\n  return <Button {...props} />;\n};\n```\n\n## 📱 Browser Support\n\n- Chrome >= 60\n- Firefox >= 60\n- Safari >= 12\n- Edge >= 79\n\n## 🔧 Troubleshooting\n\n### Button Styles Not Appearing?\n\n**Problem**: Button appears without styles (no colors, padding, etc.)\n\n**Solution**: You need to import the CSS. Choose one:\n\n1. **Easy way** (Recommended):\n   ```jsx\n   import '@cibobu/react-toast-popup/dist/styles/tailwind-fallback.css';\n   ```\n\n2. **With Tailwind CSS**:\n   ```bash\n   npm install -D tailwindcss postcss autoprefixer\n   npx tailwindcss init -p\n   ```\n   Then add to your `tailwind.config.js`:\n   ```javascript\n   content: [\n     \"./src/**/*.{js,jsx,ts,tsx}\",\n     \"./node_modules/@cibobu/react-toast-popup/**/*.{js,ts,jsx,tsx}\"\n   ]\n   ```\n\n### Error: \"could not determine executable to run\"\n\n**Problem**: `npx tailwindcss init -p` fails\n\n**Solution**: Install Tailwind CSS first:\n```bash\nnpm install -D tailwindcss postcss autoprefixer\nnpx tailwindcss init -p\n```\n\n### React Context Error\n\n**Problem**: \"Cannot read properties of undefined (reading 'ReactCurrentDispatcher')\"\n\n**Solution**: Make sure React is installed in your project:\n```bash\nnpm install react react-dom\n```\n\n## 🤝 Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 🙏 Acknowledgments\n\n- [React](https://reactjs.org/) - The UI library\n- [Tailwind CSS](https://tailwindcss.com/) - The CSS framework\n- [TypeScript](https://www.typescriptlang.org/) - Type safety\n- [React Icons](https://react-icons.github.io/react-icons/) - Icon library\n\n---\n\nMade with ❤️ by [@cibobu](https://github.com/cibobu)","readmeFilename":"README.md"}