diff --git a/Gemfile.lock b/Gemfile.lock
index dc6014f..1a7e750 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -225,7 +225,7 @@ GEM
       date
       stringio
     public_suffix (6.0.2)
-    puma (7.0.1)
+    puma (7.0.2)
       nio4r (~> 2.0)
     raabro (1.4.0)
     racc (1.8.1)
@@ -348,7 +348,7 @@ GEM
       fugit (~> 1.11.0)
       railties (>= 7.1)
       thor (>= 1.3.1)
-    sorbet-runtime (0.6.12495)
+    sorbet-runtime (0.6.12507)
     sqlite3 (2.7.3-aarch64-linux-gnu)
     sqlite3 (2.7.3-aarch64-linux-musl)
     sqlite3 (2.7.3-arm-linux-gnu)
@@ -372,9 +372,9 @@ GEM
     timeout (0.4.3)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    unicode-display_width (3.1.5)
-      unicode-emoji (~> 4.0, >= 4.0.4)
-    unicode-emoji (4.0.4)
+    unicode-display_width (3.2.0)
+      unicode-emoji (~> 4.1)
+    unicode-emoji (4.1.0)
     uri (1.0.3)
     useragent (0.16.11)
     vite_rails (3.0.19)
diff --git a/app/frontend/components/delete-user.svelte b/app/frontend/components/delete-user.svelte
index 3f8a9e5..63903ae 100644
--- a/app/frontend/components/delete-user.svelte
+++ b/app/frontend/components/delete-user.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { useForm } from "@inertiajs/svelte"
+  import type { FormComponentSlotProps } from "@inertiajs/core"
+  import { Form } from "@inertiajs/svelte"
 
   import HeadingSmall from "@/components/heading-small.svelte"
   import InputError from "@/components/input-error.svelte"
@@ -10,26 +11,6 @@
   import { usersPath } from "@/routes"
 
   let passwordInput: HTMLInputElement | null = null
-
-  const form = useForm({
-    password_challenge: "",
-  })
-
-  const deleteUser = (e: Event) => {
-    e.preventDefault()
-
-    $form.delete(usersPath(), {
-      preserveScroll: true,
-      onSuccess: () => closeModal(),
-      onError: () => passwordInput?.focus(),
-      onFinish: () => $form.reset(),
-    })
-  }
-
-  const closeModal = () => {
-    $form.clearErrors()
-    $form.reset()
-  }
 </script>
 
 <div class="space-y-6">
@@ -49,47 +30,60 @@
         <Button variant="destructive">Delete account</Button>
       </Dialog.Trigger>
       <Dialog.Content>
-        <form class="space-y-6" on:submit={deleteUser}>
-          <Dialog.Header class="space-y-3">
-            <Dialog.Title>
-              Are you sure you want to delete your account?
-            </Dialog.Title>
-            <Dialog.Description>
-              Once your account is deleted, all of its resources and data will
-              also be permanently deleted. Please enter your password to confirm
-              you would like to permanently delete your account.
-            </Dialog.Description>
-          </Dialog.Header>
+        <Form
+          method="delete"
+          action={usersPath()}
+          options={{
+            preserveScroll: true,
+          }}
+          onError={() => passwordInput?.focus()}
+          resetOnSuccess
+          class="space-y-6"
+        >
+          {#snippet children({
+            errors,
+            processing,
+            resetAndClearErrors,
+          }: FormComponentSlotProps)}
+            <Dialog.Header class="space-y-3">
+              <Dialog.Title>
+                Are you sure you want to delete your account?
+              </Dialog.Title>
+              <Dialog.Description>
+                Once your account is deleted, all of its resources and data will
+                also be permanently deleted. Please enter your password to
+                confirm you would like to permanently delete your account.
+              </Dialog.Description>
+            </Dialog.Header>
 
-          <div class="grid gap-2">
-            <Label for="password_challenge" class="sr-only">Password</Label>
-            <Input
-              id="password_challenge"
-              type="password"
-              name="password_challenge"
-              bind:ref={passwordInput}
-              bind:value={$form.password_challenge}
-              placeholder="Password"
-            />
-            <InputError message={$form.errors.password_challenge} />
-          </div>
+            <div class="grid gap-2">
+              <Label for="password_challenge" class="sr-only">Password</Label>
+              <Input
+                id="password_challenge"
+                type="password"
+                name="password_challenge"
+                bind:ref={passwordInput}
+                placeholder="Password"
+              />
+              <InputError message={errors.password_challenge} />
+            </div>
 
