From 9552fa9099d8c09e22ca3a40f1ec9da26e9c5a4c Mon Sep 17 00:00:00 2001
From: Aidan Bleser <aidanbleser35@gmail.com>
Date: Fri, 20 Feb 2026 07:00:57 -0600
Subject: [PATCH 1/7] Svelte 5 support

---
 .changeset/eight-lions-decide.md           |   5 +
 .changeset/pink-wasps-judge.md             |   5 +
 .changeset/plenty-dingos-greet.md          |   5 +
 apps/svelte-example/index.html             |   2 +-
 apps/svelte-example/package.json           |   4 +-
 apps/svelte-example/src/App.svelte         |   2 +-
 apps/svelte-example/src/main.ts            |  11 +-
 packages/torph/README.md                   |   2 +-
 packages/torph/package.json                |   4 +-
 packages/torph/src/svelte/TextMorph.svelte |  62 +++---
 pnpm-lock.yaml                             | 227 ++++++++++-----------
 site/src/components/homepage/usage.tsx     |   2 +-
 12 files changed, 175 insertions(+), 156 deletions(-)
 create mode 100644 .changeset/eight-lions-decide.md
 create mode 100644 .changeset/pink-wasps-judge.md
 create mode 100644 .changeset/plenty-dingos-greet.md

diff --git a/.changeset/eight-lions-decide.md b/.changeset/eight-lions-decide.md
new file mode 100644
index 0000000..4f91289
--- /dev/null
+++ b/.changeset/eight-lions-decide.md
@@ -0,0 +1,5 @@
+---
+"svelte-example": patch
+---
+
+chore: Update example to Svelte 5
diff --git a/.changeset/pink-wasps-judge.md b/.changeset/pink-wasps-judge.md
new file mode 100644
index 0000000..c540328
--- /dev/null
+++ b/.changeset/pink-wasps-judge.md
@@ -0,0 +1,5 @@
+---
+"torph": minor
+---
+
+feat: Svelte 5 support
diff --git a/.changeset/plenty-dingos-greet.md b/.changeset/plenty-dingos-greet.md
new file mode 100644
index 0000000..76c6981
--- /dev/null
+++ b/.changeset/plenty-dingos-greet.md
@@ -0,0 +1,5 @@
+---
+"site": patch
+---
+
+fix: Fix svelte example
diff --git a/apps/svelte-example/index.html b/apps/svelte-example/index.html
index 1ece5fa..d2b58f9 100644
--- a/apps/svelte-example/index.html
+++ b/apps/svelte-example/index.html
@@ -9,4 +9,4 @@
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/apps/svelte-example/package.json b/apps/svelte-example/package.json
index 96799d8..6e5a7bf 100644
--- a/apps/svelte-example/package.json
+++ b/apps/svelte-example/package.json
@@ -12,8 +12,8 @@
     "torph": "workspace:*"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "svelte": "^4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^6.0.0",
+    "svelte": "^5.0.0",
     "typescript": "^5.0.2",
     "vite": "^5.0.0"
   }
diff --git a/apps/svelte-example/src/App.svelte b/apps/svelte-example/src/App.svelte
index bf940db..987723f 100644
--- a/apps/svelte-example/src/App.svelte
+++ b/apps/svelte-example/src/App.svelte
@@ -22,7 +22,7 @@
     clearInterval(interval);
   });
 
-  $: text = texts[index];
+  const text = $derived(texts[index]);
 </script>
 
 <div class="container">
diff --git a/apps/svelte-example/src/main.ts b/apps/svelte-example/src/main.ts
index 8c4eaed..928b6c5 100644
--- a/apps/svelte-example/src/main.ts
+++ b/apps/svelte-example/src/main.ts
@@ -1,7 +1,8 @@
-import App from "./App.svelte";
+import { mount } from 'svelte'
+import App from './App.svelte'
 
-const app = new App({
-  target: document.getElementById("app")!,
-});
+const app = mount(App, {
+  target: document.getElementById('app')!,
+})
 
