{"_id":"simple-liquid-glass","_rev":"33-8f38cf76f34eacbe82f2d690777ca226","name":"simple-liquid-glass","dist-tags":{"latest":"5.3.0"},"versions":{"1.0.0":{"name":"simple-liquid-glass","version":"1.0.0","keywords":["react-liquid-glass","liquid-glass","react","liquid","glass","morphism","glassmorphism","effect","blur","distortion","ui","component"],"author":{"name":"Your Name"},"license":"MIT","_id":"simple-liquid-glass@1.0.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://github.com/yourusername/simple-liquid-glass#readme","bugs":{"url":"https://github.com/yourusername/simple-liquid-glass/issues"},"dist":{"shasum":"e76f53c2fd11546186e9a5ec0629c3ecce12ffef","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.0.0.tgz","fileCount":8,"integrity":"sha512-nqmuO4FFCdKLaljOB07TFQYkXRNJgAYJuA75juCpQrlCuOF7AeAzqIXWZg0Ny35gCKyEJ2j9GB+C1Ur3e1Tuww==","signatures":[{"sig":"MEUCIQDZSwwMl6hm+9iA0wWZXadaJqTAob8U2f6MiZ7SIYYINQIgdXUiL5qN1FGb+fyvTzPbPnI66NLH5fPcvhrJenuiOzw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52338},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/yourusername/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.0.0_1754741739584_0.3963966208149512","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"simple-liquid-glass","version":"1.0.1","keywords":["react-liquid-glass","liquid-glass","react","liquid","glass","morphism","glassmorphism","effect","blur","distortion","ui","component"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.0.1","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://github.com/lucaperullo/simple-liquid-glass#readme","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"241d509a807b87984fcf5db41edcdab76d7e9e01","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.0.1.tgz","fileCount":8,"integrity":"sha512-B5Ah366nS5QTf0WyB+hoY+p4BWrvsDi/4ye0OGR7U7yp6FQgxZ9aUxZ4smjjoI1598zXzXWZ6Bjre1rCMP3mjg==","signatures":[{"sig":"MEUCIQCywoqZj0N/BshBj7qxBcs6Z69SdMqcYCYfgfHggFmj/QIgBgfmCcNS3M7jEKRRiegEUnlRvuOIBDDAJ+gjZQXfHyg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52338},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.0.1_1754742089457_0.9240222100161382","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"simple-liquid-glass","version":"1.0.2","keywords":["react-liquid-glass","liquid-glass","react","liquid","glass","morphism","glassmorphism","effect","blur","distortion","ui","component"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.0.2","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://github.com/lucaperullo/simple-liquid-glass#readme","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"56cab79ea12bc7048c5c087f8b448dd817943c86","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.0.2.tgz","fileCount":8,"integrity":"sha512-5bQXxN7+ssFBkX8zcNO94EAfQqNIQI3SU6hwUmRjH0B7DwVmZAQhegV3Vq+gp58UZ6tZhz4IoCVaX48oA1Hk1A==","signatures":[{"sig":"MEUCIF2aYO1Cn4e6IncZ/6VvRWAg2gKqiRvEkUjDQIZWk2ZCAiEAwpdynnhuAGsC8Y5Xl0xBZXi6JuZT771GnTDYDaUUFCI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":53924},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.0.2_1754744727825_0.9287967456323838","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"simple-liquid-glass","version":"1.0.3","keywords":["react-liquid-glass","liquid-glass","react","liquid","glass","morphism","glassmorphism","effect","blur","distortion","ui","component"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.0.3","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://github.com/lucaperullo/simple-liquid-glass#readme","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"695cddbbe5514d51f57354621f3fd243814a0e09","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.0.3.tgz","fileCount":8,"integrity":"sha512-z4PNOcZCtPnYRH8rZunDK3KGveaCzGP3262n5k7OHK/fou4cXJ8Jijc7GcgsNb2B9dgIUiY+OpcpeQMRCAqZuQ==","signatures":[{"sig":"MEUCIFMNfItOdbf/fjyDfuDgR7taAKRo8nDq6AWeOlj1ilc8AiEA6bXZ1pBUKJlc5kbNaoGVoLFy23L7rWr5a2QaulIUZUE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42187},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.0.3_1754747289430_0.7142625534351346","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"simple-liquid-glass","version":"1.0.4","keywords":["react-liquid-glass","liquid-glass","react","liquid","glass","morphism","glassmorphism","effect","blur","distortion","ui","component"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.0.4","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://github.com/lucaperullo/simple-liquid-glass#readme","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"b26b5d0575ca80b7d1b184b19d51e41f4b8451d9","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.0.4.tgz","fileCount":8,"integrity":"sha512-oovJ5W1xVkJDTzqRe6TA2rcUMDc9pUaxOAAEZuAgKZt7UASwbUKvXFD9xN4m+Y3pPOrvyrK8WfCFQY6DuqkYcA==","signatures":[{"sig":"MEYCIQC/zxeE954z52cKcV656TW4mQ9lSdvM1z24b/CfD58fOQIhANBKPIK0dBHWa9yvlkitTYMzMn2vkrgorxsHqPOKVcwD","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":60864},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.0.4_1754747904436_0.5349524287693914","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"simple-liquid-glass","version":"1.1.0","keywords":["react-liquid-glass","liquid-glass","react","liquid","glass","morphism","glassmorphism","effect","blur","distortion","ui","component"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.1.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://github.com/lucaperullo/simple-liquid-glass#readme","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"d9b023620aa61efdbda1eb937badc9157ff9ce0f","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.1.0.tgz","fileCount":8,"integrity":"sha512-+lGcCYPKLWmFKmEzam+kzkwGSCu1FuU5NKPx8+dIoaO7+ci+yYyJAJilcBauDv3xIOSoJENdidfQpZcItC/KlA==","signatures":[{"sig":"MEUCIAjoBFeqrkrTte7JHoUpjkQPeCs6NGG6ipNDvbvCiePWAiEA5MjZ9BKZNlfZtwURZtZ+liCOR3E+NRqGjXX0/ZuTqdw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":63604},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.1.0_1754749154240_0.43898746468412786","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"simple-liquid-glass","version":"1.2.0","keywords":["react-liquid-glass","liquid-glass","react","liquid","glass","morphism","glassmorphism","effect","blur","distortion","ui","component"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.2.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://github.com/lucaperullo/simple-liquid-glass#readme","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"17943a4b0e4cd7ec4ae6811a850a4627a5205286","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.2.0.tgz","fileCount":8,"integrity":"sha512-4nv0XH//He7hQ01oj/sf0A2HTYk56H9DEIRpouwvnBrcnkYA1Q/oAGIa+TwLTloS4d23szBeHDMqompFkY8JXg==","signatures":[{"sig":"MEYCIQDDdaJUXMW6AB/V4HYLxsI8/OKnobVZDWT/k3FvKKGVNQIhAOoIxnulZylxRpfDnARLq3Rqy3yPMOz6iD4s/5yDrVxO","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":83661},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.2.0_1754758008241_0.06169886080734743","host":"s3://npm-registry-packages-npm-production"}},"1.2.1":{"name":"simple-liquid-glass","version":"1.2.1","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.2.1","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://github.com/lucaperullo/simple-liquid-glass#readme","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"f58f36c9348c01834e8298b0851d630aadce315f","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.2.1.tgz","fileCount":8,"integrity":"sha512-kjdWz2tzS6Gj2d2QS7zVJefYBsH4LKDXQsdANnjdWng7kC1wCCyGIV2+YDNpI0EZmhrpC9lIOPp6OUVucTTXsg==","signatures":[{"sig":"MEUCIEFOeNRbN0qM2Zu/cMCkEULsDlzcu+8LWefSjkrctwGkAiEAznictc3OJVaNuxt3iivF+M0Yriq/4zQeozhs2RAzi6s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":89151},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"742136cba07416878f1852c6a535acf92641584a","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.2.1_1754838571687_0.2317801239779258","host":"s3://npm-registry-packages-npm-production"}},"1.2.2":{"name":"simple-liquid-glass","version":"1.2.2","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.2.2","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://github.com/lucaperullo/simple-liquid-glass#readme","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"342b7a7348c5776f75ab392e761df47bb61e4dfc","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.2.2.tgz","fileCount":8,"integrity":"sha512-UXmA1Vh3T+QHQ55Mr/N1h+Ng2Ug/iOWtk3yBsEIzoyajl/nWEup+KYJ0WL+f351Mdn9kz0tPZzqbu0YTA/Ri6A==","signatures":[{"sig":"MEUCIBQcZiffxYBmWDwXCkXbgyR2IkivHVzKR0d8g98MPk3wAiEAzHCI5zPjZhkcyMWSuCB2o1wuXLxe17vSdfJQikQHqCs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":89151},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"ec923aa8be11ecf5a062d0e472e0011a3af9ad3e","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.2.2_1754843238289_0.9519827105442116","host":"s3://npm-registry-packages-npm-production"}},"1.2.3":{"name":"simple-liquid-glass","version":"1.2.3","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.2.3","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://github.com/lucaperullo/simple-liquid-glass#readme","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"21587eadfd0d10dc926a3acbdee71c0921f4a07c","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.2.3.tgz","fileCount":8,"integrity":"sha512-7BU0vXapJgldHjFhYYAd6lOc+klN5Z9n6S6+wc3NrU73r0y0wCyoumCcEjh+tcq84R8KsjBawYMpHdGrTMYIYQ==","signatures":[{"sig":"MEUCIQDK0yO9WwoLbMIU392771KGllB48uAQH6k5A7mSJPgpBQIgalYaXex6BwiahvRNFnM1JeKzeEXdt1CKjMuEHxuGyyA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":90459},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"da9739df8849d9729a6746aa403ee09efbd39185","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.2.3_1754843739966_0.25625752924545986","host":"s3://npm-registry-packages-npm-production"}},"1.2.4":{"name":"simple-liquid-glass","version":"1.2.4","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.2.4","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://github.com/lucaperullo/simple-liquid-glass#readme","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"75a232d2edc483e8f5cfdab6276353002ebfd6a8","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.2.4.tgz","fileCount":8,"integrity":"sha512-hM2qCBq5nqa6Em3TYrszxdJCgazv+M/On1WsLjmLTP/Aq9jnJIQ0DKPAWbiEFIP5rkr9TSy11T0ixL4hvoDppg==","signatures":[{"sig":"MEYCIQDCgz5fpwgx03vGguf7UydpScwoYNRGkPWUgt87rQenxQIhAMslFZpv/GhyDej7a7Oq2txrt+nfYoltwoRAYs6hvWjk","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":90436},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"efe6361a51664bee39cad755b15911852a54f1ee","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.2.4_1754844092146_0.13633190808600948","host":"s3://npm-registry-packages-npm-production"}},"1.2.5":{"name":"simple-liquid-glass","version":"1.2.5","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.2.5","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"5e9caafba49024680cd254865bfa7e0ae044d521","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.2.5.tgz","fileCount":8,"integrity":"sha512-JjvbLgLsG/q0A9QP3Uwslb6M66yg1nzPMLX7QF9rFeHt0V2s1j5uACUlKiflDV3pOJadjhURcKmLCxQflkI5jg==","signatures":[{"sig":"MEUCIQCyDSuLidgM8zLpNkkTPfkgQtuOmpHX7YWKGITTifVeCAIgUPKWzYQ1U3hHk7O2xRFktMZ1RjkKVkoCVPNqv/lDqbA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":93816},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"7571b20d87f8b3de82552d74824c878b066fce63","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.2.5_1754859091823_0.14408065524751956","host":"s3://npm-registry-packages-npm-production"}},"1.2.6":{"name":"simple-liquid-glass","version":"1.2.6","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.2.6","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"36e138101d969c4dabcdf42de80d04026cea8117","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.2.6.tgz","fileCount":8,"integrity":"sha512-6fe7oJODGnSEdyn5f+Zmn/2NXHifCfRqb/MV8L0prVB27ikQWozSPhXNU7WPDbZz5j+g5GyJ7zG1FMapF0ESPg==","signatures":[{"sig":"MEUCIBwt5BaERVE2spnCB+OTj3K0h07VPRbeqhy4mUHNq0vrAiEA/3EbWnMbStvbz7mKROErqvKaHdEoAckqPC54YU0pHzU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":96150},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"82775dc37837a1957e0a62c909eb0d85749d6af8","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.2.6_1754861551561_0.8513735748966629","host":"s3://npm-registry-packages-npm-production"}},"1.2.7":{"name":"simple-liquid-glass","version":"1.2.7","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.2.7","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"59ebde19013c2f414ca8c301099a0aff3f1cc6b0","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.2.7.tgz","fileCount":8,"integrity":"sha512-27KGZ0iYDNJj/3zJWecBaOiQ/6o5akn8X2BaeKvKJOn9IQq3qlz9v43p7z9Axz65EUpzRz3Zq63p304DuDHljQ==","signatures":[{"sig":"MEUCIQCb0SXqBxsN/T4PIJhFD1OSUY1MeLwrb4UBSFVf1A4yxQIgEvh67mRlQ5ixLwcxUarTZg2KJgW2Ku4QWSfGnr4oD/Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":158699},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"38ececfeb69dcdd678b5ad7115c77da67e0f0415","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.2.7_1755285857472_0.15144662378285778","host":"s3://npm-registry-packages-npm-production"}},"1.2.8":{"name":"simple-liquid-glass","version":"1.2.8","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.2.8","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"0ef257a2932c463f2f54c592924df49bfc461be2","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.2.8.tgz","fileCount":8,"integrity":"sha512-gIzpcYqSg9vD6/upHsPa3EAJNunzDvSrVOeN1fkzpdDLdBQvLgKDe+KgUbMc/uRcElon/banyh7JJFbdhKB2Ww==","signatures":[{"sig":"MEUCIQCqnClL573avT2yCA0IC0xRbgdwMk7gylugRpP4hAQU5gIgFsVO1EzmwEBeDKgD61UL1xTsFBdrlvYmZ4aLiXXkW8M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":158697},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"62c6596ed8ba7b877e5eddf87523ab375c1dc180","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.2.8_1755286977788_0.199960032894271","host":"s3://npm-registry-packages-npm-production"}},"1.2.9":{"name":"simple-liquid-glass","version":"1.2.9","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.2.9","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"c8812198b565f3fb68a42a45b843c3afb872ddd5","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.2.9.tgz","fileCount":8,"integrity":"sha512-pGC5Lp8M8UAK1sCttnATePH0bkQgcQa6+23ttZDrIevtxgS21mLzli+fAaSh0epIc8r1Lv8iI/clkjlSmFmFgg==","signatures":[{"sig":"MEUCIQD+10hD/xXNkF50L504Yf6yVKeDmwaSM7/jE/1DqBpFsAIga7nr6O/7U2i1PnveIAoAvxwubSRpI+yooXisdY7fgC0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118627},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"8c32bccb6d51f1af976b4b00eb68a4b16375a09f","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.2.9_1756128928356_0.32400910608913547","host":"s3://npm-registry-packages-npm-production"}},"1.3.0":{"name":"simple-liquid-glass","version":"1.3.0","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.3.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"8f0cdf21d9fbaec6a084ec39aeb9688b6836afa7","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.3.0.tgz","fileCount":8,"integrity":"sha512-egAKQeKgLaKCqP9K0zQEissCfdZqXDjveVlUarIfd7Kd6kZlWXkFL9rYha6OUaUbTz4QCCnpK5KUv/DbL6A94w==","signatures":[{"sig":"MEYCIQDKnOvBIJulHYAp4FtOQYHw5NEic223wW+S4nd83P4N9QIhAJFdaLnZV1KIlir7OzS+2KcY/3NJEejUEkurAOP/Pdur","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":151291},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"89950573824b4adaa5761af6c80455ede0c3c649","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.3.0","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"24.2.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^4.5.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^7.5.0","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^7.5.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^7.5.0","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^7.5.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.3.0_1756854644361_0.3589475249377163","host":"s3://npm-registry-packages-npm-production"}},"1.4.2":{"name":"simple-liquid-glass","version":"1.4.2","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@1.4.2","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"14d234cab7bdf6200f0e4205bc750a793db1bf1f","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-1.4.2.tgz","fileCount":8,"integrity":"sha512-AbTqsJQlgiaHu9ws8vlK1x48Tf7g9e2AW8uvX/3QzpmT4mtIPQxp7hd/3HLrQTRikJVdMJyg9cg2OupgR8wxDw==","signatures":[{"sig":"MEUCIQDG6Qomfscl5UCvn3CzJDzTydAjLrzmyhu00gHtHkVkKwIgYkElxYcdezi8Zq6s5FlcSHlLys5YgUDYK+IuZlA9Xqk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":313650},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"c681eea122bbbd14e044d8712da6e9610b849a8d","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.12.1","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^10.4.4","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^10.4.4","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_1.4.2_1781294500839_0.8027704180893436","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"simple-liquid-glass","version":"2.0.0","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@2.0.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"93b53f3254af63ccf11a8d696a95e93180adb257","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-2.0.0.tgz","fileCount":8,"integrity":"sha512-lEKIXq5frpx+zYIjs0B9EjqPR1KJ1G0TOrqdL9ZEaECK1KPvWAhhdagNElM6yYiYfViuOwyK0W0AbhHEFYG2Ug==","signatures":[{"sig":"MEQCIAw8ME+HaqjL7Q+NR3gu8SPSWRUpfAaddpXzHodeaWWNAiAfwQNP5Bpd1YBk7TAPUaYP961QpNwle7ZipfygoGiggg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":156159},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"ac5ed46b8a798d20e24bc52c4366a9c819805934","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.12.1","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","react":"^18.2.0","rollup":"^4.0.0","react-dom":"^18.2.0","storybook":"^10.4.4","@babel/core":"^7.23.0","@types/react":"^18.2.0","@storybook/react":"^10.4.4","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^14.0.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_2.0.0_1781343915396_0.36829872147591236","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"simple-liquid-glass","version":"2.1.0","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@2.1.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"6882ea161b1a982dc30b8b79f806b2e7bfde0a5e","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-2.1.0.tgz","fileCount":8,"integrity":"sha512-/5gK0vi0yFia7lOGTeh5fCLqmzFNFLp/0FiSYDhxG30l5VpVPavIuCmlaXbUAixzs8RimkpwsF9hoB8qnNsUvA==","signatures":[{"sig":"MEUCIQCXDckJ6X/b2ksBZRkEgZgIb+oMxqxC8xsVQUD+smQNlQIgfETlMce3fGWpDV1T6uxDK90f/xVYsetv/AoD1L+Ki4k=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":156242},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"}},"gitHead":"9cf9c7858badb59fa759e0445ddceba8fa55922e","scripts":{"dev":"rollup -c -w","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"_npmVersion":"11.12.1","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","@babel/core":"^7.23.0","@types/react":"^19.0.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_2.1.0_1781362359694_0.07278183757664669","host":"s3://npm-registry-packages-npm-production"}},"2.3.0":{"name":"simple-liquid-glass","version":"2.3.0","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@2.3.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"0bba816aabf93f8dff480182a0a6b278dc1d26ee","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-2.3.0.tgz","fileCount":23,"integrity":"sha512-IMl2uB+DHqQJ1RXAqYhvhdX5qRVepM5ff9wGzzJaEmUmncPrmyEAdrKReiX017eC4a09uum7Jbe4nlbxAfTdLQ==","signatures":[{"sig":"MEYCIQDIBea4+LYC2op4MYccvleZiYDyLOhcff/6KdDjySLKmQIhAIRlUDSpdfb5WF0335bh64/VHvFCwNjWQwRPqHTRZ4Sz","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":647580},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./mirror":{"types":"./dist/mirror.d.ts","import":"./dist/mirror.esm.js","require":"./dist/mirror.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"73940f64f59d5157f2e3524345e44bd165d95d41","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (gzip)","path":"dist/index.esm.js","limit":"7 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (gzip, bundles core)","path":"dist/interactive.esm.js","limit":"9 KB","ignore":["react","react-dom"]},{"name":"mirror — import { LiquidGlassMirror } (gzip, bundles core)","path":"dist/mirror.esm.js","limit":"9 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (gzip, no React)","path":"dist/web-component.esm.js","limit":"6 KB"}],"_npmVersion":"11.12.1","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","@babel/core":"^7.23.0","@types/react":"^19.0.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_2.3.0_1781461962868_0.17231036459114324","host":"s3://npm-registry-packages-npm-production"}},"2.4.0":{"name":"simple-liquid-glass","version":"2.4.0","keywords":["react-liquid-glass","liquid-glass","simple-liquid-glass","liquid-glass-react","liquid-glass-morphism","liquid-glass-effect","liquid-glass-blur","liquid-glass-distortion","liquid-glass-ui","liquid-glass-component","liquid-glass-morphism-react","react","react component","react ui","liquid","glass","morphism","glassmorphism","glass morphism","glass effect","frosted glass","frosted-glass","backdrop-filter","svg filter","displacement","displacement map","chromatic aberration","effect","blur","blur effect","distortion","ui","component","card","overlay","glass ui","glass card","glass panel","glassmorphism react"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@2.4.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"aceae89a686c0440d1e22b07cf378e0e72e82843","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-2.4.0.tgz","fileCount":23,"integrity":"sha512-CgngGQi5bxH9LnXn1rrfqBgNR0JwJKdInQFSq0sD84Rdp4g7brdYZP+smt9yYhCDpMiO6cQtAH4Mig4aIuYiqA==","signatures":[{"sig":"MEQCIDBc/pNKXSCxqZlrAnfY9cE0oYtdRwd+rkr/TDsWzMqIAiB+rrceOcUWM0Ft042vQ2AtdiGFbNSmSnABGgtFcnDDGA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":710682},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./mirror":{"types":"./dist/mirror.d.ts","import":"./dist/mirror.esm.js","require":"./dist/mirror.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"b31d981f37150f56b1f151d0cf3728c800470adb","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (gzip, includes iOS mirror engine)","path":"dist/index.esm.js","limit":"8.5 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (gzip, bundles core)","path":"dist/interactive.esm.js","limit":"9 KB","ignore":["react","react-dom"]},{"name":"mirror — import { LiquidGlassMirror } (gzip, bundles core)","path":"dist/mirror.esm.js","limit":"9 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (gzip, no React)","path":"dist/web-component.esm.js","limit":"6 KB"}],"_npmVersion":"11.12.1","description":"A React component for creating liquid glass morphism effects with customizable distortion and blur","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","@babel/core":"^7.23.0","@types/react":"^19.0.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_2.4.0_1781476039292_0.942839505203005","host":"s3://npm-registry-packages-npm-production"}},"3.0.0":{"name":"simple-liquid-glass","version":"3.0.0","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@3.0.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"afa4df5367f7ad376687e45c7c1093d9deec8667","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-3.0.0.tgz","fileCount":23,"integrity":"sha512-V1Drn2DMeLPCdDaL/bAAnYPku4AnpRZ+EhK/OaUZ70XI2D/ucjx/4X3bg7hdSVKNxG7sbX61syUfUFvw24NnXQ==","signatures":[{"sig":"MEUCICgAyl1R/IpPQVGunUUSt+RzQnDSSzC3bioSyGN4GDImAiEAznGrpb7qpMOMzvdClyThI8hHt8NGMGlFYzez33L3kUA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1064907},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./mirror":{"types":"./dist/mirror.d.ts","import":"./dist/mirror.esm.js","require":"./dist/mirror.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"20f00477320c8fe3ecd6dfd396240d574d19ed8e","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (gzip, includes iOS mirror engine)","path":"dist/index.esm.js","limit":"10.5 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (gzip, bundles core)","path":"dist/interactive.esm.js","limit":"11.5 KB","ignore":["react","react-dom"]},{"name":"mirror — import { LiquidGlassMirror } (gzip, bundles core)","path":"dist/mirror.esm.js","limit":"10.5 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (gzip, no React)","path":"dist/web-component.esm.js","limit":"6 KB"}],"_npmVersion":"11.12.1","description":"Zero-dependency React liquid glass with REAL refraction on iOS/Safari/Firefox (not just blur). Directional + animated 'liquid' refraction, lens modes. SSR-safe, ~10KB (web component ~5KB), React 16.8–19. Web-component included.","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","@babel/core":"^7.23.0","@types/react":"^19.0.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_3.0.0_1781737669124_0.3234550957174762","host":"s3://npm-registry-packages-npm-production"}},"3.1.0":{"name":"simple-liquid-glass","version":"3.1.0","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@3.1.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"ee965d966496d97acb15208df91762a01298ca52","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-3.1.0.tgz","fileCount":25,"integrity":"sha512-yZXbQMYHBshYDwlKnlx6XKyhhAEZS6+i37rbT2apzzZVH1sHZRBptqf18gCp/whjph41wx8o2y2Etnvfu8ujOg==","signatures":[{"sig":"MEYCIQCVr6Y7lwI8T17LgIvFdYKRd7ZEzHgbK4hQKNO2PqoFVAIhAKYuRw4l1UwGxohKR+o1mMQpDvqUUUqMJeQabN7WvMTI","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1118377},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./mirror":{"types":"./dist/mirror.d.ts","import":"./dist/mirror.esm.js","require":"./dist/mirror.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"d301f340782f89bf07e6c5ac380fa54f227c7456","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (gzip, includes iOS mirror engine)","path":"dist/index.esm.js","limit":"10.5 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (gzip, bundles core)","path":"dist/interactive.esm.js","limit":"12.5 KB","ignore":["react","react-dom"]},{"name":"mirror — import { LiquidGlassMirror } (gzip, bundles core)","path":"dist/mirror.esm.js","limit":"10.5 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (gzip, no React)","path":"dist/web-component.esm.js","limit":"6 KB"}],"_npmVersion":"11.12.1","description":"Zero-dependency React liquid glass with REAL refraction on iOS/Safari/Firefox (not just blur). Directional + animated 'liquid' refraction, lens modes. SSR-safe, ~10KB (web component ~5KB), React 16.8–19. Web-component included.","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","@babel/core":"^7.23.0","@types/react":"^19.0.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_3.1.0_1781801640442_0.5807630524108003","host":"s3://npm-registry-packages-npm-production"}},"4.0.0":{"name":"simple-liquid-glass","version":"4.0.0","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@4.0.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"560ea04b7c2c20bab8abce4059b0f8436dd1bb04","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-4.0.0.tgz","fileCount":20,"integrity":"sha512-i6cWxWUJzwDVQkQ+SOTvtNTbelIzdLblGD7LGvmqPf7puOzEYCf/zPOjI6UIq7l1jVfzoxATNoSWXIy6iVlksg==","signatures":[{"sig":"MEUCIFNp8pUENymDz6rqy//ADgxdpd7ky9yylbK3ux1/0Md1AiEA7w4IZtFRXqZ6p9Sfa+cLl0HHQQG0dj0cDOJ+ZxqtD28=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":748391},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"4f3031a469e9b1727ed864fd831a38d11586a86f","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (gzip)","path":"dist/index.esm.js","limit":"10.5 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (gzip, bundles core)","path":"dist/interactive.esm.js","limit":"12.5 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (gzip, no React)","path":"dist/web-component.esm.js","limit":"6.5 KB"}],"_npmVersion":"11.12.1","description":"Zero-dependency React liquid glass with real SVG-displacement refraction on Chromium/Edge/Android-Chrome (a polished frosted-glass fallback on Safari/iOS/Firefox). Directional + animated 'liquid' refraction, lens modes. SSR-safe, ~10KB (web component ~6KB","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","@babel/core":"^7.23.0","@types/react":"^19.0.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_4.0.0_1781822279882_0.2572339651040314","host":"s3://npm-registry-packages-npm-production"}},"4.1.0":{"name":"simple-liquid-glass","version":"4.1.0","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@4.1.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"ef6be86e0e93e37b0aa359f6d3e434c09cba06ed","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-4.1.0.tgz","fileCount":20,"integrity":"sha512-Wf9gFnd7ECEkMwyD9TfQncA/tq94vd8D6p/NzHO3h+VnQeHzegd8hO76ZbLsXAahZZHaX2r0FIPOdtnLaNa7/Q==","signatures":[{"sig":"MEUCIQD9CqzSj56ozEJtGpcWaJyd8lkFoHeLZqH1sia+MyLl1AIgcW//eZv5cqVVXIHOzZc+fSLLOCFdNm56PWCRCVonUsA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":821669},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"63cf77ded616f644d5e4c70627da0c98f5a93528","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && node scripts/copy-types.mjs","storybook":"storybook dev -p 6006","prepublishOnly":"npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (gzip)","path":"dist/index.esm.js","limit":"10.5 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (gzip, bundles core)","path":"dist/interactive.esm.js","limit":"12.5 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (gzip, no React)","path":"dist/web-component.esm.js","limit":"6.5 KB"}],"_npmVersion":"11.12.1","description":"Zero-dependency React liquid glass with real SVG-displacement refraction on Chromium/Edge/Android-Chrome (a polished frosted-glass fallback on Safari/iOS/Firefox). Directional + animated 'liquid' refraction, lens modes. SSR-safe, ~10KB (web component ~6KB","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","@babel/core":"^7.23.0","@types/react":"^19.0.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_4.1.0_1781961828249_0.5035844122412021","host":"s3://npm-registry-packages-npm-production"}},"5.0.0":{"name":"simple-liquid-glass","version":"5.0.0","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@5.0.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"76ee8084cba5929eaeb3fa27acacb2188cd05323","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-5.0.0.tgz","fileCount":24,"integrity":"sha512-zXDrMu9+6JIix9INjll4OhKZFf8zUMvtITgRIrVxOtDgosYo5q5LuIWMEex+6xdcR+wgDUne6RKy/mKGpOwYvA==","signatures":[{"sig":"MEYCIQCSOKamMGktoOMlyw0wafGuVDAiwySRejc0QFtVI/kcPgIhANoaoYGQekr65eMBfP3oDVs1px6AccHmsu1ehZHY56yA","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIQCrUYJ6fDEkYV+mSxPrWmUpwn2pX7CGjnkiadC2EJSH3AIgeFjW6k7+JrrTJtucpTTOWXF10HtQ8liiROYxykZx+84=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1652875},"main":"dist/index.cjs","type":"module","_from":"file:/private/tmp/simple-liquid-glass-5.0.0.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./mirror":{"types":"./dist/mirror.d.ts","import":"./dist/mirror.esm.js","require":"./dist/mirror.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && tsc && rollup -c rollup.types.config.js","storybook":"storybook dev -p 6006","typecheck":"tsc --noEmit","test:types":"tsc -p tests/types/tsconfig.json","test:compat":"node scripts/check-compat.cjs","test:browser":"playwright test","prepublishOnly":"npm run typecheck && npm test -- --runInBand && npm run build && npm run test:types && npm run size","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"_resolved":"/private/tmp/simple-liquid-glass-5.0.0.tgz","overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"_integrity":"sha512-zXDrMu9+6JIix9INjll4OhKZFf8zUMvtITgRIrVxOtDgosYo5q5LuIWMEex+6xdcR+wgDUne6RKy/mKGpOwYvA==","repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (Brotli, includes iOS mirror engine)","path":"dist/index.esm.js","limit":"15 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (Brotli, bundles core)","path":"dist/interactive.esm.js","limit":"16 KB","ignore":["react","react-dom"]},{"name":"mirror — import { LiquidGlassMirror } (Brotli, bundles core)","path":"dist/mirror.esm.js","limit":"15 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (Brotli, no React)","path":"dist/web-component.esm.js","limit":"6 KB"}],"_npmVersion":"11.12.1","description":"Zero-dependency liquid glass for React 16.8–19, with SVG refraction, an explicit DOM-mirror fallback for Safari/Firefox, and a framework-agnostic web component.","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","pngjs":"^7.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","typescript":"^6.0.3","@babel/core":"^7.23.0","@types/pngjs":"^6.0.5","@types/react":"^19.0.0","@playwright/test":"^1.63.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_5.0.0_1788897052248_0.8992215596383117","host":"s3://npm-registry-packages-npm-production"}},"5.1.0":{"name":"simple-liquid-glass","version":"5.1.0","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@5.1.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"ac2ebee72428aa936b60c621183ab9b260ca1c11","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-5.1.0.tgz","fileCount":24,"integrity":"sha512-8i735wjnCjqB1r1bnCZAC07Iyq+lQWIiBs8lOwTBVVsNK2aGevJAy24qGrqwQYzoe/b1iQJgcJ/SIc0Po6FSbA==","signatures":[{"sig":"MEYCIQDkbmMPY8TtbeDGlIYjeFEzmeFmVNsPwcaaIYG+bRZfIAIhANeBb2G0bjhNzWaKePrCwMnRkCiVHLdIvecprP3GYwcA","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEQCIFrTJvgmzFvbh/Z4e1mYZ8Yhel8NNiFYXM5a97LclAsWAiBzEGXWnIzF7Qk5qABgnph21B/Q4qGXAX+cx3dTKAagHg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1691040},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./mirror":{"types":"./dist/mirror.d.ts","import":"./dist/mirror.esm.js","require":"./dist/mirror.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"0280e44f9003eaee1776cbbed33c62b12a813116","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && tsc && rollup -c rollup.types.config.js","storybook":"storybook dev -p 6006","typecheck":"tsc --noEmit","test:types":"tsc -p tests/types/tsconfig.json","test:compat":"node scripts/check-compat.cjs","test:browser":"playwright test","prepublishOnly":"npm run typecheck && npm test -- --runInBand && npm run build && npm run test:types && npm run size","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (Brotli, includes iOS mirror engine)","path":"dist/index.esm.js","limit":"15 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (Brotli, bundles core)","path":"dist/interactive.esm.js","limit":"16 KB","ignore":["react","react-dom"]},{"name":"mirror — import { LiquidGlassMirror } (Brotli, bundles core)","path":"dist/mirror.esm.js","limit":"15 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (Brotli, no React)","path":"dist/web-component.esm.js","limit":"6 KB"}],"_npmVersion":"11.12.1","description":"Zero-dependency liquid glass for React 16.8–19, with SVG refraction, an explicit DOM-mirror fallback for Safari/Firefox, and a framework-agnostic web component.","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","pngjs":"^7.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","typescript":"^6.0.3","@babel/core":"^7.23.0","@types/pngjs":"^6.0.5","@types/react":"^19.0.0","@playwright/test":"^1.63.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_5.1.0_1788900289662_0.042260572725616896","host":"s3://npm-registry-packages-npm-production"}},"5.1.1":{"name":"simple-liquid-glass","version":"5.1.1","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@5.1.1","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"8f5dd956c738d0ec840a5abcc27986bf034941a0","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-5.1.1.tgz","fileCount":26,"integrity":"sha512-5dTlBU85bfBxPyoIZI0pdZn/oxFg530mkU05eRH7HZH/+fmVDC+W0inRpP9JjMJbJA5mjRuDGV1+U9srKSibwQ==","signatures":[{"sig":"MEUCIHgSIyEfBRM+k0RUxsZorhdKCc3hfzZs7oz05OeZTH9AAiEAg2ZW68t2+DHrCeKxwFW9OM7rCwHKOYP+RTikYrumdvk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCICRC9GyA6KN2QOJG7UAiZty1YT8ejZcYL+kg5PlQkZq0AiEAofe56aUbufJBwDTN5lUu7s6idiyvy3o/CnpaWIkTRHc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1754603},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./mirror":{"types":"./dist/mirror.d.ts","import":"./dist/mirror.esm.js","require":"./dist/mirror.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"507d0dce9846453173ecef42679aa3906f26125d","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && tsc && rollup -c rollup.types.config.js","storybook":"storybook dev -p 6006","typecheck":"tsc --noEmit","test:types":"tsc -p tests/types/tsconfig.json","test:compat":"node scripts/check-compat.cjs","test:browser":"playwright test","prepublishOnly":"npm run typecheck && npm test -- --runInBand && npm run build && npm run test:types && npm run size","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (Brotli, includes iOS mirror engine)","path":"dist/index.esm.js","limit":"15 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (Brotli, bundles core)","path":"dist/interactive.esm.js","limit":"17 KB","ignore":["react","react-dom"]},{"name":"mirror — import { LiquidGlassMirror } (Brotli, bundles core)","path":"dist/mirror.esm.js","limit":"15 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (Brotli, no React)","path":"dist/web-component.esm.js","limit":"6 KB"}],"_npmVersion":"11.12.1","description":"Zero-dependency liquid glass for React 16.8–19, with SVG refraction, an explicit DOM-mirror fallback for Safari/Firefox, and a framework-agnostic web component.","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","pngjs":"^7.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","typescript":"^6.0.3","@babel/core":"^7.23.0","@types/pngjs":"^6.0.5","@types/react":"^19.0.0","@playwright/test":"^1.63.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_5.1.1_1788907677170_0.5183474912171702","host":"s3://npm-registry-packages-npm-production"}},"5.1.2":{"name":"simple-liquid-glass","version":"5.1.2","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@5.1.2","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"380e26e46f202fa9506d2fdec32090a65d179480","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-5.1.2.tgz","fileCount":26,"integrity":"sha512-7eZrlg0beJQm/DxldTNUTKdI8MNR1BZjoIXac17qsftfD+RAnyTlTFU6ZR1JEAQBWiYTAiIh5uKm5PPEkYdpaA==","signatures":[{"sig":"MEYCIQCi4M2PM2Rk98FS1fa7b8AA28KtLyckmOvVQ+yMgqfVhwIhAMEa8b9iwF3XzwRRvtQtQloAa/kptYKRmvJXMBBXq8fg","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIQDJL9z/DFX0F9HME3ks1GEYto9VDvMVw+mSCsyzzntqfwIgaiSPh5j+BzgzahbFdMQSmFujJBuEhIwCFwibZqlTri8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1757961},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./mirror":{"types":"./dist/mirror.d.ts","import":"./dist/mirror.esm.js","require":"./dist/mirror.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"507d0dce9846453173ecef42679aa3906f26125d","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && tsc && rollup -c rollup.types.config.js","storybook":"storybook dev -p 6006","typecheck":"tsc --noEmit","test:types":"tsc -p tests/types/tsconfig.json","test:compat":"node scripts/check-compat.cjs","test:browser":"playwright test","prepublishOnly":"npm run typecheck && npm test -- --runInBand && npm run build && npm run test:types && npm run size","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (Brotli, includes iOS mirror engine)","path":"dist/index.esm.js","limit":"15 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (Brotli, bundles core)","path":"dist/interactive.esm.js","limit":"17 KB","ignore":["react","react-dom"]},{"name":"mirror — import { LiquidGlassMirror } (Brotli, bundles core)","path":"dist/mirror.esm.js","limit":"15 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (Brotli, no React)","path":"dist/web-component.esm.js","limit":"6 KB"}],"_npmVersion":"11.12.1","description":"Zero-dependency liquid glass for React 16.8–19, with SVG refraction, an explicit DOM-mirror fallback for Safari/Firefox, and a framework-agnostic web component.","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","pngjs":"^7.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","typescript":"^6.0.3","@babel/core":"^7.23.0","@types/pngjs":"^6.0.5","@types/react":"^19.0.0","@playwright/test":"^1.63.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_5.1.2_1788952450250_0.2375892277079481","host":"s3://npm-registry-packages-npm-production"}},"5.2.0":{"name":"simple-liquid-glass","version":"5.2.0","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@5.2.0","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"fed80450c8ec98bdea6c7ca3ea73b7170a03d961","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-5.2.0.tgz","fileCount":31,"integrity":"sha512-ok7XWS1NsEdgfXMoNdYP0PCMa96W+NNVS3pFXnCvUAVECUqWE5OiQp/qLyq8gn+MAY5lQK1ff1yRNpmb5GvgpQ==","signatures":[{"sig":"MEUCIEELHvzbSQd5nYCyIZbwA5V4elITVzsgJCifKFYsEJt+AiEAujfxk8WSmrgIlUBHSqdl7NBvfTf/+6TsWRYo0/DfmjU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIH9I/o6iV8pvN5etlbPUcUSAHwASxhyYWiVRQdybLXd/AiEA3bJd9MGlX8HsJNvz4VwU+sit3JoSpVHyr/NKFR3mL7k=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4144158},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./webgl":{"types":"./dist/webgl.d.ts","import":"./dist/webgl.esm.js","require":"./dist/webgl.cjs"},"./mirror":{"types":"./dist/mirror.d.ts","import":"./dist/mirror.esm.js","require":"./dist/mirror.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"507d0dce9846453173ecef42679aa3906f26125d","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && tsc && rollup -c rollup.types.config.js","storybook":"storybook dev -p 6006","typecheck":"tsc --noEmit","test:types":"tsc -p tests/types/tsconfig.json","test:webgl":"node experiments/library-webgl/test.mjs","test:compat":"node scripts/check-compat.cjs","test:browser":"playwright test","prepublishOnly":"npm run typecheck && npm test -- --runInBand && npm run build && npm run test:types && npm run size","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (Brotli, includes WebGL and HTML capture)","path":"dist/index.esm.js","limit":"30 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (Brotli, bundles core)","path":"dist/interactive.esm.js","limit":"33 KB","ignore":["react","react-dom"]},{"name":"mirror — import { LiquidGlassMirror } (Brotli, bundles core)","path":"dist/mirror.esm.js","limit":"31 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (Brotli, no React)","path":"dist/web-component.esm.js","limit":"23 KB"}],"_npmVersion":"11.12.1","description":"Liquid glass for React 16.8–19 and web components, with automatic iOS WebGL refraction, optional Android WebGL, SVG optics, and explicit backdrop capture.","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","pngjs":"^7.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","typescript":"^6.0.3","@babel/core":"^7.23.0","@types/pngjs":"^6.0.5","@types/react":"^19.0.0","html-to-image":"1.11.11","@playwright/test":"^1.63.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_5.2.0_1788988726981_0.44189723633257927","host":"s3://npm-registry-packages-npm-production"}},"5.2.1":{"name":"simple-liquid-glass","version":"5.2.1","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"author":{"name":"lucaperullo"},"license":"MIT","_id":"simple-liquid-glass@5.2.1","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"homepage":"https://simple-liquid-glass.vercel.app/","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"1e49460a78690cb94fc7a75aa0017bbb58659ea6","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-5.2.1.tgz","fileCount":31,"integrity":"sha512-6+A7QJjqRCrZD96VlzZ3W+zsWFCOcaCx/YHhOrwDk1h/sF4f9tqD1SNSHm7WuJHypqp1pnD+oQDnLrMAo3UwVA==","signatures":[{"sig":"MEYCIQDb67Eb/HVwVlKZ0Cf/UU4xua5ZseQ1wxasIFaNtSYbugIhAO9XUTtB3tEJw2bKTUpUGRaa/WwUCSgNOQlftqrsCrGj","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEYCIQCwChgeJQjEnFYnsMn9bFnC0Fgwe/9TtmhKEv869ULd0wIhAKgaAPsC9s+3HPHQR1DHYKZ7cFXA3jrEtbsQO5KiUhtw","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4146919},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./webgl":{"types":"./dist/webgl.d.ts","import":"./dist/webgl.esm.js","require":"./dist/webgl.cjs"},"./mirror":{"types":"./dist/mirror.d.ts","import":"./dist/mirror.esm.js","require":"./dist/mirror.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"507d0dce9846453173ecef42679aa3906f26125d","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && tsc && rollup -c rollup.types.config.js","storybook":"storybook dev -p 6006","typecheck":"tsc --noEmit","test:types":"tsc -p tests/types/tsconfig.json","test:webgl":"node experiments/library-webgl/test.mjs","test:compat":"node scripts/check-compat.cjs","test:browser":"playwright test","prepublishOnly":"npm run typecheck && npm test -- --runInBand && npm run build && npm run test:types && npm run size","build-storybook":"storybook build"},"_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (Brotli, includes WebGL and HTML capture)","path":"dist/index.esm.js","limit":"30 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (Brotli, bundles core)","path":"dist/interactive.esm.js","limit":"33 KB","ignore":["react","react-dom"]},{"name":"mirror — import { LiquidGlassMirror } (Brotli, bundles core)","path":"dist/mirror.esm.js","limit":"31 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (Brotli, no React)","path":"dist/web-component.esm.js","limit":"23 KB"}],"_npmVersion":"11.12.1","description":"Liquid glass for React 16.8–19 and web components, with automatic iOS WebGL refraction, optional Android WebGL, SVG optics, and explicit backdrop capture.","directories":{},"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","pngjs":"^7.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","typescript":"^6.0.3","@babel/core":"^7.23.0","@types/pngjs":"^6.0.5","@types/react":"^19.0.0","html-to-image":"1.11.11","@playwright/test":"^1.63.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/simple-liquid-glass_5.2.1_1788989664667_0.27991961745207283","host":"s3://npm-registry-packages-npm-production"}},"5.3.0":{"_id":"simple-liquid-glass@5.3.0","bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"dist":{"shasum":"d23ce579e2418af139b1ddff2f19d5385919de30","tarball":"https://registry.npmjs.org/simple-liquid-glass/-/simple-liquid-glass-5.3.0.tgz","fileCount":36,"integrity":"sha512-VgUgdnsKAIYezJijrJMV8YTZ+Ei5KEh4/q48YD/0aG+pCIgSET8rHBYC4i5M0Mrd3C6PNAmgWy92t7QdogjTLA==","signatures":[{"sig":"MEUCIQClhHWtM9WVtcFOPUNLCEwgmJSP/R8bLnCDPAkR+B39/wIgDd/HEGDNdRnw2v1mfvvKVDBZTfnfT5xl0KJtQTfmBp0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC2Q88XA+zcR6MgakgXVoBC30OAacTLOpc88UrfcgvQ7AIgUjiHAULyVa7f8Oc/X3bNue4SWNvtWx4PcGgydJll0dA="}],"unpackedSize":4451049},"main":"dist/index.cjs","name":"simple-liquid-glass","type":"module","types":"dist/index.d.ts","author":{"name":"lucaperullo"},"module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs"},"./webgl":{"types":"./dist/webgl.d.ts","import":"./dist/webgl.esm.js","require":"./dist/webgl.cjs"},"./mirror":{"types":"./dist/mirror.d.ts","import":"./dist/mirror.esm.js","require":"./dist/mirror.cjs"},"./backdrop":{"types":"./dist/backdrop.d.ts","import":"./dist/backdrop.esm.js","require":"./dist/backdrop.cjs"},"./interactive":{"types":"./dist/interactive.d.ts","import":"./dist/interactive.esm.js","require":"./dist/interactive.cjs"},"./web-component":{"types":"./dist/web-component.d.ts","import":"./dist/web-component.esm.js","require":"./dist/web-component.cjs"}},"gitHead":"507d0dce9846453173ecef42679aa3906f26125d","license":"MIT","scripts":{"dev":"rollup -c -w","size":"size-limit","test":"jest","build":"rollup -c && tsc && rollup -c rollup.types.config.js","storybook":"storybook dev -p 6006","typecheck":"tsc --noEmit","test:scene":"node experiments/scene/test.mjs","test:types":"tsc -p tests/types/tsconfig.json","test:webgl":"node experiments/library-webgl/test.mjs && node experiments/library-webgl/upload-reuse.test.mjs && node experiments/library-webgl/video-frames.test.mjs","test:compat":"node scripts/check-compat.cjs","test:browser":"playwright test","prepublishOnly":"npm run typecheck && npm test -- --runInBand && npm run build && npm run test:types && npm run size","build-storybook":"storybook build"},"version":"5.3.0","_npmUser":{"name":"lucaperullo","email":"lucaperullo@outlook.it"},"homepage":"https://simple-liquid-glass.vercel.app/","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"overrides":{"tar":"^7.5.16","uuid":"^11.1.1","esbuild":"^0.28.1","serialize-javascript":"^7.0.5"},"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"size-limit":[{"name":"core — import { LiquidGlass } (Brotli, includes WebGL and HTML capture)","path":"dist/index.esm.js","limit":"30 KB","ignore":["react","react-dom"]},{"name":"interactive — import { LiquidGlassInteractive } (Brotli, bundles core)","path":"dist/interactive.esm.js","limit":"33 KB","ignore":["react","react-dom"]},{"name":"mirror — import { LiquidGlassMirror } (Brotli, bundles core)","path":"dist/mirror.esm.js","limit":"31 KB","ignore":["react","react-dom"]},{"name":"web-component — <liquid-glass> (Brotli, no React)","path":"dist/web-component.esm.js","limit":"23 KB"}],"_npmVersion":"11.12.1","description":"Liquid glass for React 16.8–19 and web components, with automatic iOS WebGL refraction, optional Android WebGL, SVG optics, and explicit backdrop capture.","directories":{},"maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"_nodeVersion":"25.9.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","vite":"^8.0.0","pngjs":"^7.0.0","react":"^19.2.0","rollup":"^4.0.0","react-dom":"^19.2.0","storybook":"^10.4.4","size-limit":"^12.1.0","typescript":"^6.0.3","@babel/core":"^7.23.0","@types/pngjs":"^6.0.5","@types/react":"^19.0.0","html-to-image":"1.11.11","@playwright/test":"^1.63.0","@storybook/react":"^10.4.4","@types/react-dom":"^19.0.0","@babel/preset-env":"^7.23.0","rollup-plugin-dts":"^6.1.0","@babel/preset-react":"^7.22.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@storybook/addon-docs":"^10.4.4","@storybook/react-vite":"^10.4.4","@testing-library/react":"^16.1.0","jest-environment-jsdom":"^29.7.0","@rollup/plugin-commonjs":"^25.0.7","@babel/preset-typescript":"^7.27.1","@testing-library/jest-dom":"^6.1.4","@rollup/plugin-node-resolve":"^15.2.3","@size-limit/preset-small-lib":"^12.1.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"react-dom":{"optional":true}},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/simple-liquid-glass_5.3.0_1788997428202_0.4033264103777108"}}},"time":{"created":"2025-08-09T12:15:39.582Z","modified":"2026-09-09T23:43:48.494Z","1.0.0":"2025-08-09T12:15:39.903Z","1.0.1":"2025-08-09T12:21:29.659Z","1.0.2":"2025-08-09T13:05:28.084Z","1.0.3":"2025-08-09T13:48:09.630Z","1.0.4":"2025-08-09T13:58:24.633Z","1.1.0":"2025-08-09T14:19:14.483Z","1.2.0":"2025-08-09T16:46:48.431Z","1.2.1":"2025-08-10T15:09:31.904Z","1.2.2":"2025-08-10T16:27:18.493Z","1.2.3":"2025-08-10T16:35:40.230Z","1.2.4":"2025-08-10T16:41:32.393Z","1.2.5":"2025-08-10T20:51:32.004Z","1.2.6":"2025-08-10T21:32:31.803Z","1.2.7":"2025-08-15T19:24:17.671Z","1.2.8":"2025-08-15T19:42:57.987Z","1.2.9":"2025-08-25T13:35:28.706Z","1.3.0":"2025-09-02T23:10:44.548Z","1.4.2":"2026-06-12T20:01:40.974Z","2.0.0":"2026-06-13T09:45:15.543Z","2.1.0":"2026-06-13T14:52:39.837Z","2.3.0":"2026-06-14T18:32:43.110Z","2.4.0":"2026-06-14T22:27:19.458Z","3.0.0":"2026-06-17T23:07:49.289Z","3.1.0":"2026-06-18T16:54:00.658Z","4.0.0":"2026-06-18T22:38:00.184Z","4.1.0":"2026-06-20T13:23:48.451Z","5.0.0":"2026-09-08T19:50:52.378Z","5.1.0":"2026-09-08T20:44:49.813Z","5.1.1":"2026-09-08T22:47:57.265Z","5.1.2":"2026-09-09T11:14:10.369Z","5.2.0":"2026-09-09T21:18:47.160Z","5.2.1":"2026-09-09T21:34:24.837Z","5.3.0":"2026-09-09T23:43:48.322Z"},"bugs":{"url":"https://github.com/lucaperullo/simple-liquid-glass/issues"},"author":{"name":"lucaperullo"},"license":"MIT","homepage":"https://simple-liquid-glass.vercel.app/","keywords":["liquid-glass","liquid-glass-react","react-liquid-glass","apple-liquid-glass","ios-glass","ios-26","safari-glass","firefox-glass","cross-browser","webkit","glassmorphism","glass-morphism","glassmorphism-react","frosted-glass","glass-effect","refraction","displacement-map","chromatic-aberration","backdrop-filter","svg-filter","web-component","custom-element","interactive","pointer-elasticity","ssr","server-side-rendering","nextjs","lightweight","zero-dependencies","tiny","accessibility","a11y","react","react-16","react-17","react-18","react-19","glass-ui","glass-card","glass-panel","apple-design"],"repository":{"url":"git+https://github.com/lucaperullo/simple-liquid-glass.git","type":"git"},"description":"Liquid glass for React 16.8–19 and web components, with automatic iOS WebGL refraction, optional Android WebGL, SVG optics, and explicit backdrop capture.","maintainers":[{"name":"lucaperullo","email":"lucaperullo@outlook.it"}],"readme":"# Simple Liquid Glass\n\n> **Liquid glass for React 16.8–19, with automatic iOS WebGL refraction, optional Android WebGL, and SVG optics.**\n\nAn Apple-style glass effect with displacement, chromatic aberration, gradient borders, and automatic text color. Includes an optional interactive component and a framework-agnostic web component. Server-rendering and hydration are tested alongside browser behavior.\n\n[![npm version](https://img.shields.io/npm/v/simple-liquid-glass)](https://www.npmjs.com/package/simple-liquid-glass)\n[![npm downloads](https://img.shields.io/npm/dw/simple-liquid-glass)](https://www.npmjs.com/package/simple-liquid-glass)\n[![bundle size](https://deno.bundlejs.com/badge?q=simple-liquid-glass)](https://bundlejs.com/?q=simple-liquid-glass)\n[![GitHub stars](https://img.shields.io/github/stars/lucaperullo/simple-liquid-glass?style=flat)](https://github.com/lucaperullo/simple-liquid-glass)\n[![license](https://img.shields.io/npm/l/simple-liquid-glass)](https://github.com/lucaperullo/simple-liquid-glass/blob/main/LICENSE)\n\n**[🔗 Live demo](https://simple-liquid-glass.vercel.app/)** · **[📦 npm](https://www.npmjs.com/package/simple-liquid-glass)** · **[📖 Changelog](CHANGELOG.md)**\n\n> [!IMPORTANT]\n> **For WebGL refraction on iOS (or any platform with `renderer=\"webgl\"`), use `LiquidGlassScene` or pass `backdropRef`** pointing to a sibling background element. Without either source the component uses frosted CSS.\n\n## Why simple-liquid-glass?\n\n- No additional renderer installation: WebGL and HTML capture are bundled. React is a peer dependency for React entry points.\n- Automatic WebGL refraction on iOS; opt into it on Android or desktop with `renderer=\"webgl\"`. Chromium SVG and desktop Safari/Firefox mirrors remain available.\n- React 16.8–19 compatibility checked with server rendering, hydration, and unmount tests.\n- A separate web component for other frameworks, with the same iOS WebGL engine.\n- Enforced bundle budgets and browser integration tests in Chromium, Firefox, and WebKit.\n\n## Automatic page backgrounds with `LiquidGlassScene`\n\nAvailable in 5.3.0 through the optional `simple-liquid-glass/backdrop` entry. Wrap the content you want to refract and the glass surfaces that use it:\n\n```tsx\nimport LiquidGlass from 'simple-liquid-glass';\nimport { LiquidGlassScene } from 'simple-liquid-glass/backdrop';\n\nexport function Page() {\n  return (\n    <LiquidGlassScene>\n      <section>{/* HTML, images, video, or canvas */}</section>\n      <section>{/* More page content */}</section>\n      <LiquidGlass style={{ position: 'fixed', bottom: 20 }}>\n        Navigation\n      </LiquidGlass>\n    </LiquidGlassScene>\n  );\n}\n```\n\niOS/iPadOS connects automatically. Use `renderer=\"webgl\"` on a surface to opt in on Android or desktop. Existing `backdropRef` and `backdropSelector` props take precedence. SVG-only pages do not start a scene capture.\n\nThe scene shares section snapshots, fonts, mutation tracking, and a capture queue across its surfaces. Each visible lens gets a small moving canvas. Use direct-child sections to divide long pages into practical capture regions. A single large wrapper still works but is captured as one region. Keep sticky/parallax content in a separate explicit backdrop; continuously animated HTML styles cannot be reproduced at video-frame speed by cached snapshots.\n\n`LiquidGlassScene` accepts normal div props and a div ref, plus `fontEmbedCSS`, `maxCacheBytes` (default 64 MiB, minimum 8 MiB), and `onCaptureError(error, section)`. Active snapshots may exceed the budget when needed to cover visible surfaces. Fonts/images must be accessible to browser capture; cross-origin media needs suitable CORS headers. Protected media, cross-origin iframes and shadow DOM are not guaranteed to capture.\n\nAuto-connected surfaces are hidden in snapshots while retaining their layout footprint, preventing recursive rendering. Glass with an explicit source can be captured by other scene surfaces. Add `data-liquid-glass-ignore` to other content you want hidden in the capture. An initial CSS fallback is shown while the first snapshot is prepared.\n\nNested scenes bind to the nearest provider. Captures are released when the last consumer leaves. Call the glass handle's `refreshBackdrop()` after external theme/style changes; DOM edits and loads are tracked automatically.\n\n### Liquid text and custom renderers\n\n`simple-liquid-text` 0.3.0 automatically connects to the same provider:\n\n```tsx\nimport { LiquidGlassText } from 'simple-liquid-text';\nimport 'simple-liquid-text/styles.css';\n\n<LiquidGlassScene>\n  <section>{/* Background content */}</section>\n  <LiquidGlassText renderer=\"webgl\">Liquid type</LiquidGlassText>\n  <LiquidGlass renderer=\"webgl\">Shared background</LiquidGlass>\n</LiquidGlassScene>\n```\n\nFor a custom React renderer, `useLiquidGlassBackdrop(elementRef, enabled)` returns `{ backdropRef, connected, ready, refresh }`. Bind the returned canvas only when `connected && ready`, and disable this hook when supplying an explicit backdrop. `refresh` has stable identity.\n\nFor non-React integrations, `createLiquidGlassBackdrop(root, options)` returns a shared capture controller. Call `register(element, onReady)` to obtain `{ canvas, refresh, release }`, feed `canvas` to `createWebGLSurface`, then call `release()` and `destroy()` during teardown. The controller does not change renderer selection or mount WebGL outputs.\n\n## Choose your path\n\n- **React, simple** → `import { LiquidGlass } from 'simple-liquid-glass'`\n- **Pointer-reactive / “alive”** → `import { LiquidGlassInteractive } from 'simple-liquid-glass/interactive'`\n- **Vue / Svelte / Astro / plain HTML** → `import 'simple-liquid-glass/web-component'` → `<liquid-glass>`\n\n## Features\n\n- **Liquid glassmorphism** with SVG displacement\n- **Auto text color**: detects dark/light backgrounds to keep text legible\n- **Custom glass color**: accepts only semi‑transparent colors (`rgba`, `hsla`, hex with alpha)\n- **Background support**: solid colors and gradients with automatic transparency conversion\n- **Chromatic dispersion** and **blur** with fine‑grained controls\n- **Adjustable saturation** to boost or tame color vibrancy\n- **Chromatic aberration intensity** control to tune the vividness of the edge colors\n- **Gradient border** with masking\n- **Responsive** and content‑agnostic\n- **TypeScript** and tree‑shakable builds (ESM and CJS)\n\n## Installation\n\n```bash\nnpm install simple-liquid-glass\n```\n\nor with yarn:\n\n```bash\nyarn add simple-liquid-glass\n```\n\n## Usage\n\n### Basic Usage\n\n```jsx\nimport React from 'react';\nimport { LiquidGlass } from 'simple-liquid-glass';\n\nfunction App() {\n  return (\n    <div style={{ width: '300px', height: '200px' }}>\n      <LiquidGlass autoTextColor background=\"rgba(255,255,255,0.4)\">\n        <div style={{ padding: '20px' }}>\n          <h2>Your Content Here</h2>\n          <p>This content has a liquid glass effect!</p>\n        </div>\n      </LiquidGlass>\n    </div>\n  );\n}\n```\n\n### iOS refraction and Android opt-in\n\nPass the background element once. iOS automatically uses the optimized WebGL renderer,\nincluding native overscroll tracking. For Android or desktop, add `renderer=\"webgl\"`.\n`renderer=\"auto\"` preserves the existing choices on non-iOS devices. iOS uses WebGL even if\n`renderer=\"svg\"` or legacy `effectMode=\"svg\"` is supplied; `effectMode=\"blur\"` and `\"off\"`\nstill explicitly disable refraction.\n\n```tsx\nimport { useRef } from 'react';\nimport { LiquidGlass } from 'simple-liquid-glass';\n\nexport function Page() {\n  const background = useRef<HTMLDivElement>(null);\n  return <>\n    <div ref={background}>{/* Your page content */}</div>\n    <LiquidGlass\n      backdropRef={background}\n      renderer=\"webgl\" // Omit to enable WebGL automatically on iOS only.\n      lensProfile=\"player\"\n      lensOptions={{ strength: 0.16 }}\n      radius={36}\n      style={{ position: 'fixed', bottom: 24, left: 16,\n        width: 'calc(100% - 32px)', height: 72 }}\n    >\n      <nav>Home · Explore · Library</nav>\n    </LiquidGlass>\n  </>;\n}\n```\n\nThe source must be a sibling/background, never an ancestor of the glass. `backdropSelector`\nis an alternative to a ref. Multiple panels can share the same source; HTML capture and its\nobservers are shared. Normal scrolling only changes the sample coordinates, without recapturing\nHTML. React panels release their GPU resources when offscreen or unmounted. `track` is not\nrequired for WebGL.\n\nThe WebGL renderer uses the package's canonical displacement map and existing `lensProfile`,\n`lensOptions`, `scale`, `displacementScale`, `radius`, `dispersion`, `aberrationIntensity`, `blur`, and `saturation`\ncontrols. As with SVG, low quality disables chromatic separation; otherwise it uses\n`dispersion / 50 * aberrationIntensity` for rounded lenses. CSS tint, border, and brightness layers remain configurable. `mirror`/`mirrorScale`\nonly configure the older desktop Safari/Firefox mirror, not WebGL.\n\nFor live video, point `backdropRef` directly at a `<video muted autoPlay playsInline>` element.\nA direct canvas source is live too. For HTML sources, text, attributes, images loading, inputs,\nand size changes refresh the snapshot automatically at a bounded interval, including during continuous updates. Change\n`backdropVersion` or call `ref.current.refreshBackdrop()` after changes outside the subtree,\nsuch as a stylesheet/theme change. Refresh retains the previous frame until the new capture is\nready. `refreshBackdrop()` returns a promise and rejects if HTML capture fails.\n\nCapture boundaries: this renders the explicit source, not arbitrary overlapping page layers.\nVideo/canvas nested inside an HTML source are snapshots; pass the media element itself for live\nframes. Cross-origin media requires CORS permission; protected video and unsupported capture\ncontent use the CSS fallback. CSS-only background animations require explicit refreshes; the\nSVG `liquid` turbulence animation is not implemented in WebGL. Axis-aligned translation and scale\nare supported; rotated/perspective source geometry and glass-through-glass compositing are not.\nLong HTML sources use a bounded-resolution snapshot (up to 64 MiB). Keep backdrop regions focused\nand panel counts modest: each visible panel owns a WebGL context.\n\nWithout a valid source, WebGL support, or a successful initial capture, the glass remains usable\nwith CSS blur. `onDiagnosticsChange`/`getDiagnostics()` report `webgl`, `ios-webgl`,\n`webgl-requested`, or the fallback reason. Desktop Safari retains CSS rim magnification and\nFirefox retains its DOM mirror when WebGL is not selected.\n\n### Pointer‑reactive elasticity — `LiquidGlassInteractive`\n\n```jsx\nimport { LiquidGlassInteractive } from 'simple-liquid-glass/interactive';\n\n// Leans toward the cursor with a tiny spring. Pass specular to add a tracked highlight.\n// Honors prefers-reduced-motion. Core import is unaffected (this is opt‑in).\n<LiquidGlassInteractive elasticity={0.3}>…</LiquidGlassInteractive>\n```\n\n### Framework‑agnostic web component — `<liquid-glass>`\n\nFor Vue / Svelte / Angular / Astro / plain HTML (no React):\n\n```html\n<script type=\"module\" src=\"https://cdn.jsdelivr.net/npm/simple-liquid-glass/web-component\"></script>\n<liquid-glass radius=\"20\" frost=\"0.15\" style=\"width:320px;height:200px;display:block\">\n  Glass anywhere\n</liquid-glass>\n```\n\n**Per-framework guides:** [Vue 3 / Nuxt](docs/frameworks/vue.md) · [Svelte / SvelteKit](docs/frameworks/svelte.md) · [Astro](docs/frameworks/astro.md) · [plain HTML / vanilla JS / Angular](docs/frameworks/vanilla.md). (The web component uses `backdrop-selector` for automatic iOS WebGL; `renderer=\"webgl\"` enables it on other platforms.)\n\n### Advanced Usage with Custom Settings\n\n```jsx\nimport React from 'react';\nimport { LiquidGlass } from 'simple-liquid-glass';\n\nfunction App() {\n  return (\n    <div style={{ width: '400px', height: '300px' }}>\n      <LiquidGlass\n        mode=\"custom\"\n        scale={200}\n        radius={20}\n        border={0.1}\n        lightness={60}\n        displace={0.5}\n        alpha={0.8}\n        blur={10}\n        dispersion={30}\n        frost={0.2}\n        background=\"linear-gradient(45deg, #ff6b6b, #4ecdc4)\"\n        autoTextColor\n        textOnDark=\"#ffffff\"\n        textOnLight=\"#111111\"\n        forceTextColor\n        borderColor=\"rgba(255, 255, 255, 0.5)\"\n        className=\"my-glass-container\"\n        style={{ boxShadow: '0 8px 32px rgba(0, 0, 0, 0.1)' }}\n      >\n        <div style={{ padding: '30px' }}>\n          <h1>Custom Glass Effect</h1>\n          <p>Fully customized liquid glass morphism with gradient background</p>\n        </div>\n      </LiquidGlass>\n    </div>\n  );\n}\n```\n\n### Preset Mode\n\nThe component comes with a beautiful preset that works out of the box:\n\n```jsx\n<LiquidGlass mode=\"preset\">\n  <YourContent />\n</LiquidGlass>\n```\n\nNote: In `preset` mode, incoming props still override the preset defaults (e.g., `scale`, `radius`, `blur`, etc.).\nOn iOS, when `iosBlurMode` is `'auto'`, a minimal blur (`iosMinBlur`, default 7px) is applied even if `blur` is 0 to ensure a visible fallback effect.\n\nThe `background` prop automatically converts solid colors and gradients to semi-transparent (30% opacity) for better glass effects. Images (URLs) are left unchanged.\n\n## Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `children` | `ReactNode` | - | Content to display inside the glass effect |\n| `mode` | `'preset' \\| 'custom'` | `'preset'` | Use preset values or custom configuration |\n| `scale` | `number` | `160` | Scale of the displacement effect (-360 to 360) |\n| `radius` | `number` | `50` | Border radius of the glass effect |\n| `border` | `number` | `0.05` | Border thickness (0 to 0.5) |\n| `lightness` | `number` | `53` | Lightness of the glass (0 to 100) |\n| `displace` | `number` | `5` | Displacement blur amount (0 to 10) |\n| `alpha` | `number` | `0.9` | Alpha transparency (0 to 1) |\n| `blur` | `number` | `0` | Blur amount for the glass effect |\n| `dispersion` | `number` | `50` | Chromatic dispersion amount |\n| `saturation` | `number` | `140` | Color saturation multiplier (%) applied via CSS `saturate()` |\n| `aberrationIntensity` | `number` | `0` | Multiplier for chromatic aberration (red/blue separation) |\n| `frost` | `number` | `0.1` | Frost effect intensity (0 to 1) |\n| `borderColor` | `string` | `'rgba(120, 120, 120, 0.7)'` | Border color in CSS format |\n| `glassColor` | `string` | `'rgba(255, 255, 255, 0.4)'` | Semi‑transparent glass color (`rgba`, `hsla`, `hsl(.../a)`, `#RGBA`, `#RRGGBBAA`). Invalid/opaque values fall back to frost‑based default |\n| `background` | `string` | - | Background color or gradient (automatically made semi-transparent) |\n| `autoTextColor` | `boolean` | `false` | Automatically detect background luminance and set text color |\n| `textOnDark` | `string` | `'#ffffff'` | Text color used when background is detected as dark |\n| `textOnLight` | `string` | `'#111111'` | Text color used when background is detected as light |\n| `forceTextColor` | `boolean` | `false` | Force the computed text color on all descendants (`!important`) to override nested styles |\n| `className` | `string` | - | Additional CSS class names |\n| `style` | `CSSProperties` | - | Additional inline styles |\n| `quality` | `'low' \\| 'standard' \\| 'high' \\| 'extreme'` | `'low'` | Rendering quality preset. `'extreme'` matches previous versions' visuals |\n| `autodetectquality` | `boolean` | `false` | Auto-detect device performance and pick a quality preset |\n| `renderer` | `'auto' \\| 'svg' \\| 'webgl'` | `'auto'` | WebGL on iOS; opt in elsewhere with webgl |\n| `backdropVersion` | `string \\| number` | — | Change to refresh cached HTML |\n| `mobileFallback` | `'css-only' \\| 'svg'` | CSS-only on mobile | Control mobile rendering strategy |\n| `effectMode` | `'auto' \\| 'svg' \\| 'blur' \\| 'off'` | `'auto'` | Control effect: auto, force SVG, force CSS blur, or disable |\n\n## Examples\n\n### Background with Gradient\n\n```jsx\n<LiquidGlass \n  background=\"linear-gradient(45deg, #ff6b6b, #4ecdc4)\"\n  autoTextColor\n>\n  <div style={{ padding: '20px' }}>\n    <h2>Gradient Background</h2>\n    <p>This uses a gradient background that's automatically made semi-transparent!</p>\n  </div>\n</LiquidGlass>\n```\n\n### Quality Presets and Autodetection\n\n```jsx\n// Manual quality\n<LiquidGlass quality=\"high\" background=\"rgba(255,255,255,0.35)\">\n  <Content />\n</LiquidGlass>\n\n// Autodetect device performance and choose quality automatically\n<LiquidGlass autodetectquality background=\"rgba(255,255,255,0.35)\">\n  <Content />\n</LiquidGlass>\n\n// Note:\n// - Default quality is 'low'.\n// - 'extreme' produces the same visual fidelity as previous versions of this component.\n// - For many instances on the same page, prefer quality='low' or autodetectquality.\n```\n\n### Mobile Fallback Control\n\n```jsx\n// Force CSS-only (strongest performance) even on desktop\n<LiquidGlass mobileFallback=\"css-only\" />\n\n// Force SVG filter on mobile (may impact performance)\n<LiquidGlass mobileFallback=\"svg\" />\n\n// Default behavior: CSS-only on mobile, SVG on desktop\n<LiquidGlass />\n```\n\n## Browser Support & Rendering Strategies\n\nSVG filters inside `backdrop-filter` (`url(#...)`) only work in **Chromium** (Chrome, Edge, Opera, Android Chrome). Safari/iOS WebKit ([bug 245510](https://bugs.webkit.org/show_bug.cgi?id=245510)) and Firefox silently ignore them, so the component picks a strategy per engine:\n\n| Engine | `effectMode=\"auto\"` |\n|--------|--------------------|\n| Chromium desktop | SVG displacement (full effect) |\n| Chromium Android | Layered CSS — opt into WebGL with `renderer=\"webgl\"` or SVG with `renderer=\"svg\"` |\n| iOS / iPadOS browsers | WebGL with `LiquidGlassScene` or `backdropRef`; frosted CSS otherwise |\n| Desktop Safari | CSS rim mirror by default; WebGL with `renderer=\"webgl\"` |\n| Firefox | DOM mirror with `backdropRef`; frosted CSS otherwise |\n\n**Frosted CSS fallback:** blur, tint, saturation, and inset highlights provide the glass appearance when no usable mirror backdrop is provided. Performance depends on lens size, scene complexity, and device.\n\nThe current WebGL renderer integrates the optimized direct-output pipeline tested in the scenario lab. It is distinct from the older removed experiment.\n\n## Performance and Fallbacks\n\n- **Default behavior**: on mobile devices the component uses a CSS-only effect to avoid jank; on desktop it uses the SVG filter.\n- **Quality presets**: `'low'` is the default and optimized for many instances; `'extreme'` matches previous visuals.\n- **Autodetection**: set `autodetectquality` to let the component choose a preset based on device performance.\n- **Effect Mode**: use `effectMode` to force the strategy.\n\n```jsx\n// Force CSS-only blur (no SVG) — recommended on very low-end devices\n<LiquidGlass effectMode=\"blur\" />\n\n// Disable all filter effects (keeps border/frost/background)\n<LiquidGlass effectMode=\"off\" />\n\n// Request SVG refraction on supported engines\n<LiquidGlass effectMode=\"svg\" />\n```\n\n### Card with Glass Effect\n\n```jsx\n<div className=\"card-container\" style={{ \n  width: '350px', \n  height: '200px'\n}}>\n  <LiquidGlass \n    radius={15} \n    frost={0.15} \n    autoTextColor \n    background=\"linear-gradient(135deg, #667eea 0%, #764ba2 100%)\"\n  >\n    <div style={{ padding: '24px', height: '100%' }}>\n      <h3 style={{ marginBottom: '12px' }}>\n        Glass Card\n      </h3>\n      <p>\n        This is a beautiful glass morphism card with liquid distortion effects and gradient background.\n      </p>\n    </div>\n  </LiquidGlass>\n</div>\n```\n\n### Overlay Effect\n\n```jsx\n<div style={{ position: 'relative', width: '100%', height: '400px' }}>\n  <img src=\"background.jpg\" alt=\"Background\" style={{ width: '100%', height: '100%', objectFit: 'cover' }} />\n  \n  <div style={{ \n    position: 'absolute', \n    top: '50%', \n    left: '50%', \n    transform: 'translate(-50%, -50%)',\n    width: '300px',\n    height: '150px'\n  }}>\n    <LiquidGlass autoTextColor background=\"rgba(255,255,255,0.4)\">\n      <div style={{ padding: '20px', textAlign: 'center' }}>\n        <h2>Overlay Content</h2>\n        <p>Glass effect over image</p>\n      </div>\n    </LiquidGlass>\n  </div>\n</div>\n```\n\n## Browser Support\n\n- Chrome (latest)\n- Firefox (latest)\n- Safari (latest)\n- Edge (latest)\n\nThe component leverages modern CSS (`backdrop-filter`) and SVG filters. Older browsers may not support all effects.\n\n## Performance Tips\n\n1. The component uses `ResizeObserver` to adapt to size changes efficiently\n2. SVG filters are hardware-accelerated in modern browsers\n3. For best performance, avoid animating the glass parameters rapidly\n4. Use the `preset` mode for optimal default settings\n\n## Accessibility\n\n- `autoTextColor` uses computed styles from the nearest opaque ancestor to decide between `textOnDark` and `textOnLight`. This helps maintain readable contrast automatically. You can set `forceTextColor` to enforce the computed color on deeply nested content.\n\n## Storybook\n\nRun a live playground:\n\n```bash\nnpm run storybook\n```\n\nSwitch the Backgrounds toolbar between light/dark to see text color adapt in real time.\n\n## License\n\nMIT © [lucaperullo]\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## Support\n\nIf you find this package helpful, please consider giving it a star on GitHub!\n\n## Keywords\n\nreact, react component, react ui, glassmorphism, glass morphism, liquid glass, liquid-glass, glass effect,\nfrosted glass, frosted-glass, blur, blur effect, backdrop-filter, svg filter, displacement, displacement map,\nchromatic aberration, ui effects, card, overlay, glass ui, glass card, glass panel, glassmorphism react\n\nFor issues and feature requests, please [create an issue](https://github.com/lucaperullo/simple-liquid-glass/issues).\n## Compatibility and validation\n\nReact 16.8/17 uses a mount-time ID fallback; React 18/19 uses React's hydration-safe IDs. Browser-dependent effects activate after hydration. When using multiple React 18+ roots, provide distinct React `identifierPrefix` values on the server and client.\n\nThe JavaScript build targets Chrome 64, Firefox 69, and Safari 12 syntax. Actual visual effects depend on browser CSS/SVG support; automated browser checks run against current Chromium, Firefox, and WebKit, not every historical release. Missing `ResizeObserver` falls back to window resize events.\n\nThe mirror is a decorative DOM snapshot. Use a small, explicit sibling backdrop. Canvas pixels, video playback, shadow-root contents, inherited contextual styles, and CSS animations are not guaranteed to match the source. The root’s computed presentation is copied before IDs are namespaced; descendant contextual styles can still differ. Prefer class-based styling. A six-panel scene was measured on an iPhone 15 Pro (Safari 26.6.1); complex scenes still require their own physical-device visual and performance checks.\n\n`effectMode=\"off\"` removes backdrop filtering. `effectMode=\"blur\"` disables WebGL and the mirror and uses the CSS fallback. The web component can be imported during SSR; instantiate it only in a browser. Install React and React DOM explicitly when using a React entry point; the web component needs neither.\n\n### Development checks\n\n```sh\nnpm ci\nnpm run typecheck\nnpm test -- --runInBand\nnpm run build\nnpm run size\nnpm run test:compat\nnpx playwright install chromium firefox webkit\nnpm run test:browser\n```\n\nPublic TypeScript declarations are generated from source during the build. Bundle budgets use **Brotli**, not gzip. CI also checks React 16.8.6, 17.0.2, 18.3.1, and 19 in isolated installations.\n\n### Safari lens optics\n\nDesktop Safari bypasses SVG filters for its optional mirror. iOS uses the WebGL path above. A cached alpha mask reveals a magnified source copy at the rounded rim, leaving the center clear. `mirrorScale` controls the magnification and is bounded by panel geometry; zero gives no optical offset. Firefox retains the rounded-rectangle SVG displacement map. Both maps are generated only for active mirrors, with neither dimension above 256 pixels.\n\nUse `track` for translated lenses or backgrounds. Root transforms are represented by the copy's alignment and are not replayed on the copy. Rotation, scaling, and animations inside the backdrop remain outside the supported alignment contract. The web component still uses its frosted Safari fallback.\n\nCore is 8.79 kB Brotli, interactive 9.74 kB, and mirror 8.86 kB. Existing 9/10/9 kB budgets pass.\n\nThe prior SVG mirror failed physical iPhone visual validation despite automated WebKit pixel checks passing. The replacement CSS path visibly renders all six rims in native Safari 26.5 in the iPhone simulator, with sharp centers; physical-device aesthetic acceptance remains pending. Blending near high-contrast text is a known limitation of the approximation. Earlier device timings are retained as historical measurements, not evidence that the failed SVG visuals worked. See [validation notes](docs/superpowers/plans/2026-09-08-safari-lens.md).\n\n### Rounded native refraction (Chromium)\n\n`refraction=\"lens\"` uses the MIT-licensed rounded lens generator and native SVG\nmaterial filter adapted from samasante/liquid-glass. The pinned source revision,\nadaptations and license are recorded in THIRD_PARTY_NOTICES.md and included in\nthe published package. No UI branding or runtime dependency is added.\n\n```tsx\n<LiquidGlass refraction=\"lens\" quality=\"high\" radius={32} scale={160}\n  blur={2} saturation={115} aberrationIntensity={0.32}\n  glassColor=\"rgba(255,255,255,0.06)\">\n  Navigation\n</LiquidGlass>\n```\n\nSet `lensProfile=\"loupe\"` for the stronger playground optics (14% baseline strength, deeper curvature and brighter sheen). The default `lensProfile=\"player\"` uses the stronger player shape at 80 CSS pixels of displacement. `lensProfile=\"material\"` remains available for gentler surface settings.\n\nThe existing prop names remain. For this mode, `scale={160}` maps to the material's\nbaseline strength (80 CSS pixels for the default player profile); 0 disables displacement,\nand 320 doubles it. `dispersion={50}` with `aberrationIntensity={0.32}` produces\n0.32 normalized color separation. Low quality uses one displacement pass.\nBlur precedes refraction, and the map's blue channel supplies the directional sheen.\nThe 512×512 map is cached by geometry; strength, blur and color adjustments reuse it.\n\nThe rounded lens is now the default. The original gradient look is available with `refraction=\"classic\"`, with\nstrength bounded to 10% of the shorter side to prevent extreme tearing. Native\nfilters have explicit sampling bounds and neutral padding. iOS uses the integrated WebGL\nrenderer described above; the library demo covers both static HTML and live video.\n\nFor matching a video surface's refraction strength, set `displacementScale` to\n`strength * Math.hypot(surfaceWidth, surfaceHeight) / Math.SQRT2`. This optional\nCSS-pixel override applies only to `refraction=\"lens\"`, bypassing the\npreset `scale` calculation. Omit it to retain existing behavior.\n\n### Upgrading from 4.1\n\nVersion 5 changes the React default to a rounded player lens with 80px base\ndisplacement. `scale={160}` is the baseline; `0` disables it and `320` doubles it.\nExisting `angle`, `shapeAdapt`, `lens`, `lensStrength`, and `lensCenter` props\nselect the compatible 4.x renderer automatically. `liquid`, `liquidSpeed`, and\n`liquidScale` remain supported, including reduced-motion handling. The web\ncomponent retains its 4.1 directional and animated controls and appearance.\nExperimental GPU/video components are not included.\n\n### Individual lens controls (5.1)\n\nUse `lensOptions` to override any part of a rounded lens. Unset values inherit\n`lensProfile` (default: `player`); existing applications retain their appearance.\n\n```tsx\nimport { LiquidGlass, type LensOptions } from 'simple-liquid-glass';\n\nconst optics: LensOptions = {\n  strength: 0.14, depth: 0.15, curvature: 0.45,\n  bend: 0.55, bendWidth: 0.3,\n  sheen: 2, sheenWidth: 10, specular: 1.6, sheenAngle: 0,\n  glow: 0.1, brightness: 0,\n};\n\n<LiquidGlass refraction=\"lens\" lensProfile=\"player\" lensOptions={optics}\n  quality=\"extreme\" blur={1} radius={32}>\n  <YourContent />\n</LiquidGlass>\n```\n\n| Option | Range | Meaning |\n| --- | --- | --- |\n| `strength` | 0–0.5 | Relative displacement strength |\n| `depth` | 0–1 | How far refraction reaches inward |\n| `curvature` | 0–1 | Body dome curvature |\n| `bend` | 0–1 | Inner-edge bend intensity |\n| `bendWidth` | 0.001–0.5 | Edge-band width relative to the smaller dimension |\n| `sheen` | 0–2 | Directional sheen intensity |\n| `sheenWidth` | 0–10 | Sheen thickness in pixels |\n| `sheenFalloff` | 0.1–5 | Sheen falloff exponent |\n| `sheenAngle` | -360–360 | Light direction in degrees |\n| `specular` | 0–3 | Overall highlight gain |\n| `glow` | 0–1 | Inner glow intensity |\n| `glowSpread` | 0.01–2 | Inner glow reach |\n| `glowFalloff` | 0.1–5 | Inner glow falloff exponent |\n| `brightness` | -1–1 | Black-to-white surface veil opacity |\n\n`displacementScale`, when provided, takes precedence over `lensOptions.strength`.\nThe existing `scale` multiplier still applies to relative strength. `blur`,\n`frost`, `dispersion`, and `aberrationIntensity` remain top-level props.\n`lensOptions` affects `refraction=\"lens\"` on React components, including the\ninteractive export. It does not alter the classic renderer or add optical\nrefraction to Safari/Firefox's blur fallback. The brightness veil also works on\nthat fallback. The web component does not expose this API.\n\n`LENS_PROFILES`, `LENS_OPTION_RANGES`, and `resolveLensOptions(profile, overrides)`\nare exported for building settings panels without duplicating defaults. Values\nare clamped to these ranges; non-finite values inherit the selected profile.\nGeometry changes invalidate cached maps; strength, specular, and brightness do not.\n\n### Interactive controls\n\nThe `/interactive` entry also accepts `liquidTrigger=\"always\" | \"hover\" | \"press\"`, `followPointer`, `clickRipple={true | \"ripple\" | \"drop\"}`, and `rippleIntensity`. `specular` is opt-in and defaults to `false`. Click ripples are clipped surface overlays; they do not capture or refract the backdrop themselves.\n\n### Material presets\n\n```tsx\n<LiquidGlass material=\"smoked\">Your content</LiquidGlass>\n<LiquidGlass material=\"frosted\" blur={4} glassColor=\"rgba(220,230,255,0.3)\">\n  A customized finish\n</LiquidGlass>\n```\n\n`material` accepts `clear`, `frosted`, `smoked`, or `subtle`. Each coordinates the\nlens profile, blur, saturation, color separation, frost, tint, and border color.\nExplicit props override individual preset settings; `undefined` inherits the preset.\nOmitting `material` preserves the existing defaults. Rendering quality and browser\nfallback rules still apply, including the low-quality blur cap. Material selection\ndoes not choose text colors: set those for your content and background.\n\n`MATERIAL_PRESETS` and the `MaterialPreset` type are exported for material pickers\nand design tools. React wrappers inherit the same `material` prop. These additions\nare currently part of the React API, not the web component.\n\n### Rendering diagnostics\n\n```tsx\n<LiquidGlass\n  onDiagnosticsChange={({ strategy, reason, quality }) => {\n    console.log({ strategy, reason, quality });\n  }}\n/>\n```\n\nThe callback runs after mounting and when the selected renderer, reason, or quality\nchanges. `ref.current.getDiagnostics()` reads the current snapshot; `getQuality()`\ncontinues to work. The root also exposes `data-glass-strategy` and `data-glass-reason`\nfor inspection. These report the library's rendering decision, not a guarantee of\nbrowser support, visual fidelity, or frame rate.\n\n| Strategy | Meaning |\n| --- | --- |\n| `pending` | Waiting for client initialization |\n| `off` | Effects explicitly disabled |\n| `paused` | Offscreen effects paused |\n| `svg` | Native SVG backdrop refraction |\n| `css-rim` | Safari-style mirror rim magnification |\n| `svg-mirror` | SVG displacement on a mirrored backdrop |\n| `blur` | CSS fallback |\n\nReasons include `effect-disabled`, `offscreen`, `blur-requested`, `native-svg`,\n`backdrop-mirror`, `mirror-disabled`, `missing-backdrop`, `invalid-selector`,\n`invalid-backdrop`, `clone-failed`, `mirror-unavailable`, and `initializing`.\nFor `missing-backdrop`, supply a sibling background using `backdropRef` or\n`backdropSelector`. For `invalid-backdrop`, move the source outside the lens and its\nancestors. `RenderingDiagnostics`, `RenderingStrategy`, and `RenderingReason` are\nexported TypeScript types.\n\n\n### WebGL in Vue, Svelte, Astro, Angular or plain HTML\n\n```html\n<script type=\"module\">\n  import 'simple-liquid-glass/web-component';\n</script>\n<div id=\"background\">Your page content</div>\n<liquid-glass backdrop-selector=\"#background\" renderer=\"webgl\"\n  lens-profile=\"player\" strength=\"0.16\" radius=\"36\"\n  style=\"position:fixed;bottom:24px;left:16px;width:320px;height:72px\">\n  Home · Explore · Library\n</liquid-glass>\n```\n\nOmit `renderer` for automatic iOS selection. WebGL attributes include `lens-profile`, `strength`,\n`dispersion`, `radius`, `scale`, `blur`, `saturation`, `backdrop-selector`, and `backdrop-version`.\n`effect-mode=\"blur\"` or `\"off\"` explicitly disables refraction. Call\n`element.refreshBackdrop()` for a manual capture refresh. Disconnecting the element releases\nits context and source subscription.\n\nThe bundled renderer increases the React core to approximately **29 KB Brotli**, including HTML\ncapture (React excluded); the web component is approximately **22 KB Brotli**. No separate\nruntime dependency installation is required. See `THIRD_PARTY_NOTICES.md` for bundled licenses.\nRun `npm run test:webgl` for the library integration/overscroll tests in Chromium and WebKit.\n\n### Shared WebGL surfaces\n\n`simple-liquid-glass/webgl` exports the framework-independent `createWebGLSurface(element,\noutput, backdrop, options, onStatus)` engine and its TypeScript types. It accepts a displacement\nmap URI, scale, dispersion, radius, blur and saturation; the output holder can be CSS-masked.\n`additiveDispersion` and `neutralPoint` support glyph maps. The returned surface exposes\n`update(options)`, `refresh()` and `destroy()`. This is the canonical engine used by\n`simple-liquid-text`, including overscroll tracking and background capture lifecycle.\n","readmeFilename":"README.md"}