✨ Add motion library

Author: HassanZahirnia

package-lock.json

@@ -21,6 +21,7 @@
         "laravel-vite-plugin": "^1.2.0",
         "lodash": "^4.17.21",
         "minisearch": "^6.3.0",
+        "motion": "^12.0.6",
         "postcss": "^8.5.1",
         "prettier": "^3.4.2",
         "prettier-plugin-blade": "^2.1.19",

package.json

@@ -14,6 +14,7 @@ import '../../docs/src/styles/docsearch.css'
 import 'swiper/css'
 import 'swiper/css/navigation'
 import 'swiper/css/pagination'
+import { animate, inView } from 'motion'
 
 // Swiper
 Swiper.use([Navigation, Pagination])
@@ -39,9 +40,19 @@ window.reducedMotion = window.matchMedia(
 // Minisearch
 window.MiniSearch = MiniSearch
 
+// Motion
+window.motion = {
+    animate: animate,
+    inView: inView,
+}
+
 // Alpine
+Alpine.magic('refAll', (el) => {
+    return (refName) => {
+        return Array.from(el.querySelectorAll(`[x-ref="${refName}"]`))
+    }
+})
 Alpine.store('sidebar', { isOpen: false })
-
 Alpine.plugin(Tooltip)
 
 // Docsearch