{"_id":"@bimetal/toast-vanilla-components","_rev":"4-7da0f624717a03b93e6a8249c3f7a4dd","name":"@bimetal/toast-vanilla-components","dist-tags":{"latest":"0.38.0"},"versions":{"0.35.0":{"name":"@bimetal/toast-vanilla-components","version":"0.35.0","keywords":["toast","notification","snackbar","vanilla","components","feedback"],"author":{"name":"Andreas Biederbeck"},"license":"Apache-2.0","_id":"@bimetal/toast-vanilla-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":"4296a2f6369fa9143ea3fcd09adc955160e2e70c","tarball":"https://registry.npmjs.org/@bimetal/toast-vanilla-components/-/toast-vanilla-components-0.35.0.tgz","fileCount":9,"integrity":"sha512-I/UL3Cxq0N6R8zW8Pz4txnTG2i5dEbMfndt+L0kngDj8thg2CewzpYirEJBtOmebAkfsrb+QsSk+xNmUM9m0vA==","signatures":[{"sig":"MEUCIGxb6sIxBg7OagrUI8Wlz3JqteL55XR/JvMocUWAQElkAiEAxR2O4VnTkE1pP72chfkykR4MVYmHSaQUsOKDf93zPvs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":67548},"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-vanilla-components"},"_npmVersion":"11.17.0","description":"Zero-framework toast viewport: mountToast() drives the canonical toast controller with plain DOM. Peer of the toast-{react,vue,svelte,angular}-components packages (bound controller — the thing you push to).","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"26.4.0","dependencies":{"@bimetal/toast-themes":"^0.35.0","@bimetal/toast-headless":"^0.35.0"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^3.2.4","happy-dom":"^18.0.1"},"_npmOperationalInternal":{"tmp":"tmp/toast-vanilla-components_0.35.0_1785078749388_0.7391382175285017","host":"s3://npm-registry-packages-npm-production"}},"0.36.0":{"name":"@bimetal/toast-vanilla-components","version":"0.36.0","keywords":["toast","notification","snackbar","vanilla","components","feedback"],"author":{"name":"Andreas Biederbeck"},"license":"Apache-2.0","_id":"@bimetal/toast-vanilla-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":"07d6f2035d06ff20743a664af703df1b36dbd766","tarball":"https://registry.npmjs.org/@bimetal/toast-vanilla-components/-/toast-vanilla-components-0.36.0.tgz","fileCount":10,"integrity":"sha512-eeK0nwqBm+oLlEAmX0WvdACsoD/gW4c5NiNlB+euYIB3fbtB4DHKNF6OcwdDAwn/tKQnEemSHExYn+rAvLV5dg==","signatures":[{"sig":"MEQCIFkyrvijZxcRIv2YPfR469NQ+lITKzvcec8GGRb47tLZAiBQxlV+b8O/z+AHg9nKIYO4g0n+X93Ny770fqhhoBZv+Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":72817},"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-vanilla-components"},"_npmVersion":"11.17.0","description":"Zero-framework toast viewport: mountToast() drives the canonical toast controller with plain DOM. Peer of the toast-{react,vue,svelte,angular}-components packages (bound controller — the thing you push to).","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"26.5.0","dependencies":{"@bimetal/toast-themes":"^0.36.0","@bimetal/toast-headless":"^0.36.0"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^3.2.4","happy-dom":"^18.0.1"},"_npmOperationalInternal":{"tmp":"tmp/toast-vanilla-components_0.36.0_1788079266178_0.49047636225798374","host":"s3://npm-registry-packages-npm-production"}},"0.37.0":{"name":"@bimetal/toast-vanilla-components","version":"0.37.0","keywords":["toast","notification","snackbar","vanilla","components","feedback"],"author":{"name":"Andreas Biederbeck"},"license":"Apache-2.0","_id":"@bimetal/toast-vanilla-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":"11b22c5e34e7bc6b9a84e077cfc36ab756130481","tarball":"https://registry.npmjs.org/@bimetal/toast-vanilla-components/-/toast-vanilla-components-0.37.0.tgz","fileCount":10,"integrity":"sha512-//ovN2/nRwzc5fO9Cysvp83YzHOpnE+ZIJf8GFbLRtkacyIMtSt82SWpkucKB28eCEfHy83qLytoM/4rLCaCIw==","signatures":[{"sig":"MEUCIDsFLS7Z6jKIInn96L5YlOYufAXmoRNopF73L3eltxpRAiEA5dSMOYu1BZFtisQoS/BsYareT3/nUfvTGT6bJVZfAcs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":72839},"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-vanilla-components"},"_npmVersion":"11.17.0","description":"Zero-framework toast viewport: mountToast() drives the canonical toast controller with plain DOM. Peer of the toast-{react,vue,svelte,angular}-components packages (bound controller — the thing you push to).","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"26.5.0","dependencies":{"@bimetal/toast-themes":"^0.37.0","@bimetal/toast-headless":"^0.37.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","vitest":"^5.0.0","happy-dom":"^18.0.1"},"_npmOperationalInternal":{"tmp":"tmp/toast-vanilla-components_0.37.0_1789245210874_0.19272778787694866","host":"s3://npm-registry-packages-npm-production"}},"0.38.0":{"_id":"@bimetal/toast-vanilla-components@0.38.0","bugs":{"url":"https://github.com/bimetal/bimetal/issues"},"dist":{"shasum":"1f070d067185d14f43936165f70769bb495e5d3f","tarball":"https://registry.npmjs.org/@bimetal/toast-vanilla-components/-/toast-vanilla-components-0.38.0.tgz","fileCount":10,"integrity":"sha512-kVsLlwKiqYCWH6uuOcx/8x96X3lVCNEBQ6wn4D1Hksp0V60cEhNo7lPP81EJ8BUUVQbtx5iCfveKBMTLVSyNig==","signatures":[{"sig":"MEQCIEMM6TMrFpGBMujgaiytvdCU7gvdDLeClzF25a3uoFxWAiA+4otr315PvN2KgbXA1kc2TCwHpHTMavC+qQHK2Rccfw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDwca4nnklQJz7fnB7Ipi2HEYC64F96Q8jxff7IgEGn8QIhAMu70eHsITKUmMTKC17xQWzeDYKShT1xVZWfYAW8fOOE"}],"unpackedSize":72839},"main":"./dist/index.js","name":"@bimetal/toast-vanilla-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","vanilla","components","feedback"],"repository":{"url":"git+https://github.com/bimetal/bimetal.git","type":"git","directory":"packages/toast/toast-vanilla-components"},"_npmVersion":"11.17.0","description":"Zero-framework toast viewport: mountToast() drives the canonical toast controller with plain DOM. Peer of the toast-{react,vue,svelte,angular}-components packages (bound controller — the thing you push to).","directories":{},"maintainers":[{"name":"biederbe","email":"mail@biederbeck.de"}],"sideEffects":["**/*.css"],"_nodeVersion":"26.5.0","dependencies":{"@bimetal/toast-themes":"^0.38.0","@bimetal/toast-headless":"^0.38.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","vitest":"^5.0.0","happy-dom":"^18.0.1"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/toast-vanilla-components_0.38.0_1791052433932_0.09597620326500755"}}},"time":{"created":"2026-07-26T15:12:29.178Z","modified":"2026-10-03T18:33:54.167Z","0.35.0":"2026-07-26T15:12:29.538Z","0.36.0":"2026-08-30T08:41:06.310Z","0.37.0":"2026-09-12T20:33:31.016Z","0.38.0":"2026-10-03T18:33:54.016Z"},"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","vanilla","components","feedback"],"repository":{"url":"git+https://github.com/bimetal/bimetal.git","type":"git","directory":"packages/toast/toast-vanilla-components"},"description":"Zero-framework toast viewport: mountToast() drives the canonical toast controller with plain DOM. Peer of the toast-{react,vue,svelte,angular}-components packages (bound controller — the thing you push to).","maintainers":[{"name":"biederbe","email":"mail@biederbeck.de"}],"readme":"# @bimetal/toast-vanilla-components\n\nThe **zero-framework toast viewport** — the BIMETAL component family's lightweight /\nfeedback member with no framework at all. `mountToast(target, controller)` drives the\ncanonical `@bimetal/toast-headless` controller (queue, auto-dismiss, pause-on-hover,\nvariants, positioning, a11y) and renders the same `.bm-toast*` DOM as the\ntoast-{react,vue,svelte,angular}-components — so `@bimetal/toast-themes` styles it\nidentically. No domain dependency.\n\n```ts\nimport { createToastController } from '@bimetal/toast-headless';\nimport { mountToast } from '@bimetal/toast-vanilla-components';\nimport '@bimetal/toast-vanilla-components/styles';\n\nconst toasts = createToastController({ config: { position: 'bottom-end' } });\nconst view = mountToast(document.getElementById('toast-root')!, toasts);\n\ndocument.getElementById('save')!.addEventListener('click', () =>\n  toasts.push({ message: 'Gespeichert', variant: 'success' }),\n);\n\n// later: view.destroy();\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), so `destroy()` tears down the\nbinding but never touches the controller.\n","readmeFilename":"README.md"}