Move PowerSyncCardGroup to snippets folder

Author: marknesh

client-sdks/overview.mdx

@@ -5,15 +5,17 @@ sidebarTitle: "Overview"
 ---
 
 import ClientSdks from '/snippets/client-sdks.mdx';
-import { PowerSyncCardGroup } from '/shared/components/powersync-card-group.jsx';
+import { PowerSyncCardGroup } from '/snippets/shared/powersync-card-group.jsx';
 
 PowerSync provides client SDKs for multiple frameworks. Each SDK manages a local SQLite database that syncs with your backend.
 
 ## Choose Your SDK
 
 Select your client framework to get started:
 
-<ClientSdks />
+<PowerSyncCardGroup>
+  <ClientSdks />
+</PowerSyncCardGroup>
 
 ## Common Tasks
 

client-sdks/reference/capacitor.mdx

@@ -11,7 +11,7 @@ import JavaScriptCallbackWatch from '/snippets/basic-watch-query-javascript-call
 import GenerateSchemaAutomatically from '/snippets/generate-schema-automatically.mdx';
 import MutationConfirmationWithReturning from '/snippets/javascript-mutation-confirmation-returning.mdx';
 import LocalOnly from '/snippets/local-only-escape.mdx';
-import { PowerSyncCardGroup } from '/shared/components/powersync-card-group.jsx';
+import { PowerSyncCardGroup } from '/snippets/shared/powersync-card-group.jsx';
 
 ```text Build with AI icon="sparkles" wrap
 Install the PowerSync Agent Skills with: npx skills add powersync-ja/agent-skills. Then follow the skills to onboard this project to PowerSync using the Capacitor SDK.

client-sdks/reference/dotnet.mdx

@@ -9,7 +9,7 @@ import DotNetInstallation from '/snippets/dotnet/installation.mdx';
 import DotNetWatch from '/snippets/dotnet/basic-watch-query.mdx';
 import GenerateSchemaAutomatically from '/snippets/generate-schema-automatically.mdx';
 import LocalOnly from '/snippets/local-only-escape.mdx';
-import { PowerSyncCardGroup } from '/shared/components/powersync-card-group.jsx';
+import { PowerSyncCardGroup } from '/snippets/shared/powersync-card-group.jsx';
 
 ```text Build with AI icon="sparkles" wrap
 Install the PowerSync Agent Skills with: npx skills add powersync-ja/agent-skills. Then follow the skills to onboard this project to PowerSync using the .NET SDK.

client-sdks/reference/flutter.mdx

@@ -9,7 +9,7 @@ import FlutterInstallation from '/snippets/flutter/installation.mdx';
 import FlutterWatch from '/snippets/flutter/basic-watch-query.mdx';
 import GenerateSchemaAutomatically from '/snippets/generate-schema-automatically.mdx';
 import LocalOnly from '/snippets/local-only-escape.mdx';
-import { PowerSyncCardGroup } from '/shared/components/powersync-card-group.jsx';
+import { PowerSyncCardGroup } from '/snippets/shared/powersync-card-group.jsx';
 
 ```text Build with AI icon="sparkles" wrap
 Install the PowerSync Agent Skills with: npx skills add powersync-ja/agent-skills. Then follow the skills to onboard this project to PowerSync using the Dart/Flutter SDK.

client-sdks/reference/javascript-web.mdx

@@ -11,7 +11,7 @@ import JavaScriptCallbackWatch from '/snippets/basic-watch-query-javascript-call
 import GenerateSchemaAutomatically from '/snippets/generate-schema-automatically.mdx';
 import MutationConfirmationWithReturning from '/snippets/javascript-mutation-confirmation-returning.mdx';
 import LocalOnly from '/snippets/local-only-escape.mdx';
-import { PowerSyncCardGroup } from '/shared/components/powersync-card-group.jsx';
+import { PowerSyncCardGroup } from '/snippets/shared/powersync-card-group.jsx';
 
 ```text Build with AI icon="sparkles" wrap
 Install the PowerSync Agent Skills with: npx skills add powersync-ja/agent-skills. Then follow the skills to onboard this project to PowerSync using the JavaScript Web SDK.