-export default app;
+export default app
diff --git a/packages/torph/README.md b/packages/torph/README.md
index df02b34..ea3a54a 100644
--- a/packages/torph/README.md
+++ b/packages/torph/README.md
@@ -89,7 +89,7 @@ const handleComplete = () => {
 <script>
   import { TextMorph } from 'torph/svelte';
 
-  let text = 'Hello World';
+  let text = $state('Hello World');
 
   const handleComplete = () => {
     console.log('Animation done!');
diff --git a/packages/torph/package.json b/packages/torph/package.json
index cfe5e2f..1bda510 100644
--- a/packages/torph/package.json
+++ b/packages/torph/package.json
@@ -60,7 +60,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "vue": ">=3",
-    "svelte": ">=4"
+    "svelte": ">=5"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -92,7 +92,7 @@
     "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "svelte": "^4.0.0",
+    "svelte": "^5.0.0",
     "tsup": "^8.5.0",
     "typescript": "^5.9.3",
     "vue": "^3.3.0"
diff --git a/packages/torph/src/svelte/TextMorph.svelte b/packages/torph/src/svelte/TextMorph.svelte
index 8697468..834dd28 100644
--- a/packages/torph/src/svelte/TextMorph.svelte
+++ b/packages/torph/src/svelte/TextMorph.svelte
@@ -1,24 +1,38 @@
 <script lang="ts">
-  import { onMount, onDestroy } from 'svelte';
+  import { onMount } from 'svelte';
   import { DEFAULT_AS, DEFAULT_TEXT_MORPH_OPTIONS, TextMorph as Morph } from '../lib/text-morph';
-
-  export let text: string;
-  export let locale: Intl.LocalesArgument = DEFAULT_TEXT_MORPH_OPTIONS.locale;
-  export let duration: number = DEFAULT_TEXT_MORPH_OPTIONS.duration;
-  export let ease: string = DEFAULT_TEXT_MORPH_OPTIONS.ease;
-  export let debug: boolean = DEFAULT_TEXT_MORPH_OPTIONS.debug;
-  export let disabled: boolean = DEFAULT_TEXT_MORPH_OPTIONS.disabled;
-  export let respectReducedMotion: boolean = DEFAULT_TEXT_MORPH_OPTIONS.respectReducedMotion;
-  export let onAnimationStart: (() => void) | undefined = undefined;
-  export let onAnimationComplete: (() => void) | undefined = undefined;
   
-  let className: string = '';
-  export { className as class };
-  export let style: string = '';
-  export let as: string = DEFAULT_AS;
+  type Props = {
+    text: string;
+    locale?: Intl.LocalesArgument;
+    duration?: number;
+    ease?: string;
+    debug?: boolean;
+    disabled?: boolean;
+    respectReducedMotion?: boolean;
+    onAnimationStart?: (() => void) | undefined;
+    onAnimationComplete?: (() => void) | undefined;
+    class?: string;
+    style?: string;
+    as?: string;
+  }
 
-  let containerRef: HTMLElement;
-  let morphInstance: Morph | null = null;
+  let {
+    text,
+    locale = DEFAULT_TEXT_MORPH_OPTIONS.locale,
+    duration = DEFAULT_TEXT_MORPH_OPTIONS.duration,
+    ease = DEFAULT_TEXT_MORPH_OPTIONS.ease,
+    debug = DEFAULT_TEXT_MORPH_OPTIONS.debug,
+    disabled = DEFAULT_TEXT_MORPH_OPTIONS.disabled,
+    respectReducedMotion = DEFAULT_TEXT_MORPH_OPTIONS.respectReducedMotion,
+    onAnimationStart = undefined,
+    onAnimationComplete = undefined,
+    as = DEFAULT_AS,
+    ...props
+  }: Props = $props();
+
+  let containerRef = $state<HTMLElement>();
+  let morphInstance = $state<Morph | null>(null);
 
   onMount(() => {
     if (containerRef) {
@@ -35,16 +49,16 @@
       });
       morphInstance.update(text);
     }
-  });
 
-  onDestroy(() => {
-    morphInstance?.destroy();
+    return morphInstance?.destroy;
   });
 
-  $: if (morphInstance) {
-    morphInstance.update(text);
-  }
+  $effect(() => {
+    if (morphInstance) {
+      morphInstance.update(text);
+    }
+  });
 </script>
 
-<svelte:element this={as} bind:this={containerRef} class={className} {style}>
+<svelte:element this={as} bind:this={containerRef} {...props}>
 </svelte:element>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a6dad07..924478f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -56,11 +56,11 @@ importers:
         version: link:../../packages/torph
     devDependencies:
       '@sveltejs/vite-plugin-svelte':
