Update animations, plugins

Author: Adam Plesnik

docs/package.json

@@ -28,7 +28,7 @@
     "react-router-dom": "^6.22.3"
   },
   "devDependencies": {
-    "@adam.plesnik/tailwindcss-scroll-driven-animations": "^0.2.6",
+    "@adam.plesnik/tailwindcss-scroll-driven-animations": "^0.2.7",
     "@types/node": "^20.11.30",
     "@types/prismjs": "^1.26.3",
     "@types/react": "^18.2.66",

docs/tailwind.config.js

@@ -1,5 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 const defaultTheme = require('tailwindcss/defaultTheme')
+import plugin from 'tailwindcss/plugin'
 
 module.exports = {
   darkMode: 'selector',
@@ -17,14 +18,41 @@ module.exports = {
         appear: 'appear auto cubic-bezier(0.65, 0.05, 0.17, 0.99) forwards',
         opacity: 'opacity 2s cubic-bezier(0.65, 0.05, 0.17, 0.99) forwards',
         'scale-to-right': 'scale-to-right auto linear forwards',
+        'to-stroke-dashoffset-0': 'to-stroke-dashoffset-0 5s ease-in-out forwards',
         'translate-down': 'translate-down 3s cubic-bezier(0.65, 0.05, 0.17, 0.99) forwards',
         'translate-up': 'translate-up auto ease-in-out forwards',
       },
       transitionTimingFunction: {
         bounce: 'cubic-bezier(0.26, 0.53, 1, 0.63)',
         line: 'cubic-bezier(0.65, 0.05, 0.17, 0.99)',
       },
+      keyframes: {
+        'to-stroke-dashoffset-0': {
+          to: { strokeDashoffset: 0 },
+        },
+      },
     },
   },
-  plugins: [require('@adam.plesnik/tailwindcss-scroll-driven-animations')],
+  plugins: [
+    require('@adam.plesnik/tailwindcss-scroll-driven-animations'),
+    plugin(function ({ matchUtilities, addVariant }) {
+      matchUtilities(
+        {
+          'dash-offset': (value, { modifier }) => ({
+            strokeDashoffset: modifier,
+          }),
+        },
+        { values: { DEFAULT: '' }, modifiers: 'any' }
+      )
+      matchUtilities(
+        {
+          'dash-array': (value, { modifier }) => ({
+            strokeDasharray: modifier,
+          }),
+        },
+        { values: { DEFAULT: '' }, modifiers: 'any' }
+      )
+      addVariant('path', '& > path')
+    }),
+  ],
 }