Tailwind CSS Animated

[TartanLeGrand]

The reverse prop does not work as expected when used with components from the Spark UI library.

🔍 To Reproduce

Steps to reproduce the behavior:

1. 🛠️ Install and import a component from the Spark UI library that supports the reverse prop.
2. ⚙️ Use the component in your project and set the reverse prop (e.g., <Component reverse />).
3. 👀 Check the rendered output or functionality.
4. 🚨 Notice that the expected behavior does not occur (e.g., elements are not reversed as intended).

✅ Expected behavior

When the reverse prop is used, the component should behave as documented or intended, such as reversing the order or alignment of elements.

📝 Additional context

⚡ I believe this issue may be caused by the incorrect or missing configuration of Tailwind CSS Animated:
https://www.tailwindcss-animated.com/

This configuration seems essential for the proper functioning of Spark UI components and should be added to the installation documentation to avoid such issues in the future.

[selemondev]

Hey there @TartanLeGrand, thanks for creating this issue. Fortunately, everything works as expected. I have created a reproduction that matches your description and here is the result: Spark-UI-Animated-Beam-Reverse-Prop-Reproduction. Here is the Github repository url. Let me know if there is anything I might be missing 😊.