{"_id":"@caderno-ui/motion","_rev":"5-bfff21911ccbb93a2527be3ee12c65f4","name":"@caderno-ui/motion","dist-tags":{"latest":"0.5.1"},"versions":{"0.3.0":{"name":"@caderno-ui/motion","version":"0.3.0","keywords":["animation","caderno-ui","design-system","gsap","motion"],"author":{"name":"Andrews Ribeiro Gomes"},"license":"MIT","_id":"@caderno-ui/motion@0.3.0","maintainers":[{"name":"andrewsrg","email":"andrews.ribeiro.gomes@gmail.com"}],"homepage":"https://github.com/andrewsrigom/caderno-ui/tree/main/packages/motion#readme","bugs":{"url":"https://github.com/andrewsrigom/caderno-ui/issues"},"dist":{"shasum":"ea98f7b0aad3e36dc314b36d29d5764c1453a248","tarball":"https://registry.npmjs.org/@caderno-ui/motion/-/motion-0.3.0.tgz","fileCount":18,"integrity":"sha512-d4xyvT1YZPs5BVuamZEkMsOy2pFfYgoaw4W4XJ/F5z5C+Or9k2d3oKG+62GXDPg7twLQInehE1NRlPXfQz65Ow==","signatures":[{"sig":"MEQCIGVoKR46MA/7eE3OK2SOpqj9pwIDg5sh+KROxJGKQcpUAiAR6vH5xwx7tMruJHGindxoKI0Dtd5Ty9JbmuZFQ4DvqQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":32107},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=20"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./scroll":{"types":"./dist/scroll.d.ts","import":"./dist/scroll.js"}},"gitHead":"412bdac8626a5789e5743f98b1e79ff26c754bd6","scripts":{"test":"vitest run","build":"rimraf dist && tsc -p tsconfig.build.json","typecheck":"tsc -p tsconfig.json"},"_npmUser":{"name":"andrewsrg","email":"andrews.ribeiro.gomes@gmail.com"},"repository":{"url":"git+https://github.com/andrewsrigom/caderno-ui.git","type":"git","directory":"packages/motion"},"_npmVersion":"11.9.0","description":"Accessible motion presets and opt-in GSAP choreography for Caderno UI.","directories":{},"sideEffects":false,"_nodeVersion":"24.14.0","dependencies":{"gsap":"^3.15.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^4.1.11","typescript":"^6.0.3","@vitest/browser-playwright":"^4.1.11"},"_npmOperationalInternal":{"tmp":"tmp/motion_0.3.0_1787690615480_0.2473547060283494","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"@caderno-ui/motion","version":"0.3.1","keywords":["animation","caderno-ui","design-system","gsap","motion"],"author":{"name":"Andrews Ribeiro Gomes"},"license":"MIT","_id":"@caderno-ui/motion@0.3.1","maintainers":[{"name":"andrewsrg","email":"andrews.ribeiro.gomes@gmail.com"}],"homepage":"https://github.com/andrewsrigom/caderno-ui/tree/main/packages/motion#readme","bugs":{"url":"https://github.com/andrewsrigom/caderno-ui/issues"},"dist":{"shasum":"9977b4373c3f9bf7b9a6ee268ec715644cad7afc","tarball":"https://registry.npmjs.org/@caderno-ui/motion/-/motion-0.3.1.tgz","fileCount":18,"integrity":"sha512-F/5lwwpBLbELBVPvSbPNH/KdIs63kVhahGLq2NqHzoXR7FCk9hLYcQXmv56it1tSkwDTynmB8Dyiw1LqkQG7Og==","signatures":[{"sig":"MEQCIG3QU+82TnwAWpdx1GrLz7+xCRoiJ2IvDupVg2QrPSVaAiATZ1NqXCMuaOSYOi6A29yG3XZARbenDCfmgG5sdT95ug==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@caderno-ui%2fmotion@0.3.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":32106},"main":"./dist/index.js","type":"module","_from":"file:/home/runner/work/caderno-ui/caderno-ui/.artifacts/packs/caderno-ui-motion-0.3.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=20"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./scroll":{"types":"./dist/scroll.d.ts","import":"./dist/scroll.js"}},"scripts":{"test":"vitest run","build":"rimraf dist && tsc -p tsconfig.build.json","typecheck":"tsc -p tsconfig.json"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:a7c18c4a-9cbd-4f54-a0ee-110412fece90"}},"_resolved":"/home/runner/work/caderno-ui/caderno-ui/.artifacts/packs/caderno-ui-motion-0.3.1.tgz","_integrity":"sha512-F/5lwwpBLbELBVPvSbPNH/KdIs63kVhahGLq2NqHzoXR7FCk9hLYcQXmv56it1tSkwDTynmB8Dyiw1LqkQG7Og==","repository":{"url":"git+https://github.com/andrewsrigom/caderno-ui.git","type":"git","directory":"packages/motion"},"_npmVersion":"11.17.0","description":"Accessible motion presets and opt-in GSAP choreography for Caderno UI.","directories":{},"sideEffects":false,"_nodeVersion":"24.19.0","dependencies":{"gsap":"^3.15.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^4.1.11","typescript":"^6.0.3","@vitest/browser-playwright":"^4.1.11"},"_npmOperationalInternal":{"tmp":"tmp/motion_0.3.1_1787700079657_0.1441627925109641","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@caderno-ui/motion","version":"0.4.0","keywords":["animation","caderno-ui","design-system","gsap","motion"],"author":{"name":"Andrews Ribeiro Gomes"},"license":"MIT","_id":"@caderno-ui/motion@0.4.0","maintainers":[{"name":"andrewsrg","email":"andrews.ribeiro.gomes@gmail.com"}],"homepage":"https://github.com/andrewsrigom/caderno-ui/tree/main/packages/motion#readme","bugs":{"url":"https://github.com/andrewsrigom/caderno-ui/issues"},"dist":{"shasum":"1c7c97241222287700c07091731e86a2a7deb528","tarball":"https://registry.npmjs.org/@caderno-ui/motion/-/motion-0.4.0.tgz","fileCount":18,"integrity":"sha512-xvt8SUCQ2qtKtTMQWHmDEa+JHpDQ0ujfaJpjztIvFm6mi3Mdz2YHDKl1pk65K5Bs0c+HtTHvrawAnZg3gCnNdQ==","signatures":[{"sig":"MEUCIQCr/mrom30WLVn5zNCnxOiVpCVWdLoLDvidml3ManPkIQIgGSp6e9frWScsX42wzT+iZeiLAxaEKKyTtpvzvFw5K2E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@caderno-ui%2fmotion@0.4.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":32106},"main":"./dist/index.js","type":"module","_from":"file:/home/runner/work/caderno-ui/caderno-ui/.artifacts/packs/caderno-ui-motion-0.4.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=20"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./scroll":{"types":"./dist/scroll.d.ts","import":"./dist/scroll.js"}},"scripts":{"test":"vitest run","build":"rimraf dist && tsc -p tsconfig.build.json","typecheck":"tsc -p tsconfig.json"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:a7c18c4a-9cbd-4f54-a0ee-110412fece90"}},"_resolved":"/home/runner/work/caderno-ui/caderno-ui/.artifacts/packs/caderno-ui-motion-0.4.0.tgz","_integrity":"sha512-xvt8SUCQ2qtKtTMQWHmDEa+JHpDQ0ujfaJpjztIvFm6mi3Mdz2YHDKl1pk65K5Bs0c+HtTHvrawAnZg3gCnNdQ==","repository":{"url":"git+https://github.com/andrewsrigom/caderno-ui.git","type":"git","directory":"packages/motion"},"_npmVersion":"11.17.0","description":"Accessible motion presets and opt-in GSAP choreography for Caderno UI.","directories":{},"sideEffects":false,"_nodeVersion":"24.19.0","dependencies":{"gsap":"^3.15.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^4.1.11","typescript":"^6.0.3","@vitest/browser-playwright":"^4.1.11"},"_npmOperationalInternal":{"tmp":"tmp/motion_0.4.0_1787808274652_0.526434308814175","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"@caderno-ui/motion","version":"0.4.1","keywords":["animation","caderno-ui","design-system","gsap","motion"],"author":{"name":"Andrews Ribeiro Gomes"},"license":"MIT","_id":"@caderno-ui/motion@0.4.1","maintainers":[{"name":"andrewsrg","email":"andrews.ribeiro.gomes@gmail.com"}],"homepage":"https://github.com/andrewsrigom/caderno-ui/tree/main/packages/motion#readme","bugs":{"url":"https://github.com/andrewsrigom/caderno-ui/issues"},"dist":{"shasum":"e97f37b9cc53875276dcd4c945a4d8ddb86f936d","tarball":"https://registry.npmjs.org/@caderno-ui/motion/-/motion-0.4.1.tgz","fileCount":18,"integrity":"sha512-4c/Xzs+NzB1bKTimSR3AyFxVQBvlBTtcBKpEZL6TLYNfisTIliR92ijz7pToLhis8gFRxs/eB1X+CNX1+YovNQ==","signatures":[{"sig":"MEQCIFC6uT7WctXMJGriYHAHrewqEQzRLSLiMAYDY0WHhszrAiAni5Gn8bBaQDKwdEv7VPZiHOax/+Ddb1z1gcHQH6Isog==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@caderno-ui%2fmotion@0.4.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":32106},"main":"./dist/index.js","type":"module","_from":"file:/home/runner/work/caderno-ui/caderno-ui/.artifacts/packs/caderno-ui-motion-0.4.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=20"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./scroll":{"types":"./dist/scroll.d.ts","import":"./dist/scroll.js"}},"scripts":{"test":"vitest run","build":"rimraf dist && tsc -p tsconfig.build.json","typecheck":"tsc -p tsconfig.json"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:a7c18c4a-9cbd-4f54-a0ee-110412fece90"}},"_resolved":"/home/runner/work/caderno-ui/caderno-ui/.artifacts/packs/caderno-ui-motion-0.4.1.tgz","_integrity":"sha512-4c/Xzs+NzB1bKTimSR3AyFxVQBvlBTtcBKpEZL6TLYNfisTIliR92ijz7pToLhis8gFRxs/eB1X+CNX1+YovNQ==","repository":{"url":"git+https://github.com/andrewsrigom/caderno-ui.git","type":"git","directory":"packages/motion"},"_npmVersion":"11.17.0","description":"Accessible motion presets and opt-in GSAP choreography for Caderno UI.","directories":{},"sideEffects":false,"_nodeVersion":"24.19.0","dependencies":{"gsap":"^3.15.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^4.1.11","typescript":"^6.0.3","@vitest/browser-playwright":"^4.1.11"},"_npmOperationalInternal":{"tmp":"tmp/motion_0.4.1_1787809944601_0.19026273516368364","host":"s3://npm-registry-packages-npm-production"}},"0.5.1":{"name":"@caderno-ui/motion","version":"0.5.1","description":"Accessible motion presets and opt-in GSAP choreography for Caderno UI.","keywords":["animation","caderno-ui","design-system","gsap","motion"],"author":{"name":"Andrews Ribeiro Gomes"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/andrewsrigom/caderno-ui.git","directory":"packages/motion"},"homepage":"https://github.com/andrewsrigom/caderno-ui/tree/main/packages/motion#readme","bugs":{"url":"https://github.com/andrewsrigom/caderno-ui/issues"},"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"},"./scroll":{"types":"./dist/scroll.d.ts","import":"./dist/scroll.js"}},"sideEffects":false,"dependencies":{"gsap":"^3.15.0"},"devDependencies":{"@vitest/browser-playwright":"^4.1.11","typescript":"^6.0.3","vitest":"^4.1.11"},"publishConfig":{"access":"public"},"engines":{"node":">=22.12"},"scripts":{"build":"rimraf dist && tsc -p tsconfig.build.json","test":"vitest run","typecheck":"tsc -p tsconfig.json"},"_id":"@caderno-ui/motion@0.5.1","_integrity":"sha512-m4ucigYlhGTTrnvjrhFI5Ml3XMDiOvLEMtBRlx1jF6m3dty9RfwiYbkgn4b75CGUpwWLnb5Nnu4aer52Jee/bA==","_resolved":"/home/runner/work/caderno-ui/caderno-ui/.artifacts/packs/caderno-ui-motion-0.5.1.tgz","_from":"file:/home/runner/work/caderno-ui/caderno-ui/.artifacts/packs/caderno-ui-motion-0.5.1.tgz","_nodeVersion":"24.19.0","_npmVersion":"11.17.0","dist":{"integrity":"sha512-m4ucigYlhGTTrnvjrhFI5Ml3XMDiOvLEMtBRlx1jF6m3dty9RfwiYbkgn4b75CGUpwWLnb5Nnu4aer52Jee/bA==","shasum":"70b99ef2e0e735b32ab5b58d70b7722f857d2909","tarball":"https://registry.npmjs.org/@caderno-ui/motion/-/motion-0.5.1.tgz","fileCount":18,"unpackedSize":32015,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@caderno-ui%2fmotion@0.5.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIDxDlMg95LNCWSQVtjfpnNdtu0ZTvpTs7iwAJBlstX83AiEA7dp7HThbYoak2XSEcXoCFtj6YzPBlbGmQpP4fk2Whao="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:a7c18c4a-9cbd-4f54-a0ee-110412fece90"}},"directories":{},"maintainers":[{"name":"andrewsrg","email":"andrews.ribeiro.gomes@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/motion_0.5.1_1787886168703_0.16706416119356993"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-25T20:43:35.326Z","modified":"2026-08-28T03:02:49.400Z","0.3.0":"2026-08-25T20:43:35.663Z","0.3.1":"2026-08-25T23:21:19.815Z","0.4.0":"2026-08-27T05:24:34.829Z","0.4.1":"2026-08-27T05:52:24.732Z","0.5.1":"2026-08-28T03:02:48.865Z"},"bugs":{"url":"https://github.com/andrewsrigom/caderno-ui/issues"},"author":{"name":"Andrews Ribeiro Gomes"},"license":"MIT","homepage":"https://github.com/andrewsrigom/caderno-ui/tree/main/packages/motion#readme","keywords":["animation","caderno-ui","design-system","gsap","motion"],"repository":{"type":"git","url":"git+https://github.com/andrewsrigom/caderno-ui.git","directory":"packages/motion"},"description":"Accessible motion presets and opt-in GSAP choreography for Caderno UI.","maintainers":[{"name":"andrewsrg","email":"andrews.ribeiro.gomes@gmail.com"}],"readme":"# `@caderno-ui/motion`\n\nOptional animation presets for Caderno UI, with reduced-motion support.\nThis package uses GSAP; importing the base custom elements does not load it.\n\n```bash\npnpm add @caderno-ui/motion\n```\n\nUse a scope for page or feature entrance and exit sequences:\n\n```ts\nimport { createMotionScope } from '@caderno-ui/motion'\n\nconst section = document.querySelector('[data-study-section]')\nconst motion = createMotionScope(section ?? undefined)\n\nmotion.enter('[data-motion-item]', { stagger: 0.06 })\n\n// Reverts inline animation state and cancels active animations.\nmotion.revert()\n```\n\nScroll animations use a separate entry point:\n\n```ts\nimport { createScrollReveal } from '@caderno-ui/motion/scroll'\n\nconst reveal = createScrollReveal('[data-motion-item]', {\n  root: document.querySelector('main') ?? undefined,\n  start: 'top 82%',\n})\n\nreveal.revert()\n```\n\nBoth APIs honor `prefers-reduced-motion`. Keep meaningful content visible in the\nunanimated document, call `revert()` when a page or feature unmounts, and use\n`@caderno-ui/tokens` for CSS-driven component feedback.\n","readmeFilename":"README.md"}