{"_id":"next-transition-router","_rev":"13-dda2d2972c331629ed769f2b209346b2","name":"next-transition-router","dist-tags":{"latest":"0.2.11"},"versions":{"0.1.0":{"name":"next-transition-router","version":"0.1.0","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.1.0","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"6efedc45b23ef404baa8c4cee3003bdbddefc795","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.1.0.tgz","fileCount":5,"integrity":"sha512-WOrgeGvK9v6s/NuFDIRUchzTQxFmmm+g+I10zRu6TULGOavTEVOIniZrE2FHeVyVSMw8wHR9BMpyTxLMK4REfw==","signatures":[{"sig":"MEUCIALg/Ax/vv8J0AWohf3ey9cG/PveGMYnXKh7g6wAomlLAiEAvv653VZB78IrznYsKRrv5/abuzG6U5FYL5Lle5V9kss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15622},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"496db76c7ad6039bb5df9f57ba12c0d588bfd30a","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.7.0","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.1.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":"^14.2.1","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.1.0_1723650968815_0.9853527656450949","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"next-transition-router","version":"0.2.0","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.2.0","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"c00fc9e9dcce4f1dd3d45b24516bc605f7c45b37","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.0.tgz","fileCount":5,"integrity":"sha512-sQ/QwfHKBg9/abr0WBIzZDcbacnBfJ53V7qMzPMYn2wTw2NYGI9nfJ7PTAAS6mE8uf/LETXSUFJIEHme2MtK7A==","signatures":[{"sig":"MEUCIQDezi1FOaYcpspasiw4SgLR2i14ammvuec381NoiYSK7gIgJzrn6RKhS/cBFg15PIWSxMiTBAIlQufkg/RyC4YEUtk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18012},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"2a279b749ebc8002bfaee75b52a6298ed92dc1e0","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.2.4","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.1.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":"^14.2.1","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.2.0_1725389459565_0.5621028824197316","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"next-transition-router","version":"0.2.1","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.2.1","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"a6379c4ac75e8a45c04a8832b75ce01b61fd32ae","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.1.tgz","fileCount":5,"integrity":"sha512-JN4ot4NCJuk7MGs/qKgHgcoVur/n0L1mepAe++QxuV0We/dq+2ScLD4JqLc9eGGYKSUzZgJGLKHHoBSLjFODnQ==","signatures":[{"sig":"MEYCIQDuNl01cXEtQqcBAW+wdNO9HSqF62+otkvKXL+YSh+bZAIhAMEUWEJAJnYO9ajIT9B+6F9HEAJIRBp8Z+we8aw1VZtg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18012},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"da37aa8055f486a3ff9d07f3605587b8b9a70011","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.2.4","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.1.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":"^14.0.0","react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.2.1_1725394045700_0.2001737404234989","host":"s3://npm-registry-packages"}},"0.2.2":{"name":"next-transition-router","version":"0.2.2","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.2.2","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"0a8056b2a12fe1c816aa62ac04b8ee9cdb39a747","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.2.tgz","fileCount":5,"integrity":"sha512-zFpaveUnV1dGTo0OS15PNiXPhWif4GYp1omEHQ+Q3w/Ypm9S66WA0xqxOqGwtyJy0RHJ9XfxtYLPswngvFGRWA==","signatures":[{"sig":"MEYCIQDTb4Y/9uDSuMFzlskXpz8jepftTWJMooCtOxsJA+i/FwIhAJee4JU6UnGSP9A4OEk2vSvNEvBrTmxjb7bAvFDpa2wc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18210},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"13c484990d3ec83b5fe7ba1ac8cfd0fabf1ef7ce","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.8.3","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.9.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":">=14.0.0","react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.2.2_1731550694217_0.59802622779151","host":"s3://npm-registry-packages"}},"0.2.3":{"name":"next-transition-router","version":"0.2.3","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.2.3","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"bdbbb89448ec39597580ee70d00f9c3fbaa4cfcc","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.3.tgz","fileCount":5,"integrity":"sha512-IIDPzHx+a4pmzm1xdFVLEvbnKnInpd7Ohvw0+amaiik3XVvbmuMRJepW8/esE/av4VoK1bQuMY1SZLWyZZ6LTA==","signatures":[{"sig":"MEUCIHWXJM1TvFszu5nT3ZGigHlrRnxubsqDJV21YGRyE5imAiEA/YIXLNBhyfa6IBYY0ug0WJPI/Li2/xHx3D8o7zpHmds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18715},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"2fe6884324e947f8ac71de383bb6591f4cf57769","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.8.3","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.9.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":">=14.0.0","react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.2.3_1731956459454_0.9879075073721195","host":"s3://npm-registry-packages"}},"0.2.4":{"name":"next-transition-router","version":"0.2.4","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.2.4","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"d200f816edb629375d8114794297a38209a0e4f2","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.4.tgz","fileCount":5,"integrity":"sha512-ZWgarp4fY6GFZczUWZWoYlLHpd85MeLPzeGXJiolM3/sPSaOlJ6vmeOPqlih6J4X3AWkB1A1XvTU2o799gqVeg==","signatures":[{"sig":"MEYCIQCngQF07/BcoTKfRxHmoy7AW6w+BHdxQg8zK3OtB0ETnQIhAPbgQCcHoQoH3MJMl+iWvvYViDxVAXSgFUDqG11b1EZ/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18715},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"62fb03b5190cb266d64adc692a51936501062a8a","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.8.3","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.9.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":">=14.0.0","react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.2.4_1732200378491_0.23398902917994313","host":"s3://npm-registry-packages"}},"0.2.5":{"name":"next-transition-router","version":"0.2.5","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.2.5","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"779fe8592e472ff234b46c05a34adf4011c93597","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.5.tgz","fileCount":5,"integrity":"sha512-vqk3M1oY89TkMrzEf4A25/o/LD8o5FWy2WWBV+7mEb8pFZ71NA6rpkA2E+CJP/NUVl9+noLdR9+zSD0DDhPSpw==","signatures":[{"sig":"MEYCIQD+iK2+oWZbLeC63MemLasRTCWvc1AW5WnMPFp5FMfBSwIhAOosCmZu5aofDzbxs/wq2/bGnzDU5KL502Vcx4A+YX/P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18687},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"b5a26a56fa7d931321f1dd13396635fde35305f4","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.8.3","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.9.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":">=14.0.0","react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.2.5_1732212008985_0.7773439921449061","host":"s3://npm-registry-packages"}},"0.2.6":{"name":"next-transition-router","version":"0.2.6","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.2.6","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"2ff02ccaa8e942c62facd52b948da7047624ca6e","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.6.tgz","fileCount":5,"integrity":"sha512-0+alW21iMgMBCrENSwWmhj4noLxDG5Vskq5K5tzOsYXN6h5noFSMLjyZmbia3IpBytEagNH8IwIECqJxnKYQtQ==","signatures":[{"sig":"MEUCIHrTJXGqXqsLEwoh/NiFT0d3FgWh41iiZpzxr9iuoGwdAiEAnQmDfzO1qV36aMfu88QWnx7UHKAKA+RBQpZj1sJC1Fc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18871},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"d8a407113fb972abfd0a1170f6c79e3aefd494b5","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.8.3","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.9.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":">=14.0.0","react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.2.6_1733106590643_0.4066728326666711","host":"s3://npm-registry-packages"}},"0.2.7":{"name":"next-transition-router","version":"0.2.7","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.2.7","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"417ce65ea58c868233b1dd6b9ab0d94a700fa8a6","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.7.tgz","fileCount":5,"integrity":"sha512-l8te40iMalx5BEAySZK/2pwdPks0DoRWedJJ6IxhbEQ7UO/yLyeBcr3D3g+qBymP7Tz5Bbg8US5rLxwEibR+fA==","signatures":[{"sig":"MEYCIQCuFho7VRKSmCndxPY0E7ut84UEawR/ZzbBJj1Qn7/rvgIhAKiLCsKTjS4gsLzFMaGqN9PnxXgZaOZcCT9au3BpA8/V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19093},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"3196b103244857d92b1c637a1279b00bf13c7d5c","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.8.3","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.9.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":">=14.0.0","react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.2.7_1735334149676_0.24961973800976445","host":"s3://npm-registry-packages-npm-production"}},"0.2.8":{"name":"next-transition-router","version":"0.2.8","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.2.8","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"5718b1738b5b7c755365e65df40f052f62eba7b6","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.8.tgz","fileCount":5,"integrity":"sha512-6XTd0uPhQYtyQSKchGW8sF6XfAKiqnVedTR6EvzuPOZGLLw/5xAMMAgT8X/0fO0GO+YK2s1NNAiDKdlhA8REPg==","signatures":[{"sig":"MEUCIQCCq+lgAS7WCpD3zUC69YD7hPuy0T5zB5CIBTWxk9e4ggIgfehSG7wCVmTI0FhfLS6sdNmpf4GzSpaJaf+YX759gQA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":19109},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"b6051837bc9b466c59a80167b7b4b41d89d6a461","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.8.3","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.9.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":">=14.0.0","react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.2.8_1740703300003_0.9372276580429273","host":"s3://npm-registry-packages-npm-production"}},"0.2.9":{"name":"next-transition-router","version":"0.2.9","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.2.9","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"08953719c75a00f98c04f6f75b167353dc9b3270","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.9.tgz","fileCount":5,"integrity":"sha512-lRVQi41UJbBTMiTdSVeudt7KY4WVBgAcwKeF912tJBUNMEVujuh8Mc5KweYJ8YtGensoguRioxd/kQVKKqx8Bg==","signatures":[{"sig":"MEUCIQDkQKsc6f/jmA2Av9LvAJyMknbyl4vK0cWXZ6NqpvjazgIgCr03pT0+lNGb8McW8LqsgeU/JGDb/363a0Mx7Z/uO60=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":19212},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"68704a08f5267f9e590a5763adeac5c43cfc7b12","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.8.3","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.9.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":">=14.0.0","react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.2.9_1740705929733_0.5785361485422191","host":"s3://npm-registry-packages-npm-production"}},"0.2.10":{"name":"next-transition-router","version":"0.2.10","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"url":"https://isma.uy","name":"Ismael Martínez","email":"hola@isma.uy"},"license":"MIT","_id":"next-transition-router@0.2.10","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"homepage":"https://next-transition-router.vercel.app","dist":{"shasum":"53911c6b2bf9d7f7ee8675548ef1548d99aa805f","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.10.tgz","fileCount":5,"integrity":"sha512-4q00Y5exD47l6j4XEe7a3zjqM3ntaxweH4vdFOvZIq0oxa5YoYvl1mWJqptDryEMjeEgBbqqXi0WrUgV8SzEtg==","signatures":[{"sig":"MEUCIQDnt+Gb9cZ/iduPu6K5z51nfr55spzU4ab+RtcD5tn/IAIgXES5dOAeu24lmoriPrpAtAikWFgdywgF29Yasl3kNlA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20456},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":"./dist/index.js","gitHead":"ed0b3af8fe4fe1290e5a9fa04c48703bc58d654e","scripts":{"dev":"bunchee --watch","build":"bunchee"},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"_npmVersion":"10.8.3","description":"Easily add animated transitions between pages using Next.js App Router.","directories":{},"_nodeVersion":"22.9.0","dependencies":{"delegate-it":"^6.1.0"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.1.2","devDependencies":{"next":"latest","react":"^18.2.0","bunchee":"^5.1.2","react-dom":"^18.2.0","typescript":"^5.4.5","@types/react":"^18.2.78"},"peerDependencies":{"next":">=14.0.0","react":">=18.2.0","react-dom":">=18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/next-transition-router_0.2.10_1748896325286_0.489756494478911","host":"s3://npm-registry-packages-npm-production"}},"0.2.11":{"name":"next-transition-router","version":"0.2.11","type":"module","description":"Easily add animated transitions between pages using Next.js App Router.","main":"./dist/index.js","types":"./dist/index.d.ts","exports":"./dist/index.js","scripts":{"build":"bunchee","dev":"bunchee --watch"},"keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"author":{"name":"Ismael Martínez","email":"hola@isma.uy","url":"https://isma.uy"},"homepage":"https://next-transition-router.vercel.app","license":"MIT","dependencies":{"delegate-it":"^6.1.0"},"devDependencies":{"@types/react":"^18.2.78","bunchee":"^5.1.2","next":"latest","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.4.5"},"peerDependencies":{"next":">=14.0.0","react":">=18.2.0","react-dom":">=18.2.0"},"packageManager":"pnpm@9.1.2","_id":"next-transition-router@0.2.11","gitHead":"1e0811f60b8090b78ac63adf7f7cf1da5e452693","_nodeVersion":"22.9.0","_npmVersion":"10.8.3","dist":{"integrity":"sha512-jQwogg1CwfUHKRT9fCNEtsQ6Nl8Vpm0ipXcwkn50GM2WfFzkP1MT6tDuHbLq2HLqUabPQe+crvb6yVm8iJz3ng==","shasum":"8c03658d8bc5a35d4e0662f8688f1e346fbbf4d6","tarball":"https://registry.npmjs.org/next-transition-router/-/next-transition-router-0.2.11.tgz","fileCount":5,"unpackedSize":20456,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCpcGkSuuYgz4g203ww8NxCiOZVrN8R46+FgKnyNdq+vgIgcAgYUl1pFmyIT9gmQv7BK+MwgzbvKPKNwQiVU0PwcTQ="}]},"_npmUser":{"name":"ismamz","email":"hola@isma.uy"},"directories":{},"maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/next-transition-router_0.2.11_1748896729823_0.419245688852923"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-14T15:56:08.814Z","modified":"2025-06-02T20:38:50.201Z","0.1.0":"2024-08-14T15:56:08.986Z","0.2.0":"2024-09-03T18:50:59.750Z","0.2.1":"2024-09-03T20:07:25.881Z","0.2.2":"2024-11-14T02:18:14.431Z","0.2.3":"2024-11-18T19:00:59.644Z","0.2.4":"2024-11-21T14:46:18.644Z","0.2.5":"2024-11-21T18:00:09.147Z","0.2.6":"2024-12-02T02:29:50.844Z","0.2.7":"2024-12-27T21:15:49.847Z","0.2.8":"2025-02-28T00:41:40.172Z","0.2.9":"2025-02-28T01:25:29.902Z","0.2.10":"2025-06-02T20:32:05.508Z","0.2.11":"2025-06-02T20:38:50.015Z"},"author":{"name":"Ismael Martínez","email":"hola@isma.uy","url":"https://isma.uy"},"license":"MIT","homepage":"https://next-transition-router.vercel.app","keywords":["next","next.js","page transitions","view transitions","route transitions","app router"],"description":"Easily add animated transitions between pages using Next.js App Router.","maintainers":[{"name":"ismamz","email":"hola@isma.uy"}],"readme":"
\n \"next-transition-router\"\n

next-transition-router

\n
\n\nEasily add animated transitions between pages using Next.js App Router and your favorite animation library.\n\n- [**Live Demo using GSAP**](https://next-transition-router.vercel.app) (source code: [/example](/example)).\n- [**Stackblitz Demo using Framer Motion**](https://stackblitz.com/edit/next-transition-router-framer-motion).\n\n## Features\n\n- Automatically detect internal links to handle page transitions ([optional `auto` flag](#auto-enabled)).\n- Use a custom `Link` component to manually handle page transitions ([when `auto` is disabled](#handle-links-custom-link-component-vs-auto-detection)).\n- Exclusively to be used with [Next.js App Router](https://nextjs.org/docs/app) (v14.0.0 or higher).\n- Quickly add animated transitions between pages using JavaScript or CSS.\n- Integrate seamlessly with [GSAP](https://gsap.com/resources/React/) or any other animation library of your choice (see [minimal GSAP example](#minimal-example-using-gsap)).\n- If JavaScript is disabled, the router's accessibility is not compromised.\n- It's really lightweight; the bundle size is less than 8 KB.\n- Focused on customizable animations, not targeting the [View Transitions API](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API).\n\nIf you're looking to use the View Transitions API, check [next-view-transitions](https://github.com/shuding/next-view-transitions).\n\n> [!WARNING]\n> This project is currently in Beta. Please note that the API may change as features are enhanced and refined.\n\n## Installation\n\nInstall the package using your preferred package manager:\n\n```sh\npnpm add next-transition-router\n```\n\n```sh\nyarn add next-transition-router\n```\n\n```sh\nnpm install next-transition-router\n```\n\n## Usage\n\n### `TransitionRouter`\n\nCreate a client component (e.g.: `app/providers.tsx`) to use the `TransitionRouter` provider:\n\n```tsx\n\"use client\";\n\nimport { TransitionRouter } from \"next-transition-router\";\n\nexport function Providers({ children }: { children: React.ReactNode }) {\n return (\n {\n someAnimation().then(next);\n }}\n enter={(next) => {\n anotherAnimation().then(next);\n }}\n >\n {children}\n \n );\n}\n```\n\n> [!NOTE]\n> It should be a client component because you have to pass DOM functions as props to the provider.\n\nAfter that, you should import that component in the layout component (e.g.: `app/layout.tsx`).\n\n#### Async Callbacks\n\nThe `leave` and `enter` callbacks support async functions.\n\n```tsx\n\"use client\";\n\nimport { TransitionRouter } from \"next-transition-router\";\n\nexport function Providers({ children }: { children: React.ReactNode }) {\n return (\n {\n await someAsyncAnimation();\n next();\n }}\n enter={async (next) => {\n await anotherAsyncAnimation();\n next();\n }}\n >\n {children}\n \n );\n}\n```\n\n#### `from` and `to` parameters for `leave` callback\n\nThe `leave` callback receives the `from` and `to` parameters, which are strings with the previous and next page paths. Useful if you want to animate the transition conditionally based on the page.\n\n```tsx\nconst onLeave = (next, from, to) => {\n someAnimation(from, to).then(next);\n};\n```\n\n> [!NOTE]\n> When using `router.back()` method, the `to` parameter will be undefined. See [programmatic navigation](#programmatic-navigation).\n\n### Handling links (custom `Link` component vs auto-detection)\n\nTo determine how to handle links, `TransitionRouter` can receive an `auto` prop (`boolean`).\n\n#### `auto` disabled (default)\n\nUse the custom `Link` component instead of the native [`Link` component from Next.js](https://nextjs.org/docs/app/api-reference/components/link) to trigger transitions.\n\n```tsx\nimport { Link } from \"next-transition-router\";\n\nexport function Example() {\n return About;\n}\n```\n\n> [!TIP]\n> Use `import { Link as TransitionLink } from \"next-transition-router\"` to avoid naming conflicts.\n\n#### `auto` enabled\n\nWhen `auto` is enabled, the `TransitionRouter` intercepts click events on internal links, except anchor links, and triggers page transitions. In this case you don't need to use the custom `Link` component.\n\nTo ignore a link in this mode, simply add the `data-transition-ignore` attribute to the link.\n\n### Programmatic navigation\n\nUse the `useTransitionRouter` hook to manage navigation (`push`, `replace`, `back`).\n\nIt's similar to [Next.js `useRouter`](https://nextjs.org/docs/app/api-reference/functions/use-router) with added transition support.\n\n```tsx\n\"use client\";\n\nimport { useTransitionRouter } from \"next-transition-router\";\n\nexport function Programmatic() {\n const router = useTransitionRouter();\n\n return (\n {\n alert(\"Do something before navigating away\");\n router.push(\"/about\");\n }}\n >\n Go to /about\n \n );\n}\n```\n\n> [!IMPORTANT]\n> Back and Forward browser navigation doesn't trigger page transitions, and [this is intentional](https://github.com/ismamz/next-transition-router/issues/2).\n\n### Transition state\n\nUse the `useTransitionState` hook to determine the current stage of the transition.\n\nPossible `stage` values: `'entering' | 'leaving' | 'none'`.\n\nAditionally, you have the `isReady` state (`boolean`).\n\n```tsx\n\"use client\";\n\nimport { useTransitionState } from \"next-transition-router\";\n\nexport function Example() {\n const { stage, isReady } = useTransitionState();\n\n return (\n
\n

Current stage: {stage}

\n

Page ready: {isReady ? \"Yes\" : \"No\"}

\n
\n );\n}\n```\n\n> [!TIP]\n> This is useful, for example, if you want to trigger a reveal animation after the page transition ends.\n\n### Cleanup\n\n`TransitionRouter` manages cleanup functions for `leave` and `enter` callbacks, to prevent memory leaks.\n\nSimilar to React's `useEffect` hook, you can return a cleanup function to cancel the animation.\n\n#### Minimal example using GSAP\n\n```tsx\n\"use client\";\n\nimport { gsap } from \"gsap\";\nimport { TransitionRouter } from \"next-transition-router\";\n\nexport function Providers({ children }: { children: React.ReactNode }) {\n return (\n {\n const tween = gsap.fromTo(\"main\", { autoAlpha: 1 }, { autoAlpha: 0, onComplete: next });\n return () => tween.kill();\n }}\n enter={(next) => {\n const tween = gsap.fromTo(\"main\", { autoAlpha: 0 }, { autoAlpha: 1, onComplete: next });\n return () => tween.kill();\n }}\n >\n {children}\n \n );\n}\n```\n\n## API\n\n### `TransitionRouter`\n\n| Prop | Type | Default Value | Description |\n| ---------- | ---------- | ---------------- | ------------------------------------------------- |\n| `leave` | `function` | `next => next()` | Function to handle the leaving animation |\n| `enter` | `function` | `next => next()` | Function to handle the entering animation |\n| `auto` | `boolean` | `false` | Flag to enable/disable auto-detection of links |\n\n### `useTransitionState`\n\n| Property | Type | Description |\n|-----------|-------------------------------------|----------------------------------------------------|\n| `stage` | `'entering' \\| 'leaving' \\| 'none'` | Indicates the current stage of the transition. |\n| `isReady` | `boolean` | Indicates if the new page is ready to be animated. |\n\n## Disclaimer\n\nThis package may not cover every use case. If you require a specific scenario, please [open an issue](https://github.com/ismamz/next-transition-router/issues/new/choose), and we can explore the possibility of extending the functionality.\n\n## License\n\nMIT.","readmeFilename":"README.md"}