build(deps-dev): bump @sveltejs/kit from 2.70.3 to 3.0.0

.github/workflows/e2e.yml

@@ -28,4 +28,4 @@ jobs:
       - run: npm run sync --workspace=mock-sveltekit
       - run: npm run build --workspace=mock-sveltekit
       - run: npx playwright install --with-deps chromium
-      - run: cd mock-sveltekit && npx playwright test
+      - run: npm test --workspace=mock-sveltekit

components-map/package.json

@@ -43,21 +43,19 @@
 	},
 	"devDependencies": {
 		"@semantic-release/npm": "13.1.5",
-		"@storybook/addon-docs": "10.6.3",
-		"@storybook/addon-svelte-csf": "5.1.5",
-		"@storybook/svelte": "10.6.3",
+		"@storybook/addon-docs": "10.6.5",
+		"@storybook/addon-svelte-csf": "5.1.6",
 		"@sveltejs/package": "2.5.8",
 		"@swr-data-lab/components": "*",
 		"@types/geojson": "7946.0.16",
 		"@versatiles/style": "5.7.0",
 		"nodemon": "^3.1.11",
 		"publint": "0.3.17",
 		"sass": "1.93.2",
-		"sass-embedded": "1.97.3",
 		"semantic-release": "25.0.8",
 		"semantic-release-monorepo": "8.0.2",
-		"storybook": "10.6.3",
-		"svelte": "5.55.7",
+		"storybook": "10.6.5",
+		"svelte": "5.57.3",
 		"svelte-check": "4.5.0",
 		"svelte-preprocess": "6.0.3",
 		"typescript": "5.9.3"

components/package.json

@@ -36,20 +36,18 @@
 	},
 	"devDependencies": {
 		"@semantic-release/npm": "13.1.5",
-		"@storybook/addon-docs": "10.6.3",
-		"@storybook/addon-svelte-csf": "5.1.5",
-		"@storybook/svelte": "10.6.3",
+		"@storybook/addon-docs": "10.6.5",
+		"@storybook/addon-svelte-csf": "5.1.6",
 		"@sveltejs/enhanced-img": "0.11.0",
 		"@sveltejs/package": "2.5.8",
 		"layercake": "^10.0.2",
 		"nodemon": "^3.1.11",
 		"publint": "0.3.17",
 		"sass": "1.93.2",
-		"sass-embedded": "1.97.3",
 		"semantic-release": "25.0.8",
 		"semantic-release-monorepo": "8.0.2",
-		"storybook": "10.6.3",
-		"svelte": "5.55.7",
+		"storybook": "10.6.5",
+		"svelte": "5.57.3",
 		"svelte-check": "4.5.0",
 		"svelte-preprocess": "6.0.3",
 		"typescript": "5.9.3"

mock-sveltekit/package.json

@@ -3,6 +3,9 @@
 	"version": "0.0.1",
 	"private": true,
 	"type": "module",
+	"imports": {
+		"#lib/*": "./src/lib/*"
+	},
 	"engines": {
 		"node": "^24.18.0"
 	},
@@ -24,20 +27,19 @@
 		"svelte-select": "5.8.3"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-static": "3.0.10",
-		"@sveltejs/kit": "2.70.3",
+		"@playwright/test": "^1.64.1",
+		"@sveltejs/adapter-static": "^4.0.0",
+		"@sveltejs/kit": "3.0.0",
 		"@sveltejs/svelte-scroller": "2.0.7",
-		"@sveltejs/vite-plugin-svelte": "7.3.1",
+		"@sveltejs/vite-plugin-svelte": "^7.3.1",
+		"@types/node": "^25.5.2",
 		"dotenv": "17.4.2",
 		"prettier": "3.8.1",
 		"prettier-plugin-svelte": "4.1.0",
 		"sass": "1.93.2",
-		"sass-embedded": "1.97.3",
-		"svelte": "5.55.7",
+		"svelte": "^5.57.3",
 		"svelte-preprocess": "6.0.3",
 		"vite": "8.1.6",
-		"@playwright/test": "^1.59.1",
-		"@types/node": "^25.5.2",
-		"vitest": "5.0.2"
+		"vitest": "5.0.5"
 	}
 }

mock-sveltekit/src/lib/index.js

@@ -1 +1 @@
-// place files you want to import through the `$lib` alias in this folder.
+// Place files you want to import through the `#lib` alias in this folder.

mock-sveltekit/src/routes/348-repro/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Component from './Component.svelte';
-	import DevContainer from '$lib/components/DevContainer.svelte';
+	import DevContainer from '#lib/components/DevContainer.svelte';
 </script>
 
 <DevContainer>

mock-sveltekit/src/routes/450-repro/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Component from './Component.svelte';
-	import DevContainer from '$lib/components/DevContainer.svelte';
+	import DevContainer from '#lib/components/DevContainer.svelte';
 	import { dev } from '$app/environment';
 </script>
 

mock-sveltekit/src/routes/encapsulation-test/+page.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { dev } from '$app/environment';
-	import App from '$lib/App.svelte';
+	import App from '#lib/App.svelte';
 </script>
 
 <p>I'm inside the Svelte app but outside the shadow DOM</p>

mock-sveltekit/src/routes/hero-scrolly/+page.svelte

@@ -1,8 +1,8 @@
 <script>
 	import { Copy } from '../../../../components/src';
-	import HeroScrolly from '$lib/HeroScrolly.svelte';
+	import HeroScrolly from '#lib/HeroScrolly.svelte';
 	import { dev } from '$app/environment';
-	import DevContainer from '$lib/components/DevContainer.svelte';
+	import DevContainer from '#lib/components/DevContainer.svelte';
 </script>
 
 {#if dev}

mock-sveltekit/tsconfig.json

@@ -1,5 +1,7 @@
 {
-	"extends": "./.svelte-kit/tsconfig.json",
+	"extends": "$app/tsconfig",
+	"include": ["src", "test", "*"],
+	"exclude": ["src/service-worker"],
 	"compilerOptions": {
 		"allowJs": true,
 		"checkJs": true,

mock-sveltekit/vite.config.js

@@ -1,9 +1,22 @@
 import path from 'path';
+import adapter from '@sveltejs/adapter-static';
 import { sveltekit } from '@sveltejs/kit/vite';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-	plugins: [sveltekit()],
+	plugins: [
+		sveltekit({
+			preprocess: vitePreprocess(),
+			adapter: adapter(),
+			compilerOptions: {
+				customElement: !process.argv.includes('dev'),
+				experimental: {
+					async: true
+				}
+			}
+		})
+	],
 	resolve: {
 		alias: {
 			'@components': path.resolve(__dirname, '../components/src')