{"_id":"@antinomystudio/adyen-canvas","_rev":"10-9ba39622284e94246ff7017144130138","name":"@antinomystudio/adyen-canvas","dist-tags":{"latest":"0.1.11"},"versions":{"0.1.3":{"name":"@antinomystudio/adyen-canvas","version":"0.1.3","author":{"name":"Antinomy Studio"},"license":"MIT","_id":"@antinomystudio/adyen-canvas@0.1.3","maintainers":[{"name":"baptistebriel","email":"baptiste@antinomy.studio"},{"name":"bolex222","email":"basile@antinomy.studio"},{"name":"antinomy-studio","email":"hi@antinomy.studio"},{"name":"paulbouisset","email":"paul@antinomy.studio"}],"homepage":"https://github.com/antinomystudio/adyen-canvas#readme","bugs":{"url":"https://github.com/antinomystudio/adyen-canvas/issues"},"dist":{"shasum":"0c4ebcba70dcd0285d9877de2d503c3657826b03","tarball":"https://registry.npmjs.org/@antinomystudio/adyen-canvas/-/adyen-canvas-0.1.3.tgz","fileCount":5,"integrity":"sha512-tJqy0vwQtMFXDgJmHjT1Ayf5eatUk9zMQKC6O+NlTYky71VJ/9xblCl5LWPNqye7C669c7whqK8jL8YSf/hh8w==","signatures":[{"sig":"MEYCIQD5We0fadJkSl2QjVc6i+ztbk/FNStCZa9oUiD7Gsj69QIhAMHwwV50DIamEp1iNglfzxsm3HUdtqAkUNBH1oH4fcak","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":113362},"main":"./dist/adyen-canvas.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/adyen-canvas.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/adyen-canvas.es.js","require":"./dist/adyen-canvas.umd.js"}},"gitHead":"4a4db0508e77bade170d89a2441d43c83b154b6d","scripts":{"dev":"vite","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix","build":"vue-tsc --noEmit && vite build","format":"prettier --write \"**/*.{js,jsx,ts,tsx,vue,json,css,scss,md}\"","prepublishOnly":"npm run build"},"_npmUser":{"name":"baptistebriel","email":"baptiste@antinomy.studio"},"deprecated":"This package has been renamed. Please use @antinomystudio/twojs instead.","repository":{"url":"git+https://github.com/antinomystudio/adyen-canvas.git","type":"git"},"_npmVersion":"10.9.4","description":"A Vue 3 component library featuring interactive 3D canvas visualizations","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.5","eslint":"^9.39.2","globals":"^17.0.0","vue-tsc":"^2.1.10","prettier":"^3.7.4","typescript":"^5.7.3","vite-plugin-dts":"^4.3.0","eslint-plugin-vue":"^10.6.2","@vitejs/plugin-vue":"^5.2.1","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","@typescript-eslint/parser":"^8.52.0","@vue/eslint-config-prettier":"^10.2.0","@vue/eslint-config-typescript":"^14.6.0","@typescript-eslint/eslint-plugin":"^8.52.0"},"peerDependencies":{"vue":"^3.5.21","motion-v":"^1.7.1"},"_npmOperationalInternal":{"tmp":"tmp/adyen-canvas_0.1.3_1768218730468_0.48008550777152803","host":"s3://npm-registry-packages-npm-production"}},"0.1.5":{"name":"@antinomystudio/adyen-canvas","version":"0.1.5","author":{"name":"Antinomy Studio"},"license":"MIT","_id":"@antinomystudio/adyen-canvas@0.1.5","maintainers":[{"name":"baptistebriel","email":"baptiste@antinomy.studio"},{"name":"bolex222","email":"basile@antinomy.studio"},{"name":"antinomy-studio","email":"hi@antinomy.studio"},{"name":"paulbouisset","email":"paul@antinomy.studio"}],"homepage":"https://github.com/antinomystudio/adyen-canvas#readme","bugs":{"url":"https://github.com/antinomystudio/adyen-canvas/issues"},"dist":{"shasum":"698b478f5c908ec37b49091e7031c3c227b0d34f","tarball":"https://registry.npmjs.org/@antinomystudio/adyen-canvas/-/adyen-canvas-0.1.5.tgz","fileCount":5,"integrity":"sha512-lAlQKokrIelTjYIZ+xQbSQjZHWlCTD7Lzl4+Z2PCZVBzs2m66ve7S4kj5d8BsN8qaIVPavEdeQI+iwX4UnGmMA==","signatures":[{"sig":"MEYCIQD89KRlMGmunfoygG+llhDzjSDHCyCw6+6VVqJpt2MozQIhAMZKxDRT0xj8VflkjIOv85EvLBgPYcjFtL19KGa9MEIM","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":113362},"main":"./dist/adyen-canvas.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/adyen-canvas.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/adyen-canvas.es.js","require":"./dist/adyen-canvas.umd.js"}},"gitHead":"e222508b9977bf700b881c7910c45b59059ab4f7","scripts":{"dev":"vite","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix","build":"vue-tsc --noEmit && vite build","format":"prettier --write \"**/*.{js,jsx,ts,tsx,vue,json,css,scss,md}\"","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:5516bcc3-5528-4a73-96b2-b222c883f24d"}},"deprecated":"This package has been renamed. Please use @antinomystudio/twojs instead.","repository":{"url":"git+https://github.com/antinomystudio/adyen-canvas.git","type":"git"},"_npmVersion":"11.7.0","description":"A Vue 3 component library featuring interactive 3D canvas visualizations","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.5","eslint":"^9.39.2","globals":"^17.0.0","vue-tsc":"^2.1.10","prettier":"^3.7.4","typescript":"^5.7.3","vite-plugin-dts":"^4.3.0","eslint-plugin-vue":"^10.6.2","@vitejs/plugin-vue":"^5.2.1","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","@typescript-eslint/parser":"^8.52.0","@vue/eslint-config-prettier":"^10.2.0","@vue/eslint-config-typescript":"^14.6.0","@typescript-eslint/eslint-plugin":"^8.52.0"},"peerDependencies":{"vue":"^3.5.21","motion-v":"^1.7.1"},"_npmOperationalInternal":{"tmp":"tmp/adyen-canvas_0.1.5_1768219288510_0.7069458391686603","host":"s3://npm-registry-packages-npm-production"}},"0.1.6":{"name":"@antinomystudio/adyen-canvas","version":"0.1.6","author":{"name":"Antinomy Studio"},"license":"MIT","_id":"@antinomystudio/adyen-canvas@0.1.6","maintainers":[{"name":"baptistebriel","email":"baptiste@antinomy.studio"},{"name":"bolex222","email":"basile@antinomy.studio"},{"name":"antinomy-studio","email":"hi@antinomy.studio"},{"name":"paulbouisset","email":"paul@antinomy.studio"}],"homepage":"https://github.com/antinomystudio/adyen-canvas#readme","bugs":{"url":"https://github.com/antinomystudio/adyen-canvas/issues"},"dist":{"shasum":"689ff2453427f8e4f600cab8d61c4f906f4ced32","tarball":"https://registry.npmjs.org/@antinomystudio/adyen-canvas/-/adyen-canvas-0.1.6.tgz","fileCount":5,"integrity":"sha512-g6Ow8/hMdcfKOGNv94CjX6nCYuZExhLcLU9x8Gaf27MgYNtTUfw0g9jIAp/K//y8FKXkatSSYJqtgNOSkj/FkA==","signatures":[{"sig":"MEQCIDhpakjt3xDhOFE3VXYV8kSmxal+x0hUG08FBaKyix0TAiAzuXbd63o2OBaquYwkIzXsRb1r0y2AproFuEhCHfMLtg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":113361},"main":"./dist/adyen-canvas.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/adyen-canvas.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/adyen-canvas.es.js","require":"./dist/adyen-canvas.umd.js"}},"gitHead":"1c5e216ce8af23454e8649150dece5f6b38929ea","scripts":{"dev":"vite","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix","build":"vue-tsc --noEmit && vite build","format":"prettier --write \"**/*.{js,jsx,ts,tsx,vue,json,css,scss,md}\"","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:5516bcc3-5528-4a73-96b2-b222c883f24d"}},"deprecated":"This package has been renamed. Please use @antinomystudio/twojs instead.","repository":{"url":"git+https://github.com/antinomystudio/adyen-canvas.git","type":"git"},"_npmVersion":"11.7.0","description":"A Vue 3 component library featuring interactive 3D canvas visualizations","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.5","eslint":"^9.39.2","globals":"^17.0.0","vue-tsc":"^2.1.10","prettier":"^3.7.4","typescript":"^5.7.3","vite-plugin-dts":"^4.3.0","eslint-plugin-vue":"^10.6.2","@vitejs/plugin-vue":"^5.2.1","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","@typescript-eslint/parser":"^8.52.0","@vue/eslint-config-prettier":"^10.2.0","@vue/eslint-config-typescript":"^14.6.0","@typescript-eslint/eslint-plugin":"^8.52.0"},"peerDependencies":{"vue":"^3.5.0","motion-v":"^1.7.1"},"_npmOperationalInternal":{"tmp":"tmp/adyen-canvas_0.1.6_1768219951803_0.9159906748116746","host":"s3://npm-registry-packages-npm-production"}},"0.1.8":{"name":"@antinomystudio/adyen-canvas","version":"0.1.8","author":{"name":"Antinomy Studio"},"license":"MIT","_id":"@antinomystudio/adyen-canvas@0.1.8","maintainers":[{"name":"baptistebriel","email":"baptiste@antinomy.studio"},{"name":"bolex222","email":"basile@antinomy.studio"},{"name":"antinomy-studio","email":"hi@antinomy.studio"},{"name":"paulbouisset","email":"paul@antinomy.studio"}],"homepage":"https://github.com/antinomystudio/adyen-canvas#readme","bugs":{"url":"https://github.com/antinomystudio/adyen-canvas/issues"},"dist":{"shasum":"93d8b370d3c41fbbab9f927fd61812f4539a7f22","tarball":"https://registry.npmjs.org/@antinomystudio/adyen-canvas/-/adyen-canvas-0.1.8.tgz","fileCount":5,"integrity":"sha512-FP2A7vP35Qwwj/HreqUO0jaU3CloHcCQhdLGPnlKSSAoVuCTOZJJKMEvIbNzJtOGOJckOcss3R4BbOpPdOUQAg==","signatures":[{"sig":"MEUCIQCAdRNGyihRG0HzQd16V/PSJukdvMePMttjc89Vx6h1LgIgAID733jXKQQhFmQGDLPweIKCzlHBJ88OhlLjj2vRyt8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":113991},"main":"./dist/adyen-canvas.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/adyen-canvas.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/adyen-canvas.es.js","require":"./dist/adyen-canvas.umd.js"}},"gitHead":"fe594f249a44e88091239c485ccda2e02d155c10","scripts":{"dev":"vite","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix","build":"vue-tsc --noEmit && vite build","format":"prettier --write \"**/*.{js,jsx,ts,tsx,vue,json,css,scss,md}\"","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:5516bcc3-5528-4a73-96b2-b222c883f24d"}},"deprecated":"This package has been renamed. Please use @antinomystudio/twojs instead.","repository":{"url":"git+https://github.com/antinomystudio/adyen-canvas.git","type":"git"},"_npmVersion":"11.7.0","description":"A Vue 3 component library featuring interactive 3D canvas visualizations","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.5","eslint":"^9.39.2","globals":"^17.0.0","vue-tsc":"^2.1.10","prettier":"^3.7.4","typescript":"^5.7.3","vite-plugin-dts":"^4.3.0","eslint-plugin-vue":"^10.6.2","@vitejs/plugin-vue":"^5.2.1","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","@typescript-eslint/parser":"^8.52.0","@vue/eslint-config-prettier":"^10.2.0","@vue/eslint-config-typescript":"^14.6.0","@typescript-eslint/eslint-plugin":"^8.52.0"},"peerDependencies":{"vue":"^3.5.0","motion-v":"^1.7.1"},"_npmOperationalInternal":{"tmp":"tmp/adyen-canvas_0.1.8_1768228985344_0.5041122082865594","host":"s3://npm-registry-packages-npm-production"}},"0.1.9":{"name":"@antinomystudio/adyen-canvas","version":"0.1.9","author":{"name":"Antinomy Studio"},"license":"MIT","_id":"@antinomystudio/adyen-canvas@0.1.9","maintainers":[{"name":"baptistebriel","email":"baptiste@antinomy.studio"},{"name":"bolex222","email":"basile@antinomy.studio"},{"name":"antinomy-studio","email":"hi@antinomy.studio"},{"name":"paulbouisset","email":"paul@antinomy.studio"}],"homepage":"https://github.com/antinomystudio/adyen-canvas#readme","bugs":{"url":"https://github.com/antinomystudio/adyen-canvas/issues"},"dist":{"shasum":"46bcf83204050b80958d0026b4bd81b2cd4c3345","tarball":"https://registry.npmjs.org/@antinomystudio/adyen-canvas/-/adyen-canvas-0.1.9.tgz","fileCount":5,"integrity":"sha512-lmLpAtGMyp0e226KybbC6VsvksEbLMCoHuL83qghvDMJAxi3UBo85v3/sY+j3zTjYRZR3dcv6bMu72zX30O7bw==","signatures":[{"sig":"MEUCIQCEgP5+Mn4D2KSbGEin+sxiApWaZyXcuSeJdG585FtS3gIgd+PtuZ6uqn814Fj1sEdav79jVNM8d+ddvrNf8aHdTjY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":113985},"main":"./dist/adyen-canvas.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/adyen-canvas.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/adyen-canvas.es.js","require":"./dist/adyen-canvas.umd.js"}},"gitHead":"0a6753fb5a9b209e7a6ed8d96184d833cae35bb2","scripts":{"dev":"vite","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix","build":"vue-tsc --noEmit && vite build","format":"prettier --write \"**/*.{js,jsx,ts,tsx,vue,json,css,scss,md}\"","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:5516bcc3-5528-4a73-96b2-b222c883f24d"}},"deprecated":"This package has been renamed. Please use @antinomystudio/twojs instead.","repository":{"url":"git+https://github.com/antinomystudio/adyen-canvas.git","type":"git"},"_npmVersion":"11.7.0","description":"A Vue 3 component library featuring interactive 3D canvas visualizations","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.5","eslint":"^9.39.2","globals":"^17.0.0","vue-tsc":"^2.1.10","prettier":"^3.7.4","typescript":"^5.7.3","vite-plugin-dts":"^4.3.0","eslint-plugin-vue":"^10.6.2","@vitejs/plugin-vue":"^5.2.1","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","@typescript-eslint/parser":"^8.52.0","@vue/eslint-config-prettier":"^10.2.0","@vue/eslint-config-typescript":"^14.6.0","@typescript-eslint/eslint-plugin":"^8.52.0"},"peerDependencies":{"vue":"^3.5.0","motion-v":"^1.7.1"},"_npmOperationalInternal":{"tmp":"tmp/adyen-canvas_0.1.9_1768473522540_0.7640919319832491","host":"s3://npm-registry-packages-npm-production"}},"0.1.11":{"name":"@antinomystudio/adyen-canvas","version":"0.1.11","author":{"name":"Antinomy Studio"},"license":"MIT","_id":"@antinomystudio/adyen-canvas@0.1.11","maintainers":[{"name":"baptistebriel","email":"baptiste@antinomy.studio"},{"name":"bolex222","email":"basile@antinomy.studio"},{"name":"antinomy-studio","email":"hi@antinomy.studio"},{"name":"paulbouisset","email":"paul@antinomy.studio"}],"homepage":"https://github.com/antinomystudio/adyen-canvas#readme","bugs":{"url":"https://github.com/antinomystudio/adyen-canvas/issues"},"dist":{"shasum":"738e793193366832a697ed4dcbe8c442edea148e","tarball":"https://registry.npmjs.org/@antinomystudio/adyen-canvas/-/adyen-canvas-0.1.11.tgz","fileCount":5,"integrity":"sha512-3t2v1fjLnklbB6O5blrORobwJECSDmTslYEbJdXawwJ0FJDS8T6VZwJRXq5G6g4HVZ2Q8SnX0opgGtY3Fsfj3w==","signatures":[{"sig":"MEQCIB5PD9gRzqgZAZudHwNz1PbCRRYlIeeEtS9eAdthJXNWAiAmCq0bN6mSmmDyVwNLKrSbpPg6kyeJ6W0yk2hmKFeAMg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":114342},"main":"./dist/adyen-canvas.umd.js","type":"module","types":"./dist/index.d.ts","module":"./dist/adyen-canvas.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/adyen-canvas.es.js","require":"./dist/adyen-canvas.umd.js"}},"gitHead":"37e36a4bda07ebbb56cd5de9f6a516d1923691c3","scripts":{"dev":"vite","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix","build":"vue-tsc --noEmit && vite build","format":"prettier --write \"**/*.{js,jsx,ts,tsx,vue,json,css,scss,md}\"","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:5516bcc3-5528-4a73-96b2-b222c883f24d"}},"deprecated":"This package has been renamed. Please use @antinomystudio/twojs instead.","repository":{"url":"git+https://github.com/antinomystudio/adyen-canvas.git","type":"git"},"_npmVersion":"11.7.0","description":"A Vue 3 component library featuring interactive 3D canvas visualizations","directories":{},"sideEffects":false,"_nodeVersion":"22.21.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.5","eslint":"^9.39.2","globals":"^17.0.0","vue-tsc":"^2.1.10","prettier":"^3.7.4","typescript":"^5.7.3","vite-plugin-dts":"^4.3.0","eslint-plugin-vue":"^10.6.2","@vitejs/plugin-vue":"^5.2.1","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","@typescript-eslint/parser":"^8.52.0","@vue/eslint-config-prettier":"^10.2.0","@vue/eslint-config-typescript":"^14.6.0","@typescript-eslint/eslint-plugin":"^8.52.0"},"peerDependencies":{"vue":"^3.5.0","motion-v":"^1.7.1"},"_npmOperationalInternal":{"tmp":"tmp/adyen-canvas_0.1.11_1768474757413_0.4380925621314782","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-01-12T11:52:10.341Z","modified":"2026-01-16T11:17:28.446Z","0.1.3":"2026-01-12T11:52:10.609Z","0.1.5":"2026-01-12T12:01:28.699Z","0.1.6":"2026-01-12T12:12:31.928Z","0.1.8":"2026-01-12T14:43:05.481Z","0.1.9":"2026-01-15T10:38:42.716Z","0.1.11":"2026-01-15T10:59:17.648Z"},"bugs":{"url":"https://github.com/antinomystudio/adyen-canvas/issues"},"author":{"name":"Antinomy Studio"},"license":"MIT","homepage":"https://github.com/antinomystudio/adyen-canvas#readme","repository":{"url":"git+https://github.com/antinomystudio/adyen-canvas.git","type":"git"},"description":"A Vue 3 component library featuring interactive 3D canvas visualizations","maintainers":[{"email":"baptiste@antinomy.studio","name":"baptistebriel"}],"readme":"# Adyen Canvas\n\nA Vue 3 component library featuring interactive 3D canvas visualizations.\n\n## Installation\n\n```bash\nnpm install @antinomystudio/adyen-canvas\n```\n\n## Peer Dependencies\n\nThis library requires the following peer dependencies:\n\n```bash\nnpm install vue motion-v\n```\n\n## Components\n\n### EcosystemGraph\n\nAn interactive 3D sphere visualization with rotating circles and particles.\n\n#### Usage\n\n```vue\n<script setup lang=\"ts\">\n  import { ref } from 'vue'\n  import { useScroll } from 'motion-v'\n  import { EcosystemGraph } from '@antinomystudio/adyen-canvas'\n\n  const { scrollYProgress } = useScroll()\n  const current = ref(0) // 0 shows all items, use 1-4 to highlight specific items\n</script>\n\n<template>\n  <EcosystemGraph :scroll-y-progress=\"scrollYProgress\" :current=\"current\" />\n</template>\n```\n\n#### Props\n\n- `scrollYProgress`: `MotionValue<number>` - Motion value for scroll-based rotation (from motion-v)\n- `current`: `number` - Controls which circle/item is currently active (0 shows all items, other values highlight specific items by their itemIndex)\n\n### Particles\n\nAn animated particle field with magnetic interaction effects.\n\n#### Usage\n\n```vue\n<script setup lang=\"ts\">\n  import { Particles } from '@antinomystudio/adyen-canvas'\n</script>\n\n<template>\n  <Particles />\n</template>\n```\n\n## Styling\n\nThe components include internal styles. If you need to customize the canvas container, wrap the components in your own container:\n\n```vue\n<template>\n  <div class=\"my-custom-wrapper\">\n    <Particles />\n  </div>\n</template>\n\n<style scoped>\n  .my-custom-wrapper {\n    width: 100%;\n    height: 80svh;\n  }\n</style>\n```\n\n## Development\n\n### Install Dependencies\n\n```bash\nnpm install\n```\n\n### Build Library\n\n```bash\nnpm run build\n```\n\n### Development Mode\n\n```bash\nnpm run dev\n```\n\n## Releasing Updates\n\nTo publish a new version to npm:\n\n```bash\n# 1. Commit your changes\ngit add .\ngit commit -m \"feat: your changes\"\ngit push\n\n# 2. Bump version (choose one)\nnpm version patch   # Bug fixes: 0.1.0 -> 0.1.1\nnpm version minor   # New features: 0.1.0 -> 0.2.0  \nnpm version major   # Breaking changes: 0.1.0 -> 1.0.0\n\n# 3. Push the tag to trigger automated publishing\ngit push --tags\n```\n\nGitHub Actions will automatically build and publish to npm. Monitor progress at [Actions](https://github.com/antinomystudio/adyen-canvas/actions).\n\n**Note**: The `dist/` folder is built automatically during publishing - never commit it to git.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}