From 91cdc7c2eeb05df8b35267744712e91f56082f3a Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 7 Jan 2026 19:47:54 +0000
Subject: [PATCH] fix: Replace $$restProps with Svelte 5 runes mode rest
 destructuring

Updated Grid components (Row, Column, Container) to use $props() rest destructuring instead of legacy $$restProps for Svelte 5 compatibility.
---
 .changeset/fix-restprops-runes-mode.md                      | 5 +++++
 packages/sveltekit-helper/src/components/Grid/Column.svelte | 6 +++++-
 .../sveltekit-helper/src/components/Grid/Container.svelte   | 6 +++++-
 packages/sveltekit-helper/src/components/Grid/Row.svelte    | 4 ++--
 4 files changed, 17 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/fix-restprops-runes-mode.md

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>