Add autoanimate component

CHANGELOG.md

@@ -1,4 +1,5 @@
 ## [Unreleased]
+- Add autoanimate component
 
 ## [0.0.65] - 2024-11-22
 - Small refactor on sortable_controller

lib/generators/css_zero/add/USAGE

@@ -2,7 +2,7 @@ Description:
     This will add components into your project.
 
 Components:
-  accordion alert autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination progress prose sheet skeleton sortable switch table tabs tooltip trix upload_preview toggle web_share
+  accordion alert autoanimate autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination progress prose sheet skeleton sortable switch table tabs tooltip trix upload_preview toggle web_share
 
 Example:
     bin/rails generate css_zero:add [components...]

lib/generators/css_zero/add/resources.yml

@@ -3,6 +3,8 @@ accordion:
   - app/assets/images/chevron-down.svg
 alert:
   - app/assets/stylesheets/alert.css
+autoanimate:
+  - app/javascript/controllers/autoanimate_controller.js
 autosave:
   - app/javascript/controllers/autosave_controller.js
 avatar:

lib/generators/css_zero/add/templates/app/javascript/controllers/autoanimate_controller.js

@@ -0,0 +1,8 @@
+import { Controller } from "@hotwired/stimulus"
+import autoAnimate from "https://cdn.skypack.dev/@formkit/[email protected]"
+
+export default class extends Controller {
+  connect() {
+    autoAnimate(this.element)
+  }
+}