diff --git a/.changeset/fix-restprops-runes-mode.md b/.changeset/fix-restprops-runes-mode.md
new file mode 100644
index 00000000..14ff8425
--- /dev/null
+++ b/.changeset/fix-restprops-runes-mode.md
@@ -0,0 +1,5 @@
+---
+"@ainsleydev/sveltekit-helper": patch
+---
+
+Replaced $$restProps with Svelte 5 runes mode rest destructuring using $props()
diff --git a/packages/sveltekit-helper/src/components/Grid/Column.svelte b/packages/sveltekit-helper/src/components/Grid/Column.svelte
index 031ef6dd..73a597ba 100644
--- a/packages/sveltekit-helper/src/components/Grid/Column.svelte
+++ b/packages/sveltekit-helper/src/components/Grid/Column.svelte
@@ -1,3 +1,7 @@
+<script lang="ts">
+const { ...restProps } = $props();
+</script>
+
 <!--
 	@component
 
@@ -12,7 +16,7 @@
 	</Column>
 	```
 -->
-<div class="col" {...$$restProps}>
+<div class="col" {...restProps}>
 	<slot />
 </div>
 
diff --git a/packages/sveltekit-helper/src/components/Grid/Container.svelte b/packages/sveltekit-helper/src/components/Grid/Container.svelte
index 5f65c258..8ce0a31c 100644
--- a/packages/sveltekit-helper/src/components/Grid/Container.svelte
+++ b/packages/sveltekit-helper/src/components/Grid/Container.svelte
@@ -1,3 +1,7 @@
+<script lang="ts">
+const { ...restProps } = $props();
+</script>
+
 <!--
 	@component
 
@@ -19,7 +23,7 @@
 	</Container>
 	```
 -->
-<div class="container" {...$$restProps}>
+<div class="container" {...restProps}>
 	<slot />
 </div>
 
diff --git a/packages/sveltekit-helper/src/components/Grid/Row.svelte b/packages/sveltekit-helper/src/components/Grid/Row.svelte
index 66a8582b..1eeecdb9 100644
--- a/packages/sveltekit-helper/src/components/Grid/Row.svelte
+++ b/packages/sveltekit-helper/src/components/Grid/Row.svelte
@@ -5,7 +5,7 @@ export type RowProps = {
 </script>
 
 <script lang="ts">
-const { noGaps = false }: RowProps = $props();
+const { noGaps = false, ...restProps }: RowProps = $props();
 </script>
 
 <!--
@@ -27,7 +27,7 @@ const { noGaps = false }: RowProps = $props();
 	</Row>
 	```
 -->
-<div class="row" class:row--no-gaps={noGaps} {...$$restProps}>
+<div class="row" class:row--no-gaps={noGaps} {...restProps}>
 	<slot />
 </div>