{"_id":"apple-liquid-glass-webgl","_rev":"31-8bd704725a734bb1a8b54cd6756efe83","name":"apple-liquid-glass-webgl","dist-tags":{"latest":"2.5.0"},"versions":{"0.1.0":{"name":"apple-liquid-glass-webgl","version":"0.1.0","license":"MIT","_id":"apple-liquid-glass-webgl@0.1.0","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"0e902aa11ce4d65beaaf58acb2215f956cd56558","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.0.tgz","fileCount":10,"integrity":"sha512-FZYvN41TNwQM9ZYJtBFuBp+2zP5k9NBNQV5vTSpzmUym3KLm0J5CK9fcLmwYRoYus+FWyRibJm5UbpvmUiJmzA==","signatures":[{"sig":"MEUCIQDnmBZCKt3CRX8qkO015ElN2bjzRMu6qpL1Sbv/WRY8LQIgJxzFPHC4oOp+ssRsbMEL3htzyg2/sSDoraWv1Hb8oUE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":61829},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"09dfd2c9755a71d8869ce880cd8f2396913e1965","private":false,"scripts":{"shot":"node tools/shot.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.0_1786304597857_0.6474562482201314","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"apple-liquid-glass-webgl","version":"0.1.1","license":"MIT","_id":"apple-liquid-glass-webgl@0.1.1","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"2e98fb2655e69de0fd1df213083f9192afc08ac3","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.1.tgz","fileCount":14,"integrity":"sha512-UnhnmHrIMrzoS44oJ4ONrHiIHupPJOKnRGmK2CPUkKBmtNtRpV+P1eEvgBm2m5q/kf1x4Z64ZNwRV4SXtU5ihA==","signatures":[{"sig":"MEQCIEnLyj0ZKvCbtMoCoFX5akFiR1TF4NAS1GMuLhqILvo5AiBpv/tY9d7r7bkxRSolqQzohP1CUfamgkns9AJemNglJA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1809859},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"09dfd2c9755a71d8869ce880cd8f2396913e1965","private":false,"scripts":{"shot":"node tools/shot.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.1_1786305093005_0.023740100827646327","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"apple-liquid-glass-webgl","version":"0.1.2","license":"MIT","_id":"apple-liquid-glass-webgl@0.1.2","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"624c8880ccfdcefc814d6b202841badf1bd9d792","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.2.tgz","fileCount":14,"integrity":"sha512-GNW0X0R/zugjxSrtgI8d77NCiBB9oDWSTjhWGNAZWT+LzO4RlUUxj4qiz71N8KXlY+/hY/uXarRNo1gOS5bQGQ==","signatures":[{"sig":"MEUCIHMmpHG1xdU+k+eZod5t8nbwS9URI9C2xkuZW+fmLPLvAiEAu1ywC+MccV8rhaiPiju1Cxm1fPC6l+tLltP+B8PE5Ic=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1423035},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"ebb66c60878337addaebb0e233694804ee8c3564","private":false,"scripts":{"shot":"node tools/shot.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.2_1786305634470_0.01743772899078433","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"apple-liquid-glass-webgl","version":"0.1.3","license":"MIT","_id":"apple-liquid-glass-webgl@0.1.3","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"13836637c796d2121ba931cf75250f387c858808","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.3.tgz","fileCount":14,"integrity":"sha512-MJdqTtYUwZxc221mBck068dAbjFRmRz33F3R2rjeQbKKj+00+YOji5mxDMzt2NKdLxwFyTKPewE8QZyIF3dEZg==","signatures":[{"sig":"MEUCIQDuO6Eofe7lDa4dEZ0nZckqglOehpX91R/EVmN6sO/pVwIgb2Nr1EtYuuf+Cmb+UCtoQZxaUYA6uUVhoCcnJsuUBxg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1423319},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"0eef061b93859e7f7875e2d42cd077bc4fe6cbe8","private":false,"scripts":{"shot":"node tools/shot.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.3_1786306505064_0.5179831747636459","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"apple-liquid-glass-webgl","version":"0.1.4","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@0.1.4","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"424bfd2b0ed80c8fb8e0c662b969f6dc4793730d","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.4.tgz","fileCount":14,"integrity":"sha512-QTODRs6lWhLy4ap7DecUhpfz1L8UEToi0xTCh06A+kM2mUVaKCmdcjSRs9G+HK8WXqJkt2uHRqdq0BqDvyz4iQ==","signatures":[{"sig":"MEUCIDBx7G+j3GYYYJvZl7g759UdYFa81QFDFg8IrthwNPn/AiEA2Pm6ZTHDtmbZUfiUDXH1+9Vj9VcIshlr9D+K63A/UlU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1423471},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"7e6cee687f5786b9ff745cf936de0e4feda280bc","private":false,"scripts":{"shot":"node tools/shot.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.4_1786306733421_0.17604091271404254","host":"s3://npm-registry-packages-npm-production"}},"0.1.5":{"name":"apple-liquid-glass-webgl","version":"0.1.5","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@0.1.5","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"076c438017c3f1bfeda63562beaf7a564670701f","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.5.tgz","fileCount":14,"integrity":"sha512-FRpBB0o4zisMlrA4fnN2jcoSANemV+/JnT5nZ11S35nU0Ote93W6sUWjZ72WdDsKicAYzdGejk4iOXBS1dpSJQ==","signatures":[{"sig":"MEUCIQCuFBAeRQj8pMCWlA/8OMk3aKDOCenEMtzGsDn7r7UJygIgJHncx4fZcKwDhTW2BgmSJe+RdF5mYXU4mN8WJut8xc0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1427654},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"639754d85cbc51f63a4daccd0b720ae32b63a719","private":false,"scripts":{"shot":"node tools/shot.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.5_1786346201543_0.4156335175314194","host":"s3://npm-registry-packages-npm-production"}},"0.1.6":{"name":"apple-liquid-glass-webgl","version":"0.1.6","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@0.1.6","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"d9d8c6a153d4de1c66232f1aad6aabf991dc5e9d","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.6.tgz","fileCount":14,"integrity":"sha512-YwfgGtRDTvEC6g5q8hbZ9kcGHHtqlkgUOza8vp6mUhFvuKISGub7CSR4bCyPILXEROXXoIoWVakvtJr4m2ihlg==","signatures":[{"sig":"MEUCIQDHC2/tzVoD0dh1G4yyci/eCC28p2IQaELHg2SdHHpOYgIgUUql8olLa2MrMLBmNs4JxcbNzW+V0R39NUiQe+6Ji9Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1429026},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"37d72c497c659a3e19dfd1a6f4d91a3f41779543","private":false,"scripts":{"shot":"node tools/shot.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.6_1786350122530_0.8112873589174994","host":"s3://npm-registry-packages-npm-production"}},"0.1.7":{"name":"apple-liquid-glass-webgl","version":"0.1.7","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@0.1.7","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"420152bf60ea5eae1d8b6c076a231e675e01d55f","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.7.tgz","fileCount":15,"integrity":"sha512-HicJQ3rnsHUYgQJQyDh+KtB8Qah5Vsiipg5D96ggYsRWInaI59e50tBx2QmTLd6oHP3iE07k58H5QjXGkPhJ/Q==","signatures":[{"sig":"MEYCIQCq5Y94q48ks6LYY/vpqJBNpM0VMSFUzVVYOeQ4yYehHgIhAP3B6HkScfD5WJLlQp1IEh/pY6b7UegSxMIcmr3IsCQc","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1846944},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"c7fd6af872aa973bc8774a760593b24054324e58","private":false,"scripts":{"shot":"node tools/shot.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.7_1786355230377_0.8305025200210581","host":"s3://npm-registry-packages-npm-production"}},"0.1.8":{"name":"apple-liquid-glass-webgl","version":"0.1.8","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@0.1.8","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"99e17377fc8180894efd211bffcb2aa3e8b1cc6f","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.8.tgz","fileCount":16,"integrity":"sha512-0ZM+PxJWilYlNaZyu999xnVbmihsAkehU1wWPYGCHjfM10rXIIc7mY/x7iUBtBb5fSqtus4p5osuyBCESDyHTQ==","signatures":[{"sig":"MEUCIQDh9w9BmZFsfmy5xd7eEg+m47GuWZ0ij/eIhB2fQePSNQIgEdlckaaeIEJyeNB+9iiXbSTMRvTh+VJw6F/M+zJxbx4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4215842},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"fdd858092e9ba685cdd23d06a0bf3b33dbb8a765","private":false,"scripts":{"shot":"node tools/shot.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.8_1786406514314_0.5139185161635442","host":"s3://npm-registry-packages-npm-production"}},"0.1.9":{"name":"apple-liquid-glass-webgl","version":"0.1.9","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@0.1.9","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"9d94d452a32976045794302a8a6d0fc223af0969","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.9.tgz","fileCount":16,"integrity":"sha512-bxUaBjXoyCEXPenySpwqg4J3j/olOEwMc/hGBbfQCR0XQlCOL1wnsaLYghhfEJlptgiB0X6dUcbo7L8a0vB2EA==","signatures":[{"sig":"MEQCIBQyhTBOSPteHS7844ctum9VXLEvAodxeMulLGQEhK42AiAmHs4X2jJqWXT6HiXrvflBvH/tMK4cD+Ml/MJimSB5rw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4219538},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"fdd858092e9ba685cdd23d06a0bf3b33dbb8a765","private":false,"scripts":{"shot":"node tools/shot.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.9_1786408545273_0.744198198601072","host":"s3://npm-registry-packages-npm-production"}},"0.1.10":{"name":"apple-liquid-glass-webgl","version":"0.1.10","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@0.1.10","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"123001894e3e9bf9f95d090ada86ad9f58542f44","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.10.tgz","fileCount":16,"integrity":"sha512-dqgC9KJIQAcWj5uBtG0RQvkFi5PYY6JBKceFZhF9iedX1nHXxjQ6axQDwx5vlrJ0Q8d2YJWASrtsyt7Cdn1wxA==","signatures":[{"sig":"MEYCIQC73t2x49GdymY7BsZXEKTu8XfrdyhWDJrm6xagkn6lAAIhAKqzzCS5Ydl6QN4KvHvJXvZ5UOsdVSqE62UqDZxkZPL2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4227391},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"10bf546c58c88c58a4d0886cc87f5d31cca97f79","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"node tools/test-live-backdrop.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"10.8.2","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"20.20.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.10_1786414459579_0.044868181647458094","host":"s3://npm-registry-packages-npm-production"}},"0.1.11":{"name":"apple-liquid-glass-webgl","version":"0.1.11","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@0.1.11","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"dist":{"shasum":"217500cf02915f97cd23816c7176ba9ca0b9e1df","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-0.1.11.tgz","fileCount":16,"integrity":"sha512-pRxtj38YB51HTX55tOUwywE51LH54hkJQNWc440YrQn4qmAqIz2EhwoQ0VSHlkZPviIsRB2KC0uumLfMJhBssw==","signatures":[{"sig":"MEQCIAESMNTbT6YdtfNrd2DljhSvelS9Wwa6XPIt96H8RJkxAiBVbXDPMto3sAFD2oB02JbCRKWMjfEEV/YkagLv7rYpGA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4231245},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","exports":{".":"./src/index.js"},"gitHead":"a78f63afb71fb719c32e81435631cf26f1dc228c","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"node tools/test-live-backdrop.mjs","serve":"python3 -m http.server 8765","pack:check":"npm pack --dry-run"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"_npmVersion":"10.8.2","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"_nodeVersion":"20.20.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_0.1.11_1786416646389_0.8433411048529451","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"apple-liquid-glass-webgl","version":"1.0.0","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@1.0.0","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"aaaa12987d80f2fc489863865a9f45b7b47d061d","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-1.0.0.tgz","fileCount":10,"integrity":"sha512-qSDns8NAhYf+vbQzMalHpQxYFV053144aqGdSswPbPol4V2Xs4t7au+74rl6x2DCJ/WoNRPCsT30q9QeNFWEKA==","signatures":[{"sig":"MEQCIGZHllPCpe3tmTNhi5RBvef1X2Ez+SMmWTWPvEGbW2pHAiAtBGYOZS8jwLnXacCYir9xPK/G9aUUINzrJqjM1FT2pQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":396943},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./package.json":"./package.json"},"gitHead":"a78f63afb71fb719c32e81435631cf26f1dc228c","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test \"tests/*.test.mjs\"","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_1.0.0_1786441880127_0.982840406379377","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"apple-liquid-glass-webgl","version":"1.0.1","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@1.0.1","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"eed69ac532d695b2f2102002e4ad5c2bc9b435d3","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-1.0.1.tgz","fileCount":10,"integrity":"sha512-b5hvn4x5nSOd8rEdVQQAKAZ/DX2Xzi0/GaNbXqA7UUo9lKb/vuJygAxrnhfoRrKw4iy5zv15aiu1BPhmQHnD3A==","signatures":[{"sig":"MEUCIGo66D3NyU4Km4MBvUGSQouR9+GMVeThRyR8+at22jQbAiEAr6jvWeY2/LjbRJN8DGQK9uxyMJRQjJSQCq7o8wG1R/Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/apple-liquid-glass-webgl@1.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":399594},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./package.json":"./package.json"},"gitHead":"4bb017664a7cda9c45f05f6079e1a6851105dfcb","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"10.8.2","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_1.0.1_1786468528125_0.716718844428001","host":"s3://npm-registry-packages-npm-production"}},"2.0.1":{"name":"apple-liquid-glass-webgl","version":"2.0.1","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.0.1","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"a8c634b45803fa226f04e7d36c2d82b663a54dce","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.0.1.tgz","fileCount":18,"integrity":"sha512-TUDW6Ji6i4Vvpkf2/kysFRBEC2r2VGYKdzv603mUENaFBRRSR/acZlZ3mpnYirdXtLHKtM82E5UHbCleYAz/ug==","signatures":[{"sig":"MEQCIE81nW/93xZnyQbPN/KcGRvugV+dOqFgbZOhvzvUOu6xAiBVxfRiEW7ip1rPGQ0fEd2qLXXqbZxP50A757A4+AbA9A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1200963},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./package.json":"./package.json"},"gitHead":"6033ded44830e5417e8ffe40f9de83f59a3f79e2","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.0.1_1786729072812_0.9975566194173886","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"name":"apple-liquid-glass-webgl","version":"2.0.2","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.0.2","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"c2644498d219c9f275a902a0afe247650ce8d896","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.0.2.tgz","fileCount":18,"integrity":"sha512-jLoi+TTjAlxEbQYlxCZ2PG99Td6oC39y4ROuaCNuEYo3fl3MAG6Lvfc5XF/UPV86rcADcABvQa9ubIcFKDMIIw==","signatures":[{"sig":"MEUCIQC+xTuNSCr5r9yGvaH0iCkjvjwhQB6Cr7G7xXgaAUynhgIgcue5roG6H5gfUFcrQV2C6X5VoseHxFxhHhdPC6gmfxQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":967316},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./package.json":"./package.json"},"gitHead":"82c3f5c9eca6d070dd025b6f6695a8d9ad4e8af8","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.0.2_1786731459489_0.2401812482581258","host":"s3://npm-registry-packages-npm-production"}},"2.0.3":{"name":"apple-liquid-glass-webgl","version":"2.0.3","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.0.3","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"0ac6ed1f37f7da1ec6ebdb4582a224484c8f60bd","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.0.3.tgz","fileCount":24,"integrity":"sha512-xiNSRvelWBwdJDPQz+RkK0vpdkdX2vF6RO6Y7Jmh9X1V9131DWAC/7cMz0D88ZUNfQT/WMHfpCU4jmjhK4aL5A==","signatures":[{"sig":"MEQCIAEnuKwma6I5nl570hca/Qnj+jE9JigEQ9EXe4bf2SskAiBJIpPnBVCeE9XVwQpVufLGEr2V9KgTUGTs8b9quW96mQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":19411600},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./package.json":"./package.json"},"gitHead":"024b50cb05052a1ce4c65e63cfcf3a1e3639be2f","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.0.3_1786984434160_0.13199656715912123","host":"s3://npm-registry-packages-npm-production"}},"2.0.4":{"name":"apple-liquid-glass-webgl","version":"2.0.4","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.0.4","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"2f02a5b7a8f2b310882b1a39f5eeece29a05236d","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.0.4.tgz","fileCount":24,"integrity":"sha512-8TE2XWmXtIQathhNJlhpYMa0EB82zPk56WF5B4nprMpTEhS6/0XkkUoJLeZX8sWeNwXvwWFhKuddYYvxysWvTA==","signatures":[{"sig":"MEYCIQDuONISsfpAqNvpDJpi9/v9ubs3qn3fPAtODBxLe76D9AIhAOAY+yQMsP/9tMxmle+c7M7scwHYqB+qqg6r+pqTlXRj","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":19411044},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./package.json":"./package.json"},"gitHead":"dd4a19abc6594edbfd796ff37b3ac45bcd5aab48","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.0.4_1786990025480_0.5827133241142655","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"apple-liquid-glass-webgl","version":"2.1.0","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.1.0","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"77d556dbff7c2b80ade6c1c7f974b09bde0f6ad5","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.1.0.tgz","fileCount":20,"integrity":"sha512-cRWOCKcXkTo8KxWzQU6c+C64H/o5kkFQCyJ3vKbWWYZDfb9RYrxSeZnDKS2fWW5XZaf41TntANToc9uxLCam8A==","signatures":[{"sig":"MEYCIQDp7OGZPzv8sORq/Y48pps5NSLQxfZDEh1CC07UfdI29wIhAMc7UODNCxqWyQ7gCJCpyIts85hmXyLmo6wxHYV5bwA5","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47062692},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./package.json":"./package.json"},"gitHead":"89ee9d0ec020a9b14076c63c2c772bda9a1837b3","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.1.0_1787079137928_0.815244102522507","host":"s3://npm-registry-packages-npm-production"}},"2.1.1":{"name":"apple-liquid-glass-webgl","version":"2.1.1","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.1.1","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"4a47cfd8e4dbe2f8a2c137292bee97e2152136ee","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.1.1.tgz","fileCount":20,"integrity":"sha512-HEwOf9CyqYfw9Jm/4w8ZVz74TVFJc57z9qZrcTByZsDqCFC5Sthwxs06wPVe5HcChHpyZtb+TKzYF363u85MLg==","signatures":[{"sig":"MEQCIBvxilbzhwECmwjy4sUHJciMJUKBggEkuEUZ9cBugj0KAiByFWCg/4KuNOE8B7GdBqWBuT2pZtpgoA1w19HsARhZAA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47062751},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./package.json":"./package.json"},"gitHead":"47ed87145830218a5ca89a3158c237cd24b36acf","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.1.1_1787079658751_0.2489223565343044","host":"s3://npm-registry-packages-npm-production"}},"2.1.2":{"name":"apple-liquid-glass-webgl","version":"2.1.2","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.1.2","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"0bb2ec050ff4b93073a53eddd58b6a8d36c51e4b","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.1.2.tgz","fileCount":20,"integrity":"sha512-qFfVFuovC+e1Zbo2L8HHjz9tGQZo5J8xUTNM4XZI0/y8QB5lndWwkAMQTUKlEzXL/j5xjdf/Y0kPdouZH1iwfw==","signatures":[{"sig":"MEYCIQDSkuZ4y2KKRNChSDxFQvkpfcQC/vgaAH5MiJuIhEzBrgIhANRtcxMuG49wfubLs/iRfuUNq7iLfoEgDaIhkFsABr8O","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47062751},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./package.json":"./package.json"},"gitHead":"e8915183ffc212f35fa1426c5386422bb5a26c12","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"11.4.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.1.2_1787114808738_0.09273424765642191","host":"s3://npm-registry-packages-npm-production"}},"2.1.3":{"name":"apple-liquid-glass-webgl","version":"2.1.3","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.1.3","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"0fff52d46a2a103130ee07c5078f1ba79eb8c949","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.1.3.tgz","fileCount":20,"integrity":"sha512-tqkXOj3VRNBzovPBWewW1c+R+0Fzj0Ud4ytoI5P3GLKQWGSHhdMxKgWCref8Tc2GLopU7au7YB/YDVJWVIn8iA==","signatures":[{"sig":"MEUCIQD/YZ1gaSvbbqSGZc0ykTuVSObHWOQhpX7iIiLFwFUXKQIgZ8nWjA1em9b7ODVMGaOGCMN5FEh5aZeUazizf9KYJv0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/apple-liquid-glass-webgl@2.1.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":47063996},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./package.json":"./package.json"},"gitHead":"e75e4acb529eebdb89c5bb591c285a8482e098a6","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"10.8.2","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.1.3_1788150571807_0.3067848569856695","host":"s3://npm-registry-packages-npm-production"}},"2.1.4":{"name":"apple-liquid-glass-webgl","version":"2.1.4","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.1.4","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"fe6150d2f098ffd8125b97f2ed4276b3620774d8","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.1.4.tgz","fileCount":20,"integrity":"sha512-QvpVDAA8HOKt7txrG0yQH2WC/kqMfV0ITAUwSJ0BZL9WjJkiVWqDpu/AQSRqTQLiu2zKk+fhwIzKjXWQvbzAhw==","signatures":[{"sig":"MEUCIEhsoqdj94tNYsFHbhfs2b580NWzXDNsP05BS3XEF8cKAiEAvxNmSp7p3sg+ca+FW9TDZEzlB8wfdKO1VKJhi6LArms=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/apple-liquid-glass-webgl@2.1.4","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":47065160},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./package.json":"./package.json"},"gitHead":"f9a93f3472f05ff6838f79e1a5c308e520aa3057","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"10.8.2","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.1.4_1788410530992_0.6072692732248712","host":"s3://npm-registry-packages-npm-production"}},"2.2.0":{"name":"apple-liquid-glass-webgl","version":"2.2.0","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.2.0","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"55ba7ab83f491e732a02403b3a41069fddcbda71","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.2.0.tgz","fileCount":22,"integrity":"sha512-spcXXW6ob1ZszAb2VOSq2wW/DlK2I8nGCRbxmAovrJ8t7DWR4jRbFt6iA75CtAQWB+KZI/9Xm5ZOQBtejqXHXQ==","signatures":[{"sig":"MEUCIHJGOR99UZxJW23HNhXNz0AigvolQsgIaC/caBM1n0TnAiEAvTZKah/1lO5R65O5d/pvABMbvbYVkKD02YnxfmdweHs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/apple-liquid-glass-webgl@2.2.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":47097337},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./controls":{"types":"./src/controls.d.ts","default":"./src/controls.js"},"./package.json":"./package.json"},"gitHead":"5591374216d9b26811beef7bcb80dc4495683f8f","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"10.8.2","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.2.0_1789111909299_0.8051702643186145","host":"s3://npm-registry-packages-npm-production"}},"2.3.0":{"name":"apple-liquid-glass-webgl","version":"2.3.0","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.3.0","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"f032b4ef8dd74675c4f2eb3ed0d1ab2ea8ab34b5","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.3.0.tgz","fileCount":22,"integrity":"sha512-qkd/tTkhOY1wwB9hfgn/aYlX/89HbFIErEqqIVjIPkRgrqsqVMoaE7LFA0ZRa7YBe3SaKSfQ8w202e90rgsFZA==","signatures":[{"sig":"MEYCIQDK1kWQHaWFCxoK6YI9geNeM1zjmxIJKaZo2UJ7nhupnQIhAM7uk5DwkZa4eHngbP9PtV3GxcMdaLreSK9e3eSYagAg","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/apple-liquid-glass-webgl@2.3.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":2786396},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./dom":{"types":"./src/dom.d.ts","default":"./src/dom.js"},"./controls":{"types":"./src/controls.d.ts","default":"./src/controls.js"},"./package.json":"./package.json"},"gitHead":"19ae0e099164885ac583ce83ae50e6f1ca647e24","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"10.8.2","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.3.0_1789144483166_0.6714511667674719","host":"s3://npm-registry-packages-npm-production"}},"2.4.0":{"name":"apple-liquid-glass-webgl","version":"2.4.0","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.4.0","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"0048c994d4f244eff34508617cbc9fe4b0cb2274","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.4.0.tgz","fileCount":23,"integrity":"sha512-0ig8MNXqjaxj8geFvNw82RGOyAX9fBV66uFBBFHg6rbJJ/XWKKu8K83UVqStgbPIFeKZAQwapGg1ke9UYyCpMg==","signatures":[{"sig":"MEUCIDLIRFGJovIkfEfhoMkyVH2Dlhs2MzsXC2SGS9pPb2i+AiEAlyASqQNEgdH9ZEeZ118BaqIu/NxOPzyPPxfGAwLtGn4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/apple-liquid-glass-webgl@2.4.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":2809099},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./dom":{"types":"./src/dom.d.ts","default":"./src/dom.js"},"./controls":{"types":"./src/controls.d.ts","default":"./src/controls.js"},"./package.json":"./package.json"},"gitHead":"165e139aff57d7239b21f7b061d7117da6a12e62","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"10.8.2","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.4.0_1789151799514_0.9727158577383768","host":"s3://npm-registry-packages-npm-production"}},"2.4.1":{"name":"apple-liquid-glass-webgl","version":"2.4.1","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.4.1","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"5ed17aca6e1fb46832d9174414f9470dfa082477","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.4.1.tgz","fileCount":23,"integrity":"sha512-Vr+YvI2AImbs21/qJI3U4mcg3wJEeA489oxG9pwiyZmW7X0VX+ndFsTwseDZFacPt5Z1oG85O7yXJXhzRQGlzw==","signatures":[{"sig":"MEQCIBmsuiKUPz9AodS15cMG87VcZfW5LS7SMQgczTF4DzEoAiACwR7p+ZIgH0l7e6si1/cNZw7dc0j6rtSYE2zAIyRhxQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/apple-liquid-glass-webgl@2.4.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":2809254},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./dom":{"types":"./src/dom.d.ts","default":"./src/dom.js"},"./controls":{"types":"./src/controls.d.ts","default":"./src/controls.js"},"./package.json":"./package.json"},"gitHead":"957b79a941bfae4a8ba750deaa10cb9f6a5965b4","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"10.8.2","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.4.1_1789163272256_0.6127341235259083","host":"s3://npm-registry-packages-npm-production"}},"2.4.2":{"name":"apple-liquid-glass-webgl","version":"2.4.2","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.4.2","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"e66e02de287df6647da972fa8fca0e0b01138149","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.4.2.tgz","fileCount":23,"integrity":"sha512-wimyAfAhqNr2+w9ZMCIaXyrNtSQdz6GuD8CRVP7V3bD0koUtwgeG7VknWssuURsbeKz4iyGTq3KRdxR9SbiGHg==","signatures":[{"sig":"MEUCIQCERjMBGv5EiJda3vRFfZwvKjoOQGH5EWrkflHAViR7gQIgSg4S5Gys1YP8yeQN035SvKCsaPURtWPhBIsjNulI1o0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/apple-liquid-glass-webgl@2.4.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":2814179},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./dom":{"types":"./src/dom.d.ts","default":"./src/dom.js"},"./controls":{"types":"./src/controls.d.ts","default":"./src/controls.js"},"./package.json":"./package.json"},"gitHead":"5ba40437681aad4699c0e1353062e930f7f1d462","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"10.9.8","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"22.23.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.4.2_1789168645851_0.8480946022222673","host":"s3://npm-registry-packages-npm-production"}},"2.4.3":{"name":"apple-liquid-glass-webgl","version":"2.4.3","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.4.3","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"ed41aa20b2bebf861ad5a4a0c2553005ea3fbe1a","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.4.3.tgz","fileCount":23,"integrity":"sha512-jrdLJ6IAGaBtByrFLK2FXAlSeREKQhOsloFhCSG2DwIK8N1cin5sKBNuWt769jzsunDmX7zAK/M3f5uJiYuB3Q==","signatures":[{"sig":"MEUCIQCnUSl152dUQmzpwDwcK2swd+zIrwNSG3TJC9wt9LeTigIgN0jqabJfina8bgUShd9fw8ut7yHxXZUS/dkmcpTlWqA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/apple-liquid-glass-webgl@2.4.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":2814179},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./dom":{"types":"./src/dom.d.ts","default":"./src/dom.js"},"./controls":{"types":"./src/controls.d.ts","default":"./src/controls.js"},"./package.json":"./package.json"},"gitHead":"503bbf3227afe94efedf3b411cca73fb6e419f95","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"10.9.8","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"22.23.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.4.3_1789241294495_0.27117826677625323","host":"s3://npm-registry-packages-npm-production"}},"2.4.4":{"name":"apple-liquid-glass-webgl","version":"2.4.4","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"license":"MIT","_id":"apple-liquid-glass-webgl@2.4.4","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"dist":{"shasum":"20857fe4e64a169dd4157789c8e18ce54d24cc79","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.4.4.tgz","fileCount":23,"integrity":"sha512-LWlyPSLRjrvmdzggmsIfVkB7YyyK8mSsxYtBs6PSrwdJ3dYUsUrfMAlUj8J0OQJfWsvpJhhAvV/lgfQF496J1A==","signatures":[{"sig":"MEUCICcJ9Pc4eh683BgJaIb1rc5wL2fUPDicxzd02672+B4sAiEAq7E9q8KTOy0mUKKQmK7Hu++eVl2IntcY93aWpD8tOuE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/apple-liquid-glass-webgl@2.4.4","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":2814085},"main":"./src/index.js","type":"module","types":"./src/index.d.ts","module":"./src/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./src/index.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./dom":{"types":"./src/dom.d.ts","default":"./src/dom.js"},"./controls":{"types":"./src/controls.d.ts","default":"./src/controls.js"},"./package.json":"./package.json"},"gitHead":"e014745b1f344c80230a85c718d0f7b8232f622d","private":false,"scripts":{"shot":"node tools/shot.mjs","test":"npm run test:unit && npm run test:browser","serve":"python3 -m http.server 8765","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","pack:check":"npm pack --dry-run","test:visual":"node tools/visual.mjs","test:browser":"node tools/browser-tests.mjs","test:visual:update":"node tools/visual.mjs --update"},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"repository":{"url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git","type":"git"},"_npmVersion":"10.9.8","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","directories":{},"sideEffects":false,"_nodeVersion":"22.23.2","_hasShrinkwrap":false,"devDependencies":{"playwright":"^1.49.0"},"_npmOperationalInternal":{"tmp":"tmp/apple-liquid-glass-webgl_2.4.4_1789283365071_0.06161363409618836","host":"s3://npm-registry-packages-npm-production"}},"2.5.0":{"name":"apple-liquid-glass-webgl","version":"2.5.0","description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"private":false,"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git"},"homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"type":"module","sideEffects":false,"main":"./src/index.js","module":"./src/index.js","types":"./src/main.d.ts","exports":{".":{"types":"./src/main.d.ts","default":"./src/index.js"},"./v2":{"types":"./src/v2.d.ts","default":"./src/v2.js"},"./v1":{"types":"./src/v1.d.ts","default":"./src/v1.js"},"./dom":{"types":"./src/dom.d.ts","default":"./src/dom.js"},"./controls":{"types":"./src/controls.d.ts","default":"./src/controls.js"},"./package.json":"./package.json"},"engines":{"node":">=18"},"scripts":{"test":"npm run test:unit && npm run test:browser","test:unit":"node --test tests/*.test.mjs tools/*.test.mjs","test:browser":"node tools/browser-tests.mjs","test:visual":"node tools/visual.mjs","test:visual:update":"node tools/visual.mjs --update","serve":"python3 -m http.server 8765","shot":"node tools/shot.mjs","pack:check":"npm pack --dry-run"},"devDependencies":{"playwright":"^1.49.0"},"_id":"apple-liquid-glass-webgl@2.5.0","gitHead":"e711ef4a0cca45751177ddf90faddbb319ad1f4d","_nodeVersion":"22.23.2","_npmVersion":"10.9.8","dist":{"integrity":"sha512-4pd2wmONgyHzBTZwXqg+NlSXCreqOEiJpME/6B4NyuKYPMPi/8Ifq+HDQweFBB25FJBMSFOJHKMg73NS8/gl5w==","shasum":"5ebd38fd96474960092b579341f0e7187a97c789","tarball":"https://registry.npmjs.org/apple-liquid-glass-webgl/-/apple-liquid-glass-webgl-2.5.0.tgz","fileCount":26,"unpackedSize":2818148,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/apple-liquid-glass-webgl@2.5.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGBi9UEQYG+vNPVkzM+IRZ+qaUfys6Frlxz0gYk63B9eAiEAsCQ04lUPpopxlwLlfsYafUiQvmJ0BlOlCFf3QDxIRG8="}]},"_npmUser":{"name":"oliverrr2424","email":"houruike6@gmail.com"},"directories":{},"maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/apple-liquid-glass-webgl_2.5.0_1789288210756_0.8268896211222165"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-09T19:43:17.591Z","modified":"2026-09-13T08:30:11.258Z","0.1.0":"2026-08-09T19:43:18.000Z","0.1.1":"2026-08-09T19:51:33.169Z","0.1.2":"2026-08-09T20:00:34.667Z","0.1.3":"2026-08-09T20:15:05.248Z","0.1.4":"2026-08-09T20:18:53.676Z","0.1.5":"2026-08-10T07:16:41.739Z","0.1.6":"2026-08-10T08:22:02.721Z","0.1.7":"2026-08-10T09:47:10.560Z","0.1.8":"2026-08-11T00:01:54.601Z","0.1.9":"2026-08-11T00:35:45.533Z","0.1.10":"2026-08-11T02:14:19.834Z","0.1.11":"2026-08-11T02:50:46.613Z","1.0.0":"2026-08-11T09:51:20.284Z","1.0.1":"2026-08-11T17:15:28.283Z","2.0.1":"2026-08-14T17:37:52.984Z","2.0.2":"2026-08-14T18:17:39.682Z","2.0.3":"2026-08-17T16:33:54.596Z","2.0.4":"2026-08-17T18:07:05.929Z","2.1.0":"2026-08-18T18:52:18.616Z","2.1.1":"2026-08-18T19:00:59.451Z","2.1.2":"2026-08-19T04:46:49.447Z","2.1.3":"2026-08-31T04:29:32.513Z","2.1.4":"2026-09-03T04:42:11.675Z","2.2.0":"2026-09-11T07:31:49.971Z","2.3.0":"2026-09-11T16:34:43.409Z","2.4.0":"2026-09-11T18:36:39.823Z","2.4.1":"2026-09-11T21:47:52.505Z","2.4.2":"2026-09-11T23:17:26.088Z","2.4.3":"2026-09-12T19:28:14.701Z","2.4.4":"2026-09-13T07:09:25.284Z","2.5.0":"2026-09-13T08:30:10.993Z"},"bugs":{"url":"https://github.com/Oliverrr2424/webgl-apple-liquid-glass/issues"},"license":"MIT","homepage":"https://oliverrr2424.github.io/webgl-apple-liquid-glass/","keywords":["webgl2","webgl","liquid-glass","glassmorphism","refraction","canvas","sdf","ui-components"],"repository":{"type":"git","url":"git+https://github.com/Oliverrr2424/webgl-apple-liquid-glass.git"},"description":"Reusable WebGL2 liquid glass surfaces for folders, rectangles, pills, and circles.","maintainers":[{"name":"oliverrr2424","email":"houruike6@gmail.com"}],"readme":"# apple-liquid-glass-webgl\n\nApple-style liquid glass for the web, rendered with WebGL2. Point it at an element and it refracts what is actually behind that element on the page, while it scrolls, resizes and animates.\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/Oliverrr2424/webgl-apple-liquid-glass/main/assets/readme/v2-reel.gif\" alt=\"Four liquid-glass surfaces over a liquid marble backdrop, then over the Earth with the background pre-blur ramped up behind them\" width=\"100%\">\n</p>\n\n<table align=\"center\" width=\"100%\">\n  <tr>\n    <td align=\"center\" width=\"36%\" valign=\"top\">\n      <img src=\"https://raw.githubusercontent.com/Oliverrr2424/webgl-apple-liquid-glass/main/assets/readme/v2-home.gif\" alt=\"Swiping between two iPhone Home screen pages, folders and widgets rendered as liquid glass\" width=\"100%\">\n    </td>\n    <td align=\"center\" width=\"64%\" valign=\"top\">\n      <img src=\"https://raw.githubusercontent.com/Oliverrr2424/webgl-apple-liquid-glass/main/assets/readme/v2-press.gif\" alt=\"Press effects: a selected capsule dragged along its track, a button held until it blooms, a toggle flipped\" width=\"100%\">\n    </td>\n  </tr>\n</table>\n\n[Playground](https://oliverrr2424.github.io/webgl-apple-liquid-glass/) · [Landing page example](examples/landing)\n\n## Install\n\n```bash\nnpm install apple-liquid-glass-webgl\n```\n\n## Quick start\n\n```js\nimport { LiquidGlass } from 'apple-liquid-glass-webgl';\n\nnew LiquidGlass('.navbar');\n```\n\nThat is the whole integration:\n\n- The element keeps its content, layout and events. The glass is drawn behind its children.\n- Shape and corner radius come from its CSS `border-radius`.\n- It follows the element through scrolling, resizing, CSS transitions and JS animation.\n- Without WebGL2 it falls back to `backdrop-filter`. The element gets `data-liquid-glass=\"webgl\"` or `\"fallback\"` for styling.\n\n## What is behind the glass\n\nBrowsers do not let WebGL read page pixels, so the library repaints what is behind the glass itself. The default, `backdrop: 'auto'`, paints the page below the element in CSS paint order, `z-index` included: backgrounds (colors, images, gradients), borders, `<img>`, `<video>`, `<canvas>` and text. A heading that scrolls under a fixed navbar shows up in the glass, aligned with the rest of it. To use something else, say what is behind:\n\n| `backdrop` | Use it for |\n| --- | --- |\n| `'auto'` | the page below the element (default) |\n| `'#hero-video'` or an element | a specific `<img>`, `<video>`, `<canvas>`, or an element's CSS background, where it sits on the page |\n| `'/wallpaper.jpg'` | an image covering the viewport, like a fixed wallpaper |\n| `{ source, fit, position, anchor }` | an image/canvas/video fitted like `object-fit` into `'viewport'`, `'document'` or an element |\n| `(ctx, region) => { … }` | anything else: draw it yourself in page coordinates |\n| `[ … ]` | several of the above, bottom to top |\n\nEverything is registered in page coordinates, so the part of the photo under a card is the part of the photo under that card. Images from another origin have to allow CORS (`<img crossorigin=\"anonymous\">` and a permissive server), or the browser will not let the glass read them. `auto` does not reproduce `::before`/`::after`, shadows, CSS filters, SVG or form controls; add those with a painter (see [Anything auto misses](#anything-auto-misses)).\n\n## Options\n\n```js\nnew LiquidGlass(element, {\n  tint: 0.2,            // milky layer, 0–1.5 (default 0: clear)\n  tintTone: 'dark',     // 'light' (default), 'dark', or 'auto' from the backdrop\n  frost: 0.3,           // blur behind the lens, as a ratio of the short side (default 0)\n  backdrop: 'auto',\n  material: { refraction: 70 },   // partial material, see below\n});\n```\n\n| Option | Default | |\n| --- | --- | --- |\n| `tint`, `tintTone`, `frost`, `opacity` | `0`, `'light'`, `0`, `1` | The look. Use `tintTone: 'dark'` behind white text. |\n| `backdrop` | `'auto'` | See above. |\n| `material` | package default | Partial [material](#material). Unknown keys throw. |\n| `targets` | — | Selector or elements: draw several descendants as glass on one canvas. |\n| `shape`, `radius` | from CSS | `'rect' \\| 'pill' \\| 'circle'`, CSS px. |\n| `live` | `'auto'` | Redraw every frame. `auto` turns itself on while a `<canvas>` below the glass is in view or a `<video>` there is playing, including ones `auto` found for you. |\n| `fallback` | `'css'` | `'css'`, `'none'`, or `(element) => {}`. |\n| `maxDpr` | `2` | Resolution cap. |\n| `zIndex` | `-1` | Glass layer inside the element: behind its content. |\n| `respectReducedTransparency` | `true` | Near-opaque glass under `prefers-reduced-transparency`. |\n\n```js\nconst glass = new LiquidGlass('.card', options);\nawait glass.ready;                 // first frame drawn, images loaded\nglass.update({ tint: 0.4 });       // merge options\nglass.refresh();                   // re-read selectors and repaint\nglass.destroy();                   // restores the element, frees the WebGL context\n\nLiquidGlass.isSupported();         // WebGL2 available\nLiquidGlass.from('.card');         // the instance on an element\nLiquidGlass.refreshAll();          // repaint everything next frame\n```\n\n## Recipes\n\n### Readable text\n\nClear glass over a busy photo is beautiful and unreadable. Give text a body. `tint` ramps in gently, so readable values sit around 0.5–0.8:\n\n```js\nnew LiquidGlass('.panel', { frost: 0.45, tint: 0.5, tintTone: 'light' }); // dark text\nnew LiquidGlass('.toast', { frost: 0.3, tint: 0.7, tintTone: 'dark' });   // white text\n```\n\n### A grid of cards\n\nEach `LiquidGlass` uses one WebGL context, and browsers allow about 16. Put a group on one canvas:\n\n```js\nnew LiquidGlass('.card-grid', { targets: '.card', frost: 0.3, tint: 0.2 });\n```\n\nCards added or removed later are picked up. For per-card looks, pass `targets: [{ element, tint, frost }]`.\n\n### Video, canvas and WebGL backgrounds\n\nA `<video>` or `<canvas>` below the glass is painted by `auto` and redrawn every frame while it plays or animates. To refract only that source, point at it: `backdrop: '#bg-video'`.\n\nA WebGL canvas (three.js, Pixi, …) is cleared after each frame. Create it with `preserveDrawingBuffer: true`, or call `LiquidGlass.refreshAll()` right after you render.\n\n### React, Vue, Svelte\n\nMount after the element exists and destroy on unmount. This is safe under React StrictMode's double mount.\n\n```jsx\nfunction Glass({ options, ...props }) {\n  const ref = useRef(null);\n  useEffect(() => {\n    const glass = new LiquidGlass(ref.current, options);\n    return () => glass.destroy();\n  }, []);\n  return <div ref={ref} {...props} />;\n}\n```\n\n```js\n// Vue\nonMounted(() => { glass = new LiquidGlass(el.value, { tint: 0.2 }); });\nonBeforeUnmount(() => glass.destroy());\n\n// Svelte action: <nav use:liquidGlass={{ tint: 0.2 }}>\nexport const liquidGlass = (node, options) => {\n  const glass = new LiquidGlass(node, options);\n  return { update: (next) => glass.update(next), destroy: () => glass.destroy() };\n};\n```\n\nImporting is safe during server rendering. Construct only in the browser (effects, `onMounted`).\n\n### Anything auto misses\n\nAdd a painter after `'auto'`. Its context is already in page coordinates, so `getBoundingClientRect()` values land where they are on screen. An inline SVG logo, for example:\n\n```js\nconst logo = document.querySelector('svg.logo');\nconst image = new Image();\nimage.onload = () => LiquidGlass.refreshAll();\nimage.src = `data:image/svg+xml,${encodeURIComponent(new XMLSerializer().serializeToString(logo))}`;\n\nnew LiquidGlass('.navbar', {\n  backdrop: ['auto', (ctx) => {\n    const box = logo.getBoundingClientRect();\n    ctx.drawImage(image, box.left, box.top, box.width, box.height);\n  }],\n});\n```\n\n### Changes the page does not announce\n\nScroll, resize, font loading, DOM, class and style changes, and the end of CSS transitions are all picked up, and canvases and playing videos redraw every frame. Content that moves behind the glass *during* a transition or JS animation catches up when it stops; to follow it frame by frame, call `LiquidGlass.refreshAll()` from the animation's update callback.\n\n## Navbar and switch\n\nReady-made controls with the pressed liquid lens, drag, springs, keyboard and ARIA. Size them with CSS; like `LiquidGlass`, they read the page behind them.\n\n```js\nimport { LiquidGlassNavbar, LiquidGlassSwitch } from 'apple-liquid-glass-webgl';\n\nconst nav = new LiquidGlassNavbar('#nav', {        // your CSS: #nav { width: 330px; height: 56px }\n  items: [\n    { value: 'home', label: 'Home' },\n    { value: 'work', label: 'Work', icon: '▣' },\n    { value: 'read', label: 'Read' },\n  ],\n  value: 'home',\n  onChange: (value, index) => router.push(value),\n});\n\nconst toggle = new LiquidGlassSwitch('#dark-mode', { // your CSS: #dark-mode { width: 84px; height: 28px }\n  checked: false,\n  onChange: (checked) => document.documentElement.classList.toggle('dark', checked),\n});\n\nnav.setValue('work');                  // controlled update, no onChange\nnav.setLens({ outerWidth: 0.16 });     // live geometry update\nnav.setTintTone('dark');               // live track + label tone update\ntoggle.setChecked(true, { notify: true });\n```\n\nThe interaction is the playground's Press scene because the scene uses these public controls directly. Pressing blooms the switch knob in place; dragging it across the midpoint changes its state, and clicking the opposite half selects that side on release. Clicking the already-selected half is a no-op. Navbar items use the same select-an-item rule, and Arrow keys, Home/End and Space keep both controls keyboard-accessible. Controls can sit inside a `LiquidGlass` element; they refract its glass.\n\nOptions shared with `LiquidGlass`: `backdrop`, `material`, `live`. The navbar also takes `tint` (track, default `0.86`), `tintTone` (`'dark'` also darkens the selection and turns labels white), `labelColor`, `fontSize` and `lens`. The switch takes `color` for its on state. Both take `disabled` and `ariaLabel`, and dispatch a bubbling `change` event.\n\nControl containers carry `data-liquid-glass=\"webgl\" | \"fallback\"` too, so one CSS rule can style both fallbacks. The control uses its container as the hit target. The switch keeps the playground's flatter 3 : 1 visible-track ratio inside that box, so a taller CSS box does not stretch its glass; without a CSS size the navbar gets 312×72 and the switch 84×28. Leave `overflow` visible and some room around it: the pressed glass grows beyond the track while held.\n\n## Material\n\n`getDefaultMaterial()` returns a fresh copy. Ratios are relative to each surface's short side, so one material works from a 40 px toggle to a 400 px card.\n\n| Group | Key | Default | Meaning |\n| --- | --- | ---: | --- |\n| Transmission | `refraction` | `84` | Body bending strength (0–110) |\n| | `edgeReach` | `0.14` | Edge capture distance / short side. `0` disables capture |\n| | `edgeWidth` | `0.21` | Capture band width / short half-side |\n| | `dispersion` | `2.0` | RGB split, display px |\n| | `frost` | `0` | Pre-blur radius / short side (per-element `frost` overrides) |\n| | `backdropBlur` | `0` | Pre-blur radius in CSS px; combines with `frost` |\n| | `body` | `0.72` | Glass body density |\n| | `absorption` | `0.58` | Path absorption |\n| | `tint` | `0` | Tint opacity (per-element `tint` overrides) |\n| Reflection | `rim` | `0.24` | Edge light |\n| | `reflection` | `0.31` | Backdrop reflection in the rim |\n| | `highlight` | `0.34` | Specular highlight; `0` removes it |\n| | `lightAngle` | `136` | Fallback light direction, degrees |\n| | `echo` | `0.28` | Inner echo |\n| Interface | `hairline` | `0.92` | Contour line strength |\n| | `hairWidth` | `0.52` | Contour line width |\n| | `roundness` | `0.47` | Corner radius / short half-side, when there is no CSS radius |\n\nThe playground edits every value live; **Copy code** gives you the material.\n\n## Canvas renderer\n\n`LiquidGlassWebGL` is the renderer underneath. Use it when you own the canvas and compose the frame yourself: canvas apps, games, WebGL scenes. Coordinates are canvas CSS pixels, and the backdrop is whatever you hand it.\n\n```js\nimport { LiquidGlassWebGL } from 'apple-liquid-glass-webgl';\n\nconst glass = new LiquidGlassWebGL(canvas, { compositeMode: 'overlay' });\nglass.setBackdrop(sceneCanvas);         // canvas/video: live, image: static\nglass.setElements([\n  { id: 'bar', shape: 'pill', x: 100, y: 28, width: 560, height: 66, tint: 0.2 },\n  { id: 'lens', shape: 'circle', x: 300, y: 200, size: 120, pressure: 0.6 },\n]);\nglass.render();\n```\n\n- **Elements:** `{ id, shape: 'rect' | 'pill' | 'circle', x, y, width, height | size, radius, tint, tintTone, frost, opacity, pressure, pressureAxes }`. `pressure` (0–1) squashes what is seen through a held control; `pressureAxes` weights it per axis.\n- **Backdrop:** `setBackdrop(source, { update: 'auto' | 'static' | 'live' })`, `loadBackdrop(url)`, `updateBackdrop()` after you draw into a static source. `compositeMode: 'replace'` (default) paints the backdrop too; `'overlay'` leaves the rest of the canvas transparent.\n- **Frames:** `render()` is a no-op when nothing changed, and `render({ force: true })` always draws. `start()` / `stop()` run a loop for live sources.\n- **Hit testing:** `hitTestEvent(event)`, `hitTest(x, y)` and `distanceAt(x, y)` use the shader's own geometry.\n- Also: `setMaterial(partial)`, `updateElement(id, patch)`, `resize()`, `destroy()`, `onContextLost` / `onContextRestored` (context loss is handled), `effectiveMaterial` (after reduced transparency).\n\n## Limits\n\n- About 16 WebGL contexts per page. A `LiquidGlass` element or switch uses one and a navbar uses two (it has more canvases; the rest are 2D). Group with `targets`.\n- `auto` skips `::before`/`::after`, shadows, filters, SVG and form controls, and draws rotated or scaled text unrotated. Use a painter for those.\n- Scale and translate transforms are followed; rotation is not.\n- Cross-origin images need CORS headers.\n\n## Development\n\n```bash\nnpm install\nnpm run serve             # playground at http://localhost:8765, example at /examples/landing/\nnpm test                  # unit tests + browser pages in headless Chromium\nnpm run test:visual       # golden screenshots; --update to re-record\n```\n\nPushes to `main` run [CI](.github/workflows/ci.yml); [publish-npm.yml](.github/workflows/publish-npm.yml) publishes when `package.json` is ahead of npm.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}