{"_id":"@cioky/ripple-transitions","name":"@cioky/ripple-transitions","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@cioky/ripple-transitions","version":"0.1.0","description":"Transition and animation library for the Ripple framework","type":"module","main":"./src/index.tsrx","types":"./src/index.tsrx","exports":{".":{"types":"./src/index.tsrx","default":"./src/index.tsrx"}},"peerDependencies":{"ripple":">=0.3.0"},"keywords":["ripple","transitions","animation","@cioky/ripple-transitions","svelte-transitions"],"license":"MIT","author":{"name":"Antigravity","email":"antigravity@google.com"},"gitHead":"4010f9128c110f140151fee62c79d7cd34a23bb7","_id":"@cioky/ripple-transitions@0.1.0","_nodeVersion":"26.1.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-Y6n5qdzwLbgZhJvRhHIJMFNMdOXTWM0SMYk2qcyqRakU1PpYfVHDZZqXSWNVrY5/MnxO3s9AIUEaz+Ndn084nA==","shasum":"c8aff2ee39b595a8d0b481885761907387d909c3","tarball":"https://registry.npmjs.org/@cioky/ripple-transitions/-/ripple-transitions-0.1.0.tgz","fileCount":10,"unpackedSize":72341,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAPi6xZlP84qpfSeLgaLzQHmkTi0fvMlodWYRpgWnwiYAiEAxIt5DoABmTxd7AJCaP9T+OMS6onueD4NPOz9t95q9e8="}]},"_npmUser":{"name":"cioky","email":"vgromania3@gmail.com"},"directories":{},"maintainers":[{"name":"cioky","email":"vgromania3@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ripple-transitions_0.1.0_1782405913019_0.3413113427099974"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-25T16:45:12.856Z","0.1.0":"2026-06-25T16:45:13.152Z","modified":"2026-06-25T16:45:13.330Z"},"maintainers":[{"name":"cioky","email":"vgromania3@gmail.com"}],"description":"Transition and animation library for the Ripple framework","keywords":["ripple","transitions","animation","@cioky/ripple-transitions","svelte-transitions"],"author":{"name":"Antigravity","email":"antigravity@google.com"},"license":"MIT","readme":"# @cioky/ripple-transitions\n\nTransition and animation library for the **Ripple** UI framework.\n\n## Installation\n\nYou can install this package using your preferred package manager:\n\n```bash\nbun add @cioky/ripple-transitions\n# or\nnpm install @cioky/ripple-transitions\n# or\nyarn add @cioky/ripple-transitions\n```\n\nMake sure you have `ripple` and `@ripple-ts/vite-plugin` configured in your project.\n\n## Features\n\n- **Presence**: Identity-based transition coordinator. Exiting child elements stay in the DOM until their exit animations complete, and new child elements mount concurrently.\n- **Transition**: Show/hide transitions supporting custom handlers and `popLayout` mode.\n- **Motion & Gestures**: Standard transitions (`fade`, `rise`, `scale`, `fly`, `blur`, `draw`, `svelteTransition`, `gestures`, `animate`).\n- **Layout Animations**: FLIP-based layout animations using `layout()` and `useTransitionList()`.\n- **Slide Transitions**: Axis-based height/width accordion slide transitions.\n- **Spring Physics**: Physics-based animations with adjustable stiffness, damping, and mass.\n- **Stagger**: Injects delays sequentially for lists or grid layouts.\n\n## Usage\n\n### Presence & Transition\n\n```tsx\nimport { Presence, Transition, fade, slide } from '@cioky/ripple-transitions';\n\nexport function MyComponent() @{\n    let &[show] = track(true);\n\n    <div>\n        <button onClick={() => show = !show}>Toggle</button>\n        \n        <Presence>\n            @if (show) {\n                <div ref={fade({ duration: 300 })}>\n                    Transitions on mount and unmount!\n                </div>\n            }\n        </Presence>\n    </div>\n}\n```\n\n### Layout Transitions\n\n```tsx\nimport { layout } from '@cioky/ripple-transitions';\n\nexport function List() @{\n    <div ref={layout()}>\n        {/* Children animate automatically when they resize or shift positions */}\n    </div>\n}\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-2cf364402eb289e0bbcc4d0a389b5b5d"}