-        specifier: ^3.0.0
-        version: 3.1.2(svelte@4.2.20)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
+        specifier: ^6.0.0
+        version: 6.2.4(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
       svelte:
-        specifier: ^4.0.0
-        version: 4.2.20
+        specifier: ^5.0.0
+        version: 5.53.0
       typescript:
         specifier: ^5.0.2
         version: 5.9.3
@@ -148,8 +148,8 @@ importers:
         specifier: ^18.2.0
         version: 18.3.1(react@18.3.1)
       svelte:
-        specifier: ^4.0.0
-        version: 4.2.20
+        specifier: ^5.0.0
+        version: 5.53.0
       tsup:
         specifier: ^8.5.0
         version: 8.5.0(postcss@8.5.6)(typescript@5.9.3)(yaml@2.8.1)
@@ -214,10 +214,6 @@ importers:
 
 packages:
 
-  '@ampproject/remapping@2.3.0':
-    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
-    engines: {node: '>=6.0.0'}
-
   '@babel/code-frame@7.22.13':
     resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
     engines: {node: '>=6.9.0'}
@@ -1022,36 +1018,42 @@ packages:
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm-musl@2.5.1':
     resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-arm64-glibc@2.5.1':
     resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm64-musl@2.5.1':
     resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-x64-glibc@2.5.1':
     resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-x64-musl@2.5.1':
     resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-win32-arm64@2.5.1':
     resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
@@ -1120,56 +1122,67 @@ packages:
     resolution: {integrity: sha512-aL6hRwu0k7MTUESgkg7QHY6CoqPgr6gdQXRJI1/VbFlUMwsSzPGSR7sG5d+MCbYnJmJwThc2ol3nixj1fvI/zQ==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.52.0':
     resolution: {integrity: sha512-BTs0M5s1EJejgIBJhCeiFo7GZZ2IXWkFGcyZhxX4+8usnIo5Mti57108vjXFIQmmJaRyDwmV59Tw64Ap1dkwMw==}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.52.0':
     resolution: {integrity: sha512-uj672IVOU9m08DBGvoPKPi/J8jlVgjh12C9GmjjBxCTQc3XtVmRkRKyeHSmIKQpvJ7fIm1EJieBUcnGSzDVFyw==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.52.0':
     resolution: {integrity: sha512-/+IVbeDMDCtB/HP/wiWsSzduD10SEGzIZX2945KSgZRNi4TSkjHqRJtNTVtVb8IRwhJ65ssI56krlLik+zFWkw==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-loong64-gnu@4.52.0':
     resolution: {integrity: sha512-U1vVzvSWtSMWKKrGoROPBXMh3Vwn93TA9V35PldokHGqiUbF6erSzox/5qrSMKp6SzakvyjcPiVF8yB1xKr9Pg==}
     cpu: [loong64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-ppc64-gnu@4.52.0':
     resolution: {integrity: sha512-X/4WfuBAdQRH8cK3DYl8zC00XEE6aM472W+QCycpQJeLWVnHfkv7RyBFVaTqNUMsTgIX8ihMjCvFF9OUgeABzw==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-gnu@4.52.0':
     resolution: {integrity: sha512-xIRYc58HfWDBZoLmWfWXg2Sq8VCa2iJ32B7mqfWnkx5mekekl0tMe7FHpY8I72RXEcUkaWawRvl3qA55og+cwQ==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-musl@4.52.0':
     resolution: {integrity: sha512-mbsoUey05WJIOz8U1WzNdf+6UMYGwE3fZZnQqsM22FZ3wh1N887HT6jAOjXs6CNEK3Ntu2OBsyQDXfIjouI4dw==}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-s390x-gnu@4.52.0':
     resolution: {integrity: sha512-qP6aP970bucEi5KKKR4AuPFd8aTx9EF6BvutvYxmZuWLJHmnq4LvBfp0U+yFDMGwJ+AIJEH5sIP+SNypauMWzg==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.52.0':
     resolution: {integrity: sha512-nmSVN+F2i1yKZ7rJNKO3G7ZzmxJgoQBQZ/6c4MuS553Grmr7WqR7LLDcYG53Z2m9409z3JLt4sCOhLdbKQ3HmA==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.52.0':
     resolution: {integrity: sha512-2d0qRo33G6TfQVjaMR71P+yJVGODrt5V6+T0BDYH4EMfGgdC/2HWDVjSSFw888GSzAZUwuska3+zxNUCDco6rQ==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-openharmony-arm64@4.52.0':
     resolution: {integrity: sha512-A1JalX4MOaFAAyGgpO7XP5khquv/7xKzLIyLmhNrbiCxWpMlnsTYr8dnsWM7sEeotNmxvSOEL7F65j0HXFcFsw==}
@@ -1199,20 +1212,25 @@ packages:
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0':
-    resolution: {integrity: sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==}
-    engines: {node: ^18.0.0 || >=20}
+  '@sveltejs/acorn-typescript@1.0.9':
+    resolution: {integrity: sha512-lVJX6qEgs/4DOcRTpo56tmKzVPtoWAaVbL4hfO7t7NVwl9AAXzQR6cihesW1BmNMPl+bK6dreu2sOKBP2Q9CIA==}
     peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
+      acorn: ^8.9.0
 
-  '@sveltejs/vite-plugin-svelte@3.1.2':
-    resolution: {integrity: sha512-Txsm1tJvtiYeLUVRNqxZGKR/mI+CzuIQuc2gn+YCs9rMTowpNZ2Nqt53JdL8KF9bLhAf2ruR/dr9eZCwdTriRA==}
-    engines: {node: ^18.0.0 || >=20}
+  '@sveltejs/vite-plugin-svelte-inspector@5.0.2':
+    resolution: {integrity: sha512-TZzRTcEtZffICSAoZGkPSl6Etsj2torOVrx6Uw0KpXxrec9Gg6jFWQ60Q3+LmNGfZSxHRCZL7vXVZIWmuV50Ig==}
+    engines: {node: ^20.19 || ^22.12 || >=24}
     peerDependencies:
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.0
+      '@sveltejs/vite-plugin-svelte': ^6.0.0-next.0
+      svelte: ^5.0.0
+      vite: ^6.3.0 || ^7.0.0
+
+  '@sveltejs/vite-plugin-svelte@6.2.4':
+    resolution: {integrity: sha512-ou/d51QSdTyN26D7h6dSpusAKaZkAiGM55/AKYi+9AGZw7q85hElbjK3kEyzXHhLSnRISHOYzVge6x0jRZ7DXA==}
+    engines: {node: ^20.19 || ^22.12 || >=24}
+    peerDependencies:
+      svelte: ^5.0.0
+      vite: ^6.3.0 || ^7.0.0
 
   '@tsconfig/node10@1.0.9':
     resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
@@ -1276,6 +1294,9 @@ packages:
   '@types/semver@7.5.3':
     resolution: {integrity: sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==}
 
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
   '@typescript-eslint/eslint-plugin@6.21.0':
     resolution: {integrity: sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -1392,11 +1413,6 @@ packages:
     resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
     engines: {node: '>=0.4.0'}
 
-  acorn@8.10.0:
-    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
   acorn@8.15.0:
     resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
     engines: {node: '>=0.4.0'}
@@ -1647,8 +1663,9 @@ packages:
     resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
     engines: {node: '>=0.8'}
 
-  code-red@1.0.4:
-    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
 
   color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
@@ -1738,10 +1755,6 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
-  css-tree@2.3.1:
-    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
-
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
@@ -1842,6 +1855,9 @@ packages:
     engines: {node: '>=0.10'}
     hasBin: true
 
+  devalue@5.6.3:
+    resolution: {integrity: sha512-nc7XjUU/2Lb+SvEFVGcWLiKkzfw8+qHI7zn8WYXKkLMgfGSHbgCEaR6bJpev8Cm6Rmrb19Gfd/tZvGqx9is3wg==}
+
   diff@4.0.2:
     resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
     engines: {node: '>=0.3.1'}
@@ -2101,6 +2117,9 @@ packages:
       jiti:
         optional: true
 
+  esm-env@1.2.2:
+    resolution: {integrity: sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==}
+
   espree@10.4.0:
     resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2118,6 +2137,9 @@ packages:
     resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
     engines: {node: '>=0.10'}
 
+  esrap@2.2.3:
+    resolution: {integrity: sha512-8fOS+GIGCQZl/ZIlhl59htOlms6U8NvX6ZYgYHpRU/b6tVSh3uHkOHZikl3D4cMbYM0JlpBe+p/BkZEi8J9XIQ==}
+
   esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
@@ -2129,9 +2151,6 @@ packages:
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
-  estree-walker@3.0.3:
-    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
-
   esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
@@ -2899,9 +2918,6 @@ packages:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
-  mdn-data@2.0.30:
-    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
-
   meow@6.1.1:
     resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==}
     engines: {node: '>=8'}
@@ -3063,6 +3079,9 @@ packages:
     resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
     engines: {node: '>= 0.4'}
 
+  obug@2.1.1:
+    resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
+
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
@@ -3158,9 +3177,6 @@ packages:
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
-  periscopic@3.1.0:
-    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
-
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -3624,15 +3640,9 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  svelte-hmr@0.16.0:
-    resolution: {integrity: sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==}
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0
-
-  svelte@4.2.20:
-    resolution: {integrity: sha512-eeEgGc2DtiUil5ANdtd8vPwt9AgaMdnuUFnPft9F5oMvU/FHu5IHFic+p1dR/UOB7XU2mX2yHW+NcTch4DCh5Q==}
-    engines: {node: '>=16'}
+  svelte@5.53.0:
+    resolution: {integrity: sha512-7dhHkSamGS2vtoBmIW2hRab+gl5Z60alEHZB4910ePqqJNxAWnDAxsofVmlZ2tREmWyHNE+A1nCKwICAquoD2A==}
+    engines: {node: '>=18'}
 
   synckit@0.11.11:
     resolution: {integrity: sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==}
@@ -3905,10 +3915,10 @@ packages:
       terser:
         optional: true
 
-  vitefu@0.2.5:
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+  vitefu@1.1.1:
+    resolution: {integrity: sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ==}
     peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0-beta.0
     peerDependenciesMeta:
       vite:
         optional: true
@@ -4041,12 +4051,10 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-snapshots:
+  zimmerframe@1.1.4:
+    resolution: {integrity: sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==}
 
-  '@ampproject/remapping@2.3.0':
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.31
+snapshots:
 
   '@babel/code-frame@7.22.13':
     dependencies:
@@ -4953,28 +4961,26 @@ snapshots:
 
   '@rtsao/scc@1.1.0': {}
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.20)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0)))(svelte@4.2.20)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))':
+  '@sveltejs/acorn-typescript@1.0.9(acorn@8.15.0)':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.20)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
-      debug: 4.4.3
-      svelte: 4.2.20
+      acorn: 8.15.0
+
+  '@sveltejs/vite-plugin-svelte-inspector@5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0)))(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))':
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
+      obug: 2.1.1
+      svelte: 5.53.0
       vite: 5.4.21(@types/node@20.5.1)(sass@1.93.0)
-    transitivePeerDependencies:
-      - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.20)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))':
+  '@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.20)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0)))(svelte@4.2.20)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
-      debug: 4.4.3
+      '@sveltejs/vite-plugin-svelte-inspector': 5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0)))(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
       deepmerge: 4.3.1
-      kleur: 4.1.5
       magic-string: 0.30.21
-      svelte: 4.2.20
-      svelte-hmr: 0.16.0(svelte@4.2.20)
+      obug: 2.1.1
+      svelte: 5.53.0
       vite: 5.4.21(@types/node@20.5.1)(sass@1.93.0)
-      vitefu: 0.2.5(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
-    transitivePeerDependencies:
-      - supports-color
+      vitefu: 1.1.1(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
 
   '@tsconfig/node10@1.0.9': {}
 
@@ -5036,6 +5042,8 @@ snapshots:
 
   '@types/semver@7.5.3': {}
 
+  '@types/trusted-types@2.0.7': {}
+
   '@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.2.2))(eslint@8.57.1)(typescript@5.2.2)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
@@ -5286,18 +5294,12 @@ snapshots:
       jsonparse: 1.3.1
       through: 2.3.8
 
-  acorn-jsx@5.3.2(acorn@8.10.0):
-    dependencies:
-      acorn: 8.10.0
-
   acorn-jsx@5.3.2(acorn@8.15.0):
     dependencies:
       acorn: 8.15.0
 
   acorn-walk@8.2.0: {}
 
-  acorn@8.10.0: {}
-
   acorn@8.15.0: {}
 
   ajv@6.12.6:
@@ -5583,13 +5585,7 @@ snapshots:
 
   clone@1.0.4: {}
 
-  code-red@1.0.4:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
-      '@types/estree': 1.0.8
-      acorn: 8.15.0
-      estree-walker: 3.0.3
-      periscopic: 3.1.0
+  clsx@2.1.1: {}
 
   color-convert@1.9.3:
     dependencies:
@@ -5675,11 +5671,6 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  css-tree@2.3.1:
-    dependencies:
-      mdn-data: 2.0.30
-      source-map-js: 1.2.1
-
   csstype@3.1.3: {}
 
   csv-generate@3.4.3: {}
@@ -5767,6 +5758,8 @@ snapshots:
   detect-libc@1.0.3:
     optional: true
 
+  devalue@5.6.3: {}
+
   diff@4.0.2: {}
 
   dir-glob@3.0.1:
@@ -6295,6 +6288,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  esm-env@1.2.2: {}
+
   espree@10.4.0:
     dependencies:
       acorn: 8.15.0
@@ -6303,8 +6298,8 @@ snapshots:
 
   espree@9.6.1:
     dependencies:
-      acorn: 8.10.0
-      acorn-jsx: 5.3.2(acorn@8.10.0)
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
       eslint-visitor-keys: 3.4.3
 
   esprima@4.0.1: {}
@@ -6313,6 +6308,10 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
+  esrap@2.2.3:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
   esrecurse@4.3.0:
     dependencies:
       estraverse: 5.3.0
@@ -6321,10 +6320,6 @@ snapshots:
 
   estree-walker@2.0.2: {}
 
-  estree-walker@3.0.3:
-    dependencies:
-      '@types/estree': 1.0.8
-
   esutils@2.0.3: {}
 
   eventemitter3@5.0.1: {}
@@ -7108,8 +7103,6 @@ snapshots:
 
   math-intrinsics@1.1.0: {}
 
-  mdn-data@2.0.30: {}
-
   meow@6.1.1:
     dependencies:
       '@types/minimist': 1.2.4
@@ -7292,6 +7285,8 @@ snapshots:
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
+  obug@2.1.1: {}
+
   once@1.4.0:
     dependencies:
       wrappy: 1.0.2
@@ -7379,12 +7374,6 @@ snapshots:
 
   pathe@2.0.3: {}
 
-  periscopic@3.1.0:
-    dependencies:
-      '@types/estree': 1.0.8
-      estree-walker: 3.0.3
-      is-reference: 3.0.3
-
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
@@ -7924,26 +7913,24 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-hmr@0.16.0(svelte@4.2.20):
-    dependencies:
-      svelte: 4.2.20
-
-  svelte@4.2.20:
+  svelte@5.53.0:
     dependencies:
-      '@ampproject/remapping': 2.3.0
+      '@jridgewell/remapping': 2.3.5
       '@jridgewell/sourcemap-codec': 1.5.5
-      '@jridgewell/trace-mapping': 0.3.31
+      '@sveltejs/acorn-typescript': 1.0.9(acorn@8.15.0)
       '@types/estree': 1.0.8
+      '@types/trusted-types': 2.0.7
       acorn: 8.15.0
       aria-query: 5.3.2
       axobject-query: 4.1.0
-      code-red: 1.0.4
-      css-tree: 2.3.1
-      estree-walker: 3.0.3
+      clsx: 2.1.1
+      devalue: 5.6.3
+      esm-env: 1.2.2
+      esrap: 2.2.3
       is-reference: 3.0.3
       locate-character: 3.0.0
-      magic-string: 0.30.19
-      periscopic: 3.1.0
+      magic-string: 0.30.21
+      zimmerframe: 1.1.4
 
   synckit@0.11.11:
     dependencies:
@@ -8010,7 +7997,7 @@ snapshots:
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
       '@types/node': 20.5.1
-      acorn: 8.10.0
+      acorn: 8.15.0
       acorn-walk: 8.2.0
       arg: 4.1.3
       create-require: 1.1.1
@@ -8206,7 +8193,7 @@ snapshots:
       fsevents: 2.3.3
       sass: 1.93.0
 
-  vitefu@0.2.5(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0)):
+  vitefu@1.1.1(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0)):
     optionalDependencies:
       vite: 5.4.21(@types/node@20.5.1)(sass@1.93.0)
 
@@ -8377,3 +8364,5 @@ snapshots:
   yn@3.1.1: {}
 
   yocto-queue@0.1.0: {}
+
+  zimmerframe@1.1.4: {}
diff --git a/site/src/components/homepage/usage.tsx b/site/src/components/homepage/usage.tsx
index d78a6ed..d9793fc 100644
--- a/site/src/components/homepage/usage.tsx
+++ b/site/src/components/homepage/usage.tsx
@@ -14,7 +14,7 @@ textmorph.update('{EXAMPLE_TEXT}');
 <script setup>
   import { TextMorph } from "torph/vue";
 </script>`,
-  svelte: `<TextMorph>{EXAMPLE_TEXT}</TextMorph>`,
+  svelte: `<TextMorph text="{EXAMPLE_TEXT}"/>`,
 };
 
 export const populateExample = (example: string, exampleText: string) => {

From de76a7dcbca817808bfe1fbe827261f7f7e9b24b Mon Sep 17 00:00:00 2001
From: Aidan Bleser <aidanbleser35@gmail.com>
Date: Fri, 20 Feb 2026 07:04:52 -0600
Subject: [PATCH 2/7] fix

---
 apps/svelte-example/src/App.svelte | 11 ++++-------
 apps/svelte-example/src/main.ts    | 10 +++++-----
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/apps/svelte-example/src/App.svelte b/apps/svelte-example/src/App.svelte
index 987723f..55d0d7a 100644
--- a/apps/svelte-example/src/App.svelte
+++ b/apps/svelte-example/src/App.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount, onDestroy } from 'svelte';
+  import { onMount } from 'svelte';
   import { TextMorph } from 'torph/svelte';
 
   const texts = [
@@ -9,17 +9,14 @@
     "Fluidly Animate Text",
   ];
 
-  let index = 0;
-  let interval: ReturnType<typeof setInterval>;
+  let index = $state(0);
 
   onMount(() => {
-    interval = setInterval(() => {
+    const interval = setInterval(() => {
       index = (index + 1) % texts.length;
     }, 2000);
-  });
 
-  onDestroy(() => {
-    clearInterval(interval);
+    return () => clearInterval(interval);
   });
 
   const text = $derived(texts[index]);
diff --git a/apps/svelte-example/src/main.ts b/apps/svelte-example/src/main.ts
index 928b6c5..a319f90 100644
--- a/apps/svelte-example/src/main.ts
+++ b/apps/svelte-example/src/main.ts
@@ -1,8 +1,8 @@
-import { mount } from 'svelte'
-import App from './App.svelte'
+import { mount } from "svelte";
+import App from "./App.svelte";
 
 const app = mount(App, {
-  target: document.getElementById('app')!,
-})
+  target: document.getElementById("app")!,
+});
 
-export default app
+export default app;

From eac474db3fa0b8a392ccfa0c44e6dc4920c13d36 Mon Sep 17 00:00:00 2001
From: Aidan Bleser <aidanbleser35@gmail.com>
Date: Fri, 20 Feb 2026 07:05:06 -0600
Subject: [PATCH 3/7] Update index.html

---
 apps/svelte-example/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/svelte-example/index.html b/apps/svelte-example/index.html
index d2b58f9..1ece5fa 100644
--- a/apps/svelte-example/index.html
+++ b/apps/svelte-example/index.html
@@ -9,4 +9,4 @@
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
-</html>
\ No newline at end of file
+</html>

From 734f21889e4bce4b657ef0060ed9df8b414fef61 Mon Sep 17 00:00:00 2001
From: Aidan Bleser <117548273+ieedan@users.noreply.github.com>
Date: Fri, 20 Feb 2026 08:02:55 -0600
Subject: [PATCH 4/7] Update return statement to use arrow function for destroy

---
 packages/torph/src/svelte/TextMorph.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/torph/src/svelte/TextMorph.svelte b/packages/torph/src/svelte/TextMorph.svelte
index 834dd28..8a566a8 100644
--- a/packages/torph/src/svelte/TextMorph.svelte
+++ b/packages/torph/src/svelte/TextMorph.svelte
@@ -50,7 +50,9 @@
       morphInstance.update(text);
     }
 
-    return morphInstance?.destroy;
+    return () => {
+		  morphInstance?.destroy();
+		};
   });
 
   $effect(() => {

From e7a20e18ec124fed9063d50266b5a086b80c62f9 Mon Sep 17 00:00:00 2001
From: Aidan Bleser <aidanbleser35@gmail.com>
Date: Sat, 21 Feb 2026 06:45:34 -0600
Subject: [PATCH 5/7] Update TextMorph.svelte

---
 packages/torph/src/svelte/TextMorph.svelte | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/packages/torph/src/svelte/TextMorph.svelte b/packages/torph/src/svelte/TextMorph.svelte
index 8a566a8..75e09a2 100644
--- a/packages/torph/src/svelte/TextMorph.svelte
+++ b/packages/torph/src/svelte/TextMorph.svelte
@@ -1,17 +1,9 @@
 <script lang="ts">
   import { onMount } from 'svelte';
-  import { DEFAULT_AS, DEFAULT_TEXT_MORPH_OPTIONS, TextMorph as Morph } from '../lib/text-morph';
+  import { DEFAULT_AS, DEFAULT_TEXT_MORPH_OPTIONS, TextMorph as Morph, type TextMorphOptions } from '../lib/text-morph';
   
-  type Props = {
+  type Props = Omit<TextMorphOptions, "element"> & {
     text: string;
-    locale?: Intl.LocalesArgument;
-    duration?: number;
-    ease?: string;
-    debug?: boolean;
-    disabled?: boolean;
-    respectReducedMotion?: boolean;
-    onAnimationStart?: (() => void) | undefined;
-    onAnimationComplete?: (() => void) | undefined;
     class?: string;
     style?: string;
     as?: string;

From f612bbaa992c9acb0853c87640176df79336cb3c Mon Sep 17 00:00:00 2001
From: Aidan Bleser <aidanbleser35@gmail.com>
Date: Sat, 21 Feb 2026 07:05:43 -0600
Subject: [PATCH 6/7] bump vite

---
 apps/svelte-example/package.json   |   2 +-
 apps/svelte-example/vite.config.ts |   9 ---
 packages/torph/tsup.config.ts      |   8 +--
 pnpm-lock.yaml                     | 111 +++++++++++++++++++++--------
 4 files changed, 85 insertions(+), 45 deletions(-)

diff --git a/apps/svelte-example/package.json b/apps/svelte-example/package.json
index 6e5a7bf..b800d1d 100644
--- a/apps/svelte-example/package.json
+++ b/apps/svelte-example/package.json
@@ -15,6 +15,6 @@
     "@sveltejs/vite-plugin-svelte": "^6.0.0",
     "svelte": "^5.0.0",
     "typescript": "^5.0.2",
-    "vite": "^5.0.0"
+    "vite": "^6.0.0"
   }
 }
diff --git a/apps/svelte-example/vite.config.ts b/apps/svelte-example/vite.config.ts
index 784ef0e..8a6f4b5 100644
--- a/apps/svelte-example/vite.config.ts
+++ b/apps/svelte-example/vite.config.ts
@@ -1,15 +1,6 @@
 import { defineConfig } from "vite";
 import { svelte } from "@sveltejs/vite-plugin-svelte";
-import path from "path";
 
 export default defineConfig({
   plugins: [svelte()],
-  resolve: {
-    alias: {
-      "torph/svelte": path.resolve(
-        __dirname,
-        "../../packages/torph/src/svelte",
-      ),
-    },
-  },
 });
diff --git a/packages/torph/tsup.config.ts b/packages/torph/tsup.config.ts
index caabdb9..36ccb1a 100644
--- a/packages/torph/tsup.config.ts
+++ b/packages/torph/tsup.config.ts
@@ -25,7 +25,7 @@ export default defineConfig((options) => [
     dts: false,
     sourcemap: true,
     target: "es2022",
-    external: ["vue", "../lib/text-morph"],
+    external: ["vue"],
     minify: !options.watch,
     loader: {
       ".vue": "copy",
@@ -40,7 +40,7 @@ export default defineConfig((options) => [
     dts: {
       only: true,
     },
-    external: ["vue", "../lib/text-morph/types"],
+    external: ["vue"],
   },
   // Svelte - JS build
   {
@@ -51,7 +51,7 @@ export default defineConfig((options) => [
     dts: false,
     sourcemap: true,
     target: "es2022",
-    external: ["svelte", "../lib/text-morph"],
+    external: ["svelte"],
     minify: !options.watch,
     loader: {
       ".svelte": "copy",
@@ -66,6 +66,6 @@ export default defineConfig((options) => [
     dts: {
       only: true,
     },
-    external: ["svelte", "../lib/text-morph/types"],
+    external: ["svelte"],
   },
 ]);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 924478f..69b9ae5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -57,7 +57,7 @@ importers:
     devDependencies:
       '@sveltejs/vite-plugin-svelte':
         specifier: ^6.0.0
-        version: 6.2.4(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
+        version: 6.2.4(svelte@5.53.0)(vite@6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1))
       svelte:
         specifier: ^5.0.0
         version: 5.53.0
@@ -65,8 +65,8 @@ importers:
         specifier: ^5.0.2
         version: 5.9.3
       vite:
-        specifier: ^5.0.0
-        version: 5.4.21(@types/node@20.5.1)(sass@1.93.0)
+        specifier: ^6.0.0
+        version: 6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1)
 
   apps/typescript-example:
     dependencies:
@@ -2353,11 +2353,12 @@ packages:
 
   glob@10.4.5:
     resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
     hasBin: true
 
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    deprecated: Glob versions prior to v9 are no longer supported
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
 
   global-dirs@0.1.1:
     resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
@@ -2897,9 +2898,6 @@ packages:
     resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
     engines: {node: '>=10'}
 
-  magic-string@0.30.19:
-    resolution: {integrity: sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==}
-
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
@@ -3518,6 +3516,7 @@ packages:
   source-map@0.8.0-beta.0:
     resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
     engines: {node: '>= 8'}
+    deprecated: The work that was done in this beta branch won't be included in future versions
 
   spawndamnit@2.0.0:
     resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==}
@@ -3915,6 +3914,46 @@ packages:
       terser:
         optional: true
 
+  vite@6.4.1:
+    resolution: {integrity: sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      jiti: '>=1.21.0'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      sass-embedded: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
   vitefu@1.1.1:
     resolution: {integrity: sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ==}
     peerDependencies:
@@ -4082,7 +4121,7 @@ snapshots:
       '@babel/types': 7.28.4
       '@jridgewell/remapping': 2.3.5
       convert-source-map: 2.0.0
-      debug: 4.3.4
+      debug: 4.4.3
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -4182,7 +4221,7 @@ snapshots:
       '@babel/parser': 7.28.4
       '@babel/template': 7.27.2
       '@babel/types': 7.28.4
-      debug: 4.3.4
+      debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
@@ -4693,7 +4732,7 @@ snapshots:
   '@eslint/config-array@0.21.0':
     dependencies:
       '@eslint/object-schema': 2.1.6
-      debug: 4.3.4
+      debug: 4.4.3
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -4707,7 +4746,7 @@ snapshots:
   '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.4
+      debug: 4.4.3
       espree: 9.6.1
       globals: 13.24.0
       ignore: 5.2.4
@@ -4721,7 +4760,7 @@ snapshots:
   '@eslint/eslintrc@3.3.1':
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.4
+      debug: 4.4.3
       espree: 10.4.0
       globals: 14.0.0
       ignore: 5.2.4
@@ -4753,7 +4792,7 @@ snapshots:
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.3.4
+      debug: 4.4.3
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -4965,22 +5004,22 @@ snapshots:
     dependencies:
       acorn: 8.15.0
 
-  '@sveltejs/vite-plugin-svelte-inspector@5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0)))(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.53.0)(vite@6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1)))(svelte@5.53.0)(vite@6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
+      '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.53.0)(vite@6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1))
       obug: 2.1.1
       svelte: 5.53.0
-      vite: 5.4.21(@types/node@20.5.1)(sass@1.93.0)
+      vite: 6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1)
 
-  '@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))':
+  '@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.53.0)(vite@6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0)))(svelte@5.53.0)(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.53.0)(vite@6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1)))(svelte@5.53.0)(vite@6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1))
       deepmerge: 4.3.1
       magic-string: 0.30.21
       obug: 2.1.1
       svelte: 5.53.0
-      vite: 5.4.21(@types/node@20.5.1)(sass@1.93.0)
-      vitefu: 1.1.1(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0))
+      vite: 6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1)
+      vitefu: 1.1.1(vite@6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1))
 
   '@tsconfig/node10@1.0.9': {}
 
@@ -5119,7 +5158,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.2.2)
       '@typescript-eslint/utils': 6.21.0(eslint@8.57.1)(typescript@5.2.2)
-      debug: 4.3.4
+      debug: 4.4.3
       eslint: 8.57.1
       ts-api-utils: 1.4.3(typescript@5.2.2)
     optionalDependencies:
@@ -5131,7 +5170,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.9.3)
       '@typescript-eslint/utils': 6.21.0(eslint@9.36.0)(typescript@5.9.3)
-      debug: 4.3.4
+      debug: 4.4.3
       eslint: 9.36.0
       ts-api-utils: 1.4.3(typescript@5.9.3)
     optionalDependencies:
@@ -5145,7 +5184,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.3.4
+      debug: 4.4.3
       globby: 11.1.0
       is-glob: 4.0.3
       minimatch: 9.0.3
@@ -5160,7 +5199,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.3.4
+      debug: 4.4.3
       globby: 11.1.0
       is-glob: 4.0.3
       minimatch: 9.0.3
@@ -6409,7 +6448,7 @@ snapshots:
 
   fix-dts-default-cjs-exports@1.0.1:
     dependencies:
-      magic-string: 0.30.19
+      magic-string: 0.30.21
       mlly: 1.8.0
       rollup: 4.52.0
 
@@ -7087,10 +7126,6 @@ snapshots:
     dependencies:
       yallist: 4.0.0
 
-  magic-string@0.30.19:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
-
   magic-string@0.30.21:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -8193,9 +8228,23 @@ snapshots:
       fsevents: 2.3.3
       sass: 1.93.0
 
-  vitefu@1.1.1(vite@5.4.21(@types/node@20.5.1)(sass@1.93.0)):
+  vite@6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1):
+    dependencies:
+      esbuild: 0.25.10
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.52.0
+      tinyglobby: 0.2.15
     optionalDependencies:
-      vite: 5.4.21(@types/node@20.5.1)(sass@1.93.0)
+      '@types/node': 20.5.1
+      fsevents: 2.3.3
+      sass: 1.93.0
+      yaml: 2.8.1
+
+  vitefu@1.1.1(vite@6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1)):
+    optionalDependencies:
+      vite: 6.4.1(@types/node@20.5.1)(sass@1.93.0)(yaml@2.8.1)
 
   vue@3.5.24(typescript@5.9.3):
     dependencies:

From a4b9b19fcabd910bffd3204c6c4b415fdd1202d1 Mon Sep 17 00:00:00 2001
From: Aidan Bleser <aidanbleser35@gmail.com>
Date: Sun, 22 Feb 2026 08:24:54 -0600
Subject: [PATCH 7/7] Update vite.config.ts

---
 apps/svelte-example/vite.config.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/apps/svelte-example/vite.config.ts b/apps/svelte-example/vite.config.ts
index 8a6f4b5..784ef0e 100644
--- a/apps/svelte-example/vite.config.ts
+++ b/apps/svelte-example/vite.config.ts
@@ -1,6 +1,15 @@
 import { defineConfig } from "vite";
 import { svelte } from "@sveltejs/vite-plugin-svelte";
+import path from "path";
 
 export default defineConfig({
   plugins: [svelte()],
+  resolve: {
+    alias: {
+      "torph/svelte": path.resolve(
+        __dirname,
+        "../../packages/torph/src/svelte",
+      ),
+    },
+  },
 });