{"_id":"@21st-extension/toolbar-react","_rev":"14-1fa8e817c5550b46213f7269a7d14e10","name":"@21st-extension/toolbar-react","dist-tags":{"latest":"0.5.14"},"versions":{"0.4.8":{"name":"@21st-extension/toolbar-react","version":"0.4.8","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.4.8","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"ad89fb19b8cd728b65a0aedb37dcb1576da178bd","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.4.8.tgz","fileCount":6,"integrity":"sha512-Iy/NAiBDwcjdUFW0Ei/leujaUyG64hlJKdswJzqVzfFzkrgO0tayhKBMw1iR7leyXCrJD0H+e/hopcZXwPJBxA==","signatures":[{"sig":"MEUCID1ssuds54Z9TSpPX5MokOd2z4J4oK6Bs1zCyvn//4ZrAiEAlnXYZm5LtcwiOhonJjbhvfFvbJmQb/W2+9reHNeRheE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46750},"type":"module","_from":"file:21st-extension-toolbar-react-0.4.8.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/91f0106d8c066495b2c765ff704eddb1/21st-extension-toolbar-react-0.4.8.tgz","_integrity":"sha512-Iy/NAiBDwcjdUFW0Ei/leujaUyG64hlJKdswJzqVzfFzkrgO0tayhKBMw1iR7leyXCrJD0H+e/hopcZXwPJBxA==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.4.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.4.8_1750942996434_0.3357632524672811","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"@21st-extension/toolbar-react","version":"0.5.0","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.0","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"1e757a00fe1286278f5012e48ca62a4ec0b42e9a","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.0.tgz","fileCount":6,"integrity":"sha512-sLeWWJ1EEEmEFwRYGB0jC6WZD9R+zpfIpX0h+IpvSb4LC7+4T8YEQUEqafo+zEhUTDp8RMqjVraP6CIpRnaB1A==","signatures":[{"sig":"MEYCIQD6moOoPBBKQFPO7plpQg4v2LfY+Hdy7Ahk+VPAquouYwIhAKSUzYNrk2dGQh81DhfoeJMXqDitlkgBy9m3YEz2RmNw","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46750},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.0.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/ad8110e7c2f44220561f6082403c9b86/21st-extension-toolbar-react-0.5.0.tgz","_integrity":"sha512-sLeWWJ1EEEmEFwRYGB0jC6WZD9R+zpfIpX0h+IpvSb4LC7+4T8YEQUEqafo+zEhUTDp8RMqjVraP6CIpRnaB1A==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.0_1751188202730_0.618143820804357","host":"s3://npm-registry-packages-npm-production"}},"0.5.1":{"name":"@21st-extension/toolbar-react","version":"0.5.1","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.1","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"899e381196f2ace9dfa251d5ff5a78bbd000cb0f","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.1.tgz","fileCount":6,"integrity":"sha512-LkJFlrAjR2VjZbieTCv4VPgq9lorJqlpIa5CvHUxFgMYL1iusn5z1L7uZj1xtPlFj7Gy5oyUcM6OupARpE1f4A==","signatures":[{"sig":"MEUCIHvuhjVROh1k00RgdTOvCOYuPXon/4NCf5XsmwY/7rX8AiEA1rEQ3BM4SuIf3Nq4gqxqUrvJDOYVYjsrBoy2q6fSiII=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46762},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.1.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/0d3e1471b2a2d97967bc2f05caa31861/21st-extension-toolbar-react-0.5.1.tgz","_integrity":"sha512-LkJFlrAjR2VjZbieTCv4VPgq9lorJqlpIa5CvHUxFgMYL1iusn5z1L7uZj1xtPlFj7Gy5oyUcM6OupARpE1f4A==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.1_1751280090028_0.9808749051938401","host":"s3://npm-registry-packages-npm-production"}},"0.5.2":{"name":"@21st-extension/toolbar-react","version":"0.5.2","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.2","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"f78e168a5892234c548e17e2d4d14116c32ef929","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.2.tgz","fileCount":6,"integrity":"sha512-8Z2ursL/6yxFejElq8phOcn0fYMMjwkJcUEKWkmrK+qF/ipkrNxk0ipkZLIkcS3i8PnFFHVCj1SQJ7WNHNVtfQ==","signatures":[{"sig":"MEUCIQDmeGZ/qttZSrOR/kfYf+l1EEcYygJhjFKOc2F9oSRzOQIgEzdFLf8/ckt2WivjtdI2HZn7gpPvE7l9t9Z79chY3f8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46767},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.2.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/71fb20b8b0738a8bee308bfa248b0a0d/21st-extension-toolbar-react-0.5.2.tgz","_integrity":"sha512-8Z2ursL/6yxFejElq8phOcn0fYMMjwkJcUEKWkmrK+qF/ipkrNxk0ipkZLIkcS3i8PnFFHVCj1SQJ7WNHNVtfQ==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.2_1751283282633_0.46354811436806687","host":"s3://npm-registry-packages-npm-production"}},"0.5.3":{"name":"@21st-extension/toolbar-react","version":"0.5.3","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.3","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"835d65e3e4e1e25fe908635f0c390f4dfa39b3bb","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.3.tgz","fileCount":6,"integrity":"sha512-III79gGTgQAbftiD90+RfNLmacNWfl5hnGmzkAjbZg7r0+draa8EOrY3ImSpZm02b8PGxDQge9aOJJT6xE1g6g==","signatures":[{"sig":"MEUCIGJQ/Cp3HgY5doLQjMEGa2yNknurLhBro3HFgrMAkYkZAiEA3Fr+nHRf8TUb5qS96bGxo/i1NpBeGjrF/6ZTTBtgyjs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46767},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.3.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/4aa2becfde2699700df268e653746218/21st-extension-toolbar-react-0.5.3.tgz","_integrity":"sha512-III79gGTgQAbftiD90+RfNLmacNWfl5hnGmzkAjbZg7r0+draa8EOrY3ImSpZm02b8PGxDQge9aOJJT6xE1g6g==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.3_1751287600185_0.35488383521112254","host":"s3://npm-registry-packages-npm-production"}},"0.5.4":{"name":"@21st-extension/toolbar-react","version":"0.5.4","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.4","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"f0693bb48c623d9217db7c8224496f2129c47061","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.4.tgz","fileCount":6,"integrity":"sha512-t4ODtKnBxCKOv3aZNizEVmnQaYV/gO/9n1a5JyWbI5TL7QhOlPIPeJIFCZmelTrQbFR1OeXErVaGX1iz85VUlQ==","signatures":[{"sig":"MEUCICcgEAf6VEFPMXgLTCeZ/d20tpEzcNqD+/wYb4mmer6kAiEA0Q11tztbD+wp2WmGA8Jz9gMj9lvLbUT1of271K5Yfb0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47045},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.4.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/5522f9030db8dd1dac57f7fd7687627b/21st-extension-toolbar-react-0.5.4.tgz","_integrity":"sha512-t4ODtKnBxCKOv3aZNizEVmnQaYV/gO/9n1a5JyWbI5TL7QhOlPIPeJIFCZmelTrQbFR1OeXErVaGX1iz85VUlQ==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.4_1751314833730_0.37164969722539487","host":"s3://npm-registry-packages-npm-production"}},"0.5.5":{"name":"@21st-extension/toolbar-react","version":"0.5.5","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.5","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"9f949e65cb45ba83cf123d99481ee8465c650bba","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.5.tgz","fileCount":6,"integrity":"sha512-iohsjrTNCsAbqjOsBX6Bs15uHEdt9jlGiqHFhaPgbnTHR59srbr7OXjDu9XiWLtoPP8HVP+/FyUoF6M4m2EsRQ==","signatures":[{"sig":"MEUCIH6Ab04Bs3beM9XPfPmxZWjTyP3nwlZE60cRgkLxinzpAiEAloJ1OEqhRVbnfb/xMPr9q3bLWs5IsOkhZTXFK/q0HBw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47045},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.5.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/71b05438c2fe45e12e1a27acdf7c6993/21st-extension-toolbar-react-0.5.5.tgz","_integrity":"sha512-iohsjrTNCsAbqjOsBX6Bs15uHEdt9jlGiqHFhaPgbnTHR59srbr7OXjDu9XiWLtoPP8HVP+/FyUoF6M4m2EsRQ==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"@21st-extension/toolbar":"0.5.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.5_1751364788080_0.27007244552190834","host":"s3://npm-registry-packages-npm-production"}},"0.5.6":{"name":"@21st-extension/toolbar-react","version":"0.5.6","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.6","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"ea6581f9cf829def8e9c4f25feed5c265d905ee6","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.6.tgz","fileCount":6,"integrity":"sha512-WDaAoem4ifIaJgi3sl623VuIusR6LiJ8yvKtkx38hj7zs495JaZSEg52dNilnMCRPv1EwoJgK9JgkN8Dbotf4Q==","signatures":[{"sig":"MEYCIQCIUD7IJMleC6C1sh4PNjdlx2f2PEI8wiF8RXPW9bkAMwIhAOFbvy2fmXwCLo8x6F1Mhg8bf1Gk2ZGT5/zTH9nOm1iz","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":48193},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.6.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/3b456a18e3bb1228da63e90ff83b9d2d/21st-extension-toolbar-react-0.5.6.tgz","_integrity":"sha512-WDaAoem4ifIaJgi3sl623VuIusR6LiJ8yvKtkx38hj7zs495JaZSEg52dNilnMCRPv1EwoJgK9JgkN8Dbotf4Q==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.6_1751377715893_0.2406680240797774","host":"s3://npm-registry-packages-npm-production"}},"0.5.7":{"name":"@21st-extension/toolbar-react","version":"0.5.7","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.7","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"62429dfa4c9d521799d0f279a4911883e405da20","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.7.tgz","fileCount":6,"integrity":"sha512-tCrQ1cnYvGKTdcn/+N24Q58JzAjBGqy4B4FRi5xrVk+wJoGqDWJMHHEfkUk4aANhqPrVnh0Kki4vvZ+KfUe7rA==","signatures":[{"sig":"MEYCIQCWvnAnWT396DqIT0D9ktkSYExOCGPicyKoMS9dNEY9sQIhAI+JvH2spudPqe/vxHrViveg0LgFXqS4Ug9GXi5YmTUR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":48193},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.7.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/dc0f49e034afddd63a731994c9ecc11e/21st-extension-toolbar-react-0.5.7.tgz","_integrity":"sha512-tCrQ1cnYvGKTdcn/+N24Q58JzAjBGqy4B4FRi5xrVk+wJoGqDWJMHHEfkUk4aANhqPrVnh0Kki4vvZ+KfUe7rA==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.2","dependencies":{"@21st-extension/toolbar":"0.5.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.7_1751453467401_0.1135562698127428","host":"s3://npm-registry-packages-npm-production"}},"0.5.10":{"name":"@21st-extension/toolbar-react","version":"0.5.10","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.10","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"90ed7556fdab83451a4fa51c68d7c8bf3dec99f5","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.10.tgz","fileCount":6,"integrity":"sha512-dtzgK38mst8TkVz2VgPBT3zhLfMEwPQG+UMkheUhbaTvcHdUlqJiUml9XJP+wVWy5P0BobTKnMU1YCU9ezn0hw==","signatures":[{"sig":"MEQCICQZS0P9gFoxA2l6C00ksGH4G+sO2W/wlzHhC+9dCuqCAiBGAG8y+Eb/FTxortP5r0bvUOCMysGG5/WUY1COI17QsA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47555},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.10.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/c22c990862e10403f8295e8a9cf4f6cd/21st-extension-toolbar-react-0.5.10.tgz","_integrity":"sha512-dtzgK38mst8TkVz2VgPBT3zhLfMEwPQG+UMkheUhbaTvcHdUlqJiUml9XJP+wVWy5P0BobTKnMU1YCU9ezn0hw==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"@21st-extension/toolbar":"0.5.10"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.10_1751540298348_0.24681343475150452","host":"s3://npm-registry-packages-npm-production"}},"0.5.11":{"name":"@21st-extension/toolbar-react","version":"0.5.11","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.11","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"85bc7f848784a7e7ff00d2abe25f7ce59c0b9e5a","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.11.tgz","fileCount":6,"integrity":"sha512-nYqU5q9w+F4HQZIiCF3CHYbTzOguwhW4qCFmkrUG4MRXNMPUsyUfgnqsuNGxXwbDN/b79liz2jdNCqn2K72J5w==","signatures":[{"sig":"MEQCIQDn3djXrHOgY0smdO8lUbOH4GWvSQjvgE/6XvgC3mr2xQIfJ17tqVUQ7ovm5klBM7+lAFaliLgxdQmrNdTDWFdteg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47555},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.11.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/a16f6691a1119111f4d7cb738dba7bfe/21st-extension-toolbar-react-0.5.11.tgz","_integrity":"sha512-nYqU5q9w+F4HQZIiCF3CHYbTzOguwhW4qCFmkrUG4MRXNMPUsyUfgnqsuNGxXwbDN/b79liz2jdNCqn2K72J5w==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"@21st-extension/toolbar":"0.5.11"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.11_1751640463665_0.9268619436738061","host":"s3://npm-registry-packages-npm-production"}},"0.5.12":{"name":"@21st-extension/toolbar-react","version":"0.5.12","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.12","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"ccdd724f93ada26ebc286a4ee12270e4bee16911","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.12.tgz","fileCount":6,"integrity":"sha512-W7PDDuN/jD4V67g7Wl/zBsnBSjdjrsg6FqTnmuigprwXFHzAqMbPh3gqyqPzlDlQ79xbHMXG2RvcZN57p3kW6A==","signatures":[{"sig":"MEQCIBe8QczGwLCu91uzT6rx1gYDVuLEoPMZ//PWGdhrqSssAiAfX/MJFrgpI93U3fjOxIHR0dv86+Pe9TQ23nCFPckpgQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47650},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.12.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/c4f7c766ce732869e067fe0179c0e20b/21st-extension-toolbar-react-0.5.12.tgz","_integrity":"sha512-W7PDDuN/jD4V67g7Wl/zBsnBSjdjrsg6FqTnmuigprwXFHzAqMbPh3gqyqPzlDlQ79xbHMXG2RvcZN57p3kW6A==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"@21st-extension/toolbar":"0.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.12_1751793710906_0.6117697887299816","host":"s3://npm-registry-packages-npm-production"}},"0.5.13":{"name":"@21st-extension/toolbar-react","version":"0.5.13","author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","_id":"@21st-extension/toolbar-react@0.5.13","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"homepage":"https://21st.dev/","bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"dist":{"shasum":"9ecb5a289ca04bd29e2e610194c01142fc415a65","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.13.tgz","fileCount":6,"integrity":"sha512-r07rkjllkTkYFVNTK1NZGAniydiZLEPs8aRFSXpJCs+cgBw92UQ7IIdLEMZC9cpDvQ9Xw+oYF7RlJTZ4GwL0zg==","signatures":[{"sig":"MEYCIQDb7Dc/CxArFonx/PTonkBuQA/BaVmWUHVzUksw1l7IagIhANkU8a7fU08RfLgCvDwdP2sX2RmG7jySZyBdZcmsozjZ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47650},"type":"module","_from":"file:21st-extension-toolbar-react-0.5.13.tgz","types":"./dist/index.d.ts","import":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"private":false,"require":"./dist/index.umd.cjs","scripts":{"dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","clean":"rm -rf .turbo dist node_modules","build:toolbar":"tsc -b && vite build"},"_npmUser":{"name":"danverr","actor":{"name":"danverr","type":"user","email":"ddmaryakhin@mail.ru"},"email":"ddmaryakhin@mail.ru"},"_resolved":"/tmp/605d5ebe95a5f7619067f7d676c98232/21st-extension-toolbar-react-0.5.13.tgz","_integrity":"sha512-r07rkjllkTkYFVNTK1NZGAniydiZLEPs8aRFSXpJCs+cgBw92UQ7IIdLEMZC9cpDvQ9Xw+oYF7RlJTZ4GwL0zg==","repository":{"url":"git+https://github.com/21st-dev/21st-extension.git","type":"git"},"_npmVersion":"10.8.2","description":"# Visual vibe coding. Right in your codebase.","directories":{},"_nodeVersion":"20.19.3","dependencies":{"@21st-extension/toolbar":"0.5.13"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.26.0","globals":"^16.1.0","@eslint/js":"^9.26.0","typescript":"^5.8.3","@types/react":"^19.1.3","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.3","typescript-eslint":"^8.32.0","@vitejs/plugin-react-swc":"^3.9.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":">=18.0.0","@types/react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/toolbar-react_0.5.13_1751895855364_0.36670159870697216","host":"s3://npm-registry-packages-npm-production"}},"0.5.14":{"name":"@21st-extension/toolbar-react","private":false,"version":"0.5.14","type":"module","license":"AGPL-3.0-only","author":{"name":"21st Labs Inc."},"homepage":"https://21st.dev/","repository":{"type":"git","url":"git+https://github.com/21st-dev/21st-extension.git"},"bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"publishConfig":{"access":"public"},"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.umd.cjs"}},"dependencies":{"@21st-extension/toolbar":"0.5.14"},"devDependencies":{"@eslint/js":"^9.26.0","@types/react":"^19.1.3","@types/react-dom":"^19.1.3","@vitejs/plugin-react-swc":"^3.9.0","eslint":"^9.26.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20","globals":"^16.1.0","typescript":"^5.8.3","typescript-eslint":"^8.32.0","vite":"^6.3.5","vite-plugin-dts":"^4.5.3"},"peerDependencies":{"@types/react":">=18.0.0","react":">=18.0.0"},"scripts":{"clean":"rm -rf .turbo dist node_modules","dev":"tsc -b && vite build --mode development","build":"tsc -b && vite build","build:toolbar":"tsc -b && vite build"},"_id":"@21st-extension/toolbar-react@0.5.14","description":"# Visual vibe coding. Right in your codebase.","_integrity":"sha512-MIjE6AwLsPKNIEiaPBpmvLmFgmWozRrD2Cp9E68X2vGN5D7eMBupKBwXhLjpZGS3HuSbiwwf2p/wjPgYV9z6Xg==","_resolved":"/tmp/e787460b1067e441587e6c0282cfc5ef/21st-extension-toolbar-react-0.5.14.tgz","_from":"file:21st-extension-toolbar-react-0.5.14.tgz","_nodeVersion":"20.19.3","_npmVersion":"10.8.2","dist":{"integrity":"sha512-MIjE6AwLsPKNIEiaPBpmvLmFgmWozRrD2Cp9E68X2vGN5D7eMBupKBwXhLjpZGS3HuSbiwwf2p/wjPgYV9z6Xg==","shasum":"78ec8f9dc7cc219ef0edfe2f403ae0ec7f717ee7","tarball":"https://registry.npmjs.org/@21st-extension/toolbar-react/-/toolbar-react-0.5.14.tgz","fileCount":6,"unpackedSize":47650,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDYka3EWZOQKQwEkBLPd2KmbY4f2SjrUOXJCn4hibyOegIgYIGYTT5h7D6AypgbuSYI0uMYCU8UJ2xi8o94AIt5FA4="}]},"_npmUser":{"name":"danverr","email":"ddmaryakhin@mail.ru","actor":{"name":"danverr","email":"ddmaryakhin@mail.ru","type":"user"}},"directories":{},"maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/toolbar-react_0.5.14_1751897842999_0.49974081932487224"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-26T13:03:15.960Z","modified":"2025-07-07T14:17:23.383Z","0.4.8":"2025-06-26T13:03:16.605Z","0.5.0":"2025-06-29T09:10:02.898Z","0.5.1":"2025-06-30T10:41:30.201Z","0.5.2":"2025-06-30T11:34:42.824Z","0.5.3":"2025-06-30T12:46:40.387Z","0.5.4":"2025-06-30T20:20:33.916Z","0.5.5":"2025-07-01T10:13:08.262Z","0.5.6":"2025-07-01T13:48:36.109Z","0.5.7":"2025-07-02T10:51:07.579Z","0.5.10":"2025-07-03T10:58:18.509Z","0.5.11":"2025-07-04T14:47:43.855Z","0.5.12":"2025-07-06T09:21:51.116Z","0.5.13":"2025-07-07T13:44:15.561Z","0.5.14":"2025-07-07T14:17:23.199Z"},"bugs":{"url":"https://github.com/21st-dev/21st-extension/issues"},"author":{"name":"21st Labs Inc."},"license":"AGPL-3.0-only","homepage":"https://21st.dev/","repository":{"type":"git","url":"git+https://github.com/21st-dev/21st-extension.git"},"description":"# Visual vibe coding. Right in your codebase.","maintainers":[{"name":"danverr","email":"ddmaryakhin@mail.ru"}],"readme":"# <img src=\"https://21st.dev/brand/21st-logo-dark.png\" alt=\"21st.dev logo\" width=\"48\" height=\"48\" style=\"border-radius: 50%; vertical-align: middle; margin-right: 8px;\" /> 21st.dev Toolbar\n\n# Visual vibe coding. Right in your codebase.\n\n[![VS Code Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/stagewise.stagewise-vscode-extension?label=VS%20Code%20Marketplace)](https://marketplace.visualstudio.com/items?itemName=stagewise.stagewise-vscode-extension) [![GitHub Repo stars](https://img.shields.io/github/stars/stagewise-io/stagewise)](https://github.com/stagewise-io/stagewise) [![Join us on Discord](https://img.shields.io/discord/1229378372141056010?label=Discord&logo=discord&logoColor=white)](https://discord.gg/gkdGsDYaKA) <!-- [![Build Status](https://img.shields.io/github/actions/workflow/status/stagewise-io/stagewise/ci.yml?branch=main)](https://github.com/stagewise-io/stagewise/actions) -->\n\n\n![stagewise demo](https://cdn.21st.dev/gif-cline-extesion.gif)\n\n\n## About the project\n\n**stagewise is a browser toolbar that connects your frontend UI to your code ai agents in your code editor.**\n\n* 🧠 Select any element(s) in your web app\n* 💬 Leave a comment on it\n* 💡 Let your AI-Agent do the magic\n\n> Perfect for devs tired of pasting folder paths into prompts. stagewise gives your AI real-time, browser-powered context.\n\n\n## ✨ Features\n\nThe stagewise Toolbar makes it incredibly easy to edit your frontend code with AI agents:\n\n* ⚡ Works out of the box\n* 🧩 Customise and extend functionality with Plugins\n* 🧠 Sends DOM elements & more metadata to your AI agent\n* 🧪 Comes with examples for React, Vue, Svelte and more\n* 🔍 Search and integrate UI components from 21st.dev library\n* 🚨 Runtime error detection with intelligent assistance\n* 🪄 AI-powered component generation with Magic Chat\n\n\n## 📖 Quickstart \n\n### 1. 🧩 **Install the code editor extension (Cursor, Windsurf, VS Code, Trae IDE, Kilo Code)**\n\nInstall the extension here: https://marketplace.visualstudio.com/items?itemName=stagewise.stagewise-vscode-extension\n\n### 2. 👨🏽‍💻 **Install and inject the toolbar**\n\n> [!TIP]\n> 🪄 **Auto-Install the toolbar (AI-guided):** \n> 1. In Cursor, Press `CMD + Shift + P`\n> 2. Enter `setupToolbar`\n> 3. Execute the command and the toolbar will init automatically 🦄\n\nOr follow the manual way:\n\nInstall [@21st-extension/toolbar](https://www.npmjs.com/package/@21st-extension/toolbar):\n```bash\npnpm i -D @21st-extension/toolbar\n```\n\nInject the toolbar into your app dev-mode:\n\n```ts\n// 1. Import the toolbar\nimport { initToolbar } from '@21st-extension/toolbar';\n\n// 2. Define your toolbar configuration\nconst stagewiseConfig = {\n  plugins: [],\n};\n\n// 3. Initialize the toolbar when your app starts\n// Framework-agnostic approach - call this when your app initializes\nfunction setupStagewise() {\n  // Only initialize once and only in development mode\n  if (process.env.NODE_ENV === 'development') {\n    initToolbar(stagewiseConfig);\n  }\n}\n\n// Call the setup function when appropriate for your framework\nsetupStagewise();\n```\n> ⚡️ The toolbar will **automatically connect** to the extension!\n\n> [!IMPORTANT]\n> 🚫 **If nothing happens when a prompt is sent:**\n> \n> If you have multiple Cursor windows open, the toolbar may send prompts to the wrong window, making it appear as if \"no prompt is being sent\". To ensure reliable operation:\n> - Keep only one Cursor window open when using stagewise\n>\n> A fix for this is on the way!\n\n### Framework-specific integration examples\n\nFor easier integration, we provide framework-specific NPM packages that come with dedicated toolbar components (e.g., `<TwentyFirstToolbar>`). You can usually import these from `@21st-extension/toolbar-[framework-name]`.\n\n<details>\n<summary>React.js</summary>\n\nWe provide the `@21st-extension/toolbar-react` package for React projects. Initialize the toolbar in your main entry file (e.g., `src/main.tsx`) by creating a separate React root for it. This ensures it doesn't interfere with your main application tree.\n\n```tsx\n// src/main.tsx\nimport { StrictMode } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport App from './App.tsx';\nimport { TwentyFirstToolbar } from '@21st-extension/toolbar-react';\nimport './index.css';\n\n// Render the main app\ncreateRoot(document.getElementById('root')!).render(\n  <StrictMode>\n    <App />\n  </StrictMode>,\n);\n\n// Initialize toolbar separately\nconst toolbarConfig = {\n  plugins: [], // Add your custom plugins here\n};\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  const toolbarRoot = document.createElement('div');\n  toolbarRoot.id = 'stagewise-toolbar-root'; // Ensure a unique ID\n  document.body.appendChild(toolbarRoot);\n\n  createRoot(toolbarRoot).render(\n    <StrictMode>\n      <TwentyFirstToolbar config={toolbarConfig} />\n    </StrictMode>\n  );\n});\n```\n</details>\n\n<details>\n<summary>Next.js</summary>\n\nUse the `@21st-extension/toolbar-next` package for Next.js applications. Include the `<TwentyFirstToolbar>` component in your root layout file (`src/app/layout.tsx`).\n\n```tsx\n// src/app/layout.tsx\nimport { TwentyFirstToolbar } from '@21st-extension/toolbar-next';\n\nexport default function RootLayout({\n  children,\n}: Readonly<{\n  children: React.ReactNode;\n}>) {\n  return (\n    <html lang=\"en\">\n      <body>\n        <TwentyFirstToolbar\n          config={{\n            plugins: [], // Add your custom plugins here\n          }}\n        />\n        {children}\n      </body>\n    </html>\n  );\n}\n```\n\n</details>\n\n<details>\n<summary>Nuxt.js</summary>\n\nFor Nuxt.js projects, you can use the `@21st-extension/toolbar-vue` package. Place the `<TwentyFirstToolbar>` component in your `app.vue` or a relevant layout file.\n\n```vue\n// app.vue\n<script setup lang=\"ts\">\nimport { TwentyFirstToolbar, type ToolbarConfig } from '@21st-extension/toolbar-vue';\n\nconst config: ToolbarConfig = {\n  plugins: [], // Add your custom plugins here\n};\n</script>\n\n<template>\n  <div>\n    <NuxtRouteAnnouncer />\n    <ClientOnly>\n      <TwentyFirstToolbar :config=\"config\" />\n    </ClientOnly>\n    <NuxtWelcome />\n  </div>\n</template>\n```\n\n</details>\n\n<details>\n<summary>Vue.js</summary>\n\nUse the `@21st-extension/toolbar-vue` package for Vue.js projects. Add the `<TwentyFirstToolbar>` component to your main App component (e.g., `App.vue`).\n\n```vue\n// src/App.vue\n<script setup lang=\"ts\">\nimport { TwentyFirstToolbar, type ToolbarConfig } from '@21st-extension/toolbar-vue';\n\nconst config: ToolbarConfig = {\n  plugins: [], // Add your custom plugins here\n};\n</script>\n\n<template>\n  <TwentyFirstToolbar :config=\"config\" />\n  <div>\n    <!-- Your app content -->\n  </div>\n</template>\n```\n\n</details>\n\n<details>\n<summary>SvelteKit</summary>\n\nFor SvelteKit, you can integrate the toolbar using `@21st-extension/toolbar` and Svelte's lifecycle functions, or look for a dedicated `@21st-extension/toolbar-svelte` package if available. Create a component that conditionally renders/initializes the toolbar on the client side (e.g., `src/lib/components/TwentyFirstToolbarLoader.svelte` or directly in `src/routes/+layout.svelte`).\n\n**Using `onMount` in `+layout.svelte` (with `@21st-extension/toolbar`):**\n```svelte\n<!-- src/routes/+layout.svelte -->\n<script lang=\"ts\">\n  import { onMount } from 'svelte';\n  import { browser } from '$app/environment';\n  import { initToolbar, type ToolbarConfig } from '@21st-extension/toolbar'; // Adjust path if needed\n\n  onMount(() => {\n    if (browser) {\n      const stagewiseConfig: ToolbarConfig = {\n        plugins: [\n          // Add your Svelte-specific plugins or configurations here\n        ],\n      };\n      initToolbar(stagewiseConfig);\n    }\n  });\n</script>\n\n<slot />\n```\n\n**Using a loader component (example from repository):**\nThe example repository uses a `ToolbarLoader.svelte` which wraps `ToolbarWrapper.svelte`. `ToolbarWrapper.svelte` would then call `initToolbar` from `@21st-extension/toolbar`.\n\n```svelte\n<!-- examples/svelte-kit-example/src/lib/components/stagewise/ToolbarLoader.svelte -->\n<script lang=\"ts\">\nimport type { ToolbarConfig } from '@21st-extension/toolbar';\n// ToolbarWrapper.svelte is a custom component that would call initToolbar\nimport ToolbarWrapper from './ToolbarWrapper.svelte'; \nimport { browser } from '$app/environment';\n\nconst stagewiseConfig: ToolbarConfig = {\n  plugins: [\n    // ... your svelte plugin config\n  ],\n};\n</script>\n\n{#if browser}\n  <ToolbarWrapper config={stagewiseConfig} />\n{/if}\n```\nYou would then use `TwentyFirstToolbarLoader` in your `src/routes/+layout.svelte`.\n\n</details>\n\n\n## 🤖 Agent support \n\n| **Agent**      | **Supported**  |\n| -------------- | -------------- |\n| Cursor         | ✅             |\n| GitHub Copilot | ✅             |\n| Windsurf       | ✅             |\n| Cline          | ✅             |\n| Roo Code       | ✅             |\n| Trae IDE       | ✅             |\n| Kilo Code      | ✅             |\n| Claude Code    | ✅ (via Copy Prompt) |\n| Gemini CLI     | ✅ (via Copy Prompt) |\n| Any AI Agent   | ✅ (via Copy Prompt) |\n\n\n## 🛣️ Roadmap\n\nCheck out our [project roadmap](./.github/ROADMAP.md) for upcoming features, bug fixes, and progress.\n\n## 📜 License\n\nstagewise is developed by tiq UG (haftungsbeschränkt) and offerend under the AGPLv3 license.\n\nFor more information on the license model, visit the [FAQ about the GNU Licenses](https://www.gnu.org/licenses/gpl-faq.html).\n\nFor use cases that fall outside the scope permitted by the AGPLv3 license, feel free to [📬 Contact Us](#contact-us-section).\n\n## 🤝 Contributing\n\nWe're just getting started and love contributions! Check out our [CONTRIBUTING.md](https://github.com/stagewise-io/stagewise/blob/main/CONTRIBUTING.md) guide to get involved. For bugs and fresh ideas, please [Open an issue!](https://github.com/stagewise-io/stagewise/issues) \n\n## 💬 Community & Support \n\n* 👾 [Join our Discord](https://discord.gg/gkdGsDYaKA)\n* 📖 Open an [issue on GitHub](https://github.com/stagewise-io/stagewise/issues) for dev support.\n\n\n## 📬 Contact Us\n\nGot questions or want to license stagewise for commercial or enterprise use?\n\n📧 **[sales@stagewise.io](mailto:sales@stagewise.io)**\n\n\n","readmeFilename":"README.md"}