Feature description

Hello 👋

I recently explored the AnimatedThemeToggler component and found it to be a very smooth and well-crafted UI element. The transition and animation experience are particularly impressive, and it integrates seamlessly into projects.

While using it, I noticed that the current implementation is limited to a circular shape. I wanted to propose a small enhancement that could make this component even more flexible and visually versatile.

Specifically, I would like to suggest adding support for multiple shape variants, such as star, diamond, rectangle, and hexagon. This would allow developers to better match the component with their design systems and branding requirements, while still leveraging the same animation logic.

If this idea aligns with the direction of the project, I would be happy to contribute by implementing these additional shape options in a clean and reusable way, ensuring consistency with the existing API and design patterns.

Please let me know your thoughts on this. I’d be glad to proceed with a pull request based on your feedback.

Thank you for the great work on this component! 🙌

Affected component/components

AnimatedThemeToggler

Additional Context

Additional details here...

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues and PRs