updates

src/lib/components/fancy/animated-text.svelte

@@ -1,15 +1,18 @@
 <script lang="ts">
     import { classNames } from '$lib/utils/classnames';
 
-    export let text: string;
-    const words = text.split(' ');
+    interface Props {
+        text: string;
+        class?: string;
+    }
 
-    let className: string = '';
-    export { className as class };
+    let { text, class: className = '' }: Props = $props();
+
+    const words = text.split(' ');
 </script>
 
 <span class="sr-only">{text}</span>
-<span class={classNames('relative', className)}>
+<span class={classNames('relative overflow-hidden', className)}>
     {#each words as word, i}
         <span
             class="animate-text mr-2 inline-block"