{"_id":"@bimetal/toast-vue-components","_rev":"4-324d741b15855e510986d501b163e70f","name":"@bimetal/toast-vue-components","dist-tags":{"latest":"0.38.0"},"versions":{"0.35.0":{"name":"@bimetal/toast-vue-components","version":"0.35.0","keywords":["toast","notification","snackbar","vue","components","feedback"],"author":{"name":"Andreas Biederbeck"},"license":"Apache-2.0","_id":"@bimetal/toast-vue-components@0.35.0","maintainers":[{"name":"biederbe","email":"mail@biederbeck.de"}],"homepage":"https://github.com/bimetal/bimetal#readme","bugs":{"url":"https://github.com/bimetal/bimetal/issues"},"dist":{"shasum":"ff2a2fc634ab54f7fe0c156acb65bf81a409cfcb","tarball":"https://registry.npmjs.org/@bimetal/toast-vue-components/-/toast-vue-components-0.35.0.tgz","fileCount":17,"integrity":"sha512-00UXRNL2kMlUigkD8MhHJsRzNU4zmbhKsytwV3jsuApijq12eQ3hBKB5eYt1V2upIp/cY31Xbg5AHSBpMYNGmg==","signatures":[{"sig":"MEYCIQDL9zPuAxae+JY/06tVc1aVJ3x+imWNx/LwVSihRwGfNwIhAIg9enMO5n8cACcxNU5nswdyc6BV6fTnEVk0vuGLaa0h","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":69569},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./styles":"./dist/styles/index.css"},"gitHead":"879bd4f41496ec870dbfac92a8228bf93226f256","scripts":{"dev":"tsc -b --watch","test":"vitest run","build":"tsc -b && node scripts/copy-css.mjs","typecheck":"tsc --noEmit","prepublishOnly":"npm run build"},"_npmUser":{"name":"biederbe","email":"mail@biederbeck.de"},"repository":{"url":"git+https://github.com/bimetal/bimetal.git","type":"git","directory":"packages/toast/toast-vue-components"},"_npmVersion":"11.17.0","description":"Default Vue 3 toast viewport — queue, auto-dismiss, pause-on-hover, variants, positioning, a11y. A thin binding over the canonical toast controller. No domain dependency (no calendar, no undo/redo).","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"26.4.0","dependencies":{"@bimetal/vue":"^0.35.0","@bimetal/toast-themes":"^0.35.0","@bimetal/toast-headless":"^0.35.0"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vitest":"^3.2.4","happy-dom":"^18.0.1","@vue/test-utils":"^2.4.6"},"peerDependencies":{"vue":"^3.3.0"},"_npmOperationalInternal":{"tmp":"tmp/toast-vue-components_0.35.0_1785078751931_0.9674680483409546","host":"s3://npm-registry-packages-npm-production"}},"0.36.0":{"name":"@bimetal/toast-vue-components","version":"0.36.0","keywords":["toast","notification","snackbar","vue","components","feedback"],"author":{"name":"Andreas Biederbeck"},"license":"Apache-2.0","_id":"@bimetal/toast-vue-components@0.36.0","maintainers":[{"name":"biederbe","email":"mail@biederbeck.de"}],"homepage":"https://github.com/bimetal/bimetal#readme","bugs":{"url":"https://github.com/bimetal/bimetal/issues"},"dist":{"shasum":"aa98a455137911d9d07b7400cc41c32947e7ebcc","tarball":"https://registry.npmjs.org/@bimetal/toast-vue-components/-/toast-vue-components-0.36.0.tgz","fileCount":18,"integrity":"sha512-cJlrlQobjyxUKhUVlDhmKkAdmmMYeBYXDcxtXjKycljFGKbmUlmIhk78bNIMsPdqIm1PXHlXP4zx+HK3PoqWwg==","signatures":[{"sig":"MEUCIDRzrnPhkfa835dcPEGNUlbVW9vUwTtTHIRcMctBxPVrAiEA8zROYh6n1UsYxZUMu7JaocuC2driEzyHt7JSu9/kLnY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":71169},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./styles":{"types":"./dist/styles/index.css.d.ts","default":"./dist/styles/index.css"}},"gitHead":"c398884cce8cfe7004bcd7523398ebaf63c5452c","scripts":{"dev":"tsc -b --watch","test":"vitest run","build":"tsc -b && node scripts/copy-css.mjs && node ../../../scripts/generate-css-stubs.mjs","typecheck":"tsc --noEmit -p tsconfig.test.json","prepublishOnly":"npm run build"},"_npmUser":{"name":"biederbe","email":"mail@biederbeck.de"},"repository":{"url":"git+https://github.com/bimetal/bimetal.git","type":"git","directory":"packages/toast/toast-vue-components"},"_npmVersion":"11.17.0","description":"Default Vue 3 toast viewport — queue, auto-dismiss, pause-on-hover, variants, positioning, a11y. A thin binding over the canonical toast controller. No domain dependency (no calendar, no undo/redo).","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"26.5.0","dependencies":{"@bimetal/vue":"^0.36.0","@bimetal/toast-themes":"^0.36.0","@bimetal/toast-headless":"^0.36.0"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vitest":"^3.2.4","happy-dom":"^18.0.1","@vue/test-utils":"^2.4.6"},"peerDependencies":{"vue":"^3.3.0"},"_npmOperationalInternal":{"tmp":"tmp/toast-vue-components_0.36.0_1788079269015_0.02739451714131458","host":"s3://npm-registry-packages-npm-production"}},"0.37.0":{"name":"@bimetal/toast-vue-components","version":"0.37.0","keywords":["toast","notification","snackbar","vue","components","feedback"],"author":{"name":"Andreas Biederbeck"},"license":"Apache-2.0","_id":"@bimetal/toast-vue-components@0.37.0","maintainers":[{"name":"biederbe","email":"mail@biederbeck.de"}],"homepage":"https://github.com/bimetal/bimetal#readme","bugs":{"url":"https://github.com/bimetal/bimetal/issues"},"dist":{"shasum":"ca66c244ae111356171fe6bf95e856ff8e8fbc77","tarball":"https://registry.npmjs.org/@bimetal/toast-vue-components/-/toast-vue-components-0.37.0.tgz","fileCount":18,"integrity":"sha512-BE74UrhscbuSvqZuqmFeViKyrmWwajGO6XQw7NPKJMZVRht0/3zLHly4507hBdOL4LCa5e7KH2AVDqxwTpXNLg==","signatures":[{"sig":"MEQCIHNvd22hjOo7J9m8BHomaatCCqjPp//vsqFg5Pf39RSvAiBWtXE5LR9n++rIiLOdK+eX+HIUcpZMjZELzvX8V6GVTg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":71191},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./styles":{"types":"./dist/styles/index.css.d.ts","default":"./dist/styles/index.css"}},"gitHead":"7c443deff9a8b0a534c68757c83f5a6b0794e018","scripts":{"dev":"tsc -b --watch","test":"vitest run","build":"tsc -b && node scripts/copy-css.mjs && node ../../../scripts/generate-css-stubs.mjs","typecheck":"tsc --noEmit -p tsconfig.test.json","prepublishOnly":"npm run build"},"_npmUser":{"name":"biederbe","email":"mail@biederbeck.de"},"repository":{"url":"git+https://github.com/bimetal/bimetal.git","type":"git","directory":"packages/toast/toast-vue-components"},"_npmVersion":"11.17.0","description":"Default Vue 3 toast viewport — queue, auto-dismiss, pause-on-hover, variants, positioning, a11y. A thin binding over the canonical toast controller. No domain dependency (no calendar, no undo/redo).","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"26.5.0","dependencies":{"@bimetal/vue":"^0.37.0","@bimetal/toast-themes":"^0.37.0","@bimetal/toast-headless":"^0.37.0"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^8.0.1","vitest":"^5.0.0","happy-dom":"^18.0.1","@vue/test-utils":"^2.4.6"},"peerDependencies":{"vue":"^3.3.0"},"_npmOperationalInternal":{"tmp":"tmp/toast-vue-components_0.37.0_1789245213367_0.5662001583343612","host":"s3://npm-registry-packages-npm-production"}},"0.38.0":{"_id":"@bimetal/toast-vue-components@0.38.0","bugs":{"url":"https://github.com/bimetal/bimetal/issues"},"dist":{"shasum":"2eca9faec403d386ffd7db5745aca0979688b929","tarball":"https://registry.npmjs.org/@bimetal/toast-vue-components/-/toast-vue-components-0.38.0.tgz","fileCount":18,"integrity":"sha512-id96HoDDKCp1X0aNYKvNJrgyWx+bq92c7eaW2/rukgytfDUb0sb4+uFvPg0sYlVXJRuPqzntlTam+v5+nuWeGw==","signatures":[{"sig":"MEUCIEDyrbo+PJ1TaBuFIodO+qRDKeTmW/ZYQjkSF/6okOCIAiEA7IyaOIt2mxE8uECigz0FTcXKlIzfnaWWNs3Y1ZfbBBg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCjtMRsWfTaHwHd0pP6WzwfH8rSTJFtqkyvjmWNBODARQIgA2YBxILIx3n19MPCOrpc9V58SZHk75uzDxN5BKMUtQY="}],"unpackedSize":71191},"main":"./dist/index.js","name":"@bimetal/toast-vue-components","type":"module","types":"./dist/index.d.ts","author":{"name":"Andreas Biederbeck"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./styles":{"types":"./dist/styles/index.css.d.ts","default":"./dist/styles/index.css"}},"gitHead":"91d1c50b022e17a1df17d4a9cad9f2e1bec329dd","license":"Apache-2.0","scripts":{"dev":"tsc -b --watch","test":"vitest run","build":"tsc -b && node scripts/copy-css.mjs && node ../../../scripts/generate-css-stubs.mjs","typecheck":"tsc --noEmit -p tsconfig.test.json","prepublishOnly":"npm run build"},"version":"0.38.0","_npmUser":{"name":"biederbe","email":"mail@biederbeck.de"},"homepage":"https://github.com/bimetal/bimetal#readme","keywords":["toast","notification","snackbar","vue","components","feedback"],"repository":{"url":"git+https://github.com/bimetal/bimetal.git","type":"git","directory":"packages/toast/toast-vue-components"},"_npmVersion":"11.17.0","description":"Default Vue 3 toast viewport — queue, auto-dismiss, pause-on-hover, variants, positioning, a11y. A thin binding over the canonical toast controller. No domain dependency (no calendar, no undo/redo).","directories":{},"maintainers":[{"name":"biederbe","email":"mail@biederbeck.de"}],"sideEffects":["**/*.css"],"_nodeVersion":"26.5.0","dependencies":{"@bimetal/vue":"^0.38.0","@bimetal/toast-themes":"^0.38.0","@bimetal/toast-headless":"^0.38.0"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^8.0.1","vitest":"^5.0.0","happy-dom":"^18.0.1","@vue/test-utils":"^2.4.6"},"peerDependencies":{"vue":"^3.3.0"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/toast-vue-components_0.38.0_1791052456534_0.1129890316248019"}}},"time":{"created":"2026-07-26T15:12:31.737Z","modified":"2026-10-03T18:34:16.802Z","0.35.0":"2026-07-26T15:12:32.080Z","0.36.0":"2026-08-30T08:41:09.148Z","0.37.0":"2026-09-12T20:33:33.502Z","0.38.0":"2026-10-03T18:34:16.623Z"},"bugs":{"url":"https://github.com/bimetal/bimetal/issues"},"author":{"name":"Andreas Biederbeck"},"license":"Apache-2.0","homepage":"https://github.com/bimetal/bimetal#readme","keywords":["toast","notification","snackbar","vue","components","feedback"],"repository":{"url":"git+https://github.com/bimetal/bimetal.git","type":"git","directory":"packages/toast/toast-vue-components"},"description":"Default Vue 3 toast viewport — queue, auto-dismiss, pause-on-hover, variants, positioning, a11y. A thin binding over the canonical toast controller. No domain dependency (no calendar, no undo/redo).","maintainers":[{"name":"biederbe","email":"mail@biederbeck.de"}],"readme":"# @bimetal/toast-vue-components\n\nThe Vue 3 **toast viewport** — the BIMETAL component family's lightweight / feedback\nmember. A thin binding over the canonical `@bimetal/toast-headless` controller (queue,\nauto-dismiss, pause-on-hover, variants, positioning, a11y). No domain dependency.\n\n```ts\nimport { useToastController } from '@bimetal/vue';\nimport { ToastViewport } from '@bimetal/toast-vue-components';\nimport '@bimetal/toast-vue-components/styles';\n\n// in <script setup>\nconst { ctrl: toasts } = useToastController({ config: { position: 'bottom-end' } });\n// toasts.push({ message: 'Gespeichert', variant: 'success' })\n```\n\n```vue\n<template>\n  <button @click=\"toasts.push({ message: 'Gespeichert', variant: 'success' })\">Save</button>\n  <ToastViewport :controller=\"toasts\" />\n</template>\n```\n\nThe app decides the message and calls `toasts.push(...)`; the viewport renders the stack.\nBound-only: you own the controller (it is what you push to).\n","readmeFilename":"README.md"}