{"_id":"@braedencrankd/alpine-motion","_rev":"18-f640c3449ec54280c4041fe5f3d620f4","name":"@braedencrankd/alpine-motion","dist-tags":{"latest":"0.4.0"},"versions":{"0.1.0":{"name":"@braedencrankd/alpine-motion","version":"0.1.0","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.1.0","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"dist":{"shasum":"79633fffe43df1cb80136c8dcb1933d87c9dc99d","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.1.0.tgz","fileCount":4,"integrity":"sha512-tJH+fzax5vtwwgtFujCn8MYSLw0k6gEwHRmv3tFLL0TjW/BmpqQDoBA+JkidUVVFyTSUMoqmayARr10yS03YFA==","signatures":[{"sig":"MEQCIGN/esNzDP6R4Jk4lc0g/cXUd7i8G6DKIHZQaTso6hGnAiA5xtJe3USD0smo2GGXhkLpqxdV4H65JOLTI1vNxSj4SA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8616},"main":"src/index.js","gitHead":"f2f84723bc134066a67bf7f3d8426966c8042614","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"motion":"^10.16.4"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.1.0_1704838506224_0.14391599493812812","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@braedencrankd/alpine-motion","version":"0.1.1","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.1.1","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"fe6db3d08243302969613f47ff4256b28b1baa1d","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.1.1.tgz","fileCount":4,"integrity":"sha512-QF5AZUQHMcY2uYMV+vEJwjN8HPnk9/zn+1tWhnAGBvbkUftNhaGZY4yXcv8O+ea8AdJL4uKs0kC+2s/Q1Dv7Ag==","signatures":[{"sig":"MEUCICHyYEig6wRU6TnKHJ6TmIy1Nqte9XxzkN/BSyc4BsWJAiEA3Fw7V8QnNbcfKxRDABHFeeKgf9SOcHdlXRt3cPs7La4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8799},"main":"src/index.js","gitHead":"dac0da0f4bbc6543d92d87fe924c7d34f58228a6","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"motion":"^10.16.4"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.1.1_1704919063598_0.5268912354975184","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@braedencrankd/alpine-motion","version":"0.1.2","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.1.2","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"f407ec12947e2a56b18ce56817840626df17c076","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.1.2.tgz","fileCount":4,"integrity":"sha512-dDU0hj8DYa33HA+nwGZfMVYPPi/gD68WAj6LUTP6/fGYZD3qUr9ecDHbZ0+c0B5bM6dcF+pBTS0k6dVYVYZVAQ==","signatures":[{"sig":"MEUCIHZpAYXJJxjG7huFPnpZAvAzjY8D8Yn+UbFXD8YZih7bAiEA5tkKvPn8okXNtBC7GFEeRSoH5UprNs+sp1+yEOr08eI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10207},"main":"src/index.js","gitHead":"dc2144392319f333d7ed00d077031b67a81ccfad","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"motion":"^10.16.4"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.1.2_1704924978966_0.3625548597984627","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@braedencrankd/alpine-motion","version":"0.1.3","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.1.3","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"12ef134c17a802ea00fba89a43b06f6765cc6dc2","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.1.3.tgz","fileCount":4,"integrity":"sha512-gohlw5f3sIuIryBha+Br4nIEDdd0OWlHc8/0YhQKM+Kifjx44fvIbOMLkEJtx0f0m6fB8oUXgzE0yl5uS7b/bA==","signatures":[{"sig":"MEYCIQDa5/m9kO5TH7dPwpU1gR4UNVcUZxkajtuf14UCN7yWNQIhAPTt+5J+20da/g4XeMuDRdY1QGj7m63GRhXB09m65UpG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10924},"main":"src/index.js","gitHead":"9ab6bb36dc967c12bd020eee2c0ef98765addf9b","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"motion":"^10.16.4"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.1.3_1704939650962_0.17523438194626983","host":"s3://npm-registry-packages"}},"0.1.4":{"name":"@braedencrankd/alpine-motion","version":"0.1.4","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.1.4","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"3d108f88294089c5a9d586ef64634e65cb6dea4b","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.1.4.tgz","fileCount":4,"integrity":"sha512-tMs5nUY7Dx0+Ocqt50IsH0TZCRK28WsRuSqvcwh1gt8WO8AJn2xfDPT1B3OUQ9Whz6g9c5PaDHHEDk1HSvB7Ng==","signatures":[{"sig":"MEQCIAk9NJyhwomAmUyt5E+kwPIh53n4qY/Txm+QkrkZlp6AAiAS6PyMWhWAPnhlFojFRUmqZXH8UEkLC6VhGES979VJmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10989},"main":"src/index.js","gitHead":"7d8ae726263ba9080ef6b527b6b05e10d8bb3817","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.2.3","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"18.19.0","dependencies":{"motion":"^10.16.4"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.1.4_1704942730764_0.7301458852417348","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@braedencrankd/alpine-motion","version":"0.2.0","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.2.0","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"7c23662024892d36e41d1ff26677ba12cad25410","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.2.0.tgz","fileCount":4,"integrity":"sha512-hXUUkhGzwDHSkVaiziMoqB+GV1Eu73NMmuZO9sHhv8rBZr+STaVsDzCT455ArqITjnZaIwHm+d3hEA+oy1Fvhw==","signatures":[{"sig":"MEUCIGdBm8eceEh+AV2FMAYo3IVN+1o070I2Fp1aBX7cLKuoAiEAy7CLDtEy6OUpqG+TDk7KbGdzXsAUUZZ3bC2KIkkQ4FE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11248},"main":"src/index.js","gitHead":"9c4cb6db504f4f26b18c6dd98e2fd2a156ebf4cc","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"motion":"^10.18.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.2.0_1731877633336_0.5036040703337246","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"@braedencrankd/alpine-motion","version":"0.2.1","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.2.1","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"8b2e7e1ba245b59ef7460c27d0ee8e4b2525bac8","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.2.1.tgz","fileCount":4,"integrity":"sha512-UaHxMD82oQjIyzibojcz3StydYTZ2PvLvYbkb7mL+nN4zYWGFN3adOi2z4rF7deg0WK1gStaPnv3dR23My77jA==","signatures":[{"sig":"MEQCIBzamQwIMg8uoEvcOIhZdjfpENMyDM31/KcXiDdfDTsIAiB2PwWLzfgCKNnqpDD2ShucqqagmpZrFWYVLdJD2WW5Lw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11783},"main":"src/index.js","gitHead":"cfc3ff71164b9f615dd3d137bd4a7eddc81961fd","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"motion":"^10.18.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.2.1_1733964043581_0.9681844117001668","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@braedencrankd/alpine-motion","version":"0.3.0","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.3.0","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"e820b9133919fd390dc7ddb56a20e3dd8c1e4de0","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.3.0.tgz","fileCount":4,"integrity":"sha512-6SaLxMXSJcrhQJemgeMFEXsriTbHaPBpbtvkJMc3768VHrT6GhSyMqBs92tOnQEEf4tA+yY4wtpbbKjs7lW+QQ==","signatures":[{"sig":"MEUCIBTfMSPeC/u1xgZQkhn/xUgf5Nd52rNtIhw4P/51W+IyAiEA2Q9ZVY39TcaYCTOK1n35unh/cu8DaFNPQjv/aJktH3Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12221},"main":"src/index.js","gitHead":"25a0e7c90fdc2cb201c55fc8423663c34bdd30ba","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"motion":"^11.17.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.3.0_1736886814077_0.9962371910869219","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"@braedencrankd/alpine-motion","version":"0.3.1","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.3.1","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"48740c3b6ee7dc0a0bb17e8f879ab9ca7f949a7f","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.3.1.tgz","fileCount":4,"integrity":"sha512-O9YEKmUImYUvuUbHe1O7Nfpn7+FQ1qTm5gsLt4lEepA5NKGSi8KDlFrOWQIkq2zgWxwwrJwy4jSnX9aK8Oxcpw==","signatures":[{"sig":"MEUCIE/jHeYyVxXe9TZ2raWwwU7XSiXfF9GGZgqR9BQ1WrhFAiEAyI+q9xdCpV5o+aLYa6Y7txtGMElMpObRVelm6rfUobY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12370},"main":"src/index.js","gitHead":"6fb4e02cb90c50554e0446f15f7a07852c330ccb","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"motion":"^11.18.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.3.1_1736893065801_0.6795047028743384","host":"s3://npm-registry-packages-npm-production"}},"0.3.2":{"name":"@braedencrankd/alpine-motion","version":"0.3.2","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.3.2","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"3efa10882650d0f15f9cd61aaadee48c88d7b34d","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.3.2.tgz","fileCount":4,"integrity":"sha512-TgTmit8JnJ2iMSKpyFthkufwLEp77uyiQAMCXvcLuiNAf45wdoUWh/PSZ+Yj+Mmsy0GTML3t0FYPqHgEmKM+1A==","signatures":[{"sig":"MEQCIGHTu/C3ycSA7gf7zXvkUJqGE9eqyx/OQUiuyDrVN8nNAiACejuSRzNRiMzN1/+3eYLKmUiuvmfCn+TluHQ0Gr+XVw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12358},"main":"src/index.js","gitHead":"653bcc0362c121e40720113ab54b7b8ee5b5a765","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"motion":"^11.18.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.3.2_1736907769450_0.19799441287154695","host":"s3://npm-registry-packages-npm-production"}},"0.3.3":{"name":"@braedencrankd/alpine-motion","version":"0.3.3","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.3.3","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"466a4db053888849e3b60561d3a238e5ce42530b","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.3.3.tgz","fileCount":4,"integrity":"sha512-f0CeN49aUHiTVhZLCazwkaxlXGwVdpjbxDPzNRdcLtvY4EmL418o0kCwQJcLPNAR/SiocFlVyscuSBfW0Drvpg==","signatures":[{"sig":"MEYCIQCmDKDXaA1c7QjQxoxpeGaOn0POkZmdO2l8m/mf++P//wIhAN+z7+6UtysGhL708hLLFGJ1/LLVcBWY/30u/seImeLy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12663},"main":"src/index.js","gitHead":"2a7b42e61e6b98b87a0e7fbdff841d9ce07ff607","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"motion":"^11.18.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.3.3_1736908452143_0.8092420443335788","host":"s3://npm-registry-packages-npm-production"}},"0.3.4":{"name":"@braedencrankd/alpine-motion","version":"0.3.4","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.3.4","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"86d623ceee4df01df2a7968810daae05d8d8b359","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.3.4.tgz","fileCount":7,"integrity":"sha512-1uqzRpcrqgza8U3A0RiPdmLYxncQrC5YWCO7Yj52+b/ZmzoiSbpV2ryH5p7ac2QJhlIVGBemfPO6qk3QcEV/jQ==","signatures":[{"sig":"MEYCIQDV2wSkxLX+k+b085yxXgM7beOUP+OXc5o58Z2OKmGpZAIhAJ6w37WkEuMpdhjAXWvTNnq4DazEzOXXm9yAsQubdlCZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13580},"main":"src/index.js","gitHead":"4791830a74429619e18820077255fda5ed6ce5f4","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"node scripts/build.js"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"motion":"^11.18.0"},"_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.24.2"},"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.3.4_1737058936172_0.7449873806024649","host":"s3://npm-registry-packages-npm-production"}},"0.3.5":{"name":"@braedencrankd/alpine-motion","version":"0.3.5","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.3.5","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"743c5bd7457e76541dcabc8a9012203c927018d7","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.3.5.tgz","fileCount":9,"integrity":"sha512-choPLV6GrxDr6q6/wjFA3+ZX3RkVt+aaUDUjM1prL02mRlbGhEDJWYwt0c+ZzJT1jOmX7VY6EtTaiFywouco9A==","signatures":[{"sig":"MEQCICFgmA8dO27atKusoZsO1U4epLqqPAVEXV4jRUKr+mNeAiAPQNd2aYLdNuojfzZ2CfCC4Arypfi5rklVSAVZoUWPAw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":143352},"main":"src/index.js","gitHead":"dc366b2079f413f473358242f5097678550e7550","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"node scripts/build.js"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"motion":"^11.18.0"},"_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.24.2"},"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.3.5_1737059100373_0.7700045784761405","host":"s3://npm-registry-packages-npm-production"}},"0.3.6":{"name":"@braedencrankd/alpine-motion","version":"0.3.6","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.3.6","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"345e2de269061b57be8b3ccbe6b9df4d73b3bb5c","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.3.6.tgz","fileCount":9,"integrity":"sha512-6Ym4S+2xuB1BSS5FuvI7iac5ZcYFDNN7satTjzablfUgIPZrWWagXvQhNLA17VsX2cA7HUwKToWSGcJgYpyxBg==","signatures":[{"sig":"MEUCIGirCZC0hWCPUYWXCC+reP2kwAW3O6jxHlqNJZgkdH8KAiEAy5aDVTgIUbCH6P2JB5aqAgQ7MDtWNcklc0z/60v873E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144983},"main":"src/index.js","gitHead":"ba63ed22f018984095036fac316ea853e31170c6","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"node scripts/build.js"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"motion":"^11.18.0"},"_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.24.2"},"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.3.6_1737061941413_0.39293507177502907","host":"s3://npm-registry-packages-npm-production"}},"0.3.7":{"name":"@braedencrankd/alpine-motion","version":"0.3.7","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.3.7","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"6756234841ae3f07ac71e33c7a39e30b42599ad4","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.3.7.tgz","fileCount":9,"integrity":"sha512-jLmRapFh42gHMrNPjEL4sBM0TYLImJrBrIm7FY2e8yXbjdD6+Vi/dn81AZF8hELmZus9WjzpRbLRO+r8BgOBfw==","signatures":[{"sig":"MEUCIBLEMYgUrfWT58kHayM8p/2zXDYyz0KpGRWM+tIF9siZAiEA3opXj+hmCmd6kaocCGKkzQFtgaGWxOILLOAeYYfiNfg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144991},"main":"src/index.js","gitHead":"140f9b5946b0946831d493ae23a26bf0536af153","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"node scripts/build.js"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"motion":"^11.18.0"},"_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.24.2"},"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.3.7_1737328429669_0.6264912957781024","host":"s3://npm-registry-packages-npm-production"}},"0.3.8":{"name":"@braedencrankd/alpine-motion","version":"0.3.8","author":{"name":"Braeden Foster"},"license":"ISC","_id":"@braedencrankd/alpine-motion@0.3.8","maintainers":[{"name":"braedencrankd","email":"braeden@crankd.nz"}],"homepage":"https://alpine-motion-examples.vercel.app/","dist":{"shasum":"ad5e3aa1ae2df2539fdd34a51fc66f7e0ba749be","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.3.8.tgz","fileCount":9,"integrity":"sha512-SECDVvaE90sSQluikWMsefnXg9PkmaVjfWF2AyorrM0lfSyVrYcdtxITGWgibHfRC5+w3b8ReK+WDa9FqNCl5g==","signatures":[{"sig":"MEUCIQD8z0QhdHu6+Dd7LGxdjvhgUYT8ShEwx2yGrlFNXauIdgIgUtAJFQHDiq+7QRzBzaVkREPDRXP+JfOI/XT5yUUKuHQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":145103},"main":"src/index.js","gitHead":"aff04044c48813a07f888cd611c61ad46a7e91b9","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"node scripts/build.js"},"_npmUser":{"name":"braedencrankd","email":"braeden@crankd.nz"},"_npmVersion":"10.8.1","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","directories":{},"_nodeVersion":"20.16.0","dependencies":{"motion":"^11.18.0"},"_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.24.2"},"_npmOperationalInternal":{"tmp":"tmp/alpine-motion_0.3.8_1738718279791_0.4491535214876399","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@braedencrankd/alpine-motion","version":"0.4.0","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","homepage":"https://alpine-motion-examples.vercel.app/","main":"src/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"node scripts/build.js"},"author":{"name":"Braeden Foster"},"license":"ISC","dependencies":{"motion":"^12.23.25"},"devDependencies":{"esbuild":"^0.24.2"},"_id":"@braedencrankd/alpine-motion@0.4.0","gitHead":"5b14a2d64e1407413a14526cb425ca86a4007038","_nodeVersion":"24.7.0","_npmVersion":"11.5.1","dist":{"integrity":"sha512-7oj1QySz4NY0gbxJeXId0agOLTj7ssFv8sbscBWn3FBExusbJtyQERM6K2+vFaG3rD1vPGw0687hNhwikaPWUw==","shasum":"9eff59426eee2f7325a840f77ff8146ff4c8e60d","tarball":"https://registry.npmjs.org/@braedencrankd/alpine-motion/-/alpine-motion-0.4.0.tgz","fileCount":9,"unpackedSize":161235,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCPKpwD5SMXfr8C8b5GtOm97TYT3WYe2aMHMK97+t+nGgIgS7w02i2DJ3/Ow1cQlBHgh5IexjEotkRgFIf5ld046Z4="}]},"_npmUser":{"name":"pixelsprout","email":"braedenleefoster@gmail.com"},"directories":{},"maintainers":[{"name":"pixelsprout","email":"braedenleefoster@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/alpine-motion_0.4.0_1764648751928_0.4272222058663666"},"_hasShrinkwrap":false}},"time":{"created":"2024-01-09T22:15:06.133Z","modified":"2025-12-02T04:12:32.316Z","0.1.0":"2024-01-09T22:15:06.366Z","0.1.1":"2024-01-10T20:37:43.733Z","0.1.2":"2024-01-10T22:16:19.140Z","0.1.3":"2024-01-11T02:20:51.114Z","0.1.4":"2024-01-11T03:12:10.895Z","0.2.0":"2024-11-17T21:07:13.525Z","0.2.1":"2024-12-12T00:40:43.749Z","0.3.0":"2025-01-14T20:33:34.236Z","0.3.1":"2025-01-14T22:17:45.962Z","0.3.2":"2025-01-15T02:22:49.621Z","0.3.3":"2025-01-15T02:34:12.310Z","0.3.4":"2025-01-16T20:22:16.415Z","0.3.5":"2025-01-16T20:25:00.549Z","0.3.6":"2025-01-16T21:12:21.622Z","0.3.7":"2025-01-19T23:13:49.868Z","0.3.8":"2025-02-05T01:18:00.016Z","0.4.0":"2025-12-02T04:12:32.112Z"},"author":{"name":"Braeden Foster"},"license":"ISC","homepage":"https://alpine-motion-examples.vercel.app/","description":"An AlpineJS plugin for using the MotionOne API with Alpine Directives","maintainers":[{"name":"pixelsprout","email":"braedenleefoster@gmail.com"}],"readme":"# alpine-motion\n\n![alpine_motion_example](https://github.com/braedencrankd/alpine-motion/assets/99447151/3614613e-998e-46d0-b531-51b075a4127f)\n\n**View the [demo](https://alpine-motion-examples.vercel.app/).**\n\n**DISCLAIMER: This package is still in active development and is not ready for production use. I'm open to any suggestions on improving this package.**\n\n## Resources\n\n- [Motion One](https://motion.dev/)¸\n- [Alpine JS](https://alpinejs.dev/)\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Setup](#setup)\n- [Usage](#usage)\n  - [Using the `x-motion` Directive](#using-the-x-motion-directive)\n  - [Nameless Animations](#nameless-animations)\n  - [Named animation](#named-animation)\n  - [$motion magic ✨](#motion-magic-)\n  - [Reactive Animations 🪄](#reactive-animations-)\n  - [in-view modifier](#in-view-modifier)\n  - [Scroll Triggered Animations 📜](#scroll-triggered-animations-)\n  - [Scroll Triggered Animations with Alpine Magic 🪄](#scroll-triggered-animations-with-alpine-magic-)\n\n## Installation\n\n### With a CDN\n\n```html\n<script\n  defer\n  src=\"https://unpkg.com/@braedencrankd/alpine-motion@latest/dist/alpineMotion.min.js\"\n></script>\n\n<script defer src=\"https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js\"></script>\n```\n\n### With NPM\n\nTo install the \"alpine-motion\" package, you can use npm, pnpm or yarn. Run the following command in your project directory:\n\n```bash\nnpm install @braedencrankd/alpine-motion\n# or\nyarn add @braedencrankd/alpine-motion\n# or\npnpm install @braedencrankd/alpine-motion\n```\n\n## Setup\n\nImport the `alpine-motion` plugin in your project entry point.\n\n```js\nimport alpineMotion from \"alpine-motion\";\nAlpine.plugin(alpineMotion);\n```\n\n## Usage\n\n### Using the `x-motion` Directive\n\nDefine the `x-motion` directive on an element to create a motion animation. The following example will create a motion animation that will rotate the element 90 degrees over 1.5 seconds.\n\n_**Note:** make sure to add the `x-init` or `x-data` directive to the container element to ensure the `x-motion` is initialized when Alpine is loaded._\n\n```html\n<div x-init class=\"container mx-auto mt-10\">\n  <div class=\"flex flex-wrap gap-2 mb-10\">\n    <!-- Playing a named animation -->\n    <button\n      class=\"px-6 py-1.5 rounded bg-gray-200\"\n      @click=\"$motion('box-animation-1').play()\"\n    >\n      Play\n    </button>\n    <!-- Plauing another named animation on the same element -->\n    <button\n      class=\"px-6 py-1.5 rounded bg-gray-200\"\n      @click=\"$motion('box-animation-2').play()\"\n    >\n      Reverse\n    </button>\n  </div>\n  <!-- Defining two different animations on the same element -->\n  <div\n    x-motion=\"{\n      'box-animation-1': [ { rotate: 90 }, { duration: 1 } ],\n      'box-animation-2': [ { rotate: -90 }, { duration: 1 } ],\n    }\"\n    class=\"w-24 h-24 bg-indigo-500 rounded-lg\"\n  ></div>\n</div>\n```\n\n### Nameless Animations\n\nThe simplist way to declare animations is by creating nameless animation using the `x-motion` directive. Nameless animations are run when the animated element is visible in the viewport.\n\n```html\n<div x-motion=\"{ rotate: 90 }, { duration: 1.5 }\">...</div>\n```\n\n### Named animation\n\nThe alternative method of declaring animations is by creating named animations. This is where you can delcare one or more animations in `x-motion` directive expressions where the name is the key for each animation.\n\n```html\n<div\n  id=\"test-1\"\n  x-motion=\"{\n  'animation-one': [ {x: 100} , { duration: 0.5 } ],\n}\"\n  class=\"mt-10 w-24 h-24 bg-teal-400 rounded-lg\"\n></div>\n```\n\nThe benefit of this syntax is that these animations get put in an Alpine Store where you can run the animations at any point.\n\n### $motion magic ✨\n\nThe `$motion` alpine magic is used for getting and executing stored animations.\n\n```html\n<button\n  class=\"px-4 py-2 font-bold text-white bg-blue-500 rounded hover:bg-blue-700\"\n  @click=\"$motion('box-animation-1').play()\"\n>\n  Play\n</button>\n```\n\n### Reactive Animations 🪄\n\nHere we are updating the the `currentRotationPos` variable when the buttons are clicked. Because this value is being used in the animation, the animation will run with the updated value.\n\n```html\n<div x-data=\"{currentRotationPos: 0}\">\n  <div class=\"flex flex-wrap gap-2 mb-6\">\n    <button class=\"px-6 py-1.5 rounded\" @click=\"currentRotationPos += 90;\">\n      +90\n    </button>\n    <button class=\"px-6 py-1.5 rounded\" @click=\"currentRotationPos -= 90;\">\n      -90\n    </button>\n  </div>\n\n  <div\n    x-motion=\"{ rotate: currentRotationPos }, { duration: 1.5 }\"\n    class=\"w-24 h-24 bg-indigo-500 rounded-lg\"\n  ></div>\n</div>\n```\n\n### in-view modifier\n\nThe `in-view` modifier is used to trigger animations when the element is in the viewport.\n\n```html\n<div\n  x-motion.in-view=\"{\n  'in-view-animation': [ { rotate: 90 }, { duration: 1 } ],\n}\"\n>\n  ...\n</div>\n```\n\n### Scroll Triggered Animations 📜\n\nBasic scroll triggered animations are created by adding the `scroll` modifier to the `x-motion` directive.\n\n```html\n<div x-motion.scroll=\"{ rotate: 90 }\">...</div>\n```\n\nIf you need to localize where the scroll starts and stops you can define the `scrollTarget` and `scrollContainer` options.\n\n```html\n<div\n  x-motion.scroll=\"{ rotate: 90 }, { scrollTarget: '#scroll-container', scrollContainer: '#scroll-container' }\"\n>\n  ...\n</div>\n```\n\n### Scroll Triggered Animations with Alpine Magic 🪄\n\nYou can also use Alpine Magic to trigger scroll triggered animations.\n\n```html\n<div x-init=\"$nextTick(() => $scroll('scroll-animation'))\">\n  <div\n    x-motion=\"{\n      'scroll-animation': [ { rotate: 90 } ],\n    }\"\n  >\n    ...\n  </div>\n</div>\n```\n","readmeFilename":"readme.md"}