client-sdks/reference/kotlin.mdx

@@ -9,7 +9,7 @@ import KotlinInstallation from '/snippets/kotlin/installation.mdx';
 import KotlinWatch from '/snippets/kotlin/basic-watch-query.mdx';
 import GenerateSchemaAutomatically from '/snippets/generate-schema-automatically.mdx';
 import LocalOnly from '/snippets/local-only-escape.mdx';
-import { PowerSyncCardGroup } from '/shared/components/powersync-card-group.jsx';
+import { PowerSyncCardGroup } from '/snippets/shared/powersync-card-group.jsx';
 
 ```text Build with AI icon="sparkles" wrap
 Install the PowerSync Agent Skills with: npx skills add powersync-ja/agent-skills. Then follow the skills to onboard this project to PowerSync using the Kotlin Multiplatform SDK.

client-sdks/reference/node.mdx

@@ -11,7 +11,7 @@ import JavaScriptCallbackWatch from '/snippets/basic-watch-query-javascript-call
 import GenerateSchemaAutomatically from '/snippets/generate-schema-automatically.mdx';
 import MutationConfirmationWithReturning from '/snippets/javascript-mutation-confirmation-returning.mdx';
 import LocalOnly from '/snippets/local-only-escape.mdx';
-import { PowerSyncCardGroup } from '/shared/components/powersync-card-group.jsx';
+import { PowerSyncCardGroup } from '/snippets/shared/powersync-card-group.jsx';
 
 <Note>
   This page describes the PowerSync _client_ SDK for Node.js.

client-sdks/reference/react-native-and-expo.mdx

@@ -11,7 +11,7 @@ import JavaScriptCallbackWatch from '/snippets/basic-watch-query-javascript-call
 import GenerateSchemaAutomatically from '/snippets/generate-schema-automatically.mdx';
 import MutationConfirmationWithReturning from '/snippets/javascript-mutation-confirmation-returning.mdx';
 import LocalOnly from '/snippets/local-only-escape.mdx';
-import { PowerSyncCardGroup } from '/shared/components/powersync-card-group.jsx';
+import { PowerSyncCardGroup } from '/snippets/shared/powersync-card-group.jsx';
 
 ```text Build with AI icon="sparkles" wrap
 Install the PowerSync Agent Skills with: npx skills add powersync-ja/agent-skills. Then follow the skills to onboard this project to PowerSync using the React Native & Expo SDK.

client-sdks/reference/rust.mdx

@@ -9,7 +9,7 @@ import RustInstallation from '/snippets/rust/installation.mdx';
 import RustWatchQuery from '/snippets/rust/basic-watch-query.mdx';
 import GenerateSchemaAutomatically from '/snippets/generate-schema-automatically.mdx';
 import LocalOnly from '/snippets/local-only-escape.mdx';
-import { PowerSyncCardGroup } from '/shared/components/powersync-card-group.jsx';
+import { PowerSyncCardGroup } from '/snippets/shared/powersync-card-group.jsx';
 
 <Warning>
   This SDK is currently in [**alpha**](/resources/feature-status), intended for external testing and public feedback. Expect breaking changes and instability as development continues.

client-sdks/reference/swift.mdx

@@ -9,7 +9,7 @@ import SwiftInstallation from '/snippets/swift/installation.mdx';
 import SwiftWatch from '/snippets/swift/basic-watch-query.mdx';
 import GenerateSchemaAutomatically from '/snippets/generate-schema-automatically.mdx';
 import LocalOnly from '/snippets/local-only-escape.mdx';
-import { PowerSyncCardGroup } from '/shared/components/powersync-card-group.jsx';
+import { PowerSyncCardGroup } from '/snippets/shared/powersync-card-group.jsx';
 
 ```text Build with AI icon="sparkles" wrap
 Install the PowerSync Agent Skills with: npx skills add powersync-ja/agent-skills. Then follow the skills to onboard this project to PowerSync using the Swift SDK.