-          <Dialog.Footer class="gap-2">
-            <Dialog.Close>
-              {#snippet child()}
-                <Button variant="secondary" onclick={closeModal}>Cancel</Button>
-              {/snippet}
-            </Dialog.Close>
+            <Dialog.Footer class="gap-2">
+              <Dialog.Close>
+                {#snippet child()}
+                  <Button
+                    variant="secondary"
+                    onclick={() => resetAndClearErrors()}>Cancel</Button
+                  >
+                {/snippet}
+              </Dialog.Close>
 
-            <Button
-              type="submit"
-              variant="destructive"
-              disabled={$form.processing}
-            >
-              Delete account
-            </Button>
-          </Dialog.Footer>
-        </form>
+              <Button type="submit" variant="destructive" disabled={processing}>
+                Delete account
+              </Button>
+            </Dialog.Footer>
+          {/snippet}
+        </Form>
       </Dialog.Content>
     </Dialog.Root>
   </div>
diff --git a/app/frontend/pages/identity/password_resets/edit.svelte b/app/frontend/pages/identity/password_resets/edit.svelte
index f155c23..e4f51f5 100644
--- a/app/frontend/pages/identity/password_resets/edit.svelte
+++ b/app/frontend/pages/identity/password_resets/edit.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { useForm } from "@inertiajs/svelte"
+  import type { FormComponentSlotProps } from "@inertiajs/core"
+  import { Form } from "@inertiajs/svelte"
   import { LoaderCircle } from "@lucide/svelte"
 
   import InputError from "@/components/input-error.svelte"
@@ -15,22 +16,6 @@
   }
 
   let { sid, email }: Props = $props()
-
-  const form = useForm({
-    sid,
-    email,
-    password: "",
-    password_confirmation: "",
-  })
-
-  const submit = (e: Event) => {
-    e.preventDefault()
-    $form.put(identityPasswordResetPath(), {
-      onFinish: () => {
-        $form.reset("password", "password_confirmation")
-      },
-    })
-  }
 </script>
 
 <svelte:head>
@@ -41,57 +26,62 @@
   title="Reset password"
   description="Please enter your new password below"
 >
-  <form onsubmit={submit}>
-    <div class="grid gap-6">
-      <div class="grid gap-2">
-        <Label for="email">Email</Label>
-        <Input
-          id="email"
-          type="email"
-          name="email"
-          autocomplete="email"
-          bind:value={$form.email}
-          class="mt-1 block w-full"
-          readonly
-        />
-        <InputError message={$form.errors.email} class="mt-2" />
-      </div>
+  <Form
+    method="put"
+    action={identityPasswordResetPath()}
+    transform={(data) => ({ ...data, sid, email })}
+    resetOnSuccess={["password", "password_confirmation"]}
+  >
+    {#snippet children({ errors, processing }: FormComponentSlotProps)}
+      <div class="grid gap-6">
+        <div class="grid gap-2">
+          <Label for="email">Email</Label>
+          <Input
+            id="email"
+            name="email"
+            type="email"
+            autocomplete="email"
+            value={email}
+            class="mt-1 block w-full"
+            readonly
+          />
+          <InputError message={errors.email} class="mt-2" />
+        </div>
 
-      <div class="grid gap-2">
-        <Label for="password">Password</Label>
-        <Input
-          id="password"
-          type="password"
-          name="password"
-          autocomplete="new-password"
-          bind:value={$form.password}
-          class="mt-1 block w-full"
-          autofocus
-          placeholder="Password"
-        />
-        <InputError message={$form.errors.password} />
-      </div>
+        <div class="grid gap-2">
+          <Label for="password">Password</Label>
+          <Input
+            id="password"
+            name="password"
+            type="password"
+            autocomplete="new-password"
+            class="mt-1 block w-full"
+            autofocus
+            placeholder="Password"
+          />
+          <InputError message={errors.password} />
+        </div>
 
-      <div class="grid gap-2">
-        <Label for="password_confirmation">Confirm Password</Label>
-        <Input
-          id="password_confirmation"
-          type="password"
-          name="password_confirmation"
-          autocomplete="new-password"
-          bind:value={$form.password_confirmation}
-          class="mt-1 block w-full"
-          placeholder="Confirm password"
-        />
-        <InputError message={$form.errors.password_confirmation} />
-      </div>
+        <div class="grid gap-2">
+          <Label for="password_confirmation">Confirm Password</Label>
+          <Input
+            id="password_confirmation"
+            name="password_confirmation"
+            type="password"
+            autocomplete="new-password"
+            class="mt-1 block w-full"
+            placeholder="Confirm password"
+          />
+          <InputError message={errors.password_confirmation} />
+        </div>
 
-      <Button type="submit" class="mt-4 w-full" disabled={$form.processing}>
-        {#if $form.processing}
-          <LoaderCircle class="h-4 w-4 animate-spin" />
-        {/if}
-        Reset password
-      </Button>
-    </div>
-  </form>
+        <Button type="submit" class="mt-4 w-full" disabled={processing}>
+          {#if processing}
+            <LoaderCircle class="h-4 w-4 animate-spin" />
+          {/if}
+          Reset password
+        </Button>
+      </div>
+    {/snippet}
+  </Form>
 </AuthLayout>
diff --git a/app/frontend/pages/identity/password_resets/new.svelte b/app/frontend/pages/identity/password_resets/new.svelte
index a460067..741af2a 100644
--- a/app/frontend/pages/identity/password_resets/new.svelte
+++ b/app/frontend/pages/identity/password_resets/new.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { useForm } from "@inertiajs/svelte"
+  import type { FormComponentSlotProps } from "@inertiajs/core"
+  import { Form } from "@inertiajs/svelte"
   import { LoaderCircle } from "@lucide/svelte"
 
   import InputError from "@/components/input-error.svelte"
@@ -9,15 +10,6 @@
   import { Label } from "@/components/ui/label"
   import AuthLayout from "@/layouts/auth-layout.svelte"
   import { identityPasswordResetPath, signInPath } from "@/routes"
-
-  const form = useForm({
-    email: "",
-  })
-
-  const submit = (e: Event) => {
-    e.preventDefault()
-    $form.post(identityPasswordResetPath())
-  }
 </script>
 
 <svelte:head>
@@ -29,30 +21,31 @@
   description="Enter your email to receive a password reset link"
 >
   <div class="space-y-6">
-    <form onsubmit={submit}>
-      <div class="grid gap-2">
-        <Label for="email">Email address</Label>
-        <Input
-          id="email"
-          type="email"
-          name="email"
-          autocomplete="off"
-          bind:value={$form.email}
-          autofocus
-          placeholder="email@example.com"
-        />
-        <InputError message={$form.errors.email} />
-      </div>
+    <Form method="post" action={identityPasswordResetPath()}>
+      {#snippet children({ errors, processing }: FormComponentSlotProps)}
+        <div class="grid gap-2">
+          <Label for="email">Email address</Label>
+          <Input
+            id="email"
+            name="email"
+            type="email"
+            autocomplete="off"
+            autofocus
+            placeholder="email@example.com"
+          />
+          <InputError message={errors.email} />
+        </div>
 
-      <div class="my-6 flex items-center justify-start">
-        <Button type="submit" class="w-full" disabled={$form.processing}>
-          {#if $form.processing}
-            <LoaderCircle class="h-4 w-4 animate-spin" />
-          {/if}
-          Email password reset link
-        </Button>
-      </div>
-    </form>
+        <div class="my-6 flex items-center justify-start">
+          <Button type="submit" class="w-full" disabled={processing}>
+            {#if processing}
+              <LoaderCircle class="h-4 w-4 animate-spin" />
+            {/if}
+            Email password reset link
+          </Button>
+        </div>
+      {/snippet}
+    </Form>
 
     <div class="text-muted-foreground space-x-1 text-center text-sm">
       <span>Or, return to</span>
diff --git a/app/frontend/pages/sessions/new.svelte b/app/frontend/pages/sessions/new.svelte
index 0ad39dc..b2ad921 100644
--- a/app/frontend/pages/sessions/new.svelte
+++ b/app/frontend/pages/sessions/new.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { useForm } from "@inertiajs/svelte"
+  import type { FormComponentSlotProps } from "@inertiajs/core"
+  import { Form } from "@inertiajs/svelte"
   import { LoaderCircle } from "@lucide/svelte"
 
   import InputError from "@/components/input-error.svelte"
@@ -13,18 +14,6 @@
     signInPath,
     signUpPath,
   } from "@/routes"
-
-  const form = useForm({
-    email: "",
-    password: "",
-    remember: false,
-  })
-
-  const submit = () => {
-    $form.post(signInPath(), {
-      onFinish: () => $form.reset("password"),
-    })
-  }
 </script>
 
 <svelte:head>
@@ -35,62 +24,69 @@
   title="Log in to your account"
   description="Enter your email and password below to log in"
 >
-  <form on:submit|preventDefault={submit} class="flex flex-col gap-6">
-    <div class="grid gap-6">
-      <div class="grid gap-2">
-        <Label for="email">Email address</Label>
-        <Input
-          id="email"
-          type="email"
-          required
-          autofocus
-          tabindex={1}
-          autocomplete="email"
-          bind:value={$form.email}
-          placeholder="email@example.com"
-        />
-        <InputError message={$form.errors.email} />
-      </div>
+  <Form
+    method="post"
+    action={signInPath()}
+    resetOnSuccess={["password"]}
+    class="flex flex-col gap-6"
+  >
+    {#snippet children({ processing, errors }: FormComponentSlotProps)}
+      <div class="grid gap-6">
+        <div class="grid gap-2">
+          <Label for="email">Email address</Label>
+          <Input
+            id="email"
+            name="email"
+            type="email"
+            required
+            autofocus
+            tabindex={1}
+            autocomplete="email"
+            placeholder="email@example.com"
+          />
+          <InputError message={errors.email} />
+        </div>
 
-      <div class="grid gap-2">
-        <div class="flex items-center justify-between">
-          <Label for="password">Password</Label>
-          <TextLink
-            href={newIdentityPasswordResetPath()}
-            class="text-sm"
-            tabindex={5}
-          >
-            Forgot password?
-          </TextLink>
+        <div class="grid gap-2">
+          <div class="flex items-center justify-between">
+            <Label for="password">Password</Label>
+            <TextLink
+              href={newIdentityPasswordResetPath()}
+              class="text-sm"
+              tabindex={5}
+            >
+              Forgot password?
+            </TextLink>
+          </div>
+          <Input
+            id="password"
+            name="password"
+            type="password"
+            required
+            tabindex={2}
+            autocomplete="current-password"
+            placeholder="Password"
+          />
+          <InputError message={errors.password} />
         </div>
-        <Input
-          id="password"
-          type="password"
-          required
-          tabindex={2}
-          autocomplete="current-password"
-          bind:value={$form.password}
-          placeholder="Password"
-        />
-        <InputError message={$form.errors.password} />
-      </div>
 
-      <Button
-        type="submit"
-        class="mt-4 w-full"
-        tabindex={4}
-        disabled={$form.processing}
-      >
-        {#if $form.processing}
-          <LoaderCircle class="h-4 w-4 animate-spin" />
-        {/if}
-        Log in
-      </Button>
-    </div>
+        <Button
+          type="submit"
+          class="mt-4 w-full"
+          tabindex={4}
+          disabled={processing}
+        >
+          {#if processing}
+            <LoaderCircle class="h-4 w-4 animate-spin" />
+          {/if}
+          Log in
+        </Button>
+      </div>
 
-    <div class="text-muted-foreground text-center text-sm">
-      Don't have an account?
-      <TextLink href={signUpPath()} tabindex={5}>Sign up</TextLink>
-    </div>
-  </form>
+      <div class="text-muted-foreground text-center text-sm">
+        Don't have an account?
+        <TextLink href={signUpPath()} tabindex={5}>Sign up</TextLink>
+      </div>
+    {/snippet}
+  </Form>
 </AuthBase>
diff --git a/app/frontend/pages/settings/emails/show.svelte b/app/frontend/pages/settings/emails/show.svelte
index 49cac63..7c91d3e 100644
--- a/app/frontend/pages/settings/emails/show.svelte
+++ b/app/frontend/pages/settings/emails/show.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type { Errors } from "@inertiajs/core"
-  import { router, useForm } from "@inertiajs/svelte"
+  import type { FormComponentSlotProps } from "@inertiajs/core"
+  import { Form, router } from "@inertiajs/svelte"
   import { page } from "@inertiajs/svelte"
   import { fly } from "svelte/transition"
 
@@ -21,29 +21,8 @@
     },
   ]
 
-  let currentPasswordInput = $state<HTMLInputElement | null>(null)
-
   const user = $derived($page.props.auth.user)
 
-  const form = useForm({
-    password_challenge: "",
-    email: $page.props.auth.user.email,
-  })
-
-  const submit = (e: Event) => {
-    e.preventDefault()
-    $form.patch(settingsEmailPath(), {
-      preserveScroll: true,
-      onSuccess: () => $form.reset("password_challenge"),
-      onError: (errors: Errors) => {
-        if (errors.password_challenge) {
-          $form.reset("password_challenge")
-          currentPasswordInput?.focus()
-        }
-      },
-    })
-  }
-
   const resendVerification = () => {
     router.post(identityEmailVerificationPath())
   }
@@ -61,68 +40,83 @@
         description="Update your email address and verify it"
       />
 
-      <form onsubmit={submit} class="space-y-6">
-        <div class="grid gap-2">
-          <Label for="email">Email address</Label>
-
-          <Input
-            id="email"
-            type="email"
-            class="mt-1 block w-full"
-            bind:value={$form.email}
-            required
-            autocomplete="username"
-            placeholder="Email address"
-          />
-
-          <InputError class="mt-2" message={$form.errors.email} />
-        </div>
-
-        {#if !user.verified}
-          <div>
-            <p class="text-muted-foreground -mt-4 text-sm">
-              Your email address is unverified.
-              <button
-                type="button"
-                onclick={resendVerification}
-                class="text-foreground underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500"
-              >
-                Click here to resend the verification email.
-              </button>
-            </p>
+      <Form
+        method="patch"
+        action={settingsEmailPath()}
+        options={{
+          preserveScroll: true,
+        }}
+        resetOnError={["password_challenge"]}
+        resetOnSuccess={["password_challenge"]}
+        class="space-y-6"
+      >
+        {#snippet children({
+          errors,
+          processing,
+          recentlySuccessful,
+        }: FormComponentSlotProps)}
+          <div class="grid gap-2">
+            <Label for="email">Email address</Label>
+
+            <Input
+              id="email"
+              name="email"
+              type="email"
+              class="mt-1 block w-full"
+              defaultValue={$page.props.auth.user.email}
+              required
+              autocomplete="username"
+              placeholder="Email address"
+            />
+
+            <InputError class="mt-2" message={errors.email} />
           </div>
-        {/if}
 
-        <div class="grid gap-2">
-          <Label for="password_challenge">Current password</Label>
+          {#if !user.verified}
+            <div>
+              <p class="text-muted-foreground -mt-4 text-sm">
+                Your email address is unverified.
+                <button
+                  type="button"
+                  onclick={resendVerification}
+                  class="text-foreground underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500"
+                >
+                  Click here to resend the verification email.
+                </button>
+              </p>
+            </div>
+          {/if}
 
-          <Input
-            id="password_challenge"
-            bind:ref={currentPasswordInput}
-            bind:value={$form.password_challenge}
-            type="password"
-            class="mt-1 block w-full"
-            autocomplete="current-password"
-            placeholder="Current password"
-          />
+          <div class="grid gap-2">
+            <Label for="password_challenge">Current password</Label>
 
-          <InputError message={$form.errors.password_challenge} />
-        </div>
+            <Input
+              id="password_challenge"
+              name="password_challenge"
+              type="password"
+              class="mt-1 block w-full"
+              autocomplete="current-password"
+              placeholder="Current password"
+            />
 
-        <div class="flex items-center gap-4">
-          <Button type="submit" disabled={$form.processing}>Save</Button>
+            <InputError message={errors.password_challenge} />
+          </div>
 
-          {#if $form.recentlySuccessful}
-            <p
-              class="text-sm text-neutral-600"
-              in:fly={{ y: -10, duration: 200 }}
-              out:fly={{ y: -10, duration: 200 }}
-            >
-              Saved
-            </p>
-          {/if}
-        </div>
-      </form>
+          <div class="flex items-center gap-4">
+            <Button type="submit" disabled={processing}>Save</Button>
+
+            {#if recentlySuccessful}
+              <p
+                class="text-sm text-neutral-600"
+                in:fly={{ y: -10, duration: 200 }}
+                out:fly={{ y: -10, duration: 200 }}
+              >
+                Saved
+              </p>
+            {/if}
+          </div>
+        {/snippet}
+      </Form>
     </div>
   </SettingsLayout>
 </AppLayout>
diff --git a/app/frontend/pages/settings/passwords/show.svelte b/app/frontend/pages/settings/passwords/show.svelte
index fdd017c..ef8f2e0 100644
--- a/app/frontend/pages/settings/passwords/show.svelte
+++ b/app/frontend/pages/settings/passwords/show.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type { Errors } from "@inertiajs/core"
-  import { useForm } from "@inertiajs/svelte"
+  import type { FormComponentSlotProps } from "@inertiajs/core"
+  import { Form } from "@inertiajs/svelte"
   import { fly } from "svelte/transition"
 
   import HeadingSmall from "@/components/heading-small.svelte"
@@ -19,33 +19,6 @@
       href: settingsPasswordPath(),
     },
   ]
-  let passwordInput = $state<HTMLInputElement | null>(null)
-  let currentPasswordInput = $state<HTMLInputElement | null>(null)
-
-  const form = useForm({
-    password_challenge: "",
-    password: "",
-    password_confirmation: "",
-  })
-
-  const updatePassword = (e: Event) => {
-    e.preventDefault()
-    $form.put(settingsPasswordPath(), {
-      preserveScroll: true,
-      onSuccess: () => $form.reset(),
-      onError: (errors: Errors) => {
-        if (errors.password) {
-          $form.reset("password", "password_confirmation")
-          passwordInput?.focus()
-        }
-
-        if (errors.password_challenge) {
-          $form.reset("password_challenge")
-          currentPasswordInput?.focus()
-        }
-      },
-    })
-  }
 </script>
 
 <svelte:head>
@@ -60,64 +33,75 @@
         description="Ensure your account is using a long, random password to stay secure"
       />
 
-      <form onsubmit={updatePassword} class="space-y-6">
-        <div class="grid gap-2">
-          <Label for="password_challenge">Current password</Label>
-          <Input
-            id="password_challenge"
-            bind:ref={currentPasswordInput}
-            bind:value={$form.password_challenge}
-            type="password"
-            class="mt-1 block w-full"
-            autocomplete="current-password"
-            placeholder="Current password"
-          />
-          <InputError message={$form.errors.password_challenge} />
-        </div>
+      <Form
+        method="put"
+        action={settingsPasswordPath()}
+        options={{
+          preserveScroll: true,
+        }}
+        resetOnError
+        resetOnSuccess
+        class="space-y-6"
+      >
+        {#snippet children({
+          errors,
+          processing,
+          recentlySuccessful,
+        }: FormComponentSlotProps)}
+          <div class="grid gap-2">
+            <Label for="password_challenge">Current password</Label>
+            <Input
+              id="password_challenge"
+              name="password_challenge"
+              type="password"
+              class="mt-1 block w-full"
+              autocomplete="current-password"
+              placeholder="Current password"
+            />
+            <InputError message={errors.password_challenge} />
+          </div>
 
-        <div class="grid gap-2">
-          <Label for="password">New password</Label>
-          <Input
-            id="password"
-            bind:ref={passwordInput}
-            bind:value={$form.password}
-            type="password"
-            class="mt-1 block w-full"
-            autocomplete="new-password"
-            placeholder="New password"
-          />
-          <InputError message={$form.errors.password} />
-        </div>
+          <div class="grid gap-2">
+            <Label for="password">New password</Label>
+            <Input
+              id="password"
+              name="password"
+              type="password"
+              class="mt-1 block w-full"
+              autocomplete="new-password"
+              placeholder="New password"
+            />
+            <InputError message={errors.password} />
+          </div>
 
-        <div class="grid gap-2">
-          <Label for="password_confirmation">Confirm password</Label>
-          <Input
-            id="password_confirmation"
-            bind:value={$form.password_confirmation}
-            type="password"
-            class="mt-1 block w-full"
-            autocomplete="new-password"
-            placeholder="Confirm password"
-          />
-          <InputError message={$form.errors.password_confirmation} />
-        </div>
+          <div class="grid gap-2">
+            <Label for="password_confirmation">Confirm password</Label>
+            <Input
+              id="password_confirmation"
+              name="password_confirmation"
+              type="password"
+              class="mt-1 block w-full"
+              autocomplete="new-password"
+              placeholder="Confirm password"
+            />
+            <InputError message={errors.password_confirmation} />
+          </div>
 
-        <div class="flex items-center gap-4">
-          <Button type="submit" disabled={$form.processing}
-            >Save password</Button
-          >
+          <div class="flex items-center gap-4">
+            <Button type="submit" disabled={processing}>Save password</Button>
 
-          {#if $form.recentlySuccessful}
-            <p
-              class="text-sm text-neutral-600"
-              in:fly={{ y: -10, duration: 200 }}
-              out:fly={{ y: -10, duration: 200 }}
-            >
-              Saved.
-            </p>
-          {/if}
-        </div>
-      </form>
+            {#if recentlySuccessful}
+              <p
+                class="text-sm text-neutral-600"
+                in:fly={{ y: -10, duration: 200 }}
+                out:fly={{ y: -10, duration: 200 }}
+              >
+                Saved.
+              </p>
+            {/if}
+          </div>
+        {/snippet}
+      </Form>
     </div>
   </SettingsLayout>
 </AppLayout>
diff --git a/app/frontend/pages/settings/profiles/show.svelte b/app/frontend/pages/settings/profiles/show.svelte
index 10f1846..8f35193 100644
--- a/app/frontend/pages/settings/profiles/show.svelte
+++ b/app/frontend/pages/settings/profiles/show.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { useForm } from "@inertiajs/svelte"
-  import { page } from "@inertiajs/svelte"
+  import type { FormComponentSlotProps } from "@inertiajs/core"
+  import { Form, page } from "@inertiajs/svelte"
   import { fly } from "svelte/transition"
 
   import DeleteUser from "@/components/delete-user.svelte"
@@ -20,17 +20,6 @@
       href: settingsProfilePath(),
     },
   ]
-
-  const form = useForm({
-    name: $page.props.auth.user.name,
-  })
-
-  const submit = (e: Event) => {
-    e.preventDefault()
-    $form.patch(settingsProfilePath(), {
-      preserveScroll: true,
-    })
-  }
 </script>
 
 <svelte:head>
@@ -45,34 +34,48 @@
         description="Update your name and email address"
       />
 
-      <form onsubmit={submit} class="space-y-6">
-        <div class="grid gap-2">
-          <Label for="name">Name</Label>
-          <Input
-            id="name"
-            class="mt-1 block w-full"
-            bind:value={$form.name}
-            required
-            autocomplete="name"
-            placeholder="Full name"
-          />
-          <InputError class="mt-2" message={$form.errors.name} />
-        </div>
+      <Form
+        method="patch"
+        action={settingsProfilePath()}
+        options={{
+          preserveScroll: true,
+        }}
+        class="space-y-6"
+      >
+        {#snippet children({
+          errors,
+          processing,
+          recentlySuccessful,
+        }: FormComponentSlotProps)}
+          <div class="grid gap-2">
+            <Label for="name">Name</Label>
+            <Input
+              id="name"
+              name="name"
+              class="mt-1 block w-full"
+              value={$page.props.auth.user.name}
+              required
+              autocomplete="name"
+              placeholder="Full name"
+            />
+            <InputError class="mt-2" message={errors.name} />
+          </div>
 
-        <div class="flex items-center gap-4">
-          <Button type="submit" disabled={$form.processing}>Save</Button>
+          <div class="flex items-center gap-4">
+            <Button type="submit" disabled={processing}>Save</Button>
 
-          {#if $form.recentlySuccessful}
-            <p
-              class="text-sm text-neutral-600"
-              in:fly={{ y: -10, duration: 200 }}
-              out:fly={{ y: -10, duration: 200 }}
-            >
-              Saved.
-            </p>
-          {/if}
-        </div>
-      </form>
+            {#if recentlySuccessful}
+              <p
+                class="text-sm text-neutral-600"
+                in:fly={{ y: -10, duration: 200 }}
+                out:fly={{ y: -10, duration: 200 }}
+              >
+                Saved.
+              </p>
+            {/if}
+          </div>
+        {/snippet}
+      </Form>
     </div>
 
     <DeleteUser />
diff --git a/app/frontend/pages/users/new.svelte b/app/frontend/pages/users/new.svelte
index 0cea5a9..7132f88 100644
--- a/app/frontend/pages/users/new.svelte
+++ b/app/frontend/pages/users/new.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { useForm } from "@inertiajs/svelte"
+  import type { FormComponentSlotProps } from "@inertiajs/core"
+  import { Form } from "@inertiajs/svelte"
   import { LoaderCircle } from "@lucide/svelte"
 
   import InputError from "@/components/input-error.svelte"
@@ -9,20 +10,6 @@
   import { Label } from "@/components/ui/label"
   import AuthBase from "@/layouts/auth-layout.svelte"
   import { signInPath, signUpPath } from "@/routes"
-
-  const form = useForm({
-    name: "",
-    email: "",
-    password: "",
-    password_confirmation: "",
-  })
-
-  const submit = (e: Event) => {
-    e.preventDefault()
-    $form.post(signUpPath(), {
-      onFinish: () => $form.reset("password", "password_confirmation"),
-    })
-  }
 </script>
 
 <svelte:head>
@@ -33,85 +20,93 @@
   title="Create an account"
   description="Enter your details below to create your account"
 >
-  <form onsubmit={submit} class="flex flex-col gap-6">
-    <div class="grid gap-6">
-      <div class="grid gap-2">
-        <Label for="name">Name</Label>
-        <Input
-          id="name"
-          type="text"
-          required
-          autofocus
-          tabindex={1}
-          autocomplete="name"
-          bind:value={$form.name}
-          placeholder="Full name"
-        />
-        <InputError message={$form.errors.name} />
-      </div>
+  <Form
+    method="post"
+    action={signUpPath()}
+    resetOnSuccess={["password", "password_confirmation"]}
+    disableWhileProcessing
+    class="flex flex-col gap-6"
+  >
+    {#snippet children({ errors, processing }: FormComponentSlotProps)}
+      <div class="grid gap-6">
+        <div class="grid gap-2">
+          <Label for="name">Name</Label>
+          <Input
+            id="name"
+            name="name"
+            type="text"
+            required
+            autofocus
+            tabindex={1}
+            autocomplete="name"
+            placeholder="Full name"
+          />
+          <InputError message={errors.name} />
+        </div>
 
-      <div class="grid gap-2">
-        <Label for="email">Email address</Label>
-        <Input
-          id="email"
-          type="email"
-          required
-          tabindex={2}
-          autocomplete="email"
-          bind:value={$form.email}
-          placeholder="email@example.com"
-        />
-        <InputError message={$form.errors.email} />
-      </div>
+        <div class="grid gap-2">
+          <Label for="email">Email address</Label>
+          <Input
+            id="email"
+            name="email"
+            type="email"
+            required
+            tabindex={2}
+            autocomplete="email"
+            placeholder="email@example.com"
+          />
+          <InputError message={errors.email} />
+        </div>
 
-      <div class="grid gap-2">
-        <Label for="password">Password</Label>
-        <Input
-          id="password"
-          type="password"
-          required
-          tabindex={3}
-          autocomplete="new-password"
-          bind:value={$form.password}
-          placeholder="Password"
-        />
-        <InputError message={$form.errors.password} />
-      </div>
+        <div class="grid gap-2">
+          <Label for="password">Password</Label>
+          <Input
+            id="password"
+            name="password"
+            type="password"
+            required
+            tabindex={3}
+            autocomplete="new-password"
+            placeholder="Password"
+          />
+          <InputError message={errors.password} />
+        </div>
 
-      <div class="grid gap-2">
-        <Label for="password_confirmation">Confirm password</Label>
-        <Input
-          id="password_confirmation"
-          type="password"
-          required
-          tabindex={4}
-          autocomplete="new-password"
-          bind:value={$form.password_confirmation}
-          placeholder="Confirm password"
-        />
-        <InputError message={$form.errors.password_confirmation} />
-      </div>
+        <div class="grid gap-2">
+          <Label for="password_confirmation">Confirm password</Label>
+          <Input
+            id="password_confirmation"
+            name="password_confirmation"
+            type="password"
+            required
+            tabindex={4}
+            autocomplete="new-password"
+            placeholder="Confirm password"
+          />
+          <InputError message={errors.password_confirmation} />
+        </div>
 
-      <Button
-        type="submit"
-        class="mt-2 w-full"
-        tabindex={5}
-        disabled={$form.processing}
-      >
-        {#if $form.processing}
-          <LoaderCircle class="h-4 w-4 animate-spin" />
-        {/if}
-        Create account
-      </Button>
-    </div>
+        <Button
+          type="submit"
+          class="mt-2 w-full"
+          tabindex={5}
+          disabled={processing}
+        >
+          {#if processing}
+            <LoaderCircle class="h-4 w-4 animate-spin" />
+          {/if}
+          Create account
+        </Button>
+      </div>
 
-    <div class="text-muted-foreground text-center text-sm">
-      Already have an account?
-      <TextLink
-        href={signInPath()}
-        class="underline underline-offset-4"
-        tabindex={6}>Log in</TextLink
-      >
-    </div>
-  </form>
+      <div class="text-muted-foreground text-center text-sm">
+        Already have an account?
+        <TextLink
+          href={signInPath()}
+          class="underline underline-offset-4"
+          tabindex={6}>Log in</TextLink
+        >
+      </div>
+    {/snippet}
+  </Form>
 </AuthBase>
diff --git a/package-lock.json b/package-lock.json
index 2a4a892..e9382cb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -785,9 +785,9 @@
       }
     },
     "node_modules/@lucide/svelte": {
-      "version": "0.515.0",
-      "resolved": "https://registry.npmjs.org/@lucide/svelte/-/svelte-0.515.0.tgz",
-      "integrity": "sha512-CEAyqcZmNBfYzVgaRmK2RFJP5tnbXxekRyDk0XX/eZQRfsJmkDvmQwXNX8C869BgNeryzmrRyjHhUL6g9ZOHNA==",
+      "version": "0.543.0",
+      "resolved": "https://registry.npmjs.org/@lucide/svelte/-/svelte-0.543.0.tgz",
+      "integrity": "sha512-V9XJLRuC5pq9o4OuoMlGwdKwBClZyJnygRf9BaiJuetiptWAybQHvMoXDBm5wy+zZFgZb6LIaO/3HIvHF7/2NA==",
       "dev": true,
       "license": "ISC",
       "peerDependencies": {
@@ -1122,9 +1122,9 @@
       }
     },
     "node_modules/@sveltejs/vite-plugin-svelte": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-6.1.4.tgz",
-      "integrity": "sha512-4jfkfvsGI+U2OhHX8OPCKtMCf7g7ledXhs3E6UcA4EY0jQWsiVbe83pTAHp9XTifzYNOiD4AJieJUsI0qqxsbw==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-6.2.0.tgz",
+      "integrity": "sha512-nJsV36+o7rZUDlrnSduMNl11+RoDE1cKqOI0yUEBCcqFoAZOk47TwD3dPKS2WmRutke9StXnzsPBslY7prDM9w==",
       "license": "MIT",
       "dependencies": {
         "@sveltejs/vite-plugin-svelte-inspector": "^5.0.0",
@@ -1499,17 +1499,17 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.42.0.tgz",
-      "integrity": "sha512-Aq2dPqsQkxHOLfb2OPv43RnIvfj05nw8v/6n3B2NABIPpHnjQnaLo9QGMTvml+tv4korl/Cjfrb/BYhoL8UUTQ==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.43.0.tgz",
+      "integrity": "sha512-8tg+gt7ENL7KewsKMKDHXR1vm8tt9eMxjJBYINf6swonlWgkYn5NwyIgXpbbDxTNU5DgpDFfj95prcTq2clIQQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.42.0",
-        "@typescript-eslint/type-utils": "8.42.0",
-        "@typescript-eslint/utils": "8.42.0",
-        "@typescript-eslint/visitor-keys": "8.42.0",
+        "@typescript-eslint/scope-manager": "8.43.0",
+        "@typescript-eslint/type-utils": "8.43.0",
+        "@typescript-eslint/utils": "8.43.0",
+        "@typescript-eslint/visitor-keys": "8.43.0",
         "graphemer": "^1.4.0",
         "ignore": "^7.0.0",
         "natural-compare": "^1.4.0",
@@ -1523,7 +1523,7 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.42.0",
+        "@typescript-eslint/parser": "^8.43.0",
         "eslint": "^8.57.0 || ^9.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
@@ -1539,16 +1539,16 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.42.0.tgz",
-      "integrity": "sha512-r1XG74QgShUgXph1BYseJ+KZd17bKQib/yF3SR+demvytiRXrwd12Blnz5eYGm8tXaeRdd4x88MlfwldHoudGg==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.43.0.tgz",
+      "integrity": "sha512-B7RIQiTsCBBmY+yW4+ILd6mF5h1FUwJsVvpqkrgpszYifetQ2Ke+Z4u6aZh0CblkUGIdR59iYVyXqqZGkZ3aBw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.42.0",
-        "@typescript-eslint/types": "8.42.0",
-        "@typescript-eslint/typescript-estree": "8.42.0",
-        "@typescript-eslint/visitor-keys": "8.42.0",
+        "@typescript-eslint/scope-manager": "8.43.0",
+        "@typescript-eslint/types": "8.43.0",
+        "@typescript-eslint/typescript-estree": "8.43.0",
+        "@typescript-eslint/visitor-keys": "8.43.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -1564,14 +1564,14 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.42.0.tgz",
-      "integrity": "sha512-vfVpLHAhbPjilrabtOSNcUDmBboQNrJUiNAGoImkZKnMjs2TIcWG33s4Ds0wY3/50aZmTMqJa6PiwkwezaAklg==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.43.0.tgz",
+      "integrity": "sha512-htB/+D/BIGoNTQYffZw4uM4NzzuolCoaA/BusuSIcC8YjmBYQioew5VUZAYdAETPjeed0hqCaW7EHg+Robq8uw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.42.0",
-        "@typescript-eslint/types": "^8.42.0",
+        "@typescript-eslint/tsconfig-utils": "^8.43.0",
+        "@typescript-eslint/types": "^8.43.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -1586,14 +1586,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.42.0.tgz",
-      "integrity": "sha512-51+x9o78NBAVgQzOPd17DkNTnIzJ8T/O2dmMBLoK9qbY0Gm52XJcdJcCl18ExBMiHo6jPMErUQWUv5RLE51zJw==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.43.0.tgz",
+      "integrity": "sha512-daSWlQ87ZhsjrbMLvpuuMAt3y4ba57AuvadcR7f3nl8eS3BjRc8L9VLxFLk92RL5xdXOg6IQ+qKjjqNEimGuAg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.42.0",
-        "@typescript-eslint/visitor-keys": "8.42.0"
+        "@typescript-eslint/types": "8.43.0",
+        "@typescript-eslint/visitor-keys": "8.43.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1604,9 +1604,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.42.0.tgz",
-      "integrity": "sha512-kHeFUOdwAJfUmYKjR3CLgZSglGHjbNTi1H8sTYRYV2xX6eNz4RyJ2LIgsDLKf8Yi0/GL1WZAC/DgZBeBft8QAQ==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.43.0.tgz",
+      "integrity": "sha512-ALC2prjZcj2YqqL5X/bwWQmHA2em6/94GcbB/KKu5SX3EBDOsqztmmX1kMkvAJHzxk7TazKzJfFiEIagNV3qEA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1621,15 +1621,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.42.0.tgz",
-      "integrity": "sha512-9KChw92sbPTYVFw3JLRH1ockhyR3zqqn9lQXol3/YbI6jVxzWoGcT3AsAW0mu1MY0gYtsXnUGV/AKpkAj5tVlQ==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.43.0.tgz",
+      "integrity": "sha512-qaH1uLBpBuBBuRf8c1mLJ6swOfzCXryhKND04Igr4pckzSEW9JX5Aw9AgW00kwfjWJF0kk0ps9ExKTfvXfw4Qg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.42.0",
-        "@typescript-eslint/typescript-estree": "8.42.0",
-        "@typescript-eslint/utils": "8.42.0",
+        "@typescript-eslint/types": "8.43.0",
+        "@typescript-eslint/typescript-estree": "8.43.0",
+        "@typescript-eslint/utils": "8.43.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^2.1.0"
       },
@@ -1646,9 +1646,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.42.0.tgz",
-      "integrity": "sha512-LdtAWMiFmbRLNP7JNeY0SqEtJvGMYSzfiWBSmx+VSZ1CH+1zyl8Mmw1TT39OrtsRvIYShjJWzTDMPWZJCpwBlw==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.43.0.tgz",
+      "integrity": "sha512-vQ2FZaxJpydjSZJKiSW/LJsabFFvV7KgLC5DiLhkBcykhQj8iK9BOaDmQt74nnKdLvceM5xmhaTF+pLekrxEkw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1660,16 +1660,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.42.0.tgz",
-      "integrity": "sha512-ku/uYtT4QXY8sl9EDJETD27o3Ewdi72hcXg1ah/kkUgBvAYHLwj2ofswFFNXS+FL5G+AGkxBtvGt8pFBHKlHsQ==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.43.0.tgz",
+      "integrity": "sha512-7Vv6zlAhPb+cvEpP06WXXy/ZByph9iL6BQRBDj4kmBsW98AqEeQHlj/13X+sZOrKSo9/rNKH4Ul4f6EICREFdw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.42.0",
-        "@typescript-eslint/tsconfig-utils": "8.42.0",
-        "@typescript-eslint/types": "8.42.0",
-        "@typescript-eslint/visitor-keys": "8.42.0",
+        "@typescript-eslint/project-service": "8.43.0",
+        "@typescript-eslint/tsconfig-utils": "8.43.0",
+        "@typescript-eslint/types": "8.43.0",
+        "@typescript-eslint/visitor-keys": "8.43.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
@@ -1728,16 +1728,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.42.0.tgz",
-      "integrity": "sha512-JnIzu7H3RH5BrKC4NoZqRfmjqCIS1u3hGZltDYJgkVdqAezl4L9d1ZLw+36huCujtSBSAirGINF/S4UxOcR+/g==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.43.0.tgz",
+      "integrity": "sha512-S1/tEmkUeeswxd0GGcnwuVQPFWo8NzZTOMxCvw8BX7OMxnNae+i8Tm7REQen/SwUIPoPqfKn7EaZ+YLpiB3k9g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.7.0",
-        "@typescript-eslint/scope-manager": "8.42.0",
-        "@typescript-eslint/types": "8.42.0",
-        "@typescript-eslint/typescript-estree": "8.42.0"
+        "@typescript-eslint/scope-manager": "8.43.0",
+        "@typescript-eslint/types": "8.43.0",
+        "@typescript-eslint/typescript-estree": "8.43.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1752,13 +1752,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.42.0.tgz",
-      "integrity": "sha512-3WbiuzoEowaEn8RSnhJBrxSwX8ULYE9CXaPepS2C2W3NSA5NNIvBaslpBSBElPq0UGr0xVJlXFWOAKIkyylydQ==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.43.0.tgz",
+      "integrity": "sha512-T+S1KqRD4sg/bHfLwrpF/K3gQLBM1n7Rp7OjjikjTEssI2YJzQpi5WXoynOaQ93ERIuq3O8RBTOUYDKszUCEHw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.42.0",
+        "@typescript-eslint/types": "8.43.0",
         "eslint-visitor-keys": "^4.2.1"
       },
       "engines": {
@@ -3268,9 +3268,9 @@
       }
     },
     "node_modules/globals": {
-      "version": "16.3.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-16.3.0.tgz",
-      "integrity": "sha512-bqWEnJ1Nt3neqx2q5SFfGS8r/ahumIakg3HcwtNlrVlwXIeNumWn/c7Pn/wKzGhf6SaW6H6uWXLqC30STCMchQ==",
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4258,9 +4258,9 @@
       "license": "MIT"
     },
     "node_modules/magic-string": {
-      "version": "0.30.18",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.18.tgz",
-      "integrity": "sha512-yi8swmWbO17qHhwIBNeeZxTceJMeBvWJaId6dyvTSOwTipqeHhMhOrz6513r1sOKnpvQ7zkhlG8tPrpilwTxHQ==",
+      "version": "0.30.19",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz",
+      "integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.5"
@@ -5594,9 +5594,9 @@
       }
     },
     "node_modules/svelte": {
-      "version": "5.38.7",
-      "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.38.7.tgz",
-      "integrity": "sha512-1ld9TPZSdUS3EtYGQzisU2nhwXoIzNQcZ71IOU9fEmltaUofQnVfW5CQuhgM/zFsZ43arZXS1BRKi0MYgUV91w==",
+      "version": "5.38.8",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.38.8.tgz",
+      "integrity": "sha512-UDpTbM/iuZ4MaMnn4ODB3rf5JKDyPOi5oJcopP0j7YHQ9BuJtsAqsR71r2N6AnJf7ygbalTJU5y8eSWGAQZjlQ==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/remapping": "^2.3.4",
@@ -5754,9 +5754,9 @@
       }
     },
     "node_modules/tailwind-variants": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-3.1.0.tgz",
-      "integrity": "sha512-ieiYaEfUr+sNhw/k++dosmZfVA4VIG5bV+G1eGdJSC4FcflqQv0iSIlOLj/RbzRuTu/VrIiNSlwh1esBM3BXUg==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-3.1.1.tgz",
+      "integrity": "sha512-ftLXe3krnqkMHsuBTEmaVUXYovXtPyTK7ckEfDRXS8PBZx0bAUas+A0jYxuKA5b8qg++wvQ3d2MQ7l/xeZxbZQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5995,16 +5995,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.42.0.tgz",
-      "integrity": "sha512-ozR/rQn+aQXQxh1YgbCzQWDFrsi9mcg+1PM3l/z5o1+20P7suOIaNg515bpr/OYt6FObz/NHcBstydDLHWeEKg==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.43.0.tgz",
+      "integrity": "sha512-FyRGJKUGvcFekRRcBKFBlAhnp4Ng8rhe8tuvvkR9OiU0gfd4vyvTRQHEckO6VDlH57jbeUQem2IpqPq9kLJH+w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.42.0",
-        "@typescript-eslint/parser": "8.42.0",
-        "@typescript-eslint/typescript-estree": "8.42.0",
-        "@typescript-eslint/utils": "8.42.0"
+        "@typescript-eslint/eslint-plugin": "8.43.0",
+        "@typescript-eslint/parser": "8.43.0",
+        "@typescript-eslint/typescript-estree": "8.43.0",
+        "@typescript-eslint/utils": "8.43.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -6298,9 +6298,9 @@
       }
     },
     "node_modules/zimmerframe": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.2.tgz",
-      "integrity": "sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.4.tgz",
+      "integrity": "sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==",
       "license": "MIT"
     }
   }