fix: sveltekit-helper package errors

.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

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>
 
 <!--

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({});