css-animations

We should make sure that it's possible to import individual source files directly from the node_modules so developers won't need to resort to custom builds which are very annoying to maintain and not very practical these days.

I think we should check/add support for at least:

• Webpack
• Rollup
• Parcel

Have a look at #1307 for more context.

Animations can easily be reversed for cleanup using state to set the value of a reverse prop and is already implemented but it is not stated in documentation even though it works.

Example:

const [shown, setShown] = useState(false)
const yeetMenu = () => {
    setShown(!shown)
}
<Slide
      duration={500}
      triggerOnce={true}
      direction="right"
      reverse={shown}