{"_id":"@aslanonur/liquid-glass-vue","_rev":"8-8748f9982742ee2ebfe218f0c1ce149f","name":"@aslanonur/liquid-glass-vue","dist-tags":{"latest":"1.1.3"},"versions":{"1.0.0":{"name":"@aslanonur/liquid-glass-vue","version":"1.0.0","keywords":["vue","vue3","nuxt","nuxt3","component","library","typescript","liquid-glass","apple","glass-effect","glassmorphism","displacement-mapping","chromatic-aberration","svg-filters","ui-component"],"author":{"name":"Liquid Glass Vue Team"},"license":"MIT","_id":"@aslanonur/liquid-glass-vue@1.0.0","maintainers":[{"name":"aslanonur","email":"aslanon.tr@gmail.com"}],"homepage":"https://github.com/aslanonur/liquid-glass-vue#readme","bugs":{"url":"https://github.com/aslanonur/liquid-glass-vue/issues"},"dist":{"shasum":"1ab8633514e80ee8454c0babe39b2cbe28de5967","tarball":"https://registry.npmjs.org/@aslanonur/liquid-glass-vue/-/liquid-glass-vue-1.0.0.tgz","fileCount":11,"integrity":"sha512-uX0AsXsGNPvoXpqts9QAbIw4G3uS7UdYxVztsK3V+RiFDdEmGO7Mv0AcagbcCWYyY7W+oZUSBnCjvk3yoqiDmg==","signatures":[{"sig":"MEUCIAWgGHXjwJk7uWE2qRELbQ/nexHkvbKsUODcmgUrITn9AiEA/YnbY+ufrq0ppZ6+rQ+socoIf+1MF3/Gvk8uixHcpQU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":85035},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"gitHead":"dc2e0928a588695cba11585073441b9ffd25b5a7","private":false,"scripts":{"dev":"nuxt dev","build":"nuxt build","preview":"nuxt preview","generate":"nuxt generate","build:lib":"vite build","postinstall":"nuxt prepare","prepublishOnly":"npm run build:lib"},"_npmUser":{"name":"aslanonur","email":"aslanon.tr@gmail.com"},"repository":{"url":"git+https://github.com/aslanonur/liquid-glass-vue.git","type":"git"},"_npmVersion":"10.2.3","description":"Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.","directories":{},"_nodeVersion":"20.10.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"vue":"latest","nuxt":"^3.15.0","vite":"^6.0.0","postcss":"^8.5.1","vue-tsc":"^1.8.0","typescript":"^5.0.0","vue-router":"latest","@types/node":"^20.0.0","tailwindcss":"^3.4.17","autoprefixer":"^10.4.20","@nuxt/devtools":"latest","lucide-vue-next":"^0.468.0","vite-plugin-dts":"^3.0.0","@vitejs/plugin-vue":"^5.0.0","@nuxtjs/tailwindcss":"^6.12.2"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-vue_1.0.0_1749650893120_0.05683525697465042","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@aslanonur/liquid-glass-vue","version":"1.0.1","keywords":["vue","vue3","nuxt","nuxt3","component","library","typescript","liquid-glass","apple","glass-effect","glassmorphism","displacement-mapping","chromatic-aberration","svg-filters","ui-component"],"author":{"name":"Liquid Glass Vue Team"},"license":"MIT","_id":"@aslanonur/liquid-glass-vue@1.0.1","maintainers":[{"name":"aslanonur","email":"aslanon.tr@gmail.com"}],"homepage":"https://github.com/aslanon/liquid-glass-vue#readme","bugs":{"url":"https://github.com/aslanon/liquid-glass-vue/issues"},"dist":{"shasum":"f9759aa5aa02ee925256d24dae88d7f631221b3f","tarball":"https://registry.npmjs.org/@aslanonur/liquid-glass-vue/-/liquid-glass-vue-1.0.1.tgz","fileCount":11,"integrity":"sha512-Aak3wRR9Vs+A0WDXXk2llgFzzHBRhLC0I8dXA/ZCLw3klV6ljGppPeDW/19HcGaz7TUyqtchtjYe+orMjTgQyw==","signatures":[{"sig":"MEUCIQDZpJSsopA2aSLU0KVajrH2H1+hUnioEEAP6skQ3aP/mAIgANJbIgad35q8VI15VW6qbxWU+CWO4npM0LXMu0vFfMo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":84928},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"gitHead":"ab2d44d2d561a18ec49f8ea66226b6d9ed30a10f","private":false,"scripts":{"dev":"nuxt dev","build":"nuxt build","preview":"nuxt preview","generate":"nuxt generate","build:lib":"vite build","postinstall":"nuxt prepare","prepublishOnly":"npm run build:lib"},"_npmUser":{"name":"aslanonur","email":"aslanon.tr@gmail.com"},"repository":{"url":"git+https://github.com/aslanon/liquid-glass-vue.git","type":"git"},"_npmVersion":"10.2.3","description":"Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.","directories":{},"_nodeVersion":"20.10.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"vue":"latest","nuxt":"^3.15.0","vite":"^6.0.0","postcss":"^8.5.1","vue-tsc":"^1.8.0","typescript":"^5.0.0","vue-router":"latest","@types/node":"^20.0.0","tailwindcss":"^3.4.17","autoprefixer":"^10.4.20","@nuxt/devtools":"latest","lucide-vue-next":"^0.468.0","vite-plugin-dts":"^3.0.0","@vitejs/plugin-vue":"^5.0.0","@nuxtjs/tailwindcss":"^6.12.2"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-vue_1.0.1_1749652121103_0.4373192569272306","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@aslanonur/liquid-glass-vue","version":"1.0.2","keywords":["vue","vue3","nuxt","nuxt3","component","library","typescript","liquid-glass","apple","glass-effect","glassmorphism","displacement-mapping","chromatic-aberration","svg-filters","ui-component"],"author":{"name":"Liquid Glass Vue Team"},"license":"MIT","_id":"@aslanonur/liquid-glass-vue@1.0.2","maintainers":[{"name":"aslanonur","email":"aslanon.tr@gmail.com"}],"homepage":"https://github.com/aslanon/liquid-glass-vue#readme","bugs":{"url":"https://github.com/aslanon/liquid-glass-vue/issues"},"dist":{"shasum":"a84a54cf27123b8add53317b869add8ddbbf21eb","tarball":"https://registry.npmjs.org/@aslanonur/liquid-glass-vue/-/liquid-glass-vue-1.0.2.tgz","fileCount":11,"integrity":"sha512-pU+oZNw60asT1vQfI1dOAdXrDe11DLN5HO8GqArlhqJnMhBfRZW7zyaFI33NdYFpEMlOpR4d7WMndxdRPo1CpA==","signatures":[{"sig":"MEUCIQCejdiBTDTBsdXAmbDp933jM9+5+HmUw5GvdEVZSYvhQgIgb9anZiWZ5gRVbIF/q6C8yyqFEB7ldEUX4yuOp6lfAYs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":84936},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"gitHead":"8f86927865d578e6d3b81c10a2bf7cc92a7647c7","private":false,"scripts":{"dev":"nuxt dev","build":"nuxt build","preview":"nuxt preview","generate":"nuxt generate","build:lib":"vite build","postinstall":"nuxt prepare","prepublishOnly":"npm run build:lib"},"_npmUser":{"name":"aslanonur","email":"aslanon.tr@gmail.com"},"repository":{"url":"git+https://github.com/aslanon/liquid-glass-vue.git","type":"git"},"_npmVersion":"10.2.3","description":"Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.","directories":{},"_nodeVersion":"20.10.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"vue":"latest","nuxt":"^3.15.0","vite":"^6.0.0","postcss":"^8.5.1","vue-tsc":"^1.8.0","typescript":"^5.0.0","vue-router":"latest","@types/node":"^20.0.0","tailwindcss":"^3.4.17","autoprefixer":"^10.4.20","@nuxt/devtools":"latest","lucide-vue-next":"^0.468.0","vite-plugin-dts":"^3.0.0","@vitejs/plugin-vue":"^5.0.0","@nuxtjs/tailwindcss":"^6.12.2"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-vue_1.0.2_1749652815065_0.5595973279585609","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@aslanonur/liquid-glass-vue","version":"1.0.3","keywords":["vue","vue3","nuxt","nuxt3","component","library","typescript","liquid-glass","apple","glass-effect","glassmorphism","displacement-mapping","chromatic-aberration","svg-filters","ui-component"],"author":{"name":"Liquid Glass Vue Team"},"license":"MIT","_id":"@aslanonur/liquid-glass-vue@1.0.3","maintainers":[{"name":"aslanonur","email":"aslanon.tr@gmail.com"}],"homepage":"https://github.com/aslanon/liquid-glass-vue#readme","bugs":{"url":"https://github.com/aslanon/liquid-glass-vue/issues"},"dist":{"shasum":"e163b1041c79a3caf19481cf2d41ae1e9ababc8c","tarball":"https://registry.npmjs.org/@aslanonur/liquid-glass-vue/-/liquid-glass-vue-1.0.3.tgz","fileCount":11,"integrity":"sha512-FGUwxakPn2k96E3SDkNHkl3hb6VIypV5hNiUP54K+uijt3YpiVLkJ9LVTmPrVF6MY3oh9pQJKChNaHgNSQu0ZA==","signatures":[{"sig":"MEQCIHzWKpTsnAxnDTsgQrBMQDR8HB6PKSI5FXhVy0MBO7JHAiBcP06Kai4TCg78emkp3hOX/M9+33lqKHMaajzcH94ryw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":84936},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"gitHead":"770f2d38277f1d70f9f26216815f6d017c2f711e","private":false,"scripts":{"dev":"nuxt dev","build":"nuxt build","preview":"nuxt preview","generate":"nuxt generate","build:lib":"vite build","postinstall":"nuxt prepare","prepublishOnly":"npm run build:lib"},"_npmUser":{"name":"aslanonur","email":"aslanon.tr@gmail.com"},"repository":{"url":"git+https://github.com/aslanon/liquid-glass-vue.git","type":"git"},"_npmVersion":"10.2.3","description":"Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.","directories":{},"_nodeVersion":"20.10.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"vue":"latest","nuxt":"^3.15.0","vite":"^6.0.0","postcss":"^8.5.1","vue-tsc":"^1.8.0","typescript":"^5.0.0","vue-router":"latest","@types/node":"^20.0.0","tailwindcss":"^3.4.17","autoprefixer":"^10.4.20","@nuxt/devtools":"latest","lucide-vue-next":"^0.468.0","vite-plugin-dts":"^3.0.0","@vitejs/plugin-vue":"^5.0.0","@nuxtjs/tailwindcss":"^6.12.2"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-vue_1.0.3_1749653264152_0.3774069965580302","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@aslanonur/liquid-glass-vue","version":"1.1.0","keywords":["vue","vue3","nuxt","nuxt3","component","library","typescript","liquid-glass","apple","glass-effect","glassmorphism","displacement-mapping","chromatic-aberration","svg-filters","ui-component"],"author":{"name":"Liquid Glass Vue Team"},"license":"MIT","_id":"@aslanonur/liquid-glass-vue@1.1.0","maintainers":[{"name":"aslanonur","email":"aslanon.tr@gmail.com"}],"homepage":"https://github.com/aslanon/liquid-glass-vue#readme","bugs":{"url":"https://github.com/aslanon/liquid-glass-vue/issues"},"dist":{"shasum":"db2507282c0da3db2482a1bb35ca0ef7fbc514ff","tarball":"https://registry.npmjs.org/@aslanonur/liquid-glass-vue/-/liquid-glass-vue-1.1.0.tgz","fileCount":11,"integrity":"sha512-r1S8NU1ngefUDlUn3K848ZLmZiGrLgApQAcmXBHVeMZry68Se+fXRdy5JGP8evMm1S5l+Chg40LMMfQzrrQ6tg==","signatures":[{"sig":"MEUCIQDBrXRw2xIs9pD6u2znl+Z2qbqEv1x6ckUCjnBvKgHb3QIgOIqP0+GvygE0V10d+ahNsC/fCQtqBoG5cyEREXAGPZg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":87796},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"gitHead":"e5086f828e2fb49b283db524d2a8ed3482dcc212","private":false,"scripts":{"dev":"nuxt dev","build":"nuxt build","preview":"nuxt preview","generate":"nuxt generate","build:lib":"vite build","postinstall":"nuxt prepare","prepublishOnly":"npm run build:lib"},"_npmUser":{"name":"aslanonur","email":"aslanon.tr@gmail.com"},"repository":{"url":"git+https://github.com/aslanon/liquid-glass-vue.git","type":"git"},"_npmVersion":"10.2.3","description":"Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.","directories":{},"_nodeVersion":"20.10.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"vue":"latest","nuxt":"^3.15.0","vite":"^6.0.0","postcss":"^8.5.1","vue-tsc":"^1.8.0","typescript":"^5.0.0","vue-router":"latest","@types/node":"^20.0.0","tailwindcss":"^3.4.17","autoprefixer":"^10.4.20","@nuxt/devtools":"latest","lucide-vue-next":"^0.468.0","vite-plugin-dts":"^3.0.0","@vitejs/plugin-vue":"^5.0.0","@nuxtjs/tailwindcss":"^6.12.2"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-vue_1.1.0_1749657948545_0.5531513663482672","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@aslanonur/liquid-glass-vue","version":"1.1.1","keywords":["vue","vue3","nuxt","nuxt3","component","library","typescript","liquid-glass","apple","glass-effect","glassmorphism","displacement-mapping","chromatic-aberration","svg-filters","ui-component"],"author":{"name":"Liquid Glass Vue Team"},"license":"MIT","_id":"@aslanonur/liquid-glass-vue@1.1.1","maintainers":[{"name":"aslanonur","email":"aslanon.tr@gmail.com"}],"homepage":"https://github.com/aslanon/liquid-glass-vue#readme","bugs":{"url":"https://github.com/aslanon/liquid-glass-vue/issues"},"dist":{"shasum":"8dfffbba72df8feb3eb8b8bab14e35e483737a7d","tarball":"https://registry.npmjs.org/@aslanonur/liquid-glass-vue/-/liquid-glass-vue-1.1.1.tgz","fileCount":11,"integrity":"sha512-tFHD0/Z0taT4hid4C6uulu9TCnAmV0tT10Tet6mkQll+PSy2wEC6ntHqNaas5ZKzj6Ecn5bcMel0cnLpuSbVBw==","signatures":[{"sig":"MEYCIQDgFPe9FOhg+z+52Dtk17t72XaJvhmJrD527G9FsgpnZwIhAPDfGoqrOFHi/xJfudiAwm+twwkXP1G6DzxaDayWMImg","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":79372},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"gitHead":"3c060dce59a86fc4ad3ca4f7cbc18c4e1c722686","private":false,"scripts":{"dev":"nuxt dev","build":"nuxt build","preview":"nuxt preview","generate":"nuxt generate","build:lib":"vite build","postinstall":"nuxt prepare","prepublishOnly":"npm run build:lib"},"_npmUser":{"name":"aslanonur","email":"aslanon.tr@gmail.com"},"repository":{"url":"git+https://github.com/aslanon/liquid-glass-vue.git","type":"git"},"_npmVersion":"10.2.3","description":"Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.","directories":{},"_nodeVersion":"20.10.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"vue":"latest","nuxt":"^3.15.0","vite":"^6.0.0","postcss":"^8.5.1","vue-tsc":"^1.8.0","typescript":"^5.0.0","vue-router":"latest","@types/node":"^20.0.0","tailwindcss":"^3.4.17","autoprefixer":"^10.4.20","@nuxt/devtools":"latest","lucide-vue-next":"^0.468.0","vite-plugin-dts":"^3.0.0","@vitejs/plugin-vue":"^5.0.0","@nuxtjs/tailwindcss":"^6.12.2"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-vue_1.1.1_1749658161266_0.38920984573029416","host":"s3://npm-registry-packages-npm-production"}},"1.1.2":{"name":"@aslanonur/liquid-glass-vue","version":"1.1.2","keywords":["vue","vue3","nuxt","nuxt3","component","library","typescript","liquid-glass","apple","glass-effect","glassmorphism","displacement-mapping","chromatic-aberration","svg-filters","ui-component"],"author":{"name":"Liquid Glass Vue Team"},"license":"MIT","_id":"@aslanonur/liquid-glass-vue@1.1.2","maintainers":[{"name":"aslanonur","email":"aslanon.tr@gmail.com"}],"homepage":"https://github.com/aslanon/liquid-glass-vue#readme","bugs":{"url":"https://github.com/aslanon/liquid-glass-vue/issues"},"dist":{"shasum":"33ac1bffc8c2e95130f5afeb70ae4dab7bc77657","tarball":"https://registry.npmjs.org/@aslanonur/liquid-glass-vue/-/liquid-glass-vue-1.1.2.tgz","fileCount":11,"integrity":"sha512-rQ19GHsN9MXrRusZgwH0wTYdmfyaxk92PDev+Buztc8PMv5NchOpogeQhh9YCdUOp3UY1wLaZYabTMek0moXLw==","signatures":[{"sig":"MEUCIC4myiKfuXinVutZq7lXur3kJ/ALyD78NA2ijIrjCYcjAiEA9bhcPJeHZPJk1/tfxt0yANs2qBIqDzrSJ0rQ31gWah8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":79383},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"gitHead":"d69926ae532c651b93d35f5222997e61aca79863","private":false,"scripts":{"dev":"nuxt dev","build":"nuxt build","preview":"nuxt preview","generate":"nuxt generate","build:lib":"vite build","postinstall":"nuxt prepare","prepublishOnly":"npm run build:lib"},"_npmUser":{"name":"aslanonur","email":"aslanon.tr@gmail.com"},"repository":{"url":"git+https://github.com/aslanon/liquid-glass-vue.git","type":"git"},"_npmVersion":"10.2.3","description":"Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.","directories":{},"_nodeVersion":"20.10.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"vue":"latest","nuxt":"^3.15.0","vite":"^6.0.0","postcss":"^8.5.1","vue-tsc":"^1.8.0","typescript":"^5.0.0","vue-router":"latest","@types/node":"^20.0.0","tailwindcss":"^3.4.17","autoprefixer":"^10.4.20","@nuxt/devtools":"latest","lucide-vue-next":"^0.468.0","vite-plugin-dts":"^3.0.0","@vitejs/plugin-vue":"^5.0.0","@nuxtjs/tailwindcss":"^6.12.2"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/liquid-glass-vue_1.1.2_1749681383551_0.49625675083098786","host":"s3://npm-registry-packages-npm-production"}},"1.1.3":{"name":"@aslanonur/liquid-glass-vue","version":"1.1.3","description":"Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.","private":false,"type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/style.css"},"scripts":{"build":"nuxt build","build:lib":"vite build","dev":"nuxt dev","generate":"nuxt generate","preview":"nuxt preview","postinstall":"nuxt prepare","prepublishOnly":"npm run build:lib"},"peerDependencies":{"vue":"^3.0.0"},"dependencies":{},"devDependencies":{"@nuxtjs/tailwindcss":"^6.12.2","@nuxt/devtools":"latest","@types/node":"^20.0.0","@vitejs/plugin-vue":"^5.0.0","autoprefixer":"^10.4.20","lucide-vue-next":"^0.468.0","nuxt":"^3.15.0","postcss":"^8.5.1","tailwindcss":"^3.4.17","typescript":"^5.0.0","vite":"^6.0.0","vite-plugin-dts":"^3.0.0","vue":"latest","vue-router":"latest","vue-tsc":"^1.8.0"},"keywords":["vue","vue3","nuxt","nuxt3","component","library","typescript","liquid-glass","apple","glass-effect","glassmorphism","displacement-mapping","chromatic-aberration","svg-filters","ui-component"],"author":{"name":"Liquid Glass Vue Team"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/aslanon/liquid-glass-vue.git"},"homepage":"https://github.com/aslanon/liquid-glass-vue#readme","bugs":{"url":"https://github.com/aslanon/liquid-glass-vue/issues"},"_id":"@aslanonur/liquid-glass-vue@1.1.3","gitHead":"b2241541123272e1c3ab7211365aca1d72ea4d46","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-3ZzngLwuIPOboL535MLao3Hf28aloQAn0vJ3TvSAoWnJcwma9OcgbR4JfEaH5qExh2O549ZKg+Z5ga+vZf+M4Q==","shasum":"23324fed8f3492ad64f037b52799f84c0741d0bd","tarball":"https://registry.npmjs.org/@aslanonur/liquid-glass-vue/-/liquid-glass-vue-1.1.3.tgz","fileCount":11,"unpackedSize":79383,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHPCuicmkUGKSVV7JvmkwT5jyxy8sk1uc+nWIM8524S5AiEAzU2K67STt5nLLko+h9JUQDk068KW0SqLfHwKXkRH518="}]},"_npmUser":{"name":"aslanonur","email":"aslanon.tr@gmail.com"},"directories":{},"maintainers":[{"name":"aslanonur","email":"aslanon.tr@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/liquid-glass-vue_1.1.3_1749681412456_0.2101336746292899"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-11T14:08:13.009Z","modified":"2025-06-11T22:36:52.856Z","1.0.0":"2025-06-11T14:08:13.330Z","1.0.1":"2025-06-11T14:28:41.333Z","1.0.2":"2025-06-11T14:40:15.252Z","1.0.3":"2025-06-11T14:47:44.337Z","1.1.0":"2025-06-11T16:05:48.730Z","1.1.1":"2025-06-11T16:09:21.446Z","1.1.2":"2025-06-11T22:36:23.754Z","1.1.3":"2025-06-11T22:36:52.666Z"},"bugs":{"url":"https://github.com/aslanon/liquid-glass-vue/issues"},"author":{"name":"Liquid Glass Vue Team"},"license":"MIT","homepage":"https://github.com/aslanon/liquid-glass-vue#readme","keywords":["vue","vue3","nuxt","nuxt3","component","library","typescript","liquid-glass","apple","glass-effect","glassmorphism","displacement-mapping","chromatic-aberration","svg-filters","ui-component"],"repository":{"type":"git","url":"git+https://github.com/aslanon/liquid-glass-vue.git"},"description":"Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.","maintainers":[{"name":"aslanonur","email":"aslanon.tr@gmail.com"}],"readme":"# 🌊 Liquid Glass Vue\n\nApple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.\n\n![Vue 3](https://img.shields.io/badge/Vue-3-4FC08D?style=flat-square&logo=vue.js&logoColor=white)\n![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=flat-square&logo=typescript&logoColor=white)\n![License](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)\n\n## 🌐 Demo\n\n**[🚀 Live Demo](https://aslanon.github.io/liquid-glass-vue/)**\n\n## 🚀 Installation\n\n```bash\nnpm install @aslanonur/liquid-glass-vue\n# or\nyarn add @aslanonur/liquid-glass-vue\n# or\npnpm add @aslanonur/liquid-glass-vue\n```\n\n## 🔗 Links\n\n- **GitHub Repository**: [https://github.com/aslanon/liquid-glass-vue](https://github.com/aslanon/liquid-glass-vue)\n- **NPM Package**: [https://www.npmjs.com/package/@aslanonur/liquid-glass-vue](https://www.npmjs.com/package/@aslanonur/liquid-glass-vue)\n- **Issues**: [https://github.com/aslanon/liquid-glass-vue/issues](https://github.com/aslanon/liquid-glass-vue/issues)\n\n## 📖 Usage\n\n### Basic Usage\n\n```vue\n<template>\n\t<LiquidGlass>\n\t\t<div class=\"p-6\">\n\t\t\t<h2>Your Content</h2>\n\t\t\t<p>This content will have liquid glass effect</p>\n\t\t</div>\n\t</LiquidGlass>\n</template>\n\n<script setup>\nimport { LiquidGlass } from \"@aslanonur/liquid-glass-vue\";\n</script>\n```\n\n### Button Mode\n\n```vue\n<template>\n\t<!-- Clickable Button -->\n\t<LiquidGlass :on-click=\"handleClick\" :elasticity=\"0.8\" padding=\"16px 24px\">\n\t\t<div class=\"flex items-center gap-2\">\n\t\t\t<Icon name=\"arrow-right\" />\n\t\t\t<span>Click Me</span>\n\t\t</div>\n\t</LiquidGlass>\n\n\t<!-- Inline Buttons -->\n\t<div class=\"flex gap-3\">\n\t\t<LiquidGlass\n\t\t\t:on-click=\"() => save()\"\n\t\t\t:corner-radius=\"20\"\n\t\t\tpadding=\"12px 20px\"\n\t\t>\n\t\t\t<span>Save</span>\n\t\t</LiquidGlass>\n\n\t\t<LiquidGlass\n\t\t\t:on-click=\"() => cancel()\"\n\t\t\t:corner-radius=\"20\"\n\t\t\tpadding=\"12px 20px\"\n\t\t>\n\t\t\t<span>Cancel</span>\n\t\t</LiquidGlass>\n\t</div>\n</template>\n\n<script setup>\nimport { LiquidGlass } from \"@aslanonur/liquid-glass-vue\";\n\nconst handleClick = () => {\n\tconsole.log(\"Button clicked!\");\n};\n\nconst save = () => {\n\t// Save logic\n};\n\nconst cancel = () => {\n\t// Cancel logic\n};\n</script>\n```\n\n### With Custom Props\n\n```vue\n<template>\n\t<LiquidGlass\n\t\t:displacement-scale=\"100\"\n\t\t:blur-amount=\"0.5\"\n\t\t:saturation=\"150\"\n\t\t:aberration-intensity=\"3\"\n\t\t:elasticity=\"0.2\"\n\t\t:corner-radius=\"20\"\n\t\t:over-light=\"false\"\n\t\tmode=\"standard\"\n\t>\n\t\t<YourContent />\n\t</LiquidGlass>\n</template>\n\n<script setup>\nimport { LiquidGlass } from \"@aslanonur/liquid-glass-vue\";\n</script>\n```\n\n### Global Mouse Tracking\n\n```vue\n<template>\n\t<div @mousemove=\"updateMousePos\">\n\t\t<LiquidGlass :global-mouse-pos=\"globalMouse\"> Content 1 </LiquidGlass>\n\n\t\t<LiquidGlass :global-mouse-pos=\"globalMouse\"> Content 2 </LiquidGlass>\n\t</div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport { LiquidGlass } from \"@aslanonur/liquid-glass-vue\";\n\nconst globalMouse = ref({ x: 0, y: 0 });\n\nconst updateMousePos = (e) => {\n\tglobalMouse.value = { x: e.clientX, y: e.clientY };\n};\n</script>\n```\n\n## ⚙️ Props\n\n| Prop                  | Type                     | Default       | Description                                 |\n| --------------------- | ------------------------ | ------------- | ------------------------------------------- |\n| `displacementScale`   | `number`                 | `70`          | Displacement effect intensity (0-200)       |\n| `blurAmount`          | `number`                 | `0.0625`      | Background blur amount (0-1)                |\n| `saturation`          | `number`                 | `140`         | Color saturation percentage (100-300)       |\n| `aberrationIntensity` | `number`                 | `2`           | Chromatic aberration intensity (0-20)       |\n| `elasticity`          | `number`                 | `0.15`        | Mouse interaction elasticity (0-1)          |\n| `cornerRadius`        | `number`                 | `999`         | Corner roundness (0-100, 999=fully rounded) |\n| `overLight`           | `boolean`                | `false`       | Dark tint for light backgrounds             |\n| `mode`                | `'standard' \\| 'polar'`  | `'standard'`  | Displacement pattern mode                   |\n| `positioning`         | `'fixed' \\| 'relative'`  | `'relative'`  | Positioning mode (fixed or relative)        |\n| `onClick`             | `() => void`             | `undefined`   | Click handler (enables button mode)         |\n| `globalMousePos`      | `{x: number, y: number}` | `undefined`   | External mouse position                     |\n| `mouseOffset`         | `{x: number, y: number}` | `undefined`   | External mouse offset                       |\n| `mouseContainer`      | `HTMLElement`            | `undefined`   | Mouse tracking container                    |\n| `className`           | `string`                 | `''`          | Additional CSS classes                      |\n| `padding`             | `string`                 | `'24px 32px'` | Internal padding                            |\n| `style`               | `object`                 | `{}`          | Additional style properties                 |\n\n## 🎨 Usage Scenarios\n\n### Dark Background (Normal Glass)\n\n```vue\n<LiquidGlass :over-light=\"false\">\n  <!-- Transparent glass effect for dark backgrounds -->\n</LiquidGlass>\n```\n\n### Light Background (Dark Tint)\n\n```vue\n<LiquidGlass :over-light=\"true\">\n  <!-- Dark glass effect for light backgrounds -->\n</LiquidGlass>\n```\n\n### Button Mode Features\n\nWhen you provide an `onClick` prop, the component automatically enables button mode with:\n\n- **Hover Effects**: Subtle glow and highlight effects on hover\n- **Active States**: Visual feedback when pressed\n- **Cursor Pointer**: Automatic cursor change to indicate clickability\n- **Enhanced Elasticity**: More responsive mouse interactions\n- **Multiple Border Layers**: Advanced visual depth with screen and overlay blend modes\n\n```vue\n<template>\n\t<!-- Button with enhanced effects -->\n\t<LiquidGlass :on-click=\"handleClick\" :elasticity=\"0.8\" :over-light=\"false\">\n\t\t<span>Interactive Button</span>\n\t</LiquidGlass>\n\n\t<!-- Over light button -->\n\t<LiquidGlass :on-click=\"handleClick\" :over-light=\"true\">\n\t\t<span>Over Light Button</span>\n\t</LiquidGlass>\n</template>\n```\n\n### Relative Positioning (Inline Elements)\n\n```vue\n<template>\n\t<div class=\"flex gap-4\">\n\t\t<LiquidGlass positioning=\"relative\" class=\"inline-block\">\n\t\t\t<button>Save</button>\n\t\t</LiquidGlass>\n\n\t\t<LiquidGlass positioning=\"relative\" class=\"inline-block\">\n\t\t\t<button>Cancel</button>\n\t\t</LiquidGlass>\n\t</div>\n</template>\n```\n\n### Fixed Positioning (Overlay Elements)\n\n```vue\n<LiquidGlass\n\tpositioning=\"fixed\"\n\t:style=\"{ top: '50%', left: '50%', zIndex: 50 }\"\n>\n  <!-- Centered overlay content -->\n</LiquidGlass>\n```\n\n## 🛠️ TypeScript Support\n\nThis package includes full TypeScript support with type definitions.\n\n```typescript\nimport type {\n\tLiquidGlassProps,\n\tMousePosition,\n} from \"@aslanonur/liquid-glass-vue\";\n```\n\n## 📄 License\n\nMIT License - see [LICENSE](LICENSE) file for details.\n\n## 🔗 Links\n\n- **GitHub Repository**: [https://github.com/aslanon/liquid-glass-vue](https://github.com/aslanon/liquid-glass-vue)\n- **NPM Package**: [https://www.npmjs.com/package/@aslanonur/liquid-glass-vue](https://www.npmjs.com/package/@aslanonur/liquid-glass-vue)\n- **Issues**: [https://github.com/aslanon/liquid-glass-vue/issues](https://github.com/aslanon/liquid-glass-vue/issues)\n","readmeFilename":"README.md"}