{"_id":"@astuteo/breakout-grid","_rev":"11-eac4133666059d9e5bd09833f71efe26","name":"@astuteo/breakout-grid","dist-tags":{"latest":"6.0.2"},"versions":{"5.1.0":{"name":"@astuteo/breakout-grid","version":"5.1.0","keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"author":{"name":"Astuteo LLC"},"license":"MIT","_id":"@astuteo/breakout-grid@5.1.0","maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"homepage":"https://github.com/astuteo-llc/breakout-grid#readme","bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"dist":{"shasum":"5ce753902cf1b054019dc0ced01fe7247113a725","tarball":"https://registry.npmjs.org/@astuteo/breakout-grid/-/breakout-grid-5.1.0.tgz","fileCount":7,"integrity":"sha512-lt7OOKtIOaaWvNvVV0H9wpEBxGAX9/IYAW6Sh1UcpKejjrBZEhghgmu0ZsIk+ik3sN1RgBkuuXEXRDZpnH6RKQ==","signatures":[{"sig":"MEUCIQCXCcJdVMcFbeFanfaSFjtmxmFzNRpgB4CtQnh0jzGrrQIgPlb+nXGkGdD/voO+Vr6DuXTIxFaghYUb1AaalR1HySM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":196232},"main":"dist/_objects.breakout-grid.css","type":"module","style":"dist/_objects.breakout-grid.css","engines":{"node":">=14.0.0"},"exports":{".":"./dist/_objects.breakout-grid.css","./css":"./dist/_objects.breakout-grid.css","./visualizer":"./breakout-grid-visualizer.js","./visualizer-lite":"./breakout-grid-visualizer-lite.js"},"gitHead":"170bd54ded4919444bb044c723ae92929cacc8db","scripts":{"demo":"vite","build":"vite build && vite build --mode lite && npm run build:css","release":"npm run build && npm run check-files","build:css":"node scripts/build-css.js","build:full":"vite build","build:lite":"vite build --mode lite","check-files":"npm pack --dry-run","check-version":"node scripts/check-version.js","release:major":"npm run release && npm version major && git push && git push --tags","release:minor":"npm run release && npm version minor && git push && git push --tags","release:patch":"npm run release && npm version patch && git push && git push --tags","prepublishOnly":"npm run build && npm run check-files"},"_npmUser":{"name":"dustin_astuteo","email":"dustin@astuteo.com"},"repository":{"url":"git+https://github.com/astuteo-llc/breakout-grid.git","type":"git"},"_npmVersion":"11.6.2","description":"CSS Grid breakout layout system with visual configurator","directories":{},"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","alpinejs":"^3.14.0","tailwindcss":"^4.0.0","@tailwindcss/vite":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-grid_5.1.0_1769462123715_0.43788123611633467","host":"s3://npm-registry-packages-npm-production"}},"5.1.1":{"name":"@astuteo/breakout-grid","version":"5.1.1","keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"author":{"name":"Astuteo LLC"},"license":"MIT","_id":"@astuteo/breakout-grid@5.1.1","maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"homepage":"https://github.com/astuteo-llc/breakout-grid#readme","bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"dist":{"shasum":"d5278ecb15ec56df78254073fa39e809c9a9d58c","tarball":"https://registry.npmjs.org/@astuteo/breakout-grid/-/breakout-grid-5.1.1.tgz","fileCount":7,"integrity":"sha512-eJZIT6pVtBXoA4hw8xCgReIeiKmBoPqui61c8oRFYY94SWt1wa784nFxoikUF1Nx4V4t6QJiVSB3ysb0CbFIgQ==","signatures":[{"sig":"MEUCIQDdEjMr8Z3aC30PjbEYO6RYSKub4osszW+E/NLIECJFvgIgRUp2Hjsb/L+D1HeEp5mLwO3r8AVVLH/RA7KQJOn0AgA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":199983},"main":"dist/_objects.breakout-grid.css","type":"module","style":"dist/_objects.breakout-grid.css","engines":{"node":">=14.0.0"},"exports":{".":"./dist/_objects.breakout-grid.css","./css":"./dist/_objects.breakout-grid.css","./visualizer":"./breakout-grid-visualizer.js","./visualizer-lite":"./breakout-grid-visualizer-lite.js"},"gitHead":"bed46d2af39bda71433f5149c81e7304947ea1dc","scripts":{"demo":"vite","build":"vite build && vite build --mode lite && npm run build:css","build:css":"node scripts/build-css.js","build:full":"vite build","build:lite":"vite build --mode lite","check-files":"npm pack --dry-run","check-version":"node scripts/check-version.js","release:major":"npm version major --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:minor":"npm version minor --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:patch":"npm version patch --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","prepublishOnly":"npm run build && npm run check-files"},"_npmUser":{"name":"dustin_astuteo","email":"dustin@astuteo.com"},"repository":{"url":"git+https://github.com/astuteo-llc/breakout-grid.git","type":"git"},"_npmVersion":"11.6.2","description":"CSS Grid breakout layout system with visual configurator","directories":{},"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","alpinejs":"^3.14.0","tailwindcss":"^4.0.0","@tailwindcss/vite":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-grid_5.1.1_1769464888042_0.3181923907637698","host":"s3://npm-registry-packages-npm-production"}},"5.1.2":{"name":"@astuteo/breakout-grid","version":"5.1.2","keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"author":{"name":"Astuteo LLC"},"license":"MIT","_id":"@astuteo/breakout-grid@5.1.2","maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"homepage":"https://github.com/astuteo-llc/breakout-grid#readme","bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"dist":{"shasum":"a9b7fbb1a5a6e23c874bcfbae658370b6c09ff2e","tarball":"https://registry.npmjs.org/@astuteo/breakout-grid/-/breakout-grid-5.1.2.tgz","fileCount":7,"integrity":"sha512-IMatgJdXl2wI8LjrOgLx6QMWxgEZBE4MScVhk8s1giubehuMgQmhOGd/aofwx7ReWqAnVxMT7ntF6LzGKDys9w==","signatures":[{"sig":"MEQCIFeLCs54MPAsnEdMt1emxT7bjEir4njdFZSbJnXTcRbyAiA3NRCbxrWELLqqgroeAqi87fU3nsC8i8Wkih/Vww1eDw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":202062},"main":"dist/_objects.breakout-grid.css","type":"module","style":"dist/_objects.breakout-grid.css","engines":{"node":">=14.0.0"},"exports":{".":"./dist/_objects.breakout-grid.css","./css":"./dist/_objects.breakout-grid.css","./visualizer":"./breakout-grid-visualizer.js","./visualizer-lite":"./breakout-grid-visualizer-lite.js"},"gitHead":"5635fde185bbd0c7dfbdf7838bbb376aea468ff7","scripts":{"demo":"vite","build":"vite build && vite build --mode lite && npm run build:css","build:css":"node scripts/build-css.js","build:full":"vite build","build:lite":"vite build --mode lite","check-files":"npm pack --dry-run","check-version":"node scripts/check-version.js","release:major":"npm version major --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:minor":"npm version minor --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:patch":"npm version patch --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","prepublishOnly":"npm run build && npm run check-files"},"_npmUser":{"name":"dustin_astuteo","email":"dustin@astuteo.com"},"repository":{"url":"git+https://github.com/astuteo-llc/breakout-grid.git","type":"git"},"_npmVersion":"11.6.2","description":"CSS Grid breakout layout system with visual configurator","directories":{},"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","alpinejs":"^3.14.0","tailwindcss":"^4.0.0","@tailwindcss/vite":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-grid_5.1.2_1769528688295_0.11630408252478297","host":"s3://npm-registry-packages-npm-production"}},"5.1.3":{"name":"@astuteo/breakout-grid","version":"5.1.3","keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"author":{"name":"Astuteo LLC"},"license":"MIT","_id":"@astuteo/breakout-grid@5.1.3","maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"homepage":"https://github.com/astuteo-llc/breakout-grid#readme","bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"dist":{"shasum":"48705c39c4a35ddf0e765aac8063000697209310","tarball":"https://registry.npmjs.org/@astuteo/breakout-grid/-/breakout-grid-5.1.3.tgz","fileCount":7,"integrity":"sha512-2IrmVCaKQ3OCxhMDuLvyAmZVvvg0qUNJKJU1fgF7exk1G10NBXCH8aLGX2WJ7uncyWnhp9dwM9AcBHQ/oJXoFw==","signatures":[{"sig":"MEQCIC6/Lc1MIlAWhL6LmdXuHj0dXZBEEbM3leiBO2T3QUdKAiAtHgpSHWXu/rqDE7tdLf6acGBTuPIwO/znHRCyMeyVBg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":202385},"main":"dist/_objects.breakout-grid.css","type":"module","style":"dist/_objects.breakout-grid.css","engines":{"node":">=14.0.0"},"exports":{".":"./dist/_objects.breakout-grid.css","./css":"./dist/_objects.breakout-grid.css","./visualizer":"./breakout-grid-visualizer.js","./visualizer-lite":"./breakout-grid-visualizer-lite.js"},"gitHead":"c4ddf70bd8f530f315fca041c7de7583abc15426","scripts":{"demo":"vite","build":"vite build && vite build --mode lite && npm run build:css","build:css":"node scripts/build-css.js","build:full":"vite build","build:lite":"vite build --mode lite","check-files":"npm pack --dry-run","check-version":"node scripts/check-version.js","release:major":"npm version major --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:minor":"npm version minor --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:patch":"npm version patch --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","prepublishOnly":"npm run build && npm run check-files"},"_npmUser":{"name":"dustin_astuteo","email":"dustin@astuteo.com"},"repository":{"url":"git+https://github.com/astuteo-llc/breakout-grid.git","type":"git"},"_npmVersion":"11.6.2","description":"CSS Grid breakout layout system with visual configurator","directories":{},"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","alpinejs":"^3.14.0","tailwindcss":"^4.0.0","@tailwindcss/vite":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-grid_5.1.3_1769529404784_0.06725011918467216","host":"s3://npm-registry-packages-npm-production"}},"5.1.4":{"name":"@astuteo/breakout-grid","version":"5.1.4","keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"author":{"name":"Astuteo LLC"},"license":"MIT","_id":"@astuteo/breakout-grid@5.1.4","maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"homepage":"https://github.com/astuteo-llc/breakout-grid#readme","bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"dist":{"shasum":"e6c5ca899005a2126f50259d437513583e4839a9","tarball":"https://registry.npmjs.org/@astuteo/breakout-grid/-/breakout-grid-5.1.4.tgz","fileCount":7,"integrity":"sha512-ZMmsSv+k/3ZH/Owaetm0rDmRJDkPrMVtX0OFC4qUioxDi+UiUppEjBDaf44MuUSOa0Jqop0MpTkXrYGIWsCINQ==","signatures":[{"sig":"MEUCIHaoZAcj1Bzvg90JSEyzHO1dgAGL3ZnEK45Mmgw1wzeUAiEA8/KNaaw9WkGGlrWrlpcWazFmMExjdzCgggeS6Xog+7I=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":201206},"main":"dist/_objects.breakout-grid.css","type":"module","style":"dist/_objects.breakout-grid.css","engines":{"node":">=14.0.0"},"exports":{".":"./dist/_objects.breakout-grid.css","./css":"./dist/_objects.breakout-grid.css","./visualizer":"./breakout-grid-visualizer.js","./visualizer-lite":"./breakout-grid-visualizer-lite.js"},"gitHead":"0aba16c7c324d48b7c2e35370378571db297f9a2","scripts":{"demo":"vite","build":"vite build && vite build --mode lite && npm run build:css","build:css":"node scripts/build-css.js","build:full":"vite build","build:lite":"vite build --mode lite","check-files":"npm pack --dry-run","check-version":"node scripts/check-version.js","release:major":"npm version major --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:minor":"npm version minor --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:patch":"npm version patch --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","prepublishOnly":"npm run build && npm run check-files"},"_npmUser":{"name":"dustin_astuteo","email":"dustin@astuteo.com"},"repository":{"url":"git+https://github.com/astuteo-llc/breakout-grid.git","type":"git"},"_npmVersion":"11.6.2","description":"CSS Grid breakout layout system with visual configurator","directories":{},"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","alpinejs":"^3.14.0","tailwindcss":"^4.0.0","@tailwindcss/vite":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-grid_5.1.4_1769530499058_0.16569986843647455","host":"s3://npm-registry-packages-npm-production"}},"5.1.5":{"name":"@astuteo/breakout-grid","version":"5.1.5","keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"author":{"name":"Astuteo LLC"},"license":"MIT","_id":"@astuteo/breakout-grid@5.1.5","maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"homepage":"https://github.com/astuteo-llc/breakout-grid#readme","bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"dist":{"shasum":"705bb074f0235ef06f13d2ceebecedcc05dd75b8","tarball":"https://registry.npmjs.org/@astuteo/breakout-grid/-/breakout-grid-5.1.5.tgz","fileCount":7,"integrity":"sha512-VJCRa8pLqFMLF3Rr1BrB5gAjojwZIrQ+HgFpneas817M/lmSEmIgOK+tS0boChwng/9K4vj92ZBMYeShMNYhOQ==","signatures":[{"sig":"MEQCIEnw75gxO61bJOyIVcgb2wlrFklBycCMkb9mENC40hfcAiAcDdLIdlVDqisK279+4dnMzVfExcEi3YsSArXx6fP9PA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":204118},"main":"dist/_objects.breakout-grid.css","type":"module","style":"dist/_objects.breakout-grid.css","engines":{"node":">=14.0.0"},"exports":{".":"./dist/_objects.breakout-grid.css","./css":"./dist/_objects.breakout-grid.css","./visualizer":"./breakout-grid-visualizer.js","./visualizer-lite":"./breakout-grid-visualizer-lite.js"},"gitHead":"3bf84a2bed89ddf7c3c4912a5f0da799eb4ef03b","scripts":{"demo":"vite","build":"vite build && vite build --mode lite && npm run build:css","build:css":"node scripts/build-css.js","build:full":"vite build","build:lite":"vite build --mode lite","check-files":"npm pack --dry-run","check-version":"node scripts/check-version.js","release:major":"npm version major --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:minor":"npm version minor --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:patch":"npm version patch --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","prepublishOnly":"npm run build && npm run check-files"},"_npmUser":{"name":"dustin_astuteo","email":"dustin@astuteo.com"},"repository":{"url":"git+https://github.com/astuteo-llc/breakout-grid.git","type":"git"},"_npmVersion":"11.6.2","description":"CSS Grid breakout layout system with visual configurator","directories":{},"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","alpinejs":"^3.14.0","tailwindcss":"^4.0.0","@tailwindcss/vite":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-grid_5.1.5_1769783561515_0.4642719727244773","host":"s3://npm-registry-packages-npm-production"}},"5.2.0":{"name":"@astuteo/breakout-grid","version":"5.2.0","keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"author":{"name":"Astuteo LLC"},"license":"MIT","_id":"@astuteo/breakout-grid@5.2.0","maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"homepage":"https://github.com/astuteo-llc/breakout-grid#readme","bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"dist":{"shasum":"b545f1f60b776e3f306fa84cf6de88f500c0d512","tarball":"https://registry.npmjs.org/@astuteo/breakout-grid/-/breakout-grid-5.2.0.tgz","fileCount":8,"integrity":"sha512-JWm1aH7gnUfJCz3bEdbXLocxSfYB+5JegAVdflrtduMzqpO4V2kQGAHrZlu0ui2nOQ8SuxBLze4sphmk5aaQgA==","signatures":[{"sig":"MEUCICfQovXCx07gpn5hbHiR8VqqjhbI496x+jiTgRqqkcANAiEAjkkwBUS6/3wkhtoMAsFaadZvvPM+SzhPhndRYJXR/t0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":233674},"main":"dist/_objects.breakout-grid.css","type":"module","style":"dist/_objects.breakout-grid.css","engines":{"node":">=14.0.0"},"exports":{".":"./dist/_objects.breakout-grid.css","./css":"./dist/_objects.breakout-grid.css","./tailwind":"./dist/_objects.breakout-grid.tw.css","./visualizer":"./breakout-grid-visualizer.js","./visualizer-lite":"./breakout-grid-visualizer-lite.js"},"gitHead":"8e97e5d686b83dbed0dc7ab1c5a95bd4836ffa22","scripts":{"demo":"vite","build":"vite build && vite build --mode lite && npm run build:css","build:css":"node scripts/build-css.js","build:full":"vite build","build:lite":"vite build --mode lite","check-files":"npm pack --dry-run","check-version":"node scripts/check-version.js","release:major":"npm version major --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:minor":"npm version minor --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:patch":"npm version patch --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","prepublishOnly":"npm run build && npm run check-files"},"_npmUser":{"name":"dustin_astuteo","email":"dustin@astuteo.com"},"repository":{"url":"git+https://github.com/astuteo-llc/breakout-grid.git","type":"git"},"_npmVersion":"11.6.2","description":"CSS Grid breakout layout system with visual configurator","directories":{},"_nodeVersion":"24.12.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","alpinejs":"^3.14.0","tailwindcss":"^4.0.0","@tailwindcss/vite":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-grid_5.2.0_1770827660763_0.11234723326512608","host":"s3://npm-registry-packages-npm-production"}},"5.2.4":{"name":"@astuteo/breakout-grid","version":"5.2.4","keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"author":{"name":"Astuteo LLC"},"license":"MIT","_id":"@astuteo/breakout-grid@5.2.4","maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"homepage":"https://github.com/astuteo-llc/breakout-grid#readme","bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"dist":{"shasum":"70943c9a087f68bbf24259fb4bc7e52432e8a0d3","tarball":"https://registry.npmjs.org/@astuteo/breakout-grid/-/breakout-grid-5.2.4.tgz","fileCount":8,"integrity":"sha512-coX29fMPLVeRlCdPyh2Y98lxT5IVoUrj+yoZkHYdQ2I5DEZJDiopjss7kf6zigiztnyRJjiOzZNQg4pV1Tl52Q==","signatures":[{"sig":"MEUCIQCITOAHEL3fLkjd5/rG4uG4hB2s7ngixTeBaiVIij4JnQIgQtJJ5fLvB692cAeNRmoiIxnNuDpH/45d1cdbcoi3nr8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":234856},"main":"dist/_objects.breakout-grid.css","type":"module","style":"dist/_objects.breakout-grid.css","engines":{"node":">=14.0.0"},"exports":{".":"./dist/_objects.breakout-grid.css","./css":"./dist/_objects.breakout-grid.css","./tailwind":"./dist/_objects.breakout-grid.tw.css","./visualizer":"./breakout-grid-visualizer.js","./visualizer-lite":"./breakout-grid-visualizer-lite.js"},"gitHead":"860cea81f0bc7fc28e7eb5391d6aaeb6d5b29459","scripts":{"demo":"vite","build":"vite build && vite build --mode lite && npm run build:css","build:css":"node scripts/build-css.js","build:full":"vite build","build:lite":"vite build --mode lite","check-files":"npm pack --dry-run","check-version":"node scripts/check-version.js","release:major":"npm version major --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:minor":"npm version minor --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:patch":"npm version patch --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","prepublishOnly":"npm run build && npm run check-files"},"_npmUser":{"name":"dustin_astuteo","email":"dustin@astuteo.com"},"repository":{"url":"git+https://github.com/astuteo-llc/breakout-grid.git","type":"git"},"_npmVersion":"11.11.0","description":"CSS Grid breakout layout system with visual configurator","directories":{},"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.2","alpinejs":"^3.14.0","tailwindcss":"^4.0.0","@tailwindcss/vite":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-grid_5.2.4_1776357025693_0.2988017664172955","host":"s3://npm-registry-packages-npm-production"}},"5.2.5":{"name":"@astuteo/breakout-grid","version":"5.2.5","keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"author":{"name":"Astuteo LLC"},"license":"MIT","_id":"@astuteo/breakout-grid@5.2.5","maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"homepage":"https://github.com/astuteo-llc/breakout-grid#readme","bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"dist":{"shasum":"d3d4de08e1581b104adf8da605e1587037469264","tarball":"https://registry.npmjs.org/@astuteo/breakout-grid/-/breakout-grid-5.2.5.tgz","fileCount":8,"integrity":"sha512-z1uYJuKqSJ7Bt7QDvdJLCpVVeNOe2jD6Lt540wAjACsJk+cVoZqqGKzbo8Oj8mqSCmeX01YQFH6N1k80TunOxg==","signatures":[{"sig":"MEQCIHfMYMh0Awv57GahSCgjPcBjq4wg6kgdG9t2pAxnVWTCAiBoSlm9OzH7pG4wokQ1XK/10b9u7je8KsePhgD8ZLuQzQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":234846},"main":"dist/_objects.breakout-grid.css","type":"module","style":"dist/_objects.breakout-grid.css","engines":{"node":">=14.0.0"},"exports":{".":"./dist/_objects.breakout-grid.css","./css":"./dist/_objects.breakout-grid.css","./tailwind":"./dist/_objects.breakout-grid.tw.css","./visualizer":"./breakout-grid-visualizer.js","./visualizer-lite":"./breakout-grid-visualizer-lite.js"},"gitHead":"e8839887d06e9ae166513d604e305e06d93adcfc","scripts":{"demo":"vite","build":"vite build && vite build --mode lite && npm run build:css","build:css":"node scripts/build-css.js","build:full":"vite build","build:lite":"vite build --mode lite","check-files":"npm pack --dry-run","check-version":"node scripts/check-version.js","release:major":"npm version major --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:minor":"npm version minor --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:patch":"npm version patch --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","prepublishOnly":"npm run build && npm run check-files"},"_npmUser":{"name":"dustin_astuteo","email":"dustin@astuteo.com"},"repository":{"url":"git+https://github.com/astuteo-llc/breakout-grid.git","type":"git"},"_npmVersion":"11.11.0","description":"CSS Grid breakout layout system with visual configurator","directories":{},"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.2","alpinejs":"^3.14.0","tailwindcss":"^4.0.0","@tailwindcss/vite":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-grid_5.2.5_1776357276518_0.43792911987328864","host":"s3://npm-registry-packages-npm-production"}},"5.2.6":{"name":"@astuteo/breakout-grid","version":"5.2.6","keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"author":{"name":"Astuteo LLC"},"license":"MIT","_id":"@astuteo/breakout-grid@5.2.6","maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"homepage":"https://github.com/astuteo-llc/breakout-grid#readme","bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"dist":{"shasum":"f9038c5bb85223916ada2df37d5bc19dcb824be4","tarball":"https://registry.npmjs.org/@astuteo/breakout-grid/-/breakout-grid-5.2.6.tgz","fileCount":8,"integrity":"sha512-4phW+UwUhKeReKxzXNqELffxrbdXo4LsD0kGZEVT/9heli2vWsZzTBxuIspb26W7GGjcGoMWOrAsKB14iufwrQ==","signatures":[{"sig":"MEUCIEKnzBUY1Y1HQT5/NcwQ3rxZWIkyUfdUBRwQfjtTok+QAiEAgnwNKbQqbvc2v7WG4gNq74GWz0OEEPK4ZySf2sAID0A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":234846},"main":"dist/_objects.breakout-grid.css","type":"module","style":"dist/_objects.breakout-grid.css","engines":{"node":">=14.0.0"},"exports":{".":"./dist/_objects.breakout-grid.css","./css":"./dist/_objects.breakout-grid.css","./tailwind":"./dist/_objects.breakout-grid.tw.css","./visualizer":"./breakout-grid-visualizer.js","./visualizer-lite":"./breakout-grid-visualizer-lite.js"},"gitHead":"2e14eff7ed13653726ee0f30f01d3b81c7fe11d2","scripts":{"demo":"vite","build":"vite build && vite build --mode lite && npm run build:css","build:css":"node scripts/build-css.js","build:full":"vite build","build:lite":"vite build --mode lite","check-files":"npm pack --dry-run","check-version":"node scripts/check-version.js","release:major":"npm version major --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:minor":"npm version minor --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:patch":"npm version patch --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","prepublishOnly":"npm run build && npm run check-files"},"_npmUser":{"name":"dustin_astuteo","email":"dustin@astuteo.com"},"repository":{"url":"git+https://github.com/astuteo-llc/breakout-grid.git","type":"git"},"_npmVersion":"11.11.0","description":"CSS Grid breakout layout system with visual configurator","directories":{},"_nodeVersion":"24.14.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.2","alpinejs":"^3.14.0","tailwindcss":"^4.0.0","@tailwindcss/vite":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/breakout-grid_5.2.6_1776357397421_0.6038665475558724","host":"s3://npm-registry-packages-npm-production"}},"6.0.2":{"name":"@astuteo/breakout-grid","version":"6.0.2","type":"module","description":"CSS Grid breakout layout system with visual configurator","main":"dist/_objects.breakout-grid.css","exports":{".":"./dist/_objects.breakout-grid.css","./css":"./dist/_objects.breakout-grid.css","./tailwind":"./dist/_objects.breakout-grid.tw.css","./visualizer":"./breakout-grid-visualizer.js","./visualizer-lite":"./breakout-grid-visualizer-lite.js"},"keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"author":{"name":"Astuteo LLC"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/astuteo-llc/breakout-grid.git"},"bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"homepage":"https://github.com/astuteo-llc/breakout-grid#readme","devDependencies":{"@tailwindcss/vite":"^4.0.0","alpinejs":"^3.14.0","tailwindcss":"^4.0.0","vite":"^7.3.2"},"engines":{"node":">=14.0.0"},"scripts":{"demo":"vite","build":"vite build && vite build --mode lite && npm run build:css","build:css":"node scripts/build-css.js","build:full":"vite build","build:lite":"vite build --mode lite","check-version":"node scripts/check-version.js","prepublishOnly":"npm run build && npm run check-files","check-files":"npm pack --dry-run","release:patch":"npm version patch --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:minor":"npm version minor --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags","release:major":"npm version major --no-git-tag-version && npm run build && npm run check-version && git add -A && git commit -m \"$(node -p 'require(`./package.json`).version')\" && git tag \"v$(node -p 'require(`./package.json`).version')\" && git push && git push --tags"},"gitHead":"d8f11497067214b5de6f0c68491d1138b16cc327","_id":"@astuteo/breakout-grid@6.0.2","_nodeVersion":"24.14.1","_npmVersion":"11.11.0","dist":{"integrity":"sha512-pdQ58qmfdHbv6qQm4lhoBozPWtnNMuUAM2WuPVbEMa8kvGeO0FFzUVNmyH2Lmrvvt8AV0ZLaaAYkXZ+BjRzQbg==","shasum":"23c47d4d28e91111007c4abfe9319fe700703685","tarball":"https://registry.npmjs.org/@astuteo/breakout-grid/-/breakout-grid-6.0.2.tgz","fileCount":8,"unpackedSize":185614,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQC7HqY63uWNm9Yd3t7kibVDApy8dyOYpQ4UOU6Kzbx7RgIhAK6NiD58O+EzQuTeRoiyNGN9zN/8QZPVSoUkTnwHqTyV"}]},"_npmUser":{"name":"dustin_astuteo","email":"dustin@astuteo.com"},"directories":{},"maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/breakout-grid_6.0.2_1776632480500_0.48100695268079563"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-26T21:15:23.048Z","modified":"2026-04-19T21:01:20.789Z","5.1.0":"2026-01-26T21:15:23.930Z","5.1.1":"2026-01-26T22:01:28.203Z","5.1.2":"2026-01-27T15:44:48.460Z","5.1.3":"2026-01-27T15:56:44.951Z","5.1.4":"2026-01-27T16:14:59.201Z","5.1.5":"2026-01-30T14:32:41.707Z","5.2.0":"2026-02-11T16:34:20.911Z","5.2.4":"2026-04-16T16:30:25.878Z","5.2.5":"2026-04-16T16:34:36.705Z","5.2.6":"2026-04-16T16:36:37.572Z","6.0.2":"2026-04-19T21:01:20.670Z"},"bugs":{"url":"https://github.com/astuteo-llc/breakout-grid/issues"},"author":{"name":"Astuteo LLC"},"license":"MIT","homepage":"https://github.com/astuteo-llc/breakout-grid#readme","keywords":["css","grid","breakout","layout","editorial","responsive","fluid","css-grid"],"repository":{"type":"git","url":"git+https://github.com/astuteo-llc/breakout-grid.git"},"description":"CSS Grid breakout layout system with visual configurator","maintainers":[{"name":"dustin_astuteo","email":"dustin@astuteo.com"}],"readme":"# Breakout Grid\n\nA CSS Grid layout system for content that \"breaks out\" of containers. No build step required—just CSS.\n\nInspired by [Kevin Powell's video](https://www.youtube.com/watch?v=c13gpBrnGEw), [Ryan Mulligan's Layout Breakouts](https://ryanmulligan.dev/blog/layout-breakouts/), and [Viget's Fluid Breakout Layout](https://www.viget.com/articles/fluid-breakout-layout-css-grid/).\n\n## Features\n\n- **Pure CSS** - No JavaScript, no build step, no dependencies\n- **5 content widths** - From optimal reading width to full viewport\n- **Responsive gaps** - Automatic scaling based on viewport\n- **CSS variables** - Customize by overriding `:root` properties\n- **Visual configurator** - Optional tool for experimenting and exporting\n\n## Installation\n\nPrimary flow: generate the CSS you want from the visualizer, drop it into your project, and `@import` it. No runtime dependency on this package.\n\n### 1. Generate from the visualizer (recommended)\n\n1. Open the visualizer locally: `npm run demo` → <http://localhost:5173> → press <kbd>Cmd/Ctrl</kbd> + <kbd>G</kbd>\n2. Configure content widths, gap, popout, feature track, etc.\n3. Toggle **Include extras layer** on (default) if you want the advanced utilities, off for slim core only\n4. Click **Download CSS** and pick Plain or Tailwind v4 flavor\n5. Drop the file into your project source and import it\n\n### 2. Copy from the repo\n\nPre-built combined files live in `dist/`. Copy whichever matches your stack:\n\n| File | Purpose |\n|---|---|\n| `_objects.breakout-grid.css` | Plain CSS — core + extras combined |\n| `_objects.breakout-grid.tw.css` | Tailwind v4 `@utility` flavor — core + extras combined |\n\nFor a slim build without the extras utilities, generate it from the visualizer with **Include extras layer** toggled off.\n\n### 3. npm (alternative)\n\nAlso available as a package if that fits your workflow better:\n\n```bash\nnpm install @astuteo/breakout-grid\n```\n\n```css\n@import '@astuteo/breakout-grid';           /* plain */\n/* or */\n@import '@astuteo/breakout-grid/tailwind';  /* Tailwind v4 @utility flavor */\n```\n\nThe same package ships the visualizer for dev-time use:\n\n```js\nif (import.meta.env.DEV) {\n  await import('@astuteo/breakout-grid/visualizer')\n}\n```\n\n## Quick Start\n\n1. Add the CSS (see Installation above)\n\n2. Use the grid:\n```html\n<main class=\"grid-cols-breakout\">\n  <article class=\"col-content\">Reading width (optimal for text)</article>\n  <figure class=\"col-feature\">Wider for images</figure>\n  <div class=\"col-full\">Edge to edge</div>\n</main>\n```\n\n## Column Widths\n\nFrom narrowest to widest:\n\n```\n┌─────────────────────────────────────────┐\n│ ╔══════════col-full════════════╗        │  Full width (with gap)\n│ ╚══════════════════════════════╝        │\n│     ╔════col-feature═══════╗            │  Extra wide\n│     ╚══════════════════════╝            │\n│       ╔═══col-popout══════╗             │  Slightly wider\n│       ╚═══════════════════╝             │\n│         ╔══col-content═══╗              │  Reading width (default)\n│         ╚════════════════╝              │\n└─────────────────────────────────────────┘\n```\n\n## Classes\n\n### Grid Containers\n- `.grid-cols-breakout` - Main centered grid\n- `.grid-cols-breakout-subgrid` - CSS subgrid for nested alignment\n- `.grid-cols-{feature|popout|content}-{left|right}` - Asymmetric layouts\n- `.breakout-to-{content|popout|feature}` - Nested grid modifiers\n\n#### Column Placement\n- `.col-full` - Edge to edge\n- `.col-feature` - Wide content (images, videos)\n- `.col-popout` - Slightly wider than content\n- `.col-content` - Reading width (default)\n\n> Need a full-width block that caps on ultra-wide screens? Use Tailwind's own max-width utilities alongside `col-full`:\n> ```html\n> <div class=\"col-full max-w-[115rem] mx-auto\">...</div>\n> ```\n\n#### Fine-Grained Control\n- `.col-start-{full|feature|popout|content|center}`\n- `.col-end-{full|feature|popout|content|center}`\n- `.col-{area}-left` / `.col-{area}-right` - Asymmetric spans\n\n#### Spacing\n- `.p-gap`, `.px-gap`, `.m-gap`, etc. - Gap-based spacing\n- `.p-popout`, `.m-popout`, etc. - Popout-width spacing\n- `.p-breakout`, `.m-breakout`, etc. - Fluid inset padding (`clamp(1rem, 5vw, var(--popout-width))`) — collapses on mobile so edge-bleed bands stay readable\n- Negative variants: `.-m-gap`, `.-m-popout`, `.-m-breakout`\n\n> Need to align content inside a wider column with the content column edge? Compose with Tailwind arbitrary values — the grid vars (`--popout-width`, `--feature-min/scale/max`) are already available:\n>\n> ```html\n> <!-- feature-column content aligned to content column edge -->\n> <div class=\"col-feature px-[calc(clamp(var(--feature-min),var(--feature-scale),var(--feature-max))+var(--popout-width))]\">...</div>\n> ```\n\n> Need a partial span between non-adjacent tracks — e.g. a split layout where content reaches the grid's center line? Compose `col-start-*` with `col-end-*`, or drop to an arbitrary `grid-column` value:\n>\n> ```html\n> <!-- Symmetric split: left half ends at center, right half starts at center -->\n> <section class=\"grid-cols-breakout\">\n>   <div class=\"col-start-feature col-end-center\">Left half</div>\n>   <div class=\"col-start-center col-end-feature\">Right half</div>\n> </section>\n>\n> <!-- Feature-wide image bleeding to the grid's midpoint -->\n> <figure class=\"[grid-column:feature-start/center-end]\">...</figure>\n> ```\n\n## Formatter Setup\n\nThe generated CSS files open with a `/* @formatter:off */` pragma, which **JetBrains-family IDEs** (WebStorm, PhpStorm, IntelliJ, etc.) honor automatically — no config needed.\n\n**Prettier** doesn't read that pragma. Add the path to your `.prettierignore` instead so format-on-save (and `prettier --write`) skip it:\n\n```\n# .prettierignore\n**/_objects.breakout-grid*.css\n```\n\nIf you're loading from npm rather than copying the CSS into your source tree:\n\n```\n# .prettierignore\nnode_modules/@astuteo/breakout-grid/dist/\n```\n\nThe Prettier VS Code extension reads `.prettierignore` too — no separate VS Code setting needed. Same for ESLint/Stylelint toolchains that use Prettier under the hood.\n\n## Customization\n\nOverride CSS variables in your own stylesheet:\n\n```css\n:root {\n  --base-gap: 1.5rem;\n  --content-max: 50rem;\n  --popout: minmax(0, 3rem);\n}\n```\n\n### All Variables\n\n| Variable | Default | Description |\n|----------|---------|-------------|\n| `--base-gap` | `1rem` | Minimum gap (mobile) |\n| `--max-gap` | `15rem` | Maximum gap |\n| `--content-min` | `53rem` | Min content width |\n| `--content-max` | `61rem` | Max content width |\n| `--content-base` | `75vw` | Preferred content width |\n\nSee the CSS file header for the complete list.\n\n## Visual Configurator\n\nWant to experiment with values before committing? Use the visualizer:\n\n```html\n<script defer src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"></script>\n<script defer src=\"breakout-grid-visualizer.js\"></script>\n```\n\nPress `Ctrl+G` / `Cmd+G` to toggle. Adjust values interactively, then click **Export CSS** to download your customized stylesheet.\n\n### With Alpine.js (Vite)\n\nIf your project already uses Alpine, import the visualizer before `Alpine.start()`:\n\n```js\nimport Alpine from 'alpinejs'\n\nif (import.meta.env.DEV) {\n  await import('@astuteo/breakout-grid/visualizer')\n}\n\nAlpine.start()\n```\n\nTwo versions available:\n\n| Version | Size | Use Case |\n|---------|------|----------|\n| `breakout-grid-visualizer.js` | ~124 KB | Config editing + CSS export |\n| `breakout-grid-visualizer-lite.js` | ~31 KB | Read-only debugging |\n\n## Common Patterns\n\n### Article Layout\n```html\n<article class=\"grid-cols-breakout\">\n  <h1 class=\"col-content\">Article Title</h1>\n  <p class=\"col-content\">Body text at comfortable reading width.</p>\n  <img class=\"col-feature\" src=\"hero.jpg\" alt=\"Hero\" />\n  <blockquote class=\"col-popout\">Pull quote with slight emphasis.</blockquote>\n  <div class=\"col-full bg-gray-100 px-gap py-8\">\n    Full-width section\n  </div>\n</article>\n```\n\n### Split Layout\n```html\n<section class=\"col-feature grid-cols-feature-left\">\n  <img class=\"col-feature\" src=\"product.jpg\" />\n  <div class=\"col-content\">\n    <h2>Product Title</h2>\n    <p>Description on the right side.</p>\n  </div>\n</section>\n```\n\n## Browser Support\n\nRequires CSS Grid + `clamp()`:\n- Chrome 79+\n- Firefox 75+\n- Safari 13.1+\n- Edge 79+\n\n## Migration from Tailwind Plugin\n\nIf you were using the Tailwind plugin:\n\n1. Remove from `tailwind.config.js`:\n```diff\n- import breakoutGrid from '@astuteo/tailwind-breakout-grid'\nplugins: [\n-   breakoutGrid({ ... })\n]\n```\n\n2. Add the CSS file:\n```html\n<link rel=\"stylesheet\" href=\"breakout-grid.css\">\n```\n\n3. All class names are identical—no HTML changes needed.\n\n4. If you had custom config, use the visualizer to export matching CSS.\n\n## Documentation\n\n- [Visualizer](docs/visualizer.md) - Full configurator with CSS export\n- [Visualizer Lite](docs/visualizer-lite.md) - Lightweight read-only version\n- [Migration Guide](docs/migration-guide.md) - Integrating with existing projects\n- [Nested Grids](docs/nested-grids.md) - `breakout-to-*` modifiers\n- [Layout Examples](docs/layout-examples.md) - Real-world patterns\n\n## License\n\nMIT\n","readmeFilename":"README.md"}