diff --git a/.changeset/fix-svelte-runes-mode.md b/.changeset/fix-svelte-runes-mode.md
new file mode 100644
index 00000000..f8bcd0f3
--- /dev/null
+++ b/.changeset/fix-svelte-runes-mode.md
@@ -0,0 +1,5 @@
+---
+"@ainsleydev/sveltekit-helper": patch
+---
+
+Fixed Svelte components to use Svelte 5 runes mode instead of legacy export let syntax
diff --git a/packages/sveltekit-helper/src/components/Grid/Row.svelte b/packages/sveltekit-helper/src/components/Grid/Row.svelte
index a082a756..66a8582b 100644
--- a/packages/sveltekit-helper/src/components/Grid/Row.svelte
+++ b/packages/sveltekit-helper/src/components/Grid/Row.svelte
@@ -1,5 +1,11 @@
+<script lang="ts" module>
+export type RowProps = {
+	noGaps?: boolean;
+};
+</script>
+
 <script lang="ts">
-let noGaps = false;
+const { noGaps = false }: RowProps = $props();
 </script>
 
 <!--
diff --git a/packages/sveltekit-helper/src/components/payload/PayloadForm.svelte b/packages/sveltekit-helper/src/components/payload/PayloadForm.svelte
index d30e9c7d..c53504cc 100644
--- a/packages/sveltekit-helper/src/components/payload/PayloadForm.svelte
+++ b/packages/sveltekit-helper/src/components/payload/PayloadForm.svelte
@@ -1,25 +1,31 @@
-<script lang="ts">
+<script lang="ts" module>
 import type { PayloadFormField } from '../../utils/forms/schema';
 
-/**
- * Payload form configuration
- */
-export let form: {
-	id: number | string;
-	fields?: PayloadFormField[] | null;
-	confirmationMessage?: string | null;
-	submitButtonLabel?: string | null;
+export type PayloadFormProps = {
+	/**
+	 * Payload form configuration
+	 */
+	form: {
+		id: number | string;
+		fields?: PayloadFormField[] | null;
+		confirmationMessage?: string | null;
+		submitButtonLabel?: string | null;
+	};
+	/**
+	 * API endpoint to submit form data to (defaults to '/api/forms')
+	 */
+	apiEndpoint?: string;
+	/**
+	 * Custom submit handler (overrides default API submission)
+	 */
+	onSubmit?: ((data: Record<string, unknown>) => Promise<void>) | undefined;
 };
+</script>
 
-/**
- * API endpoint to submit form data to (defaults to '/api/forms')
- */
-export let apiEndpoint = '/api/forms';
+<script lang="ts">
+import type { PayloadFormField } from '../../utils/forms/schema';
 
-/**
- * Custom submit handler (overrides default API submission)
- */
-export let onSubmit: ((data: Record<string, unknown>) => Promise<void>) | undefined = undefined;
+const { form, apiEndpoint = '/api/forms', onSubmit = undefined }: PayloadFormProps = $props();
 
 let formData = $state<Record<string, unknown>>({});
 let errors: Record<string, string> = $state({});