diff --git a/.changeset/pre.json b/.changeset/pre.json
new file mode 100644
index 00000000..c7b22432
--- /dev/null
+++ b/.changeset/pre.json
@@ -0,0 +1,11 @@
+{
+  "mode": "pre",
+  "tag": "next",
+  "initialVersions": {
+    "@sveltejs/repl": "0.4.0",
+    "@sveltejs/site-kit": "2.1.4",
+    "hn.svelte.dev": "0.0.1",
+    "svelte.dev": "1.0.3"
+  },
+  "changesets": []
+}
diff --git a/.changeset/wise-vans-smoke.md b/.changeset/wise-vans-smoke.md
new file mode 100644
index 00000000..bce85c7d
--- /dev/null
+++ b/.changeset/wise-vans-smoke.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/repl': minor
+---
+
+Overhaul
diff --git a/package.json b/package.json
index 5ab73ae3..7f2a8742 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
 	"name": "sites",
 	"version": "1.0.0",
 	"devDependencies": {
-		"@changesets/cli": "^2.26.0"
+		"@changesets/cli": "^2.26.1"
 	},
 	"scripts": {
 		"package": "pnpm -r package",
diff --git a/packages/repl/jsconfig.json b/packages/repl/jsconfig.json
index fe2d38f0..cc5b9d1e 100644
--- a/packages/repl/jsconfig.json
+++ b/packages/repl/jsconfig.json
@@ -1,14 +1,14 @@
 {
 	"extends": "./.svelte-kit/tsconfig.json",
 	"compilerOptions": {
-		"baseUrl": ".",
-		"paths": {
-			"$lib": ["src/lib"],
-			"$lib/*": ["src/lib/*"],
-			"@sveltejs/repl": ["src/lib"],
-			"@sveltejs/site-kit": ["../../packages/site-kit/src/lib"],
-			"@sveltejs/site-kit/*": ["../../packages/site-kit/src/lib/*"]
-		}
-	},
-	"include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"noImplicitAny": true
+	}
 }
diff --git a/packages/repl/package.json b/packages/repl/package.json
index cb79ecc5..ab8f006c 100644
--- a/packages/repl/package.json
+++ b/packages/repl/package.json
@@ -3,62 +3,69 @@
 	"version": "0.4.0",
 	"scripts": {
 		"dev": "vite dev",
-		"build": "vite build",
-		"package": "svelte-package",
-		"watch": "svelte-package --watch",
+		"build": "vite build && npm run package",
 		"preview": "vite preview",
-		"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
-		"format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
+		"package": "svelte-kit sync && svelte-package && publint",
+		"watch": "svelte-package --watch",
+		"prepublishOnly": "npm run package",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch"
+	},
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"peerDependencies": {
+		"svelte": "^3.54.0"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^2.0.0",
-		"@sveltejs/kit": "^1.15.6",
+		"@fontsource/fira-mono": "^4.5.10",
+		"@playwright/test": "^1.33.0",
+		"@sveltejs/adapter-auto": "^2.0.1",
+		"@sveltejs/kit": "^1.15.9",
 		"@sveltejs/package": "^2.0.2",
-		"eslint": "^8.38.0",
-		"eslint-config-prettier": "^8.8.0",
-		"eslint-plugin-svelte3": "^4.0.0",
-		"prettier": "^2.8.7",
-		"prettier-plugin-svelte": "^2.10.0",
+		"@types/marked": "^4.0.8",
+		"publint": "^0.1.11",
 		"svelte": "^3.58.0",
-		"svelte2tsx": "^0.6.11",
+		"svelte-check": "^3.2.0",
+		"tslib": "^2.5.0",
 		"typescript": "^5.0.4",
-		"vite": "^4.2.1"
-	},
-	"type": "module",
-	"peerDependencies": {
-		"svelte": "^3.50.0"
+		"vite": "^4.3.3"
 	},
 	"dependencies": {
-		"@rollup/browser": "^3.20.4",
-		"@sveltejs/site-kit": "5.0.1",
+		"@codemirror/autocomplete": "^6.6.0",
+		"@codemirror/commands": "^6.2.3",
+		"@codemirror/lang-css": "^6.2.0",
+		"@codemirror/lang-javascript": "^6.1.7",
+		"@codemirror/lang-json": "^6.0.1",
+		"@codemirror/lang-markdown": "^6.1.1",
+		"@codemirror/language": "^6.6.0",
+		"@codemirror/lint": "^6.2.1",
+		"@codemirror/state": "^6.2.0",
+		"@codemirror/view": "^6.10.0",
+		"@jridgewell/sourcemap-codec": "^1.4.15",
+		"@lezer/highlight": "^1.1.4",
+		"@neocodemirror/svelte": "0.0.5",
+		"@replit/codemirror-lang-svelte": "^6.0.0",
+		"@rich_harris/svelte-split-pane": "^1.1.0",
+		"@rollup/browser": "^3.21.1",
+		"@sveltejs/site-kit": "5.0.4",
 		"acorn": "^8.8.2",
-		"codemirror": "5.65.12",
+		"codemirror": "^6.0.1",
 		"esm-env": "^1.0.0",
 		"estree-walker": "^3.0.3",
+		"marked": "^4.3.0",
 		"resolve.exports": "^2.0.2",
-		"svelte-json-tree": "^1.0.0",
-		"yootils": "^0.3.1"
-	},
-	"license": "MIT",
-	"publishConfig": {
-		"access": "public"
-	},
-	"exports": {
-		"./package.json": "./package.json",
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js",
-			"default": "./dist/index.js"
-		}
+		"svelte-json-tree": "^1.0.0"
 	},
-	"typesVersions": {
-		">4.0": {
-			"*": [
-				"./dist/index.d.ts"
-			]
-		}
-	},
-	"files": [
-		"dist"
-	]
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module"
 }
diff --git a/packages/repl/src/lib/Bundler.js b/packages/repl/src/lib/Bundler.js
index 5c03263e..6edff462 100644
--- a/packages/repl/src/lib/Bundler.js
+++ b/packages/repl/src/lib/Bundler.js
@@ -5,12 +5,16 @@ const workers = new Map();
 let uid = 1;
 
 export default class Bundler {
-	constructor({ packagesUrl, svelteUrl, onstatus }) {
-		const hash = `${packagesUrl}:${svelteUrl}`;
+	/** @type {Worker} */
+	worker;
+
+	/** @param {{ packages_url: string; svelte_url: string; onstatus: (val: string | null) => void}} param0 */
+	constructor({ packages_url, svelte_url, onstatus }) {
+		const hash = `${packages_url}:${svelte_url}`;
 
 		if (!workers.has(hash)) {
 			const worker = new Worker();
-			worker.postMessage({ type: 'init', packagesUrl, svelteUrl });
+			worker.postMessage({ type: 'init', packages_url, svelte_url });
 			workers.set(hash, worker);
 		}
 
@@ -18,31 +22,44 @@ export default class Bundler {
 
 		this.handlers = new Map();
 
-		this.worker.addEventListener('message', (event) => {
-			const handler = this.handlers.get(event.data.uid);
+		this.worker.addEventListener(
+			'message',
+			/**
+			 *
+			 * @param {MessageEvent<import('./workers/workers').BundleMessageData>} event
+			 * @returns
+			 */
+			(event) => {
+				const handler = this.handlers.get(event.data.uid);
 
-			if (handler) {
-				// if no handler, was meant for a different REPL
-				if (event.data.type === 'status') {
-					onstatus(event.data.message);
-					return;
-				}
+				if (handler) {
+					// if no handler, was meant for a different REPL
+					if (event.data.type === 'status') {
+						onstatus(event.data.message);
+						return;
+					}
 
-				onstatus(null);
-				handler(event.data);
-				this.handlers.delete(event.data.uid);
+					onstatus(null);
+					handler(event.data);
+					this.handlers.delete(event.data.uid);
+				}
 			}
-		});
+		);
 	}
 
-	bundle(components) {
+	/**
+	 *
+	 * @param {import('./types').File[]} files
+	 * @returns
+	 */
+	bundle(files) {
 		return new Promise((fulfil) => {
 			this.handlers.set(uid, fulfil);
 
 			this.worker.postMessage({
 				uid,
 				type: 'bundle',
-				components
+				files,
 			});
 
 			uid += 1;
diff --git a/packages/repl/src/lib/Checkbox.svelte b/packages/repl/src/lib/Checkbox.svelte
index 19dc76db..cb4c23c2 100644
--- a/packages/repl/src/lib/Checkbox.svelte
+++ b/packages/repl/src/lib/Checkbox.svelte
@@ -1,5 +1,5 @@
 <script>
-	export let checked;
+	export let checked = false;
 </script>
 
 <input type="checkbox" bind:checked />
diff --git a/packages/repl/src/lib/CodeMirror.svelte b/packages/repl/src/lib/CodeMirror.svelte
index d8e2a11d..5d2cd4d1 100644
--- a/packages/repl/src/lib/CodeMirror.svelte
+++ b/packages/repl/src/lib/CodeMirror.svelte
@@ -1,239 +1,255 @@
+<script context="module">
+	export const cursorIndex = writable(0);
+</script>
+
 <script>
-	import { onMount, createEventDispatcher } from 'svelte';
+	import { closeBrackets } from '@codemirror/autocomplete';
+	import { history, historyField } from '@codemirror/commands';
+	import { bracketMatching, codeFolding } from '@codemirror/language';
+	import { EditorState, Range, StateEffect, StateEffectType, StateField } from '@codemirror/state';
+	import { Decoration, EditorView } from '@codemirror/view';
+	import { codemirror, withCodemirrorInstance } from '@neocodemirror/svelte';
+	import { createEventDispatcher, tick } from 'svelte';
 	import { writable } from 'svelte/store';
 	import Message from './Message.svelte';
+	import { svelte as svelteTheme } from './theme';
 
-	const dispatch = createEventDispatcher();
+	/** @type {import('./types').StartOrEnd | null} */
+	export let errorLoc = null;
+
+	/** @type {import('@codemirror/lint').Diagnostic[]} */
+	export let diagnostics = [];
 
 	export let readonly = false;
-	export let errorLoc = null;
-	export let lineNumbers = true;
 	export let tab = true;
-	export let theme;
 
-	let w;
-	let h;
+	/** @type {ReturnType<typeof createEventDispatcher<{ change: { value: string } }>>} */
+	const dispatch = createEventDispatcher();
+
 	let code = '';
-	let mode;
-
-	// We have to expose set and update methods, rather
-	// than making this state-driven through props,
-	// because it's difficult to update an editor
-	// without resetting scroll otherwise
-	export async function set(new_code, new_mode) {
-		if (new_mode !== mode) {
-			await createEditor((mode = new_mode));
-		}
 
-		code = new_code;
-		updating_externally = true;
-		if (editor) editor.setValue(code);
-		updating_externally = false;
+	/** @type {import('./types').Lang} */
+	let lang = 'svelte';
+
+	/**
+	 * @param {{ code: string; lang: import('./types').Lang }} options
+	 */
+	export async function set(options) {
+		update(options);
 	}
 
-	export function update(new_code) {
-		code = new_code;
+	/**
+	 * @param {{ code?: string; lang?: import('./types').Lang }} options
+	 */
+	export async function update(options) {
+		if (!$cmInstance.view) return;
+
+		await tick();
 
-		if (editor) {
-			const { left, top } = editor.getScrollInfo();
-			editor.setValue((code = new_code));
-			editor.scrollTo(left, top);
+		if (options.lang && options.lang !== lang) {
+			// This will trigger change_mode
+			lang = options.lang;
 		}
-	}
 
-	export function resize() {
-		editor.refresh();
+		if (options.code) {
+			updating_externally = true;
+
+			const { scrollLeft: left, scrollTop: top } = $cmInstance.view.scrollDOM;
+
+			code = options.code;
+
+			updating_externally = false;
+
+			$cmInstance.view.scrollDOM.scrollTop = top;
+			$cmInstance.view.scrollDOM.scrollLeft = left;
+		}
 	}
 
-	export function focus() {
-		editor.focus();
+	/**
+	 * @param {number} pos
+	 */
+	export function setCursor(pos) {
+		$cmInstance.view?.dispatch({
+			selection: { anchor: pos, head: pos }
+		});
 	}
 
-	export function getHistory() {
-		return editor.getHistory();
+	/** @type {(...val: any) => void} */
+	let fulfil_module_editor_ready;
+	export const isReady = new Promise((f) => (fulfil_module_editor_ready = f));
+
+	export function resize() {
+		$cmInstance.view?.requestMeasure();
 	}
 
-	export function setHistory(history) {
-		editor.setHistory(history);
+	export function focus() {
+		$cmInstance.view?.focus();
 	}
 
-	export function clearHistory() {
-		if (editor) editor.clearHistory();
+	export function getEditorState() {
+		return $cmInstance.view?.state.toJSON({ history: historyField });
 	}
 
-	export function setCursor(pos) {
-		if (editor) editor.setCursor(pos);
+	/**
+	 * @param {any} state
+	 */
+	export function setEditorState(state) {
+		if (!$cmInstance.view) return;
+
+		$cmInstance.view.setState(
+			EditorState.fromJSON(state, { extensions, doc: state.doc }, { history: historyField })
+		);
+		$cmInstance.view?.dispatch({
+			changes: { from: 0, to: $cmInstance.view.state.doc.length, insert: state.doc },
+			effects: [StateEffect.reconfigure.of($cmInstance.extensions ?? [])]
+		});
 	}
 
-	export const cursorIndex = writable(0);
+	export async function clearEditorState() {
+		await tick();
 
-	export function markText({ from, to }) {
-		if (editor)
-			editor.markText(editor.posFromIndex(from), editor.posFromIndex(to), {
-				className: 'mark-text'
-			});
+		$cmInstance.view?.setState(EditorState.create({ extensions, doc: '' }));
+		$cmInstance.view?.dispatch({
+			changes: { from: 0, to: $cmInstance.view.state.doc.length, insert: '' },
+			effects: [StateEffect.reconfigure.of($cmInstance.extensions ?? [])]
+		});
 	}
 
-	export function unmarkText() {
-		if (editor) editor.getAllMarks().forEach((m) => m.clear());
-	}
+	/** @type {StateEffectType<Range<Decoration>[]>} */
+	const addMarksDecoration = StateEffect.define();
 
-	const modes = {
-		js: {
-			name: 'javascript',
-			json: false
+	// This value must be added to the set of extensions to enable this
+	const markField = StateField.define({
+		// Start with an empty set of decorations
+		create() {
+			return Decoration.none;
 		},
-		json: {
-			name: 'javascript',
-			json: true
-		},
-		svelte: {
-			name: 'handlebars',
-			base: 'text/html'
+		// This is called whenever the editor updates—it computes the new set
+		update(value, tr) {
+			// Move the decorations to account for document changes
+			value = value.map(tr.changes);
+			// If this transaction adds or removes decorations, apply those changes
+			for (let effect of tr.effects) {
+				if (effect.is(addMarksDecoration)) value = value.update({ add: effect.value, sort: true });
+			}
+			return value;
 		},
-		md: {
-			name: 'markdown'
-		}
-	};
+		// Indicate that this field provides a set of decorations
+		provide: (f) => EditorView.decorations.from(f)
+	});
 
-	const refs = {};
-	let editor;
-	let updating_externally = false;
-	let marker;
-	let error_line;
-	let destroyed = false;
-	let CodeMirror;
+	/**
+	 * @param {object} param0
+	 * @param {number} param0.from
+	 * @param {number} param0.to
+	 * @param {string} [param0.className]
+	 */
+	export function markText({ from, to, className = 'mark-text' }) {
+		const executedMark = Decoration.mark({
+			class: className
+		});
 
-	$: if (editor && w && h) {
-		editor.refresh();
+		$cmInstance.view?.dispatch({
+			effects: [
+				StateEffect.appendConfig.of(markField),
+				addMarksDecoration.of([executedMark.range(from, to)])
+			]
+		});
 	}
 
-	$: {
-		if (marker) marker.clear();
-
-		if (errorLoc) {
-			const line = errorLoc.line - 1;
-			const ch = errorLoc.column;
-
-			marker = editor.markText(
-				{ line, ch },
-				{ line, ch: ch + 1 },
-				{
-					className: 'error-loc'
-				}
-			);
-
-			error_line = line;
-		} else {
-			error_line = null;
-		}
+	export function unmarkText() {
+		$cmInstance.view?.dispatch({
+			effects: StateEffect.reconfigure.of($cmInstance.extensions ?? [])
+		});
 	}
 
-	let previous_error_line;
-	$: if (editor) {
-		if (previous_error_line != null) {
-			editor.removeLineClass(previous_error_line, 'wrap', 'error-line');
-		}
+	const cmInstance = withCodemirrorInstance();
 
-		if (error_line && error_line !== previous_error_line) {
-			editor.addLineClass(error_line, 'wrap', 'error-line');
-			previous_error_line = error_line;
-		}
-	}
+	/** @type {number} */
+	let w;
+	/** @type {number} */
+	let h;
 
-	onMount(() => {
-		(async () => {
-			if (!CodeMirror) {
-				let mod = await import('./codemirror.js');
-				CodeMirror = mod.default;
-			}
-			await createEditor(mode || 'svelte');
-			if (editor) editor.setValue(code || '');
-		})();
-
-		return () => {
-			destroyed = true;
-			if (editor) editor.toTextArea();
-		};
-	});
+	let marked = false;
 
-	let first = true;
-
-	async function createEditor(mode) {
-		if (destroyed || !CodeMirror) return;
-
-		if (editor) editor.toTextArea();
-
-		const opts = {
-			lineNumbers,
-			lineWrapping: true,
-			indentWithTabs: true,
-			indentUnit: 2,
-			tabSize: 2,
-			value: '',
-			mode: modes[mode] || {
-				name: mode
-			},
-			readOnly: readonly,
-			autoCloseBrackets: true,
-			autoCloseTags: true,
-			extraKeys: CodeMirror.normalizeKeyMap({
-				Enter: 'newlineAndIndentContinueMarkdownList',
-				'Ctrl-/': 'toggleComment',
-				'Cmd-/': 'toggleComment',
-				'Ctrl-Q': function (cm) {
-					cm.foldCode(cm.getCursor());
-				},
-				'Cmd-Q': function (cm) {
-					cm.foldCode(cm.getCursor());
-				},
-				// allow escaping the CodeMirror with Esc Tab
-				'Esc Tab': false
-			}),
-			foldGutter: true,
-			gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter'],
-			theme
-		};
-
-		if (!tab) {
-			opts.extraKeys['Tab'] = tab;
-			opts.extraKeys['Shift-Tab'] = tab;
-		}
+	/** @type {number | null}*/
+	let error_line = null;
 
-		// Creating a text editor is a lot of work, so we yield
-		// the main thread for a moment. This helps reduce jank
-		if (first) await sleep(50);
+	let updating_externally = false;
 
-		if (destroyed) return;
+	/** @type {import('@codemirror/state').Extension[]} */
+	let extensions = [];
 
-		editor = CodeMirror.fromTextArea(refs.editor, opts);
+	$: {
+		if ($cmInstance.view) {
+			fulfil_module_editor_ready();
+		}
+	}
 
-		editor.on('change', (instance) => {
-			if (!updating_externally) {
-				const value = instance.getValue();
-				dispatch('change', { value });
-			}
-		});
+	$: if ($cmInstance.view && w && h) resize();
 
-		editor.on('cursorActivity', (instance) => {
-			cursorIndex.set(instance.indexFromPos(instance.getCursor()));
-		});
+	$: {
+		if (marked) {
+			unmarkText();
+			marked = false;
+		}
 
-		if (first) await sleep(50);
-		editor.refresh();
+		if (errorLoc) {
+			markText({ from: errorLoc.character, to: errorLoc.character + 1, className: 'error-loc' });
 
-		first = false;
+			error_line = errorLoc.line;
+		} else {
+			error_line = null;
+		}
 	}
 
-	function sleep(ms) {
-		return new Promise((fulfil) => setTimeout(fulfil, ms));
-	}
+	// /** @type {number | null} */
+	// let previous_error_line;
+	// $: if (editor) {
+	// 	if (previous_error_line != null) {
+	// 		editor.removeLineClass(previous_error_line, 'wrap', 'error-line');
+	// 	}
+
+	// 	if (error_line && error_line !== previous_error_line) {
+	// 		editor.addLineClass(error_line, 'wrap', 'error-line');
+	// 		previous_error_line = error_line;
+	// 	}
+	// }
+
+	const watcher = EditorView.updateListener.of((viewUpdate) => {
+		if (viewUpdate.selectionSet) {
+			cursorIndex.set(viewUpdate.state.selection.main.head);
+		}
+	});
 </script>
 
-<div class="codemirror-container" bind:offsetWidth={w} bind:offsetHeight={h}>
-	<textarea bind:this={refs.editor} readonly value={code} />
-
-	{#if !CodeMirror}
+<div
+	class="codemirror-container"
+	use:codemirror={{
+		value: code,
+		setup: 'basic',
+		useTabs: tab,
+		tabSize: 2,
+		theme: svelteTheme,
+		readonly,
+		lang,
+		langMap: {
+			js: () => import('@codemirror/lang-javascript').then((m) => m.javascript()),
+			json: () => import('@codemirror/lang-json').then((m) => m.json()),
+			md: () => import('@codemirror/lang-markdown').then((m) => m.markdown()),
+			css: () => import('@codemirror/lang-css').then((m) => m.css()),
+			svelte: () => import('@replit/codemirror-lang-svelte').then((m) => m.svelte())
+		},
+		extensions: [closeBrackets(), bracketMatching(), codeFolding(), history(), watcher],
+		diagnostics,
+		instanceStore: cmInstance
+	}}
+	on:codemirror:change={(e) => {
+		code = e.detail;
+		dispatch('change', { value: code });
+	}}
+>
+	{#if !$cmInstance.view}
 		<pre style="position: absolute; left: 0; top: 0">{code}</pre>
 
 		<div style="position: absolute; width: 100%; bottom: 0">
@@ -252,9 +268,17 @@
 		overflow: hidden;
 	}
 
-	.codemirror-container :global(.CodeMirror) {
+	.codemirror-container :global(.mark-text) {
+		background-color: var(--sk-selection-color);
+		backdrop-filter: opacity(40%);
+	}
+
+	.codemirror-container :global(.cm-editor) {
 		height: 100%;
-		font: 400 var(--sk-text-xs) / 1.7 var(--sk-font-mono);
+	}
+
+	.codemirror-container :global(*) {
+		font: 400 var(--sk-text-xs) / 1.7 var(--sk-font-mono) !important;
 	}
 
 	.codemirror-container :global(.error-loc) {
@@ -266,14 +290,6 @@
 		background-color: rgba(200, 0, 0, 0.05);
 	}
 
-	.codemirror-container :global(.mark-text) {
-		background-color: var(--sk-selection-color);
-	}
-
-	textarea {
-		visibility: hidden;
-	}
-
 	pre {
 		position: absolute;
 		width: 100%;
diff --git a/packages/repl/src/lib/Input/ComponentSelector.svelte b/packages/repl/src/lib/Input/ComponentSelector.svelte
index 78c2a35e..1a580860 100644
--- a/packages/repl/src/lib/Input/ComponentSelector.svelte
+++ b/packages/repl/src/lib/Input/ComponentSelector.svelte
@@ -1,103 +1,137 @@
 <script>
-	import { getContext, createEventDispatcher } from 'svelte';
-
-	export let handle_select;
+	import {
+		files,
+		handle_select,
+		module_editor,
+		rebundle,
+		selected,
+		selected_index
+	} from '$lib/state';
+	import { createEventDispatcher, tick } from 'svelte';
+
+	/** @type {boolean}  */
 	export let show_modified;
 
-	let { components, selected, request_focus, rebundle } = getContext('REPL');
+	/** @type {ReturnType<typeof createEventDispatcher<{
+	 * remove: { files: import('$lib/types').File[] },
+	 * add: { files: import('$lib/types').File[] },
+	 * }>>} */
 	const dispatch = createEventDispatcher();
 
-	let editing = null;
+	/** @type {number} */
+	let editing_index = -1;
 
-	function selectComponent(component) {
-		if ($selected !== component) {
-			editing = null;
-			handle_select(component);
+	/** @param {number} index */
+	function select_file(index) {
+		if ($selected_index !== index) {
+			editing_index = -1;
+			handle_select(index);
 		}
 	}
 
-	function editTab(component) {
-		if ($selected === component) {
-			editing = $selected;
+	/** @param {number} index */
+	function edit_tab(index) {
+		if ($selected_index === index) {
+			editing_index = $selected_index;
 		}
 	}
 
-	function closeEdit() {
-		const match = /(.+)\.(svelte|js|json|md)$/.exec($selected.name);
-		$selected.name = match ? match[1] : $selected.name;
-		if (isComponentNameUsed($selected)) {
+	async function close_edit() {
+		const match = /(.+)\.(svelte|js|json|md)$/.exec($selected?.name ?? '');
+
+		const edited_file = $files[editing_index];
+		edited_file.name = match ? match[1] : edited_file.name;
+
+		if (!$selected) return;
+
+		if (is_file_name_used($selected)) {
 			let i = 1;
 			let name = $selected.name;
+
 			do {
-				$selected.name = `${name}_${i++}`;
-			} while (isComponentNameUsed($selected));
+				$files[$selected_index].name = `${name}_${i++}`;
+			} while (is_file_name_used($selected));
+
+			$files[$selected_index] = edited_file;
 		}
-		if (match && match[2]) $selected.type = match[2];
 
-		editing = null;
+		if (match?.[2]) $files[$selected_index].type = match[2];
 
-		// re-select, in case the type changed
-		handle_select($selected);
+		editing_index = -1;
 
-		components = components; // TODO necessary?
+		// re-select, in case the type changed
+		handle_select($selected_index);
 
 		// focus the editor, but wait a beat (so key events aren't misdirected)
-		setTimeout(request_focus);
+		await tick();
+
+		$module_editor?.focus();
 
 		rebundle();
 	}
 
-	function remove(component) {
-		let result = confirm(`Are you sure you want to delete ${component.name}.${component.type}?`);
+	/**
+	 * @param {number} index
+	 */
+	function remove(index) {
+		let result = confirm(
+			`Are you sure you want to delete ${$files[index].name}.${$files[index].type}?`
+		);
 
-		if (result) {
-			const index = $components.indexOf(component);
+		if (!result) return;
 
-			if (~index) {
-				components.set($components.slice(0, index).concat($components.slice(index + 1)));
-				dispatch('remove', { components: $components });
-			} else {
-				console.error(`Could not find component! That's... odd`);
-			}
+		if (index !== -1) {
+			$files = $files.filter((_, idx) => idx !== index);
 
-			handle_select($components[index] || $components[$components.length - 1]);
+			dispatch('remove', { files: $files });
+		} else {
+			console.error(`Could not find component! That's... odd`);
 		}
+
+		handle_select(($selected_index = index - 1));
 	}
 
-	function selectInput(event) {
-		setTimeout(() => {
-			event.target.select();
-		});
+	/** @param {FocusEvent & { currentTarget: HTMLInputElement }} event */
+	async function select_input(event) {
+		await tick();
+
+		event.currentTarget.select();
 	}
 
 	let uid = 1;
 
-	function addNew() {
-		const component = {
+	function add_new() {
+		const file = {
 			name: uid++ ? `Component${uid}` : 'Component1',
 			type: 'svelte',
 			source: '',
 			modified: true
 		};
 
-		editing = component;
+		$files = $files.concat(file);
+
+		editing_index = $files.length - 1;
 
-		components.update((components) => components.concat(component));
-		handle_select(component);
+		handle_select(editing_index);
 
-		dispatch('add', { components: $components });
+		dispatch('add', { files: $files });
 	}
 
-	function isComponentNameUsed(editing) {
-		return $components.find(
-			(component) => component !== editing && component.name === editing.name
+	/** @param {import('$lib/types').File} editing */
+	function is_file_name_used(editing) {
+		return $files.find(
+			(file) => JSON.stringify(file) !== JSON.stringify($selected) && file.name === editing.name
 		);
 	}
 
 	// drag and drop
+	/** @type {string | null} */
 	let from = null;
+
+	/** @type {string | null} */
 	let over = null;
 
+	/** @param {DragEvent & { currentTarget: HTMLDivElement }} event */
 	function dragStart(event) {
 		from = event.currentTarget.id;
 	}
@@ -106,84 +140,88 @@
 		over = null;
 	}
 
+	/** @param {DragEvent & { currentTarget: HTMLDivElement }} event */
 	function dragOver(event) {
-		event.preventDefault();
 		over = event.currentTarget.id;
 	}
 
+	/** @param {DragEvent & { currentTarget: HTMLDivElement }} event */
 	function dragEnd(event) {
-		event.preventDefault();
-
 		if (from && over) {
-			const from_index = $components.findIndex((component) => component.name === from);
-			const to_index = $components.findIndex((component) => component.name === over);
+			const from_index = $files.findIndex((file) => file.name === from);
+			const to_index = $files.findIndex((file) => file.name === over);
 
-			const from_component = $components[from_index];
+			const from_component = $files[from_index];
 
-			$components.splice(from_index, 1);
-			components.set(
-				$components.slice(0, to_index).concat(from_component).concat($components.slice(to_index))
-			);
+			$files.splice(from_index, 1);
+
+			$files = $files.slice(0, to_index).concat(from_component).concat($files.slice(to_index));
 		}
+
 		from = over = null;
 	}
 </script>
 
 <div class="component-selector">
-	{#if $components.length}
-		<div class="file-tabs" on:dblclick={addNew}>
-			{#each $components as component, index}
+	{#if $files.length}
+		<div class="file-tabs" on:dblclick={add_new}>
+			{#each $files as file, index (file)}
 				<div
-					id={component.name}
+					id={file.name}
 					class="button"
 					role="button"
 					tabindex="0"
-					class:active={component === $selected}
-					class:draggable={component !== editing && index !== 0}
-					class:drag-over={over === component.name}
-					on:click={() => selectComponent(component)}
-					on:keyup={(e) => e.key === ' ' && selectComponent(component)}
-					on:dblclick={(e) => e.stopPropagation()}
-					draggable={component !== editing}
+					class:active={index === $selected_index}
+					class:draggable={index !== editing_index && index !== 0}
+					class:drag-over={over === file.name}
+					on:click={() => select_file(index)}
+					on:keyup={(e) => e.key === ' ' && select_file(index)}
+					on:dblclick|stopPropagation={() => {}}
+					draggable={index !== editing_index}
 					on:dragstart={dragStart}
-					on:dragover={dragOver}
+					on:dragover|preventDefault={dragOver}
 					on:dragleave={dragLeave}
-					on:drop={dragEnd}
+					on:drop|preventDefault={dragEnd}
 				>
 					<i class="drag-handle" />
-					{#if component.name === 'App' && component !== editing}
+					{#if file.name === 'App' && index !== editing_index}
 						<div class="uneditable">
-							App.svelte{#if show_modified && component.modified}*{/if}
+							App.svelte{#if show_modified && file.modified}*{/if}
 						</div>
-					{:else if component === editing}
-						<span class="input-sizer"
-							>{editing.name + (/\./.test(editing.name) ? '' : `.${editing.type}`)}</span
-						>
+					{:else if index === editing_index}
+						{@const file = $files[editing_index]}
+
+						<span class="input-sizer">
+							{file.name + (/\./.test(file.name) ? '' : `.${file.type}`)}
+						</span>
 
 						<!-- svelte-ignore a11y-autofocus -->
 						<input
 							autofocus
 							spellcheck={false}
-							bind:value={editing.name}
-							on:focus={selectInput}
-							on:blur={closeEdit}
-							on:keydown={(e) => e.which === 13 && !isComponentNameUsed(editing) && e.target.blur()}
-							class:duplicate={isComponentNameUsed(editing)}
+							bind:value={$files[editing_index].name}
+							on:focus={select_input}
+							on:blur={close_edit}
+							on:keydown={(e) =>
+								e.key === 'Enter' &&
+								!is_file_name_used($files[editing_index]) &&
+								e.currentTarget.blur()}
+							class:duplicate={is_file_name_used($files[editing_index])}
 						/>
 					{:else}
 						<div
 							class="editable"
 							title="edit component name"
-							on:click={() => editTab(component)}
-							on:keyup={(e) => e.key === ' ' && editTab(component)}
+							on:click={() => edit_tab(index)}
+							on:keyup={(e) => e.key === ' ' && edit_tab(index)}
 						>
-							{component.name}.{component.type}{#if show_modified && component.modified}*{/if}
+							{file.name}.{file.type}{#if show_modified && file.modified}*{/if}
 						</div>
 
 						<span
 							class="remove"
-							on:click={() => remove(component)}
-							on:keyup={(e) => e.key === ' ' && remove(component)}
+							on:click={() => remove(index)}
+							on:keyup={(e) => e.key === ' ' && remove(index)}
 						>
 							<svg width="12" height="12" viewBox="0 0 24 24">
 								<line stroke="#999" x1="18" y1="6" x2="6" y2="18" />
@@ -194,7 +232,7 @@
 				</div>
 			{/each}
 
-			<button class="add-new" on:click={addNew} title="add new component">
+			<button class="add-new" on:click={add_new} title="add new component">
 				<svg width="12" height="12" viewBox="0 0 24 24">
 					<line stroke="#999" x1="12" y1="5" x2="12" y2="19" />
 					<line stroke="#999" x1="5" y1="12" x2="19" y2="12" />
diff --git a/packages/repl/src/lib/Input/ModuleEditor.svelte b/packages/repl/src/lib/Input/ModuleEditor.svelte
index 071ba65f..3f3e077c 100644
--- a/packages/repl/src/lib/Input/ModuleEditor.svelte
+++ b/packages/repl/src/lib/Input/ModuleEditor.svelte
@@ -1,51 +1,75 @@
 <script>
-	import { getContext, onMount } from 'svelte';
+	import { bundle, get_full_filename, handle_change, module_editor, selected } from '$lib/state';
 	import CodeMirror from '../CodeMirror.svelte';
 	import Message from '../Message.svelte';
 
-	const { bundle, selected, handle_change, register_module_editor } = getContext('REPL');
-
-	export let errorLoc;
-	export let theme;
-
-	let editor;
-	onMount(() => {
-		register_module_editor(editor);
-	});
+	/** @type {import('$lib/types').StartOrEnd | null} */
+	export let errorLoc = null;
+	// export let theme;
 
 	export function focus() {
-		editor.focus();
+		$module_editor?.focus();
 	}
 
+	/** @type {import('$lib/types').Error | null | undefined} */
 	let error = null;
+
+	/** @type {import('$lib/types').Warning[]} */
 	let warnings = [];
-	let timeout = null;
 
-	$: if ($bundle) {
-		clearTimeout(timeout);
+	$: filename = $selected?.name + '.' + $selected?.type;
 
-		// if there's already an error/warnings displayed, update them
-		if (error) error = $bundle.error;
-		if (warnings.length > 0) warnings = $bundle.warnings;
+	let error_file = '';
 
-		timeout = setTimeout(() => {
-			error = $bundle.error;
-			warnings = $bundle.warnings;
-		}, 400);
+	$: if ($bundle) {
+		error = $bundle?.error;
+		warnings = $bundle?.warnings ?? [];
+
+		if (error || warnings.length > 1) {
+			error_file = error?.filename ?? warnings[0].filename;
+		}
 	}
+
+	$: diagnostics =
+		$selected && error_file === get_full_filename($selected)
+			? [
+					...(error
+						? [
+								{
+									from: error.start.character,
+									to: error.end.character,
+									severity: 'error',
+									message: error.message
+								}
+						  ]
+						: []),
+					...warnings.map((warning) => ({
+						from: warning.start.character,
+						to: warning.end.character,
+						severity: 'warning',
+						message: warning.message
+					}))
+			  ]
+			: [];
 </script>
 
 <div class="editor-wrapper">
 	<div class="editor notranslate" translate="no">
-		<CodeMirror bind:this={editor} {errorLoc} {theme} on:change={handle_change} />
+		<CodeMirror
+			bind:this={$module_editor}
+			{errorLoc}
+			on:change
+			on:change={handle_change}
+			{diagnostics}
+		/>
 	</div>
 
 	<div class="info">
 		{#if error}
-			<Message kind="error" details={error} filename="{$selected.name}.{$selected.type}" />
+			<Message kind="error" details={error} {filename} />
 		{:else if warnings.length > 0}
 			{#each warnings as warning}
-				<Message kind="warning" details={warning} filename="{$selected.name}.{$selected.type}" />
+				<Message kind="warning" details={warning} {filename} />
 			{/each}
 		{/if}
 	</div>
@@ -74,6 +98,6 @@
 		/* make it easier to interact with scrollbar */
 		padding-right: 8px;
 		height: auto;
-		/* height: 100%; */
+		height: 100%;
 	}
 </style>
diff --git a/packages/repl/src/lib/InputOutputToggle.svelte b/packages/repl/src/lib/InputOutputToggle.svelte
index f4dd102d..db6fd958 100644
--- a/packages/repl/src/lib/InputOutputToggle.svelte
+++ b/packages/repl/src/lib/InputOutputToggle.svelte
@@ -1,12 +1,15 @@
 <script>
-	export let checked;
+	export let checked = false;
+
 	import Checkbox from './Checkbox.svelte';
 </script>
 
 <!-- svelte-ignore a11y-label-has-associated-control -->
 <label class="input-output-toggle">
 	<span class:active={!checked} style="text-align: right">input</span>
-	<Checkbox bind:checked />
+	<span style="display:grid; place-items: center">
+		<Checkbox bind:checked />
+	</span>
 	<span class:active={checked}>output</span>
 </label>
 
@@ -19,6 +22,7 @@
 		grid-template-columns: 1fr 40px 1fr;
 		grid-gap: 0.5em;
 		align-items: center;
+		justify-content: center;
 		width: 100%;
 		height: 42px;
 		border-top: 1px solid var(--sk-theme-2);
@@ -26,9 +30,10 @@
 	}
 
 	span {
-		color: #ccc;
+		color: var(--sk-text-4);
 	}
+
 	.active {
-		color: #555;
+		color: var(--sk-text-2);
 	}
 </style>
diff --git a/packages/repl/src/lib/Message.svelte b/packages/repl/src/lib/Message.svelte
index 67652be9..5840bb9a 100644
--- a/packages/repl/src/lib/Message.svelte
+++ b/packages/repl/src/lib/Message.svelte
@@ -1,22 +1,25 @@
 <script>
-	import { getContext } from 'svelte';
 	import { slide } from 'svelte/transition';
+	import { go_to_warning_pos } from './state';
 
-	const { navigate } = getContext('REPL');
+	/** @type {'info' | 'warning' | 'error'} */
+	export let kind = 'info';
+
+	/** @type {import('./types').MessageDetails | undefined} */
+	export let details = undefined;
+
+	/** @type {string | undefined} */
+	export let filename = undefined;
 
-	export let kind;
-	export let details = null;
-	export let filename = null;
 	export let truncate = false;
 
+	/** @param {import('./types').MessageDetails} details */
 	function message(details) {
 		let str = details.message || '[missing message]';
 
 		let loc = [];
 
-		if (details.filename && details.filename !== filename) {
-			loc.push(details.filename);
-		}
+		if (details.filename && details.filename !== filename) loc.push(details.filename);
 
 		if (details.start) loc.push(details.start.line, details.start.column);
 
@@ -28,8 +31,8 @@
 	{#if details}
 		<p
 			class:navigable={details.filename}
-			on:click={() => navigate(details)}
-			on:keyup={(e) => e.key === ' ' && navigate(details)}
+			on:click={() => go_to_warning_pos(details)}
+			on:keyup={(e) => e.key === ' ' && go_to_warning_pos(details)}
 		>
 			{message(details)}
 		</p>
diff --git a/packages/repl/src/lib/Output/AstNode.svelte b/packages/repl/src/lib/Output/AstNode.svelte
index 3622dcb3..41d933a7 100644
--- a/packages/repl/src/lib/Output/AstNode.svelte
+++ b/packages/repl/src/lib/Output/AstNode.svelte
@@ -1,26 +1,37 @@
 <script>
-	import { getContext, tick } from 'svelte';
+	import { module_editor, toggleable } from '$lib/state';
+	import { tick } from 'svelte';
 
 	export let key = '';
-	export let value = undefined;
+	/** @type {import('svelte/types/compiler/interfaces').Ast} */
+	export let value;
 	export let collapsed = true;
+	/** @type {import('svelte/types/compiler/interfaces').Ast[]} */
 	export let path_nodes = [];
 	export let autoscroll = true;
 
-	const { toggleable, mark_text, unmark_text } = getContext('REPL');
-
-	let list_item;
+	/** @type {HTMLLIElement} */
+	let list_item_el;
 
 	$: is_root = path_nodes[0] === value;
 	$: is_leaf = path_nodes[path_nodes.length - 1] === value;
 	$: is_ast_array = Array.isArray(value);
 	$: is_collapsable = value && typeof value === 'object';
-	$: is_markable = value && typeof value.start === 'number' && typeof value.end === 'number';
+	$: is_markable =
+		is_collapsable &&
+		'start' in value &&
+		'end' in value &&
+		typeof value.start === 'number' &&
+		typeof value.end === 'number';
 	$: key_text = key ? `${key}:` : '';
 
-	let preview_text;
-	$: if (is_collapsable && collapsed) {
+	let preview_text = '';
+	$: {
+		if (!is_collapsable || !collapsed) break $;
+
 		if (is_ast_array) {
+			if (!('length' in value)) break $;
+
 			preview_text = `[ ${value.length} element${value.length === 1 ? '' : 's'} ]`;
 		} else {
 			preview_text = `{ ${Object.keys(value).join(', ')} }`;
@@ -32,29 +43,39 @@
 	$: if (autoscroll && is_leaf && !$toggleable) {
 		// wait for all nodes to render before scroll
 		tick().then(() => {
-			if (list_item) {
-				list_item.scrollIntoView();
+			if (list_item_el) {
+				list_item_el.scrollIntoView();
 			}
 		});
 	}
 
+	/** @param {MouseEvent | FocusEvent} e */
 	function handle_mark_text(e) {
 		if (is_markable) {
 			e.stopPropagation();
-			mark_text({ from: value.start, to: value.end });
+
+			if (
+				'start' in value &&
+				'end' in value &&
+				typeof value.start === 'number' &&
+				typeof value.end === 'number'
+			) {
+				$module_editor?.markText({ from: value.start ?? 0, to: value.end ?? 0 });
+			}
 		}
 	}
 
+	/** @param {MouseEvent} e */
 	function handle_unmark_text(e) {
 		if (is_markable) {
 			e.stopPropagation();
-			unmark_text();
+			$module_editor?.unmarkText();
 		}
 	}
 </script>
 
 <li
-	bind:this={list_item}
+	bind:this={list_item_el}
 	class:marked={!is_root && is_leaf}
 	on:mouseover={handle_mark_text}
 	on:focus={handle_mark_text}
diff --git a/packages/repl/src/lib/Output/AstView.svelte b/packages/repl/src/lib/Output/AstView.svelte
index fe5ebf58..0db97578 100644
--- a/packages/repl/src/lib/Output/AstView.svelte
+++ b/packages/repl/src/lib/Output/AstView.svelte
@@ -1,19 +1,23 @@
 <script>
 	import Message from '../Message.svelte';
-	import { getContext } from 'svelte';
 	import AstNode from './AstNode.svelte';
+	import { cursorIndex } from '../CodeMirror.svelte';
 
+	/** @type {import('svelte/types/compiler/interfaces').Ast} */
 	export let ast;
 	export let autoscroll = true;
 
-	const { cursor_index } = getContext('REPL');
-
 	// $cursor_index may go over the max since ast computation is usually slower.
 	// clamping this helps prevent the collapse view flashing
-	$: max_cursor_index = !ast ? $cursor_index : Math.min($cursor_index, get_ast_max_end(ast));
+	$: max_cursor_index = !ast ? $cursorIndex : Math.min($cursorIndex, get_ast_max_end(ast));
 
 	$: path_nodes = find_deepest_path(max_cursor_index, [ast]) || [];
 
+	/**
+	 * @param {number} cursor
+	 * @param {import('svelte/types/compiler/interfaces').Ast[]} paths
+	 * @returns {import('svelte/types/compiler/interfaces').Ast[] | undefined}
+	 */
 	function find_deepest_path(cursor, paths) {
 		const value = paths[paths.length - 1];
 
@@ -27,6 +31,8 @@
 		}
 
 		if (
+			'start' in value &&
+			'end' in value &&
 			typeof value.start === 'number' &&
 			typeof value.end === 'number' &&
 			value.start <= cursor &&
@@ -36,6 +42,7 @@
 		}
 	}
 
+	/** @param {import('svelte/types/compiler/interfaces').Ast} ast */
 	function get_ast_max_end(ast) {
 		let max_end = 0;
 
diff --git a/packages/repl/src/lib/Output/Compiler.js b/packages/repl/src/lib/Output/Compiler.js
index a67ae723..57285270 100644
--- a/packages/repl/src/lib/Output/Compiler.js
+++ b/packages/repl/src/lib/Output/Compiler.js
@@ -5,29 +5,46 @@ const workers = new Map();
 let uid = 1;
 
 export default class Compiler {
-	constructor(svelteUrl) {
-		if (!workers.has(svelteUrl)) {
+	/** @type {Worker} */
+	worker;
+
+	/** @type {Map<number, (...arg: any) => void>} */
+	handlers = new Map();
+
+	/** @param {string} svelte_url */
+	constructor(svelte_url) {
+		if (!workers.has(svelte_url)) {
 			const worker = new Worker();
-			worker.postMessage({ type: 'init', svelteUrl });
-			workers.set(svelteUrl, worker);
+			worker.postMessage({ type: 'init', svelte_url });
+			workers.set(svelte_url, worker);
 		}
 
-		this.worker = workers.get(svelteUrl);
+		this.worker = workers.get(svelte_url);
 
-		this.handlers = new Map();
+		this.worker.addEventListener(
+			'message',
+			/**
+			 * @param {MessageEvent<import('$lib/workers/workers').CompileMessageData>} event
+			 */
+			(event) => {
+				const handler = this.handlers.get(event.data.id);
 
-		this.worker.addEventListener('message', (event) => {
-			const handler = this.handlers.get(event.data.id);
-
-			if (handler) {
-				// if no handler, was meant for a different REPL
-				handler(event.data.result);
-				this.handlers.delete(event.data.id);
+				if (handler) {
+					// if no handler, was meant for a different REPL
+					handler(event.data.result);
+					this.handlers.delete(event.data.id);
+				}
 			}
-		});
+		);
 	}
 
-	compile(component, options, return_ast) {
+	/**
+	 * @param {import('$lib/types').File} file
+	 * @param {import('svelte/types/compiler').CompileOptions} options
+	 * @param {boolean} return_ast
+	 * @returns
+	 */
+	compile(file, options, return_ast) {
 		return new Promise((fulfil) => {
 			const id = uid++;
 
@@ -36,16 +53,16 @@ export default class Compiler {
 			this.worker.postMessage({
 				id,
 				type: 'compile',
-				source: component.source,
+				source: file.source,
 				options: Object.assign(
 					{
-						name: component.name,
-						filename: `${component.name}.svelte`
+						name: file.name,
+						filename: `${file.name}.svelte`,
 					},
 					options
 				),
-				entry: component.name === 'App',
-				return_ast
+				entry: file.name === 'App',
+				return_ast,
 			});
 		});
 	}
diff --git a/packages/repl/src/lib/Output/CompilerOptions.svelte b/packages/repl/src/lib/Output/CompilerOptions.svelte
index cc6256d6..626f70eb 100644
--- a/packages/repl/src/lib/Output/CompilerOptions.svelte
+++ b/packages/repl/src/lib/Output/CompilerOptions.svelte
@@ -1,9 +1,7 @@
 <!-- svelte-ignore a11y-label-has-associated-control -->
 <script>
-	import { getContext } from 'svelte';
+	import { compile_options } from '$lib/state';
 	import Checkbox from '../Checkbox.svelte';
-
-	const { compile_options } = getContext('REPL');
 </script>
 
 <div class="options">
diff --git a/packages/repl/src/lib/Output/index.svelte b/packages/repl/src/lib/Output/Output.svelte
similarity index 58%
rename from packages/repl/src/lib/Output/index.svelte
rename to packages/repl/src/lib/Output/Output.svelte
index 8d1d45cd..abf3ed07 100644
--- a/packages/repl/src/lib/Output/index.svelte
+++ b/packages/repl/src/lib/Output/Output.svelte
@@ -1,76 +1,100 @@
 <script>
-	import { getContext } from 'svelte';
-	import { parse } from 'marked';
-	import Viewer from './Viewer.svelte';
-	import PaneWithPanel from './PaneWithPanel.svelte';
-	import CompilerOptions from './CompilerOptions.svelte';
-	import Compiler from './Compiler.js';
+	import { BROWSER } from 'esm-env';
 	import CodeMirror from '../CodeMirror.svelte';
 	import AstView from './AstView.svelte';
-	import { BROWSER } from 'esm-env';
-
-	const { register_output, module_editor_ready } = getContext('REPL');
+	import Compiler from './Compiler.js';
+	import CompilerOptions from './CompilerOptions.svelte';
+	import PaneWithPanel from './PaneWithPanel.svelte';
+	import Viewer from './Viewer.svelte';
+	import { marked } from 'marked';
+	import { module_editor } from '$lib/state';
 
 	export let svelteUrl;
+
+	/** @type {string | null} */
 	export let status;
+
+	/** @type {import('$lib/types').StartOrEnd | null} */
 	export let sourceErrorLoc = null;
+
+	/** @type {import('$lib/types').MessageDetails | null} */
 	export let runtimeError = null;
+
 	export let embedded = false;
 	export let relaxed = false;
+
+	/** @type {string} */
 	export let injectedJS;
+
+	/** @type {string} */
 	export let injectedCSS;
-	export let theme;
-	export let showAst;
-
-	register_output({
-		set: async (selected, options) => {
-			selected_type = selected.type;
-
-			if (selected.type === 'js' || selected.type === 'json') {
-				js_editor.set(`/* Select a component to see its compiled code */`);
-				css_editor.set(`/* Select a component to see its compiled code */`);
-				return;
-			}
-
-			if (selected.type === 'md') {
-				markdown = parse(selected.source);
-				return;
-			}
-
-			const compiled = await compiler.compile(selected, options, showAst);
-			if (!js_editor) return; // unmounted
-
-			js_editor.set(compiled.js, 'js');
-			css_editor.set(compiled.css, 'css');
-			ast = compiled.ast;
-		},
-
-		update: async (selected, options) => {
-			if (selected.type === 'js' || selected.type === 'json') return;
-
-			if (selected.type === 'md') {
-				markdown = parse(selected.source);
-				return;
-			}
-
-			const compiled = await compiler.compile(selected, options, showAst);
-			if (!js_editor) return; // unmounted
-
-			js_editor.update(compiled.js);
-			css_editor.update(compiled.css);
-			ast = compiled.ast;
+
+	// export let theme;
+	export let showAst = false;
+
+	/**
+	 * @param {import('$lib/types').File} file
+	 * @param {import('svelte/types/compiler').CompileOptions} options
+	 */
+	export async function set(file, options) {
+		selected_type = file.type;
+
+		if (file.type === 'js' || file.type === 'json') {
+			js_editor.set({ code: `/* Select a component to see its compiled code */`, lang: 'js' });
+			css_editor.set({ code: `/* Select a component to see its compiled code */`, lang: 'css' });
+			return;
+		}
+
+		if (file.type === 'md') {
+			markdown = marked(file.source);
+			return;
+		}
+
+		if (!compiler) return console.error('Compiler not initialized.');
+
+		const compiled = await compiler.compile(file, options, showAst);
+		if (!js_editor) return; // unmounted
+
+		js_editor.set({ code: compiled.js, lang: 'js' });
+		css_editor.set({ code: compiled.css, lang: 'css' });
+		ast = compiled.ast;
+	}
+
+	/**
+	 * @param {import('$lib/types').File} selected
+	 * @param {import('svelte/types/compiler').CompileOptions} options
+	 */
+	export async function update(selected, options) {
+		if (selected.type === 'js' || selected.type === 'json') return;
+
+		if (selected.type === 'md') {
+			markdown = marked(selected.source);
+			return;
 		}
-	});
 
-	const compiler = BROWSER && new Compiler(svelteUrl);
+		if (!compiler) return console.error('Compiler not initialized.');
+
+		const compiled = await compiler.compile(selected, options, showAst);
+
+		js_editor.update({ code: compiled.js, lang: 'js' });
+		css_editor.update({ code: compiled.css, lang: 'css' });
+		ast = compiled.ast;
+	}
 
-	// refs
+	const compiler = BROWSER ? new Compiler(svelteUrl) : null;
+
+	/** @type {CodeMirror} */
 	let js_editor;
+
+	/** @type {CodeMirror} */
 	let css_editor;
 
+	/** @type {'result' | 'js' | 'css' | 'ast'} */
 	let view = 'result';
 	let selected_type = '';
 	let markdown = '';
+
+	/** @type {import('svelte/types/compiler/interfaces').Ast} */
 	let ast;
 </script>
 
@@ -95,11 +119,11 @@
 <!-- js output -->
 <div class="tab-content" class:visible={selected_type !== 'md' && view === 'js'}>
 	{#if embedded}
-		<CodeMirror bind:this={js_editor} errorLoc={sourceErrorLoc} {theme} readonly />
+		<CodeMirror bind:this={js_editor} errorLoc={sourceErrorLoc} readonly />
 	{:else}
-		<PaneWithPanel pos={67} panel="Compiler options">
+		<PaneWithPanel pos="50%" panel="Compiler options">
 			<div slot="main">
-				<CodeMirror bind:this={js_editor} errorLoc={sourceErrorLoc} {theme} readonly />
+				<CodeMirror bind:this={js_editor} errorLoc={sourceErrorLoc} readonly />
 			</div>
 
 			<div slot="panel-body">
@@ -111,16 +135,16 @@
 
 <!-- css output -->
 <div class="tab-content" class:visible={selected_type !== 'md' && view === 'css'}>
-	<CodeMirror bind:this={css_editor} errorLoc={sourceErrorLoc} {theme} readonly />
+	<CodeMirror bind:this={css_editor} errorLoc={sourceErrorLoc} readonly />
 </div>
 
 <!-- ast output -->
 {#if showAst}
 	<div class="tab-content" class:visible={selected_type !== 'md' && view === 'ast'}>
 		<!-- ast view interacts with the module editor, wait for it first -->
-		{#await module_editor_ready then}
+		{#if $module_editor}
 			<AstView {ast} autoscroll={selected_type !== 'md' && view === 'ast'} />
-		{/await}
+		{/if}
 	</div>
 {/if}
 
diff --git a/packages/repl/src/lib/Output/PaneWithPanel.svelte b/packages/repl/src/lib/Output/PaneWithPanel.svelte
index 45425f80..7623439c 100644
--- a/packages/repl/src/lib/Output/PaneWithPanel.svelte
+++ b/packages/repl/src/lib/Output/PaneWithPanel.svelte
@@ -1,31 +1,45 @@
 <script>
 	import { spring } from 'svelte/motion';
-	import SplitPane from '../SplitPane.svelte';
+	import { SplitPane } from '@rich_harris/svelte-split-pane';
 
+	const UNIT_REGEX = /(\d+)(?:(px|rem|%|em))/i;
+
+	/** @type {string} */
 	export let panel;
-	export let pos = 50;
-	let previous_pos = Math.min(pos, 70);
 
-	let max;
+	/** @type {Exclude<import('@rich_harris/svelte-split-pane/dist/SplitPane.svelte').SplitPaneProps['max'], undefined>} */
+	export let pos = '90%';
+
+	$: previous_pos = Math.min(+pos.replace(UNIT_REGEX, '$1'), 70);
+
+	/** @type {Exclude<import('@rich_harris/svelte-split-pane/dist/SplitPane.svelte').SplitPaneProps['max'], undefined>} */
+	let max = '90%';
 
 	// we can't bind to the spring itself, but we
 	// can still use the spring to drive `pos`
-	const driver = spring(pos);
-	$: pos = $driver;
+	const driver = spring(+pos.replace(UNIT_REGEX, '$1'), {
+		stiffness: 0.2,
+		damping: 0.5,
+	});
+
+	// @ts-ignore
+	$: pos = $driver + '%';
 
 	const toggle = () => {
-		driver.set(pos, { hard: true });
+		const numeric_pos = +pos.replace(UNIT_REGEX, '$1');
+
+		driver.set(numeric_pos, { hard: true });
 
-		if (pos > 80) {
+		if (numeric_pos > 80) {
 			driver.set(previous_pos);
 		} else {
-			previous_pos = pos;
-			driver.set(max);
+			previous_pos = numeric_pos;
+			driver.set(+max.replace(UNIT_REGEX, '$1'));
 		}
 	};
 </script>
 
-<SplitPane bind:max type="vertical" bind:pos>
+<SplitPane {max} min="10%" type="vertical" bind:pos priority="max">
 	<section slot="a">
 		<slot name="main" />
 	</section>
diff --git a/packages/repl/src/lib/Output/ReplProxy.js b/packages/repl/src/lib/Output/ReplProxy.js
index cc41da8d..709d8d21 100644
--- a/packages/repl/src/lib/Output/ReplProxy.js
+++ b/packages/repl/src/lib/Output/ReplProxy.js
@@ -1,13 +1,36 @@
 let uid = 1;
 
+const noop = () => {};
+
 export default class ReplProxy {
+	/** @type {HTMLIFrameElement} */
+	iframe;
+
+	/** @type {import("./proxy").Handlers} */
+	handlers = {
+		on_fetch_progress: noop,
+		on_console: noop,
+		on_error: noop,
+		on_console_group: noop,
+		on_console_group_collapsed: noop,
+		on_console_group_end: noop,
+		on_unhandled_rejection: noop,
+	};
+
+	/** @type {Map<number, { resolve: (value: any) => void, reject: (value: any) => void }>} */
+	pending_cmds = new Map();
+
+	/** @param {MessageEvent<any>} e */
+	handle_event = (e) => this.handle_repl_message(e);
+
+	/**
+	 * @param {HTMLIFrameElement} iframe
+	 * @param {import("./proxy").Handlers} handlers
+	 */
 	constructor(iframe, handlers) {
 		this.iframe = iframe;
 		this.handlers = handlers;
 
-		this.pending_cmds = new Map();
-
-		this.handle_event = (e) => this.handle_repl_message(e);
 		window.addEventListener('message', this.handle_event, false);
 	}
 
@@ -15,16 +38,23 @@ export default class ReplProxy {
 		window.removeEventListener('message', this.handle_event);
 	}
 
+	/**
+	 * @param {string} action
+	 * @param {any} args
+	 */
 	iframe_command(action, args) {
 		return new Promise((resolve, reject) => {
 			const cmd_id = uid++;
 
 			this.pending_cmds.set(cmd_id, { resolve, reject });
 
-			this.iframe.contentWindow.postMessage({ action, cmd_id, args }, '*');
+			this.iframe.contentWindow?.postMessage({ action, cmd_id, args }, '*');
 		});
 	}
 
+	/**
+	 * @param {{ action: string; cmd_id: number; message: string; stack: any; args: any; }} cmd_data
+	 */
 	handle_command_message(cmd_data) {
 		let action = cmd_data.action;
 		let id = cmd_data.cmd_id;
@@ -47,6 +77,9 @@ export default class ReplProxy {
 		}
 	}
 
+	/**
+	 * @param {MessageEvent<any>} event
+	 */
 	handle_repl_message(event) {
 		if (event.source !== this.iframe.contentWindow) return;
 
@@ -73,6 +106,7 @@ export default class ReplProxy {
 		}
 	}
 
+	/** @param {string} script */
 	eval(script) {
 		return this.iframe_command('eval', { script });
 	}
diff --git a/packages/repl/src/lib/Output/Viewer.svelte b/packages/repl/src/lib/Output/Viewer.svelte
index 8cd41b68..91e2024a 100644
--- a/packages/repl/src/lib/Output/Viewer.svelte
+++ b/packages/repl/src/lib/Output/Viewer.svelte
@@ -1,42 +1,46 @@
 <script>
+	import { bundle } from '$lib/state';
 	import { BROWSER } from 'esm-env';
-	import { getContext, onMount } from 'svelte';
+	import { onMount } from 'svelte';
 	import Message from '../Message.svelte';
-	import Console from './Console.svelte';
 	import PaneWithPanel from './PaneWithPanel.svelte';
 	import ReplProxy from './ReplProxy.js';
-	import getLocationFromStack from './getLocationFromStack.js';
+	import Console from './console/Console.svelte';
+	import getLocationFromStack from './get-location-from-stack';
 	import srcdoc from './srcdoc/index.html?raw';
 
-	const { bundle } = getContext('REPL');
-
-	export let error; // TODO should this be exposed as a prop?
+	/** @type {import('./console/console').Log[]} */
 	let logs = [];
+
+	/** @type {import('./console/console').Log[][]} */
 	let log_group_stack = [];
-	let current_log_group = logs;
 
-	export function setProp(prop, value) {
-		if (!proxy) return;
-		proxy.setProp(prop, value);
-	}
+	let current_log_group = logs;
 
+	/** @type {import('$lib/types').MessageDetails | null} */
+	export let error;
+	/** @type {string | null} */
 	export let status;
 	export let relaxed = false;
 	export let injectedJS = '';
 	export let injectedCSS = '';
 
+	/** @type {HTMLIFrameElement} */
 	let iframe;
 	let pending_imports = 0;
 	let pending = false;
 
+	/** @type {ReplProxy | null} */
 	let proxy = null;
 
 	let ready = false;
 	let inited = false;
 
 	let log_height = 90;
+	/** @type {number} */
 	let prev_height;
 
+	/** @type {import('./console/console').Log} */
 	let last_console_event;
 
 	onMount(() => {
@@ -71,26 +75,29 @@
 			},
 			on_console_group_collapsed: (action) => {
 				group_logs(action.label, true);
-			}
+			},
 		});
 
 		iframe.addEventListener('load', () => {
-			proxy.handle_links();
+			proxy?.handle_links();
 			ready = true;
 		});
 
 		return () => {
-			proxy.destroy();
+			proxy?.destroy();
 		};
 	});
 
+	/**
+	 * @param {import('$lib/types').Bundle | null} $bundle
+	 */
 	async function apply_bundle($bundle) {
 		if (!$bundle || $bundle.error) return;
 
 		try {
 			clear_logs();
 
-			await proxy.eval(`
+			await proxy?.eval(`
 				${injectedJS}
 
 				${styles}
@@ -112,7 +119,7 @@
 				window.location.hash = '';
 				window._svelteTransitionManager = null;
 
-				${$bundle.dom.code}
+				${$bundle.dom?.code}
 
 				window.component = new SvelteComponent.default({
 					target: document.body
@@ -121,6 +128,7 @@
 
 			error = null;
 		} catch (e) {
+			// @ts-ignore
 			show_error(e);
 		}
 
@@ -137,31 +145,49 @@
 		document.head.appendChild(style);
 	}`;
 
+	/**
+	 * @param {import('$lib/types').Error & { loc: { line: number; column: number } }} e
+	 */
 	function show_error(e) {
-		const loc = getLocationFromStack(e.stack, $bundle.dom.map);
+		const map = $bundle?.dom?.map;
+		if (!map) return;
+
+		// @ts-ignore INVESTIGATE
+		const loc = getLocationFromStack(e.stack, map);
 		if (loc) {
 			e.filename = loc.source;
-			e.loc = { line: loc.line, column: loc.column };
+			e.loc = { line: loc.line, column: loc.column ?? 0 };
 		}
 
 		error = e;
 	}
 
+	/**
+	 * @param {import('./console/console').Log} log
+	 */
 	function push_logs(log) {
 		current_log_group.push((last_console_event = log));
 		logs = logs;
 	}
 
+	/**
+	 * @param {string} label
+	 * @param {boolean} collapsed
+	 */
 	function group_logs(label, collapsed) {
+		/** @type {import('./console/console').Log} */
 		const group_log = { level: 'group', label, collapsed, logs: [] };
-		current_log_group.push(group_log);
+		current_log_group.push({ level: 'group', label, collapsed, logs: [] });
+		// TODO: Investigate
 		log_group_stack.push(current_log_group);
-		current_log_group = group_log.logs;
+		current_log_group = group_log.logs ?? [];
 		logs = logs;
 	}
 
 	function ungroup_logs() {
-		current_log_group = log_group_stack.pop();
+		const last = log_group_stack.pop();
+
+		if (last) current_log_group = last;
 	}
 
 	function increment_duplicate_log() {
@@ -191,15 +217,22 @@
 </script>
 
 <div class="iframe-container">
-	<PaneWithPanel pos={100} panel="Console">
+	<PaneWithPanel pos="90%" panel="Console">
 		<div slot="main">
 			<iframe
 				title="Result"
 				class:inited
 				bind:this={iframe}
-				sandbox="allow-popups-to-escape-sandbox allow-scripts allow-popups allow-forms allow-pointer-lock allow-top-navigation allow-modals {relaxed
-					? 'allow-same-origin'
-					: ''}"
+				sandbox={[
+					'allow-popups-to-escape-sandbox',
+					'allow-scripts',
+					'allow-popups',
+					'allow-forms',
+					'allow-pointer-lock',
+					'allow-top-navigation',
+					'allow-modals',
+					relaxed ? 'allow-same-origin' : '',
+				].join(' ')}
 				class={error || pending || pending_imports ? 'greyed-out' : ''}
 				srcdoc={BROWSER ? srcdoc : ''}
 			/>
@@ -207,7 +240,9 @@
 
 		<div slot="panel-header">
 			<button on:click|stopPropagation={clear_logs}>
-				{#if logs.length > 0}({logs.length}){/if}
+				{#if logs.length > 0}
+					({logs.length})
+				{/if}
 				Clear
 			</button>
 		</div>
diff --git a/packages/repl/src/lib/Output/Console.svelte b/packages/repl/src/lib/Output/console/Console.svelte
similarity index 57%
rename from packages/repl/src/lib/Output/Console.svelte
rename to packages/repl/src/lib/Output/console/Console.svelte
index 33531aea..11c4470b 100644
--- a/packages/repl/src/lib/Output/Console.svelte
+++ b/packages/repl/src/lib/Output/console/Console.svelte
@@ -1,6 +1,7 @@
 <script>
 	import ConsoleLine from './ConsoleLine.svelte';
 
+	/** @type {import('./console').Log[]} */
 	export let logs;
 </script>
 
@@ -9,3 +10,9 @@
 		<ConsoleLine {log} />
 	{/each}
 </div>
+
+<style>
+	.container {
+		--json-tree-string-color: var(--sk-code-string);
+	}
+</style>
diff --git a/packages/repl/src/lib/Output/ConsoleLine.svelte b/packages/repl/src/lib/Output/console/ConsoleLine.svelte
similarity index 82%
rename from packages/repl/src/lib/Output/ConsoleLine.svelte
rename to packages/repl/src/lib/Output/console/ConsoleLine.svelte
index e0edb329..6f5aab06 100644
--- a/packages/repl/src/lib/Output/ConsoleLine.svelte
+++ b/packages/repl/src/lib/Output/console/ConsoleLine.svelte
@@ -2,25 +2,26 @@
 	import JSONNode from 'svelte-json-tree';
 	import ConsoleTable from './ConsoleTable.svelte';
 
+	/** @type {import('./console').Log} */
 	export let log;
 	export let level = 1;
 
-	function toggleGroupCollapse() {
+	function toggle_group_collapse() {
 		log.collapsed = !log.collapsed;
 	}
 </script>
 
-{#if log.level === 'table'}
+{#if log.args && log.level === 'table'}
 	<ConsoleTable data={log.args[0]} columns={log.args[1]} />
 {/if}
 
 <div
 	class="log console-{log.level}"
 	style="padding-left: {level * 15}px"
-	on:click={log.level === 'group' ? toggleGroupCollapse : undefined}
-	on:keyup={(e) => (e.key === ' ' && log.level === 'group' ? toggleGroupCollapse() : undefined)}
+	on:click={log.level === 'group' ? toggle_group_collapse : undefined}
+	on:keyup={(e) => (e.key === ' ' && log.level === 'group' ? toggle_group_collapse() : undefined)}
 >
-	{#if log.count > 1}
+	{#if log.count && log.count > 1}
 		<span class="count">{log.count}x</span>
 	{/if}
 
@@ -28,8 +29,8 @@
 		<div
 			class="arrow"
 			class:expand={!log.collapsed}
-			on:click={toggleGroupCollapse}
-			on:keyup={(e) => e.key === ' ' && toggleGroupCollapse()}
+			on:click={toggle_group_collapse}
+			on:keyup={(e) => e.key === ' ' && toggle_group_collapse()}
 		>
 			▶
 		</div>
@@ -47,13 +48,13 @@
 		<div class="arrow" class:expand={!log.collapsed}>▶</div>
 		<span class="title">{log.label}</span>
 	{:else if log.level.startsWith('system')}
-		{#each log.args as arg}
+		{#each log.args ?? [] as arg}
 			{arg}
 		{/each}
-	{:else if log.level === 'table'}
+	{:else if log.args && log.level === 'table'}
 		<JSONNode value={log.args[0]} />
 	{:else}
-		{#each log.args as arg}
+		{#each log.args ?? [] as arg}
 			<JSONNode value={arg} />
 		{/each}
 	{/if}
@@ -63,14 +64,14 @@
 </div>
 
 {#if log.level === 'group' && !log.collapsed}
-	{#each log.logs as childLog}
+	{#each log.logs ?? [] as childLog}
 		<svelte:self log={childLog} level={level + 1} />
 	{/each}
 {/if}
 
 {#if (log.level === 'trace' || log.level === 'assert') && !log.collapsed}
 	<div class="trace">
-		{#each log.stack.split('\n').slice(2) as stack}
+		{#each log.stack?.split('\n').slice(2) ?? '' as stack}
 			<div>{stack.replace(/^\s*at\s+/, '')}</div>
 		{/each}
 	</div>
@@ -78,7 +79,7 @@
 
 <style>
 	.log {
-		border-bottom: 1px solid #eee;
+		border-bottom: 0.5px solid var(--sk-back-4);
 		padding: 5px 10px 0px;
 		display: flex;
 		position: relative;
@@ -93,7 +94,7 @@
 
 	.console-warn,
 	.console-system-warn {
-		background: #fffbe6;
+		background: hsla(50, 100%, 95%, 0.4);
 		border-color: #fff4c4;
 	}
 
diff --git a/packages/repl/src/lib/Output/ConsoleTable.svelte b/packages/repl/src/lib/Output/console/ConsoleTable.svelte
similarity index 94%
rename from packages/repl/src/lib/Output/ConsoleTable.svelte
rename to packages/repl/src/lib/Output/console/ConsoleTable.svelte
index 58deef8f..e550c651 100644
--- a/packages/repl/src/lib/Output/ConsoleTable.svelte
+++ b/packages/repl/src/lib/Output/console/ConsoleTable.svelte
@@ -1,7 +1,10 @@
 <script>
 	import JSONNode from 'svelte-json-tree';
 
+	/** @type {any} */
 	export let data;
+
+	/** @type {any} */
 	export let columns;
 
 	const INDEX_KEY = '(index)';
@@ -10,6 +13,10 @@
 	$: keys = Object.keys(data);
 	$: columns_to_render = columns || get_columns_to_render(data, keys);
 
+	/**
+	 * @param {any} data
+	 * @param {string[]} keys
+	 */
 	function get_columns_to_render(data, keys) {
 		const columns = new Set([INDEX_KEY]);
 		for (const key of keys) {
diff --git a/packages/repl/src/lib/Output/console/console.d.ts b/packages/repl/src/lib/Output/console/console.d.ts
new file mode 100644
index 00000000..5c45fbad
--- /dev/null
+++ b/packages/repl/src/lib/Output/console/console.d.ts
@@ -0,0 +1,19 @@
+export type Log = {
+	level:
+		| 'info'
+		| 'warn'
+		| 'error'
+		| 'table'
+		| 'group'
+		| 'trace'
+		| 'assert'
+		| 'clear'
+		| 'unclonable';
+	action?: 'console';
+	args?: any[];
+	collapsed?: boolean;
+	count?: number;
+	logs?: Log[];
+	stack?: string;
+	label?: string;
+};
diff --git a/packages/repl/src/lib/Output/getLocationFromStack.js b/packages/repl/src/lib/Output/get-location-from-stack.js
similarity index 60%
rename from packages/repl/src/lib/Output/getLocationFromStack.js
rename to packages/repl/src/lib/Output/get-location-from-stack.js
index 3d10fdee..3ac3e457 100644
--- a/packages/repl/src/lib/Output/getLocationFromStack.js
+++ b/packages/repl/src/lib/Output/get-location-from-stack.js
@@ -1,5 +1,10 @@
-import { decode } from 'sourcemap-codec';
+import { decode } from '@jridgewell/sourcemap-codec';
 
+/**
+ * @param {string} stack
+ * @param {import('@jridgewell/sourcemap-codec').SourceMapMappings} map
+ * @returns
+ */
 export default function getLocationFromStack(stack, map) {
 	if (!stack) return;
 	const last = stack.split('\n')[1];
@@ -13,6 +18,12 @@ export default function getLocationFromStack(stack, map) {
 	return trace({ line, column }, map);
 }
 
+/**
+ *
+ * @param {Omit<import('$lib/types').StartOrEnd, 'character'>} loc
+ * @param {*} map
+ * @returns
+ */
 function trace(loc, map) {
 	const mappings = decode(map.mappings);
 	const segments = mappings[loc.line - 1];
@@ -21,9 +32,9 @@ function trace(loc, map) {
 		const segment = segments[i];
 		if (segment[0] === loc.column) {
 			const [, sourceIndex, line, column] = segment;
-			const source = map.sources[sourceIndex].slice(2);
+			const source = map.sources[sourceIndex ?? 0].slice(2);
 
-			return { source, line: line + 1, column };
+			return { source, line: (line ?? 0) + 1, column };
 		}
 	}
 
diff --git a/packages/repl/src/lib/Output/proxy.d.ts b/packages/repl/src/lib/Output/proxy.d.ts
new file mode 100644
index 00000000..aad35e72
--- /dev/null
+++ b/packages/repl/src/lib/Output/proxy.d.ts
@@ -0,0 +1,10 @@
+export type Handlers = Record<
+	| 'on_fetch_progress'
+	| 'on_error'
+	| 'on_unhandled_rejection'
+	| 'on_console'
+	| 'on_console_group'
+	| 'on_console_group_collapsed'
+	| 'on_console_group_end',
+	(data: any) => void
+>;
diff --git a/packages/repl/src/lib/Repl.svelte b/packages/repl/src/lib/Repl.svelte
new file mode 100644
index 00000000..b62407f8
--- /dev/null
+++ b/packages/repl/src/lib/Repl.svelte
@@ -0,0 +1,266 @@
+<script>
+	import { SplitPane } from '@rich_harris/svelte-split-pane';
+	import { BROWSER } from 'esm-env';
+	import { createEventDispatcher, tick } from 'svelte';
+	import Bundler from './Bundler';
+	import InputOutputToggle from './InputOutputToggle.svelte';
+	import ComponentSelector from './input/ComponentSelector.svelte';
+	import ModuleEditor from './input/ModuleEditor.svelte';
+	import Output from './output/Output.svelte';
+	import {
+		EDITOR_STATE_MAP,
+		bundle,
+		bundler,
+		compile_options,
+		files,
+		get_full_filename,
+		module_editor,
+		output,
+		rebundle,
+		selected,
+		selected_index,
+		toggleable
+	} from './state';
+	import { sleep } from './utils';
+
+	export let packagesUrl = 'https://unpkg.com';
+	export let svelteUrl = `${packagesUrl}/svelte`;
+	export let embedded = false;
+	/** @type {'columns' | 'rows'} */
+	export let orientation = 'columns';
+	export let relaxed = false;
+	export let fixed = false;
+	export let fixedPos = 50;
+	export let injectedJS = '';
+	export let injectedCSS = '';
+	// export let theme = 'svelte';
+	export let showModified = false;
+	export let showAst = false;
+
+	export function toJSON() {
+		return {
+			imports: $bundle?.imports ?? [],
+			files: $files
+		};
+	}
+
+	/**
+	 * @param {{ files: import('./types').File[], css?: string }} data
+	 */
+	export async function set(data) {
+		$files = data.files;
+		$selected_index = 0;
+
+		rebundle();
+
+		// Wait for editors to be ready
+		await $module_editor?.isReady;
+
+		await $module_editor?.set({ code: data.files[0].source, lang: data.files[0].type });
+
+		injectedCSS = data.css || '';
+
+		await sleep(50);
+
+		EDITOR_STATE_MAP.set(get_full_filename(data.files[0]), $module_editor?.getEditorState());
+	}
+
+	export function markSaved() {
+		$files = $files.map((val) => ({ ...val, modified: false }));
+
+		if (!$selected) return;
+
+		$files[$selected_index].modified = false;
+	}
+
+	/** @param {{ files: import('./types').File[], css?: string }} data */
+	export function update(data) {
+		if (!$selected) return;
+
+		const { name, type } = $selected;
+
+		$files = data.files;
+
+		const matched_component_index = data.files.findIndex(
+			(file) => file.name === name && file.type === type
+		);
+
+		$selected_index = matched_component_index === -1 ? 0 : matched_component_index;
+
+		injectedCSS = data.css ?? '';
+
+		if (matched_component_index) {
+			$module_editor?.update({
+				code: $files[matched_component_index].source,
+				lang: $files[matched_component_index].type
+			});
+
+			$output?.update?.($files[matched_component_index], $compile_options);
+
+			$module_editor?.clearEditorState();
+		}
+	}
+
+	/** @type {ReturnType<typeof createEventDispatcher<{ change: { files: import('./types').File[] } }>>} */
+	const dispatch = createEventDispatcher();
+
+	$: if ($output && $selected) {
+		$output?.update($selected, $compile_options);
+	}
+
+	$: mobile = width < 540;
+
+	$: $toggleable = mobile && orientation === 'columns';
+
+	/** @type {import('./types').StartOrEnd} */
+	let sourceErrorLoc;
+	let width = 0;
+	let show_output = false;
+
+	/** @type {string | null} */
+	let status = null;
+	let status_visible = false;
+
+	/** @type {NodeJS.Timeout | undefined} */
+	let status_timeout = undefined;
+
+	$bundler = BROWSER
+		? new Bundler({
+				packages_url: packagesUrl,
+				svelte_url: svelteUrl,
+				onstatus: (message) => {
+					if (message) {
+						// show bundler status, but only after time has elapsed, to
+						// prevent the banner flickering
+						if (!status_visible && !status_timeout) {
+							status_timeout = setTimeout(() => {
+								status_visible = true;
+							}, 400);
+						}
+					} else {
+						clearTimeout(status_timeout);
+						status_visible = false;
+						status_timeout = undefined;
+					}
+
+					status = message;
+				}
+		  })
+		: null;
+
+	$: if (output && $selected) {
+		$output?.update($selected, $compile_options);
+	}
+
+	/**
+	 * @param {BeforeUnloadEvent} event
+	 */
+	function before_unload(event) {
+		if (showModified && $files.find((file) => file.modified)) {
+			event.preventDefault();
+			event.returnValue = '';
+		}
+	}
+</script>
+
+<svelte:window on:beforeunload={before_unload} />
+
+<div class="container" class:toggleable={$toggleable} bind:clientWidth={width}>
+	<div class="viewport" class:output={show_output}>
+		<SplitPane
+			--color="var(--sk-text-4)"
+			id="main"
+			type={orientation === 'rows' ? 'vertical' : 'horizontal'}
+			pos="{mobile || fixed ? fixedPos : orientation === 'rows' ? 60 : 50}%"
+			min="100px"
+			max="-4.1rem"
+		>
+			<section slot="a">
+				<ComponentSelector show_modified={showModified} on:add on:remove />
+				<ModuleEditor
+					errorLoc={sourceErrorLoc}
+					on:change={() =>
+						dispatch('change', {
+							files: $files
+						})}
+				/>
+			</section>
+
+			<section slot="b" style="height: 100%;">
+				<Output
+					bind:this={$output}
+					{svelteUrl}
+					status={status_visible ? status : null}
+					{embedded}
+					{relaxed}
+					{injectedJS}
+					{injectedCSS}
+					{showAst}
+				/>
+			</section>
+		</SplitPane>
+	</div>
+
+	{#if $toggleable}
+		<InputOutputToggle bind:checked={show_output} />
+	{/if}
+</div>
+
+<style>
+	.container {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		background: var(--sk-back-1);
+	}
+
+	.container :global(section) {
+		position: relative;
+		padding: 42px 0 0 0;
+		height: 100%;
+		box-sizing: border-box;
+	}
+
+	.container :global(section) > :global(*):first-child {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 42px;
+		box-sizing: border-box;
+	}
+
+	.container :global(section) > :global(*):last-child {
+		width: 100%;
+		height: 100%;
+	}
+
+	.viewport {
+		height: 100%;
+	}
+
+	.toggleable .viewport {
+		width: 200%;
+		height: calc(100% - 42px);
+		transition: transform 0.3s;
+	}
+
+	.toggleable .viewport.output {
+		transform: translate(-50%);
+	}
+
+	/* on mobile, override the <SplitPane> controls */
+	@media (max-width: 799px) {
+		:global([data-pane='main']) {
+			--pos: 50% !important;
+		}
+
+		:global([data-pane='editor']) {
+			--pos: 5.4rem !important;
+		}
+
+		:global([data-pane]) :global(.divider) {
+			cursor: default;
+		}
+	}
+</style>
diff --git a/packages/repl/src/lib/SplitPane.svelte b/packages/repl/src/lib/SplitPane.svelte
deleted file mode 100644
index c50b2654..00000000
--- a/packages/repl/src/lib/SplitPane.svelte
+++ /dev/null
@@ -1,227 +0,0 @@
-<script>
-	import * as yootils from 'yootils';
-	import { createEventDispatcher, onMount } from 'svelte';
-
-	const dispatch = createEventDispatcher();
-
-	export let type;
-	export let pos = 50;
-	export let fixed = false;
-	export let buffer = 42;
-	export let min;
-	export let max;
-
-	let w;
-	let h;
-	$: size = type === 'vertical' ? h : w;
-
-	$: min = 100 * (buffer / size);
-	$: max = 100 - min;
-	$: pos = yootils.clamp(pos, min, max);
-
-	const refs = {};
-
-	let dragging = false;
-
-	function setPos(event) {
-		const { top, left } = refs.container.getBoundingClientRect();
-
-		const px = type === 'vertical' ? event.clientY - top : event.clientX - left;
-
-		pos = (100 * px) / size;
-		dispatch('change');
-	}
-
-	function setTouchPos(event) {
-		const { top, left } = refs.container.getBoundingClientRect();
-
-		const px =
-			type === 'vertical' ? event.touches[0].clientY - top : event.touches[0].clientX - left;
-
-		pos = (100 * px) / size;
-		dispatch('change');
-	}
-
-	function drag(node, callback) {
-		const mousedown = (event) => {
-			if (event.which !== 1) return;
-
-			event.preventDefault();
-
-			dragging = true;
-
-			const onmouseup = () => {
-				dragging = false;
-
-				window.removeEventListener('mousemove', callback, false);
-				window.removeEventListener('mouseup', onmouseup, false);
-			};
-
-			window.addEventListener('mousemove', callback, false);
-			window.addEventListener('mouseup', onmouseup, false);
-		};
-
-		node.addEventListener('mousedown', mousedown, false);
-
-		return {
-			destroy() {
-				node.removeEventListener('mousedown', mousedown, false);
-			}
-		};
-	}
-
-	function touchDrag(node, callback) {
-		const touchdown = (event) => {
-			if (event.targetTouches.length > 1) return;
-
-			event.preventDefault();
-
-			dragging = true;
-
-			const ontouchend = () => {
-				dragging = false;
-
-				window.removeEventListener('touchmove', callback, false);
-				window.removeEventListener('touchend', ontouchend, false);
-			};
-
-			window.addEventListener('touchmove', callback, false);
-			window.addEventListener('touchend', ontouchend, false);
-		};
-
-		node.addEventListener('touchstart', touchdown, false);
-
-		return {
-			destroy() {
-				node.removeEventListener('touchstart', touchdown, false);
-			}
-		};
-	}
-
-	onMount(() => {
-		// fixes a weird firefox bug
-		setTimeout(() => {
-			w = refs.container.clientWidth;
-			h = refs.container.clientHeight;
-		}, 0);
-	});
-
-	$: side = type === 'horizontal' ? 'left' : 'top';
-	$: dimension = type === 'horizontal' ? 'width' : 'height';
-</script>
-
-<div class="container" bind:this={refs.container} bind:clientWidth={w} bind:clientHeight={h}>
-	<div class="pane" style="{dimension}: {pos}%;">
-		<slot name="a" />
-	</div>
-
-	<div class="pane" style="{dimension}: {100 - pos}%;">
-		<slot name="b" />
-	</div>
-
-	{#if !fixed}
-		<div
-			class="{type} divider"
-			style="{side}: calc({pos}% - 8px)"
-			use:drag={setPos}
-			use:touchDrag={setTouchPos}
-		/>
-	{/if}
-</div>
-
-{#if dragging}
-	<div class="mousecatcher" />
-{/if}
-
-<style>
-	.container {
-		position: relative;
-		width: 100%;
-		height: 100%;
-	}
-
-	.pane {
-		position: relative;
-		float: left;
-		width: 100%;
-		height: 100%;
-		overflow: auto;
-	}
-
-	.mousecatcher {
-		position: absolute;
-		left: 0;
-		top: 0;
-		width: 100%;
-		height: 100%;
-		background: var(--sk-back-1, white);
-		opacity: 0.01;
-		z-index: 99999;
-	}
-
-	.divider {
-		position: absolute;
-		z-index: 10;
-		display: none;
-	}
-
-	.divider::after {
-		content: '';
-		position: absolute;
-		/* background-color: #eee; */
-		background-color: var(--sk-text-4);
-	}
-
-	.horizontal {
-		padding: 0 8px;
-		width: 0;
-		height: 100%;
-		cursor: ew-resize;
-	}
-
-	.horizontal::after {
-		left: 8px;
-		top: 0;
-		width: 1px;
-		height: 100%;
-	}
-
-	.vertical {
-		padding: 8px 0;
-		width: 100%;
-		height: 0;
-		cursor: ns-resize;
-	}
-
-	.vertical::after {
-		top: 8px;
-		left: 0;
-		width: 100%;
-		height: 1px;
-	}
-
-	.left,
-	.right,
-	.divider {
-		display: block;
-	}
-
-	.left,
-	.right {
-		height: 100%;
-		float: left;
-	}
-
-	.top,
-	.bottom {
-		position: absolute;
-		width: 100%;
-	}
-
-	.top {
-		top: 0;
-	}
-	.bottom {
-		bottom: 0;
-	}
-</style>
diff --git a/packages/repl/src/lib/codemirror.js b/packages/repl/src/lib/codemirror.js
deleted file mode 100644
index de1a15aa..00000000
--- a/packages/repl/src/lib/codemirror.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import CodeMirror from 'codemirror';
-import 'codemirror/lib/codemirror.css';
-import './theme.css';
-
-import 'codemirror/mode/javascript/javascript.js';
-import 'codemirror/mode/handlebars/handlebars.js';
-import 'codemirror/mode/htmlmixed/htmlmixed.js';
-import 'codemirror/mode/xml/xml.js';
-import 'codemirror/mode/css/css.js';
-import 'codemirror/mode/markdown/markdown.js';
-import 'codemirror/addon/edit/closebrackets.js';
-import 'codemirror/addon/edit/closetag.js';
-import 'codemirror/addon/edit/continuelist.js';
-import 'codemirror/addon/comment/comment.js';
-import 'codemirror/addon/fold/foldcode.js';
-import 'codemirror/addon/fold/foldgutter.js';
-import 'codemirror/addon/fold/brace-fold.js';
-import 'codemirror/addon/fold/xml-fold.js';
-import 'codemirror/addon/fold/indent-fold.js';
-import 'codemirror/addon/fold/markdown-fold.js';
-import 'codemirror/addon/fold/comment-fold.js';
-
-export default CodeMirror;
diff --git a/packages/repl/src/lib/index.js b/packages/repl/src/lib/index.js
index 1e64c868..969b6414 100644
--- a/packages/repl/src/lib/index.js
+++ b/packages/repl/src/lib/index.js
@@ -1 +1 @@
-export { default } from './index.svelte';
+export { default } from './Repl.svelte';
diff --git a/packages/repl/src/lib/index.svelte b/packages/repl/src/lib/index.svelte
deleted file mode 100644
index 9817163c..00000000
--- a/packages/repl/src/lib/index.svelte
+++ /dev/null
@@ -1,347 +0,0 @@
-<script>
-	import { setContext, createEventDispatcher } from 'svelte';
-	import { writable } from 'svelte/store';
-	import SplitPane from './SplitPane.svelte';
-	import InputOutputToggle from './InputOutputToggle.svelte';
-	import ComponentSelector from './Input/ComponentSelector.svelte';
-	import ModuleEditor from './Input/ModuleEditor.svelte';
-	import Output from './Output/index.svelte';
-	import Bundler from './Bundler.js';
-	import { BROWSER } from 'esm-env';
-
-	export let packagesUrl = 'https://unpkg.com';
-	export let svelteUrl = `${packagesUrl}/svelte`;
-	export let embedded = false;
-	export let orientation = 'columns';
-	export let relaxed = false;
-	export let fixed = false;
-	export let fixedPos = 50;
-	export let injectedJS = '';
-	export let injectedCSS = '';
-	export let theme = 'svelte';
-	export let showModified = false;
-	export let showAst = false;
-
-	const historyMap = new Map();
-
-	export function toJSON() {
-		return {
-			imports: $bundle.imports,
-			components: $components
-		};
-	}
-
-	export async function set(data) {
-		components.set(data.components);
-		selected.set(data.components[0]);
-
-		rebundle();
-
-		await module_editor_ready;
-		await output_ready;
-
-		injectedCSS = data.css || '';
-		await module_editor.set($selected.source, $selected.type);
-		output.set($selected, $compile_options);
-
-		historyMap.clear();
-		module_editor.clearHistory();
-	}
-
-	export function markSaved() {
-		components.update((components) =>
-			components.map((c) => {
-				c.modified = false;
-				return c;
-			})
-		);
-		selected.update((c) => c);
-	}
-
-	export function update(data) {
-		const { name, type } = $selected || {};
-
-		components.set(data.components);
-
-		const matched_component = data.components.find(
-			(file) => file.name === name && file.type === type
-		);
-		selected.set(matched_component || data.components[0]);
-
-		injectedCSS = data.css || '';
-
-		if (matched_component) {
-			module_editor.update(matched_component.source);
-			output.update(matched_component, $compile_options);
-		} else {
-			module_editor.set(matched_component.source, matched_component.type);
-			output.set(matched_component, $compile_options);
-
-			module_editor.clearHistory();
-		}
-	}
-
-	const dispatch = createEventDispatcher();
-
-	const components = writable([]);
-	const selected = writable(null);
-	const bundle = writable(null);
-	const cursor_index = writable(0);
-	const toggleable = writable(false);
-
-	const compile_options = writable({
-		generate: 'dom',
-		dev: false,
-		css: 'injected',
-		hydratable: false,
-		customElement: false,
-		immutable: false,
-		legacy: false
-	});
-
-	let module_editor;
-	let output;
-
-	let width = 0;
-	let show_output = false;
-
-	let current_token;
-	async function rebundle() {
-		const token = (current_token = {});
-		const result = await bundler.bundle($components);
-		if (result && token === current_token) bundle.set(result);
-	}
-
-	// TODO this is a horrible kludge, written in a panic. fix it
-	let fulfil_module_editor_ready;
-	let module_editor_ready = new Promise((f) => (fulfil_module_editor_ready = f));
-
-	let fulfil_output_ready;
-	let output_ready = new Promise((f) => (fulfil_output_ready = f));
-
-	setContext('REPL', {
-		components,
-		selected,
-		bundle,
-		compile_options,
-
-		cursor_index,
-		toggleable,
-		module_editor_ready,
-
-		rebundle,
-
-		navigate: (item) => {
-			const match = /^(.+)\.(\w+)$/.exec(item.filename);
-			if (!match) return; // ???
-
-			const [, name, type] = match;
-			const component = $components.find((c) => c.name === name && c.type === type);
-			handle_select(component);
-
-			setTimeout(() => {
-				module_editor.focus();
-				module_editor.setCursor({
-					line: item.start.line - 1,
-					ch: item.start.column
-				});
-			}, 0);
-		},
-
-		handle_change: (event) => {
-			selected.update((component) => {
-				// TODO this is a bit hacky — we're relying on mutability
-				// so that updating components works... might be better
-				// if a) components had unique IDs, b) we tracked selected
-				// *index* rather than component, and c) `selected` was
-				// derived from `components` and `index`
-				if (component.source != event.detail.value) {
-					component.source = event.detail.value;
-					component.modified = true;
-				}
-				return component;
-			});
-
-			components.update((component) => {
-				if (component.name === $selected.name) {
-					return $selected;
-				}
-
-				return component;
-			});
-
-			// recompile selected component
-			output.update($selected, $compile_options);
-
-			rebundle();
-
-			dispatch('change', {
-				components: $components
-			});
-		},
-
-		register_module_editor(editor) {
-			module_editor = editor;
-			module_editor.cursorIndex.subscribe((index) => {
-				cursor_index.set(index);
-			});
-			fulfil_module_editor_ready();
-		},
-
-		register_output(handlers) {
-			output = handlers;
-			fulfil_output_ready();
-		},
-
-		request_focus() {
-			module_editor.focus();
-		},
-
-		mark_text({ from, to }) {
-			module_editor.unmarkText();
-			module_editor.markText({ from, to });
-		},
-
-		unmark_text() {
-			module_editor.unmarkText();
-		}
-	});
-
-	function handle_select(component) {
-		historyMap.set(get_component_name($selected), module_editor.getHistory());
-		selected.set(component);
-		module_editor.set(component.source, component.type);
-		if (historyMap.has(get_component_name($selected))) {
-			module_editor.setHistory(historyMap.get(get_component_name($selected)));
-		} else {
-			module_editor.clearHistory();
-		}
-		output.set($selected, $compile_options);
-	}
-
-	function get_component_name(component) {
-		return `${component.name}.${component.type}`;
-	}
-
-	function beforeUnload(event) {
-		if (showModified && $components.find((component) => component.modified)) {
-			event.preventDefault();
-			event.returnValue = '';
-		}
-	}
-
-	let sourceErrorLoc;
-
-	let status = null;
-	let status_visible = false;
-	let status_timeout = null;
-
-	const bundler =
-		BROWSER &&
-		new Bundler({
-			packagesUrl,
-			svelteUrl,
-			onstatus: (message) => {
-				if (message) {
-					// show bundler status, but only after time has elapsed, to
-					// prevent the banner flickering
-					if (!status_visible && !status_timeout) {
-						status_timeout = setTimeout(() => {
-							status_visible = true;
-						}, 400);
-					}
-				} else {
-					clearTimeout(status_timeout);
-					status_visible = false;
-					status_timeout = null;
-				}
-
-				status = message;
-			}
-		});
-
-	$: if (output && $selected) {
-		output.update($selected, $compile_options);
-	}
-
-	$: mobile = width < 540;
-
-	$: $toggleable = mobile && orientation === 'columns';
-</script>
-
-<svelte:window on:beforeunload={beforeUnload} />
-
-<div class="container" class:toggleable={$toggleable} bind:clientWidth={width}>
-	<div class="viewport" class:output={show_output}>
-		<SplitPane
-			type={orientation === 'rows' ? 'vertical' : 'horizontal'}
-			pos={mobile || fixed ? fixedPos : orientation === 'rows' ? 50 : 60}
-			{fixed}
-		>
-			<section slot="a">
-				<ComponentSelector show_modified={showModified} {handle_select} on:add on:remove />
-				<ModuleEditor errorLoc={sourceErrorLoc} {theme} />
-			</section>
-
-			<section slot="b" style="height: 100%;">
-				<Output
-					{svelteUrl}
-					status={status_visible && status}
-					{embedded}
-					{relaxed}
-					{injectedJS}
-					{injectedCSS}
-					{theme}
-					{showAst}
-				/>
-			</section>
-		</SplitPane>
-	</div>
-	{#if $toggleable}
-		<InputOutputToggle bind:checked={show_output} />
-	{/if}
-</div>
-
-<style>
-	.container {
-		position: relative;
-		width: 100%;
-		height: 100%;
-		background: var(--sk-back-1);
-	}
-
-	.container :global(section) {
-		position: relative;
-		padding: 42px 0 0 0;
-		height: 100%;
-		box-sizing: border-box;
-	}
-
-	.container :global(section) > :global(*):first-child {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 42px;
-		box-sizing: border-box;
-	}
-
-	.container :global(section) > :global(*):last-child {
-		width: 100%;
-		height: 100%;
-	}
-
-	.viewport {
-		height: 100%;
-	}
-
-	.toggleable .viewport {
-		width: 200%;
-		height: calc(100% - 42px);
-		transition: transform 0.3s;
-	}
-
-	.toggleable .viewport.output {
-		transform: translate(-50%);
-	}
-</style>
diff --git a/packages/repl/src/lib/state.js b/packages/repl/src/lib/state.js
new file mode 100644
index 00000000..e5c0f15c
--- /dev/null
+++ b/packages/repl/src/lib/state.js
@@ -0,0 +1,172 @@
+import { tick } from 'svelte';
+import { derived, get, writable } from 'svelte/store';
+
+/**
+ * @typedef {import('./types').ReplState} ReplState
+ */
+
+/** @type {import('svelte/types/compiler').CompileOptions} */
+const DEFAULT_COMPILE_OPTIONS = {
+	generate: 'dom',
+	dev: false,
+	css: 'injected',
+	hydratable: false,
+	customElement: false,
+	immutable: false,
+	legacy: false
+};
+
+/** @type {Map<string, import('@codemirror/state').EditorState>} */
+export const EDITOR_STATE_MAP = new Map();
+
+/** @param {import('./types').File} file */
+export function get_full_filename(file) {
+	return `${file.name}.${file.type}`;
+}
+
+/** @type {Symbol}  */
+let current_token;
+export async function rebundle() {
+	const token = (current_token = Symbol());
+	const result = await get(bundler)?.bundle(get(files));
+	if (result && token === current_token) bundle.set(result);
+}
+
+/** @type {boolean}  */
+let is_select_changing;
+
+/**
+ * @param {number} index
+ */
+export async function handle_select(index) {
+	is_select_changing = true;
+
+	const $module_editor = get(module_editor);
+	const $compile_options = get(compile_options);
+	const $output = get(output);
+	const $selected = get(selected);
+	const $old_selected_index = get(selected_index);
+
+	if (!$selected) return;
+
+	selected_index.set(index);
+
+	await tick();
+
+	const $new_selected = get(selected);
+	if (!$new_selected) return;
+
+	if ($old_selected_index !== get(selected_index)) {
+		EDITOR_STATE_MAP.set(get_full_filename($selected), $module_editor?.getEditorState());
+	}
+
+	await $module_editor?.set({ code: $new_selected.source, lang: $new_selected.type });
+
+	if (EDITOR_STATE_MAP.has(get_full_filename($new_selected))) {
+		$module_editor?.setEditorState(EDITOR_STATE_MAP.get(get_full_filename($new_selected)));
+	} else {
+		$module_editor?.clearEditorState();
+	}
+
+	$output?.set($new_selected, $compile_options);
+
+	is_select_changing = false;
+}
+
+/**
+ * @param {CustomEvent<{ value: string }>} event
+ */
+export async function handle_change(event) {
+	if (is_select_changing) return;
+
+	const $selected_index = get(selected_index);
+	const $output = get(output);
+	const $compile_options = get(compile_options);
+	const $selected = get(selected);
+
+	files.update(($files) => {
+		const file = { ...$selected };
+
+		file.source = event.detail.value;
+		file.modified = true;
+
+		// @ts-ignore
+		$files[$selected_index] = file;
+
+		return $files;
+	});
+
+	await tick();
+
+	const $new_selected = get(selected);
+	if (!$new_selected) return;
+
+	EDITOR_STATE_MAP.set(get_full_filename($new_selected), get(module_editor)?.getEditorState());
+
+	// recompile selected component
+	$output?.update($new_selected, $compile_options);
+
+	rebundle();
+}
+
+/** @param {import('./types').MessageDetails | undefined} item */
+export async function go_to_warning_pos(item) {
+	if (!item) return;
+
+	const match = /^(.+)\.(\w+)$/.exec(item.filename);
+	if (!match) return; // ???
+
+	const $files = get(files);
+	const $module_editor = get(module_editor);
+
+	const [, name, type] = match;
+	const file_index = $files.findIndex((file) => file.name === name && file.type === type);
+
+	if (file_index === -1) return;
+
+	await handle_select(file_index);
+
+	$module_editor?.focus();
+	$module_editor?.setCursor(item.start.character);
+}
+
+/** Deletes all editor state */
+export function clear_state() {
+	const $module_editor = get(module_editor);
+
+	$module_editor?.clearEditorState();
+
+	EDITOR_STATE_MAP.clear();
+}
+
+/** @type {import('svelte/store').Writable<ReplState['files']>} */
+export const files = writable([]);
+
+/** @type {import('svelte/store').Writable<ReplState['selected_index']>} */
+export const selected_index = writable(-1);
+
+/** @type {import('svelte/store').Readable<import('./types').File | null>} */
+export const selected = derived([files, selected_index], ([$files, $selected_index]) => {
+	return $selected_index !== -1 ? $files?.[$selected_index] ?? null : null;
+});
+
+/** @type {import('svelte/store').Writable<ReplState['bundle']>} */
+export const bundle = writable(null);
+
+/** @type {import('svelte/store').Writable<ReplState['compile_options']>} */
+export const compile_options = writable(DEFAULT_COMPILE_OPTIONS);
+
+/** @type {import('svelte/store').Writable<ReplState['cursor_pos']>} */
+export const cursor_pos = writable(0);
+
+/** @type {import('svelte/store').Writable<ReplState['module_editor']>} */
+export const module_editor = writable(null);
+
+/** @type {import('svelte/store').Writable<ReplState['output']>} */
+export const output = writable(null);
+
+/** @type {import('svelte/store').Writable<ReplState['toggleable']>} */
+export const toggleable = writable(false);
+
+/** @type {import('svelte/store').Writable<import('./Bundler').default | null>} */
+export const bundler = writable(null);
diff --git a/packages/repl/src/lib/theme.css b/packages/repl/src/lib/theme.css
deleted file mode 100644
index 22a63ff1..00000000
--- a/packages/repl/src/lib/theme.css
+++ /dev/null
@@ -1,97 +0,0 @@
-.cm-s-svelte.CodeMirror {
-	background: transparent;
-	color: var(--sk-code-base);
-}
-
-.cm-s-svelte .CodeMirror-selected {
-	background: var(--sk-theme-3);
-	opacity: 0.3;
-}
-
-.cm-s-svelte.CodeMirror-focused .CodeMirror-selected {
-	background: var(--sk-theme-3);
-	opacity: 0.3;
-}
-
-.cm-s-svelte .CodeMirror-gutters {
-	padding: 0 16px 0 8px;
-	background: var(--sk-back-3);
-	border: none;
-}
-
-.cm-s-svelte .CodeMirror-guttermarker-subtle {
-	color: #999;
-}
-
-.cm-s-svelte .CodeMirror-linenumber {
-	color: var(--sk-code-comment);
-	opacity: 0.6;
-}
-
-.cm-s-svelte .CodeMirror-cursor {
-	border-left: 1px solid var(--sk-theme-3);
-}
-
-.cm-s-svelte :where(span.cm-def, span.cm-operator) {
-	color: var(--sk-code-base);
-}
-
-.cm-s-svelte span.cm-comment {
-	color: var(--sk-code-comment);
-}
-
-.cm-s-svelte span.cm-atom {
-	color: var(--sk-code-keyword);
-}
-
-.cm-s-svelte span.cm-number {
-	color: var(--sk-code-number);
-}
-
-.cm-s-svelte span:where(.cm-attribute, .cm-keyword) {
-	color: var(--sk-code-keyword);
-}
-
-.cm-s-svelte span:where(.cm-string, .cm-string-2) {
-	color: var(--sk-code-string);
-}
-
-.cm-s-svelte span:where(.cm-variable, .cm-variable-2, .cm-variable-3) {
-	color: var(--sk-code-base);
-}
-
-.cm-s-svelte span.cm-tag,
-.cm-s-svelte span.cm-bracket {
-	color: var(--sk-code-tags);
-}
-
-.cm-s-svelte span.cm-link {
-	color: var(--sk-theme-3);
-}
-
-.cm-s-svelte span:where(.cm-error, .cm-invalidchar) {
-	color: #ff008c;
-}
-
-.cm-s-svelte .CodeMirror-foldgutter {
-	width: 0.7em;
-}
-
-.cm-s-svelte :where(.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded) {
-	cursor: pointer;
-}
-
-.cm-s-svelte :where(.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded):after {
-	content: '>';
-	font-size: 0.8em;
-	opacity: 0.8;
-	transition: transform 0.2s;
-	display: inline-block;
-	top: -0.1em;
-	position: relative;
-	transform: rotate(90deg);
-}
-
-.cm-s-svelte .CodeMirror-foldgutter-folded:after {
-	transform: none;
-}
diff --git a/packages/repl/src/lib/theme.js b/packages/repl/src/lib/theme.js
new file mode 100644
index 00000000..eaba8e76
--- /dev/null
+++ b/packages/repl/src/lib/theme.js
@@ -0,0 +1,117 @@
+import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
+import { EditorView } from '@codemirror/view';
+import { tags as t } from '@lezer/highlight';
+
+export const svelteTheme = EditorView.theme(
+	{
+		'&': {
+			color: 'var(--sk-code-base)',
+			backgroundColor: 'transparent'
+		},
+
+		'.cm-content': {
+			caretColor: 'var(--sk-theme-3)'
+		},
+
+		'.cm-cursor, .cm-dropCursor': { borderLeftColor: 'var(--sk-theme-3)' },
+		'&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection':
+			{ backgroundColor: 'var(--sk-selection-color)' },
+
+		'.cm-panels': { backgroundColor: 'var(--sk-back-2)', color: 'var(--sk-text-2)' },
+		'.cm-panels.cm-panels-top': { borderBottom: '2px solid black' },
+		'.cm-panels.cm-panels-bottom': { borderTop: '2px solid black' },
+
+		'.cm-searchMatch': {
+			backgroundColor: 'var(--sk-theme-2)'
+			// outline: '1px solid #457dff',
+		},
+		'.cm-searchMatch.cm-searchMatch-selected': {
+			backgroundColor: '#6199ff2f'
+		},
+
+		'.cm-activeLine': { backgroundColor: '#6699ff0b' },
+		'.cm-selectionMatch': { backgroundColor: '#aafe661a' },
+
+		'&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
+			backgroundColor: '#bad0f847'
+		},
+
+		'.cm-gutters': {
+			backgroundColor: 'var(--sk-back-3)',
+			border: 'none'
+		},
+
+		'.cm-activeLineGutter': {
+			backgroundColor: 'var(--sk-back-4)'
+		},
+
+		'.cm-foldPlaceholder': {
+			backgroundColor: 'transparent',
+			border: 'none',
+			color: '#ddd'
+		},
+
+		'.cm-tooltip': {
+			border: 'none',
+			backgroundColor: 'var(--sk-back-3)'
+		},
+		'.cm-tooltip .cm-tooltip-arrow:before': {
+			borderTopColor: 'transparent',
+			borderBottomColor: 'transparent'
+		},
+		'.cm-tooltip .cm-tooltip-arrow:after': {
+			borderTopColor: 'var(--sk-back-3)',
+			borderBottomColor: 'var(--sk-back-3)'
+		},
+		'.cm-tooltip-autocomplete': {
+			color: 'var(--sk-text-2) !important',
+			'& > ul > li[aria-selected]': {
+				backgroundColor: 'var(--sk-back-4)',
+				color: 'var(--sk-text-1) !important'
+			}
+		}
+	},
+	{ dark: true }
+);
+
+/// The highlighting style for code in the One Dark theme.
+export const svelteHighlightStyle = HighlightStyle.define([
+	{ tag: t.keyword, color: 'var(--sk-code-keyword)' },
+	{
+		tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],
+		color: 'var(--sk-code-base)'
+	},
+	{ tag: [t.function(t.variableName), t.labelName], color: 'var(--sk-code-tags)' },
+	{ tag: [t.color, t.constant(t.name), t.standard(t.name)], color: 'var(--sk-code-base)' },
+	{ tag: [t.definition(t.name), t.separator], color: 'var(--sk-code-base)' },
+	{
+		tag: [
+			t.typeName,
+			t.className,
+			t.number,
+			t.changed,
+			t.annotation,
+			t.modifier,
+			t.self,
+			t.namespace
+		],
+		color: 'var(--sk-code-tags)'
+	},
+	{
+		tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],
+		color: 'var(--sk-code-base)'
+	},
+	{ tag: [t.meta, t.comment], color: 'var(--sk-code-comment)' },
+	{ tag: t.strong, fontWeight: 'bold' },
+	{ tag: t.emphasis, fontStyle: 'italic' },
+	{ tag: t.strikethrough, textDecoration: 'line-through' },
+	{ tag: t.link, color: 'var(--sk-code-base)', textDecoration: 'underline' },
+	{ tag: t.heading, fontWeight: 'bold', color: 'var(--sk-text-1)' },
+	{ tag: [t.atom, t.bool], color: 'var(--sk-code-atom)' },
+	{ tag: [t.processingInstruction, t.string, t.inserted], color: 'var(--sk-code-string)' },
+	{ tag: t.invalid, color: '#ff008c' }
+]);
+
+/// Extension to enable the One Dark theme (both the editor theme and
+/// the highlight style).
+export const svelte = [svelteTheme, syntaxHighlighting(svelteHighlightStyle)];
diff --git a/packages/repl/src/lib/types.d.ts b/packages/repl/src/lib/types.d.ts
new file mode 100644
index 00000000..5c82779d
--- /dev/null
+++ b/packages/repl/src/lib/types.d.ts
@@ -0,0 +1,59 @@
+import { OutputChunk } from '@rollup/browser';
+import { CompileOptions } from 'svelte/types/compiler';
+
+export type Lang = 'js' | 'svelte' | 'json' | 'md' | 'css' | (string & Record<never, never>);
+
+type StartOrEnd = {
+	line: number;
+	column: number;
+	character: number;
+};
+
+export type MessageDetails = {
+	start: StartOrEnd;
+	end: StartOrEnd;
+	filename: string;
+	message: string;
+};
+
+export type Warning = MessageDetails;
+
+export type Error = MessageDetails & {
+	name: string;
+	code: string;
+	pos: number;
+	frame: string;
+	pluginCode: string;
+	plugin: string;
+	hook: string;
+	id: string;
+	watchFiles?: string[] | null;
+	stack: string;
+};
+
+export type Bundle = {
+	uid: number;
+	dom: OutputChunk | null;
+	error: Error | null;
+	ssr: OutputChunk | null;
+	imports: string[];
+	warnings: Warning[];
+};
+
+export type File = {
+	name: string;
+	source: string;
+	type: Lang;
+	modified?: boolean;
+};
+
+export type ReplState = {
+	files: File[];
+	selected_index: number;
+	bundle: Bundle | null;
+	compile_options: CompileOptions;
+	cursor_pos: number;
+	toggleable: boolean;
+	module_editor: import('./CodeMirror.svelte').default | null;
+	output: import('./output/Output.svelte').default | null;
+};
diff --git a/packages/repl/src/lib/utils.js b/packages/repl/src/lib/utils.js
new file mode 100644
index 00000000..db9c931a
--- /dev/null
+++ b/packages/repl/src/lib/utils.js
@@ -0,0 +1,11 @@
+/**
+ * @param {number} min
+ * @param {number} max
+ * @param {number} value
+ */
+export const clamp = (min, max, value) => Math.max(min, Math.min(max, value));
+
+/**
+ * @param {number} ms
+ */
+export const sleep = (ms) => new Promise((f) => setTimeout(f, ms));
diff --git a/packages/repl/src/lib/workers/bundler/index.js b/packages/repl/src/lib/workers/bundler/index.js
index 72b8d8ad..109852dc 100644
--- a/packages/repl/src/lib/workers/bundler/index.js
+++ b/packages/repl/src/lib/workers/bundler/index.js
@@ -1,7 +1,8 @@
+/// <reference lib="webworker" />
+import { sleep } from '$lib/utils.js';
 import { rollup } from '@rollup/browser';
 import { DEV } from 'esm-env';
 import * as resolve from 'resolve.exports';
-import { sleep } from 'yootils';
 import commonjs from './plugins/commonjs.js';
 import glsl from './plugins/glsl.js';
 import json from './plugins/json.js';
@@ -9,62 +10,81 @@ import replace from './plugins/replace.js';
 
 self.window = self; // egregious hack to get magic-string to work in a worker
 
-let packagesUrl;
-let svelteUrl;
+/** @type {string} */
+var pkg_name;
+
+/** @type {string} */
+let packages_url;
+
+/** @type {string} */
+let svelte_url;
+
+/** @type {number} */
 let current_id;
 
+/** @type {(...arg: never) => void} */
 let fulfil_ready;
 const ready = new Promise((f) => {
 	fulfil_ready = f;
 });
 
-self.addEventListener('message', async (event) => {
-	switch (event.data.type) {
-		case 'init':
-			packagesUrl = event.data.packagesUrl;
-			svelteUrl = event.data.svelteUrl;
+self.addEventListener(
+	'message',
+	/** @param {MessageEvent<import('../workers.js').BundleMessageData>} event */ async (event) => {
+		switch (event.data.type) {
+			case 'init':
+				packages_url = event.data.packages_url;
+				svelte_url = event.data.svelte_url;
 
-			try {
-				importScripts(`${svelteUrl}/compiler.js`);
-			} catch {
-				await import(/* @vite-ignore */ `${svelteUrl}/compiler.js`);
-			}
+				try {
+					importScripts(`${svelte_url}/compiler.js`);
+				} catch {
+					self.svelte = await import(/* @vite-ignore */ `${svelte_url}/compiler.mjs`);
+				}
 
-			fulfil_ready();
-			break;
+				fulfil_ready();
+				break;
 
-		case 'bundle':
-			await ready;
-			const { uid, components } = event.data;
+			case 'bundle':
+				await ready;
+				const { uid, files } = event.data;
 
-			if (components.length === 0) return;
+				if (files.length === 0) return;
 
-			current_id = uid;
+				current_id = uid;
 
-			setTimeout(async () => {
-				if (current_id !== uid) return;
+				setTimeout(async () => {
+					if (current_id !== uid) return;
 
-				const result = await bundle({ uid, components });
+					const result = await bundle({ uid, files });
 
-				if (result.error === ABORT) return;
-				if (result && uid === current_id) postMessage(result);
-			});
+					if (JSON.stringify(result.error) === JSON.stringify(ABORT)) return;
+					if (result && uid === current_id) postMessage(result);
+				});
 
-			break;
+				break;
+		}
 	}
-});
+);
 
+/** @type {Record<'dom' | 'ssr', Map<string, { code: string, result: ReturnType<typeof import('svelte/compiler').compile> }>>} */
 let cached = {
-	dom: {},
-	ssr: {}
+	dom: new Map(),
+	ssr: new Map(),
 };
 
 const ABORT = { aborted: true };
 
-const fetch_cache = new Map();
+/** @type {Map<string, Promise<{ url: string; body: string; }>>} */
+const FETCH_CACHE = new Map();
+
+/**
+ * @param {string} url
+ * @param {number} uid
+ */
 async function fetch_if_uncached(url, uid) {
-	if (fetch_cache.has(url)) {
-		return fetch_cache.get(url);
+	if (FETCH_CACHE.has(url)) {
+		return FETCH_CACHE.get(url);
 	}
 
 	await sleep(200);
@@ -72,32 +92,43 @@ async function fetch_if_uncached(url, uid) {
 
 	const promise = fetch(url)
 		.then(async (r) => {
-			if (r.ok) {
-				return {
-					url: r.url,
-					body: await r.text()
-				};
-			}
+			if (!r.ok) throw new Error(await r.text());
 
-			throw new Error(await r.text());
+			return {
+				url: r.url,
+				body: await r.text(),
+			};
 		})
 		.catch((err) => {
-			fetch_cache.delete(url);
+			FETCH_CACHE.delete(url);
 			throw err;
 		});
 
-	fetch_cache.set(url, promise);
+	FETCH_CACHE.set(url, promise);
 	return promise;
 }
 
+/**
+ * @param {string} url
+ * @param {number} uid
+ */
 async function follow_redirects(url, uid) {
 	const res = await fetch_if_uncached(url, uid);
-	return res.url;
+	return res?.url;
 }
 
+/**
+ *
+ * @param {number} major
+ * @param {number} minor
+ * @param {number} patch
+ * @returns {number}
+ */
 function compare_to_version(major, minor, patch) {
-	const v = svelte.VERSION.match(/^(\d+)\.(\d+)\.(\d+)/);
-	return v[1] - major || v[2] - minor || v[3] - patch;
+	const v = self.svelte.VERSION.match(/^(\d+)\.(\d+)\.(\d+)/);
+
+	// @ts-ignore
+	return +v[1] - major || +v[2] - minor || +v[3] - patch;
 }
 
 function is_legacy_package_structure() {
@@ -108,7 +139,14 @@ function has_loopGuardTimeout_feature() {
 	return compare_to_version(3, 14, 0) >= 0;
 }
 
-async function resolve_from_pkg(pkg, subpath) {
+/**
+ *
+ * @param {Record<string, unknown>} pkg
+ * @param {string} subpath
+ * @param {number} uid
+ * @param {string} pkg_url_base
+ */
+async function resolve_from_pkg(pkg, subpath, uid, pkg_url_base) {
 	// match legacy Rollup logic — pkg.svelte takes priority over pkg.exports
 	if (typeof pkg.svelte === 'string' && subpath === '.') {
 		return pkg.svelte;
@@ -117,10 +155,11 @@ async function resolve_from_pkg(pkg, subpath) {
 	// modern
 	if (pkg.exports) {
 		try {
-			const [resolved] = resolve.exports(pkg, subpath, {
-				browser: true,
-				conditions: ['svelte', 'production']
-			});
+			const [resolved] =
+				resolve.exports(pkg, subpath, {
+					browser: true,
+					conditions: ['svelte', 'production'],
+				}) ?? [];
 
 			return resolved;
 		} catch {
@@ -131,7 +170,7 @@ async function resolve_from_pkg(pkg, subpath) {
 	// legacy
 	if (subpath === '.') {
 		const resolved_id = resolve.legacy(pkg, {
-			fields: ['browser', 'module', 'main']
+			fields: ['browser', 'module', 'main'],
 		});
 
 		if (!resolved_id) {
@@ -139,7 +178,7 @@ async function resolve_from_pkg(pkg, subpath) {
 			for (const index_file of ['index.mjs', 'index.js']) {
 				try {
 					const indexUrl = new URL(index_file, `${pkg_url_base}/`).href;
-					return await follow_redirects(indexUrl, uid);
+					return (await follow_redirects(indexUrl, uid)) ?? '';
 				} catch {
 					// maybe the next option will be successful
 				}
@@ -154,46 +193,60 @@ async function resolve_from_pkg(pkg, subpath) {
 	if (typeof pkg.browser === 'object') {
 		// this will either return `pkg.browser[subpath]` or `subpath`
 		return resolve.legacy(pkg, {
-			browser: subpath
+			browser: subpath,
 		});
 	}
 
 	return subpath;
 }
 
+/**
+ * @param {number} uid
+ * @param {'dom' | 'ssr'} mode
+ * @param {typeof cached['dom']} cache
+ * @param {Map<string, import('$lib/types.js').File>} lookup
+ */
 async function get_bundle(uid, mode, cache, lookup) {
 	let bundle;
 
 	/** A set of package names (without subpaths) to include in pkg.devDependencies when downloading an app */
+	/** @type {Set<string>} */
 	const imports = new Set();
+
+	/** @type {import('$lib/types.js').Warning[]} */
 	const warnings = [];
+
+	/** @type {{ message: string }[]} */
 	const all_warnings = [];
 
-	const new_cache = {};
+	/** @type {typeof cache} */
+	const new_cache = new Map();
 
+	/** @type {import('@rollup/browser').Plugin} */
 	const repl_plugin = {
+		name: 'svelte-repl',
 		async resolveId(importee, importer) {
 			if (uid !== current_id) throw ABORT;
 
 			// importing from Svelte
-			if (importee === `svelte`) return `${svelteUrl}/index.mjs`;
+			if (importee === `svelte`) return `${svelte_url}/index.mjs`;
 			if (importee.startsWith(`svelte/`)) {
 				return is_legacy_package_structure()
-					? `${svelteUrl}/${importee.slice(7)}.mjs`
-					: `${svelteUrl}/${importee.slice(7)}/index.mjs`;
+					? `${svelte_url}/${importee.slice(7)}.mjs`
+					: `${svelte_url}/${importee.slice(7)}/index.mjs`;
 			}
 
 			// importing one Svelte runtime module from another
-			if (importer && importer.startsWith(svelteUrl)) {
+			if (importer && importer.startsWith(svelte_url)) {
 				const resolved = new URL(importee, importer).href;
 				if (resolved.endsWith('.mjs')) return resolved;
 				return is_legacy_package_structure() ? `${resolved}.mjs` : `${resolved}/index.mjs`;
 			}
 
 			// importing from another file in REPL
-			if (importee in lookup && (!importer || importer in lookup)) return importee;
-			if (importee + '.js' in lookup) return importee + '.js';
-			if (importee + '.json' in lookup) return importee + '.json';
+			if (lookup.has(importee) && (!importer || lookup.has(importer))) return importee;
+			if (lookup.has(importee + '.js')) return importee + '.js';
+			if (lookup.has(importee + '.json')) return importee + '.json';
 
 			// remove trailing slash
 			if (importee.endsWith('/')) importee = importee.slice(0, -1);
@@ -220,21 +273,24 @@ async function get_bundle(uid, mode, cache, lookup) {
 				const subpath = `.${match[2] ?? ''}`;
 
 				// if this was imported by one of our files, add it to the `imports` set
-				if (importer in lookup) {
+				if (importer && importer in lookup) {
 					imports.add(pkg_name);
 				}
 
 				const fetch_package_info = async () => {
 					try {
-						const pkg_url = await follow_redirects(`${packagesUrl}/${pkg_name}/package.json`, uid);
-						const pkg_json = (await fetch_if_uncached(pkg_url, uid)).body;
-						const pkg = JSON.parse(pkg_json);
+						const pkg_url = await follow_redirects(`${packages_url}/${pkg_name}/package.json`, uid);
+
+						if (!pkg_url) throw new Error();
+
+						const pkg_json = (await fetch_if_uncached(pkg_url, uid))?.body;
+						const pkg = JSON.parse(pkg_json ?? '"');
 
 						const pkg_url_base = pkg_url.replace(/\/package\.json$/, '');
 
 						return {
 							pkg,
-							pkg_url_base
+							pkg_url_base,
 						};
 					} catch (_e) {
 						throw new Error(`Error fetching "${pkg_name}" from unpkg. Does the package exist?`);
@@ -244,8 +300,8 @@ async function get_bundle(uid, mode, cache, lookup) {
 				const { pkg, pkg_url_base } = await fetch_package_info();
 
 				try {
-					const resolved_id = await resolve_from_pkg(pkg, subpath);
-					return new URL(resolved_id, `${pkg_url_base}/`).href;
+					const resolved_id = await resolve_from_pkg(pkg, subpath, uid, pkg_url_base);
+					return new URL(resolved_id + '', `${pkg_url_base}/`).href;
 				} catch (reason) {
 					throw new Error(`Cannot import "${importee}": ${reason}.`);
 				}
@@ -254,14 +310,15 @@ async function get_bundle(uid, mode, cache, lookup) {
 		async load(resolved) {
 			if (uid !== current_id) throw ABORT;
 
-			if (resolved in lookup) return lookup[resolved].source;
+			const cached_file = lookup.get(resolved);
+			if (cached_file) return cached_file.source;
 
-			if (!fetch_cache.has(resolved)) {
+			if (!FETCH_CACHE.has(resolved)) {
 				self.postMessage({ type: 'status', uid, message: `fetching ${resolved}` });
 			}
 
 			const res = await fetch_if_uncached(resolved, uid);
-			return res.body;
+			return res?.body;
 		},
 		transform(code, id) {
 			if (uid !== current_id) throw ABORT;
@@ -270,40 +327,33 @@ async function get_bundle(uid, mode, cache, lookup) {
 
 			if (!/\.svelte$/.test(id)) return null;
 
-			const name = id.split('/').pop().split('.')[0];
+			const name = id.split('/').pop()?.split('.')[0];
 
+			const cached_id = cache.get(id);
 			const result =
-				cache[id] && cache[id].code === code
-					? cache[id].result
-					: svelte.compile(
-							code,
-							Object.assign(
-								{
-									generate: mode,
-									format: 'esm',
-									dev: true,
-									filename: name + '.svelte'
-								},
-								has_loopGuardTimeout_feature() && {
-									loopGuardTimeout: 100
-								}
-							)
-					  );
-
-			new_cache[id] = { code, result };
-
-			(result.warnings || result.stats.warnings).forEach((warning) => {
+				cached_id && cached_id.code === code
+					? cached_id.result
+					: self.svelte.compile(code, {
+							generate: mode,
+							format: 'esm',
+							dev: true,
+							filename: name + '.svelte',
+							...(has_loopGuardTimeout_feature() && {
+								loopGuardTimeout: 100,
+							}),
+					  });
+
+			new_cache.set(id, { code, result });
+
+			(result.warnings || result.stats.warnings)?.forEach((warning) => {
+				// This is required, otherwise postMessage won't work
+				delete warning.toString;
 				// TODO remove stats post-launch
-				warnings.push({
-					message: warning.message,
-					filename: warning.filename,
-					start: warning.start,
-					end: warning.end
-				});
+				warnings.push(warning);
 			});
 
 			return result.js;
-		}
+		},
 	};
 
 	try {
@@ -315,15 +365,15 @@ async function get_bundle(uid, mode, cache, lookup) {
 				json,
 				glsl,
 				replace({
-					'process.env.NODE_ENV': JSON.stringify('production')
-				})
+					'process.env.NODE_ENV': JSON.stringify('production'),
+				}),
 			],
 			inlineDynamicImports: true,
 			onwarn(warning) {
 				all_warnings.push({
-					message: warning.message
+					message: warning.message,
 				});
-			}
+			},
 		});
 
 		return {
@@ -332,30 +382,36 @@ async function get_bundle(uid, mode, cache, lookup) {
 			cache: new_cache,
 			error: null,
 			warnings,
-			all_warnings
+			all_warnings,
 		};
 	} catch (error) {
 		return { error, imports: null, bundle: null, cache: new_cache, warnings, all_warnings };
 	}
 }
 
-async function bundle({ uid, components }) {
+/**
+ * @param {{ uid: number; files: import('$lib/types.js').File[] }} param0
+ * @returns
+ */
+async function bundle({ uid, files }) {
 	if (!DEV) {
 		console.clear();
-		console.log(`running Svelte compiler version %c${svelte.VERSION}`, 'font-weight: bold');
+		console.log(`running Svelte compiler version %c${self.svelte.VERSION}`, 'font-weight: bold');
 	}
 
-	const lookup = {};
-	components.forEach((component) => {
-		const path = `./${component.name}.${component.type}`;
-		lookup[path] = component;
+	/** @type {Map<string, import('$lib/types.js').File>} */
+	const lookup = new Map();
+
+	files.forEach((file) => {
+		const path = `./${file.name}.${file.type}`;
+		lookup.set(path, file);
 	});
 
-	let dom;
+	/** @type {Awaited<ReturnType<typeof get_bundle>>} */
+	let dom = await get_bundle(uid, 'dom', cached.dom, lookup);
 	let error;
 
 	try {
-		dom = await get_bundle(uid, 'dom', cached.dom, lookup);
 		if (dom.error) {
 			throw dom.error;
 		}
@@ -363,13 +419,13 @@ async function bundle({ uid, components }) {
 		cached.dom = dom.cache;
 
 		const dom_result = (
-			await dom.bundle.generate({
+			await dom.bundle?.generate({
 				format: 'iife',
 				name: 'SvelteComponent',
 				exports: 'named',
-				sourcemap: true
+				sourcemap: true,
 			})
-		).output[0];
+		)?.output[0];
 
 		const ssr = false // TODO how can we do SSR?
 			? await get_bundle(uid, 'ssr', cached.ssr, lookup)
@@ -384,13 +440,13 @@ async function bundle({ uid, components }) {
 
 		const ssr_result = ssr
 			? (
-					await ssr.bundle.generate({
+					await ssr.bundle?.generate({
 						format: 'iife',
 						name: 'SvelteComponent',
 						exports: 'named',
-						sourcemap: true
+						sourcemap: true,
 					})
-			  ).output[0]
+			  )?.output?.[0]
 			: null;
 
 		return {
@@ -399,12 +455,16 @@ async function bundle({ uid, components }) {
 			ssr: ssr_result,
 			imports: dom.imports,
 			warnings: dom.warnings,
-			error: null
+			error: null,
 		};
 	} catch (err) {
 		console.error(err);
 
+		/** @type {Error} */
+		// @ts-ignore
 		const e = error || err;
+
+		// @ts-ignore
 		delete e.toString;
 
 		return {
@@ -415,8 +475,8 @@ async function bundle({ uid, components }) {
 			warnings: dom.warnings,
 			error: Object.assign({}, e, {
 				message: e.message,
-				stack: e.stack
-			})
+				stack: e.stack,
+			}),
 		};
 	}
 }
diff --git a/packages/repl/src/lib/workers/bundler/plugins/commonjs.js b/packages/repl/src/lib/workers/bundler/plugins/commonjs.js
index 5dd85bb2..e39f1ddb 100644
--- a/packages/repl/src/lib/workers/bundler/plugins/commonjs.js
+++ b/packages/repl/src/lib/workers/bundler/plugins/commonjs.js
@@ -1,4 +1,4 @@
-import * as acorn from 'acorn';
+import { parse } from 'acorn';
 import { walk } from 'estree-walker';
 
 const require = `function require(id) {
@@ -6,6 +6,7 @@ const require = `function require(id) {
 	throw new Error(\`Cannot require modules dynamically (\${id})\`);
 }`;
 
+/** @type {import('@rollup/browser').Plugin} */
 export default {
 	name: 'commonjs',
 
@@ -13,9 +14,9 @@ export default {
 		if (!/\b(require|module|exports)\b/.test(code)) return;
 
 		try {
-			const ast = acorn.parse(code, {
+			const ast = parse(code, {
 				// for some reason this hangs for some code if you use 'latest'. change with caution
-				ecmaVersion: 'latest'
+				ecmaVersion: 'latest',
 			});
 
 			const requires = [];
@@ -29,7 +30,7 @@ export default {
 
 						requires.push(arg.value);
 					}
-				}
+				},
 			});
 
 			const imports = requires.map((id, i) => `import __repl_${i} from '${id}';`).join('\n');
@@ -43,15 +44,15 @@ export default {
 				require,
 				`const exports = {}; const module = { exports };`,
 				code,
-				`export default module.exports;`
+				`export default module.exports;`,
 			].join('\n\n');
 
 			return {
 				code: transformed,
-				map: null
+				map: null,
 			};
 		} catch (err) {
 			return null;
 		}
-	}
+	},
 };
diff --git a/packages/repl/src/lib/workers/bundler/plugins/glsl.js b/packages/repl/src/lib/workers/bundler/plugins/glsl.js
index 6643b874..a7c19dbd 100644
--- a/packages/repl/src/lib/workers/bundler/plugins/glsl.js
+++ b/packages/repl/src/lib/workers/bundler/plugins/glsl.js
@@ -1,3 +1,4 @@
+/** @type {import('@rollup/browser').Plugin} */
 export default {
 	name: 'glsl',
 	transform: (code, id) => {
@@ -5,7 +6,7 @@ export default {
 
 		return {
 			code: `export default ${JSON.stringify(code)};`,
-			map: null
+			map: null,
 		};
-	}
+	},
 };
diff --git a/packages/repl/src/lib/workers/bundler/plugins/json.js b/packages/repl/src/lib/workers/bundler/plugins/json.js
index ccc0152b..aa5b718f 100644
--- a/packages/repl/src/lib/workers/bundler/plugins/json.js
+++ b/packages/repl/src/lib/workers/bundler/plugins/json.js
@@ -1,3 +1,4 @@
+/** @type {import('@rollup/browser').Plugin} */
 export default {
 	name: 'json',
 	transform: (code, id) => {
@@ -5,7 +6,7 @@ export default {
 
 		return {
 			code: `export default ${code};`,
-			map: null
+			map: null,
 		};
-	}
+	},
 };
diff --git a/packages/repl/src/lib/workers/bundler/plugins/replace.js b/packages/repl/src/lib/workers/bundler/plugins/replace.js
index 42f4e0b8..692b6b8c 100644
--- a/packages/repl/src/lib/workers/bundler/plugins/replace.js
+++ b/packages/repl/src/lib/workers/bundler/plugins/replace.js
@@ -49,9 +49,9 @@ function replace(options) {
 
 			return {
 				code,
-				map: null
+				map: null,
 			};
-		}
+		},
 	};
 }
 
diff --git a/packages/repl/src/lib/workers/compiler/index.js b/packages/repl/src/lib/workers/compiler/index.js
index 39a6301e..195c804c 100644
--- a/packages/repl/src/lib/workers/compiler/index.js
+++ b/packages/repl/src/lib/workers/compiler/index.js
@@ -1,48 +1,64 @@
-self.window = self; // egregious hack to get magic-string to work in a worker
+/// <reference lib="webworker" />
+self.window = self; //TODO: still need?: egregious hack to get magic-string to work in a worker
 
+// This is just for type-safety
+/** @type {import('svelte/compiler')} */
+var svelte;
+
+/** @type {(...val: never) => void} */
 let fulfil_ready;
 const ready = new Promise((f) => {
 	fulfil_ready = f;
 });
 
-self.addEventListener('message', async (event) => {
-	switch (event.data.type) {
-		case 'init':
-			try {
-				importScripts(`${event.data.svelteUrl}/compiler.js`);
-			} catch {
-				await import(/* @vite-ignore */ `${event.data.svelteUrl}/compiler.js`);
-			}
-
-			fulfil_ready();
-			break;
-
-		case 'compile':
-			await ready;
-			postMessage(compile(event.data));
-			break;
+self.addEventListener(
+	'message',
+	/** @param {MessageEvent<import("../workers").CompileMessageData>} event */
+	async (event) => {
+		switch (event.data.type) {
+			case 'init':
+				try {
+					importScripts(`${event.data.svelte_url}/compiler.js`);
+				} catch (e) {
+					self.svelte = await import(/* @vite-ignore */ `${event.data.svelte_url}/compiler.mjs`);
+				}
+
+				fulfil_ready();
+				break;
+
+			case 'compile':
+				await ready;
+				postMessage(compile(event.data));
+				break;
+		}
 	}
-});
+);
 
 const common_options = {
 	dev: false,
-	css: false
+	css: false,
 };
 
+/** @param {import("../workers").CompileMessageData} param0 */
 function compile({ id, source, options, return_ast }) {
 	try {
-		const { js, css, ast } = svelte.compile(source, Object.assign({}, common_options, options));
+		const { js, css, ast } = self.svelte.compile(
+			source,
+			Object.assign({}, common_options, options)
+		);
 
 		return {
 			id,
 			result: {
 				js: js.code,
 				css: css.code || `/* Add a <sty` + `le> tag to see compiled CSS */`,
-				ast: return_ast ? ast : null
-			}
+				ast: return_ast ? ast : null,
+			},
 		};
 	} catch (err) {
+		// @ts-ignore
 		let message = `/* Error compiling component\n\n${err.message}`;
+		// @ts-ignore
 		if (err.frame) message += `\n${err.frame}`;
 		message += `\n\n*/`;
 
@@ -50,8 +66,8 @@ function compile({ id, source, options, return_ast }) {
 			id,
 			result: {
 				js: message,
-				css: message
-			}
+				css: message,
+			},
 		};
 	}
 }
diff --git a/packages/repl/src/lib/workers/workers.d.ts b/packages/repl/src/lib/workers/workers.d.ts
new file mode 100644
index 00000000..fece7799
--- /dev/null
+++ b/packages/repl/src/lib/workers/workers.d.ts
@@ -0,0 +1,25 @@
+import type { CompileOptions, File } from '../types';
+
+export type CompileMessageData = {
+	id: number;
+	type: 'compile' | 'init';
+	source: string;
+	options: CompileOptions;
+	is_entry: boolean;
+	return_ast: boolean;
+	svelte_url?: string;
+	result: {
+		js: string;
+		css: string;
+		ast?: import('svelte/types/compiler/interfaces').Ast;
+	};
+};
+
+export type BundleMessageData = {
+	uid: number;
+	type: 'init' | 'bundle' | 'status';
+	message: string;
+	packages_url: string;
+	svelte_url: string;
+	files: File[];
+};
diff --git a/packages/repl/src/routes/+page.svelte b/packages/repl/src/routes/+page.svelte
index f51136a7..4de8b35b 100644
--- a/packages/repl/src/routes/+page.svelte
+++ b/packages/repl/src/routes/+page.svelte
@@ -1,14 +1,15 @@
 <script>
-	import Repl from '$lib/index.svelte';
+	import Repl from '$lib/Repl.svelte';
 	import { onMount } from 'svelte';
 	import '@sveltejs/site-kit/styles/index.css';
 	import '@sveltejs/site-kit/styles/code.css';
 
+	/** @type {Repl} */
 	let repl;
 
 	onMount(() => {
 		repl.set({
-			components: [
+			files: [
 				{
 					name: 'App',
 					type: 'svelte',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 388b7519..84d11a6d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,75 +5,120 @@ importers:
   .:
     devDependencies:
       '@changesets/cli':
-        specifier: ^2.26.0
-        version: 2.26.0
+        specifier: ^2.26.1
+        version: 2.26.1
 
   packages/repl:
     dependencies:
+      '@codemirror/autocomplete':
+        specifier: ^6.6.0
+        version: 6.6.0(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.10.0)(@lezer/common@1.0.2)
+      '@codemirror/commands':
+        specifier: ^6.2.3
+        version: 6.2.3
+      '@codemirror/lang-css':
+        specifier: ^6.2.0
+        version: 6.2.0(@codemirror/view@6.10.0)
+      '@codemirror/lang-javascript':
+        specifier: ^6.1.7
+        version: 6.1.7
+      '@codemirror/lang-json':
+        specifier: ^6.0.1
+        version: 6.0.1
+      '@codemirror/lang-markdown':
+        specifier: ^6.1.1
+        version: 6.1.1
+      '@codemirror/language':
+        specifier: ^6.6.0
+        version: 6.6.0
+      '@codemirror/lint':
+        specifier: ^6.2.1
+        version: 6.2.1
+      '@codemirror/state':
+        specifier: ^6.2.0
+        version: 6.2.0
+      '@codemirror/view':
+        specifier: ^6.10.0
+        version: 6.10.0
+      '@jridgewell/sourcemap-codec':
+        specifier: ^1.4.15
+        version: 1.4.15
+      '@lezer/highlight':
+        specifier: ^1.1.4
+        version: 1.1.4
+      '@neocodemirror/svelte':
+        specifier: 0.0.5
+        version: 0.0.5(@codemirror/commands@6.2.3)(@codemirror/language@6.6.0)(@codemirror/lint@6.2.1)(@codemirror/state@6.2.0)(@codemirror/view@6.10.0)(codemirror@6.0.1)
+      '@replit/codemirror-lang-svelte':
+        specifier: ^6.0.0
+        version: 6.0.0(@codemirror/autocomplete@6.6.0)(@codemirror/lang-css@6.2.0)(@codemirror/lang-html@6.4.3)(@codemirror/lang-javascript@6.1.7)(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.10.0)(@lezer/common@1.0.2)(@lezer/highlight@1.1.4)(@lezer/javascript@1.4.3)(@lezer/lr@1.3.4)
+      '@rich_harris/svelte-split-pane':
+        specifier: ^1.1.0
+        version: 1.1.0(svelte@3.58.0)
       '@rollup/browser':
-        specifier: ^3.20.4
-        version: 3.20.4
+        specifier: ^3.21.1
+        version: 3.21.1
       '@sveltejs/site-kit':
-        specifier: 5.0.1
-        version: 5.0.1(@sveltejs/kit@1.15.6)(svelte@3.58.0)
+        specifier: 5.0.4
+        version: 5.0.4(@sveltejs/kit@1.15.9)(svelte@3.58.0)
       acorn:
         specifier: ^8.8.2
         version: 8.8.2
       codemirror:
-        specifier: 5.65.12
-        version: 5.65.12
+        specifier: ^6.0.1
+        version: 6.0.1(@lezer/common@1.0.2)
       esm-env:
         specifier: ^1.0.0
         version: 1.0.0
       estree-walker:
         specifier: ^3.0.3
         version: 3.0.3
+      marked:
+        specifier: ^4.3.0
+        version: 4.3.0
       resolve.exports:
         specifier: ^2.0.2
         version: 2.0.2
       svelte-json-tree:
         specifier: ^1.0.0
         version: 1.0.0
-      yootils:
-        specifier: ^0.3.1
-        version: 0.3.1
     devDependencies:
+      '@fontsource/fira-mono':
+        specifier: ^4.5.10
+        version: 4.5.10
+      '@playwright/test':
+        specifier: ^1.33.0
+        version: 1.33.0
       '@sveltejs/adapter-auto':
-        specifier: ^2.0.0
-        version: 2.0.0(@sveltejs/kit@1.15.6)
+        specifier: ^2.0.1
+        version: 2.0.1(@sveltejs/kit@1.15.9)
       '@sveltejs/kit':
-        specifier: ^1.15.6
-        version: 1.15.6(svelte@3.58.0)(vite@4.2.1)
+        specifier: ^1.15.9
+        version: 1.15.9(svelte@3.58.0)(vite@4.3.3)
       '@sveltejs/package':
         specifier: ^2.0.2
         version: 2.0.2(svelte@3.58.0)(typescript@5.0.4)
-      eslint:
-        specifier: ^8.38.0
-        version: 8.38.0
-      eslint-config-prettier:
-        specifier: ^8.8.0
-        version: 8.8.0(eslint@8.38.0)
-      eslint-plugin-svelte3:
-        specifier: ^4.0.0
-        version: 4.0.0(eslint@8.38.0)(svelte@3.58.0)
-      prettier:
-        specifier: ^2.8.7
-        version: 2.8.7
-      prettier-plugin-svelte:
-        specifier: ^2.10.0
-        version: 2.10.0(prettier@2.8.7)(svelte@3.58.0)
+      '@types/marked':
+        specifier: ^4.0.8
+        version: 4.0.8
+      publint:
+        specifier: ^0.1.11
+        version: 0.1.11
       svelte:
         specifier: ^3.58.0
         version: 3.58.0
-      svelte2tsx:
-        specifier: ^0.6.11
-        version: 0.6.11(svelte@3.58.0)(typescript@5.0.4)
+      svelte-check:
+        specifier: ^3.2.0
+        version: 3.2.0(svelte@3.58.0)
+      tslib:
+        specifier: ^2.5.0
+        version: 2.5.0
       typescript:
         specifier: ^5.0.4
         version: 5.0.4
       vite:
-        specifier: ^4.2.1
-        version: 4.2.1
+        specifier: ^4.3.3
+        version: 4.3.3
 
   packages/site-kit:
     dependencies:
@@ -214,8 +259,8 @@ importers:
 
 packages:
 
-  /@babel/code-frame@7.18.6:
-    resolution: {integrity: sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==}
+  /@babel/code-frame@7.21.4:
+    resolution: {integrity: sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/highlight': 7.18.6
@@ -235,8 +280,8 @@ packages:
       js-tokens: 4.0.0
     dev: true
 
-  /@babel/runtime@7.20.13:
-    resolution: {integrity: sha512-gt3PKXs0DBoL9xCvOIIZ2NEqAGZqHjAnmVbfQtB620V0uReIQutpel14KcneZuer7UioY8ALKZ7iocavvzTNFA==}
+  /@babel/runtime@7.21.0:
+    resolution: {integrity: sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.13.11
@@ -245,7 +290,7 @@ packages:
   /@changesets/apply-release-plan@6.1.3:
     resolution: {integrity: sha512-ECDNeoc3nfeAe1jqJb5aFQX7CqzQhD2klXRez2JDb/aVpGUbX673HgKrnrgJRuQR/9f2TtLoYIzrGB9qwD77mg==}
     dependencies:
-      '@babel/runtime': 7.20.13
+      '@babel/runtime': 7.21.0
       '@changesets/config': 2.3.0
       '@changesets/get-version-range-type': 0.3.2
       '@changesets/git': 2.0.0
@@ -255,7 +300,7 @@ packages:
       fs-extra: 7.0.1
       lodash.startcase: 4.4.0
       outdent: 0.5.0
-      prettier: 2.8.7
+      prettier: 2.8.8
       resolve-from: 5.0.0
       semver: 5.7.1
     dev: true
@@ -263,7 +308,7 @@ packages:
   /@changesets/assemble-release-plan@5.2.3:
     resolution: {integrity: sha512-g7EVZCmnWz3zMBAdrcKhid4hkHT+Ft1n0mLussFMcB1dE2zCuwcvGoy9ec3yOgPGF4hoMtgHaMIk3T3TBdvU9g==}
     dependencies:
-      '@babel/runtime': 7.20.13
+      '@babel/runtime': 7.21.0
       '@changesets/errors': 0.1.4
       '@changesets/get-dependents-graph': 1.3.5
       '@changesets/types': 5.2.1
@@ -277,11 +322,11 @@ packages:
       '@changesets/types': 5.2.1
     dev: true
 
-  /@changesets/cli@2.26.0:
-    resolution: {integrity: sha512-0cbTiDms+ICTVtEwAFLNW0jBNex9f5+fFv3I771nBvdnV/mOjd1QJ4+f8KtVSOrwD9SJkk9xbDkWFb0oXd8d1Q==}
+  /@changesets/cli@2.26.1:
+    resolution: {integrity: sha512-XnTa+b51vt057fyAudvDKGB0Sh72xutQZNAdXkCqPBKO2zvs2yYZx5hFZj1u9cbtpwM6Sxtcr02/FQJfZOzemQ==}
     hasBin: true
     dependencies:
-      '@babel/runtime': 7.20.13
+      '@babel/runtime': 7.21.0
       '@changesets/apply-release-plan': 6.1.3
       '@changesets/assemble-release-plan': 5.2.3
       '@changesets/changelog-git': 0.1.14
@@ -313,7 +358,7 @@ packages:
       semver: 5.7.1
       spawndamnit: 2.0.0
       term-size: 2.2.1
-      tty-table: 4.1.6
+      tty-table: 4.2.1
     dev: true
 
   /@changesets/config@2.3.0:
@@ -347,7 +392,7 @@ packages:
   /@changesets/get-release-plan@3.0.16:
     resolution: {integrity: sha512-OpP9QILpBp1bY2YNIKFzwigKh7Qe9KizRsZomzLe6pK8IUo8onkAAVUD8+JRKSr8R7d4+JRuQrfSSNlEwKyPYg==}
     dependencies:
-      '@babel/runtime': 7.20.13
+      '@babel/runtime': 7.21.0
       '@changesets/assemble-release-plan': 5.2.3
       '@changesets/config': 2.3.0
       '@changesets/pre': 1.0.14
@@ -363,7 +408,7 @@ packages:
   /@changesets/git@2.0.0:
     resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==}
     dependencies:
-      '@babel/runtime': 7.20.13
+      '@babel/runtime': 7.21.0
       '@changesets/errors': 0.1.4
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
@@ -388,7 +433,7 @@ packages:
   /@changesets/pre@1.0.14:
     resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==}
     dependencies:
-      '@babel/runtime': 7.20.13
+      '@babel/runtime': 7.21.0
       '@changesets/errors': 0.1.4
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
@@ -398,7 +443,7 @@ packages:
   /@changesets/read@0.5.9:
     resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==}
     dependencies:
-      '@babel/runtime': 7.20.13
+      '@babel/runtime': 7.21.0
       '@changesets/git': 2.0.0
       '@changesets/logger': 0.0.5
       '@changesets/parse': 0.3.16
@@ -419,13 +464,131 @@ packages:
   /@changesets/write@0.2.3:
     resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==}
     dependencies:
-      '@babel/runtime': 7.20.13
+      '@babel/runtime': 7.21.0
       '@changesets/types': 5.2.1
       fs-extra: 7.0.1
       human-id: 1.0.2
-      prettier: 2.8.7
+      prettier: 2.8.8
     dev: true
 
+  /@codemirror/autocomplete@6.6.0(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.10.0)(@lezer/common@1.0.2):
+    resolution: {integrity: sha512-SjbgWSwNKbyQOiVXtG8DXG2z29zTbmzpGccxMqakVo+vqK8fx3Ai0Ee7is3JqX6dxJOoK0GfP3LfeUK53Ltv7w==}
+    peerDependencies:
+      '@codemirror/language': ^6.0.0
+      '@codemirror/state': ^6.0.0
+      '@codemirror/view': ^6.0.0
+      '@lezer/common': ^1.0.0
+    dependencies:
+      '@codemirror/language': 6.6.0
+      '@codemirror/state': 6.2.0
+      '@codemirror/view': 6.10.0
+      '@lezer/common': 1.0.2
+    dev: false
+
+  /@codemirror/commands@6.2.3:
+    resolution: {integrity: sha512-9uf0g9m2wZyrIim1SavcxMdwsu8wc/y5uSw6JRUBYIGWrN+RY4vSru/BqB+MyNWqx4C2uRhQ/Kh7Pw8lAyT3qQ==}
+    dependencies:
+      '@codemirror/language': 6.6.0
+      '@codemirror/state': 6.2.0
+      '@codemirror/view': 6.10.0
+      '@lezer/common': 1.0.2
+    dev: false
+
+  /@codemirror/lang-css@6.2.0(@codemirror/view@6.10.0):
+    resolution: {integrity: sha512-oyIdJM29AyRPM3+PPq1I2oIk8NpUfEN3kAM05XWDDs6o3gSneIKaVJifT2P+fqONLou2uIgXynFyMUDQvo/szA==}
+    dependencies:
+      '@codemirror/autocomplete': 6.6.0(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.10.0)(@lezer/common@1.0.2)
+      '@codemirror/language': 6.6.0
+      '@codemirror/state': 6.2.0
+      '@lezer/common': 1.0.2
+      '@lezer/css': 1.1.1
+    transitivePeerDependencies:
+      - '@codemirror/view'
+    dev: false
+
+  /@codemirror/lang-html@6.4.3:
+    resolution: {integrity: sha512-VKzQXEC8nL69Jg2hvAFPBwOdZNvL8tMFOrdFwWpU+wc6a6KEkndJ/19R5xSaglNX6v2bttm8uIEFYxdQDcIZVQ==}
+    dependencies:
+      '@codemirror/autocomplete': 6.6.0(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.10.0)(@lezer/common@1.0.2)
+      '@codemirror/lang-css': 6.2.0(@codemirror/view@6.10.0)
+      '@codemirror/lang-javascript': 6.1.7
+      '@codemirror/language': 6.6.0
+      '@codemirror/state': 6.2.0
+      '@codemirror/view': 6.10.0
+      '@lezer/common': 1.0.2
+      '@lezer/css': 1.1.1
+      '@lezer/html': 1.3.4
+    dev: false
+
+  /@codemirror/lang-javascript@6.1.7:
+    resolution: {integrity: sha512-KXKqxlZ4W6t5I7i2ScmITUD3f/F5Cllk3kj0De9P9mFeYVfhOVOWuDLgYiLpk357u7Xh4dhqjJAnsNPPoTLghQ==}
+    dependencies:
+      '@codemirror/autocomplete': 6.6.0(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.10.0)(@lezer/common@1.0.2)
+      '@codemirror/language': 6.6.0
+      '@codemirror/lint': 6.2.1
+      '@codemirror/state': 6.2.0
+      '@codemirror/view': 6.10.0
+      '@lezer/common': 1.0.2
+      '@lezer/javascript': 1.4.3
+    dev: false
+
+  /@codemirror/lang-json@6.0.1:
+    resolution: {integrity: sha512-+T1flHdgpqDDlJZ2Lkil/rLiRy684WMLc74xUnjJH48GQdfJo/pudlTRreZmKwzP8/tGdKf83wlbAdOCzlJOGQ==}
+    dependencies:
+      '@codemirror/language': 6.6.0
+      '@lezer/json': 1.0.0
+    dev: false
+
+  /@codemirror/lang-markdown@6.1.1:
+    resolution: {integrity: sha512-n87Ms6Y5UYb1UkFu8sRzTLfq/yyF1y2AYiWvaVdbBQi5WDj1tFk5N+AKA+WC0Jcjc1VxvrCCM0iizjdYYi9sFQ==}
+    dependencies:
+      '@codemirror/lang-html': 6.4.3
+      '@codemirror/language': 6.6.0
+      '@codemirror/state': 6.2.0
+      '@codemirror/view': 6.10.0
+      '@lezer/common': 1.0.2
+      '@lezer/markdown': 1.0.2
+    dev: false
+
+  /@codemirror/language@6.6.0:
+    resolution: {integrity: sha512-cwUd6lzt3MfNYOobdjf14ZkLbJcnv4WtndYaoBkbor/vF+rCNguMPK0IRtvZJG4dsWiaWPcK8x1VijhvSxnstg==}
+    dependencies:
+      '@codemirror/state': 6.2.0
+      '@codemirror/view': 6.10.0
+      '@lezer/common': 1.0.2
+      '@lezer/highlight': 1.1.4
+      '@lezer/lr': 1.3.4
+      style-mod: 4.0.3
+    dev: false
+
+  /@codemirror/lint@6.2.1:
+    resolution: {integrity: sha512-y1muai5U/uUPAGRyHMx9mHuHLypPcHWxzlZGknp/U5Mdb5Ol8Q5ZLp67UqyTbNFJJ3unVxZ8iX3g1fMN79S1JQ==}
+    dependencies:
+      '@codemirror/state': 6.2.0
+      '@codemirror/view': 6.10.0
+      crelt: 1.0.5
+    dev: false
+
+  /@codemirror/search@6.4.0:
+    resolution: {integrity: sha512-zMDgaBXah+nMLK2dHz9GdCnGbQu+oaGRXS1qviqNZkvOCv/whp5XZFyoikLp/23PM9RBcbuKUUISUmQHM1eRHw==}
+    dependencies:
+      '@codemirror/state': 6.2.0
+      '@codemirror/view': 6.10.0
+      crelt: 1.0.5
+    dev: false
+
+  /@codemirror/state@6.2.0:
+    resolution: {integrity: sha512-69QXtcrsc3RYtOtd+GsvczJ319udtBf1PTrr2KbLWM/e2CXUPnh0Nz9AUo8WfhSQ7GeL8dPVNUmhQVgpmuaNGA==}
+    dev: false
+
+  /@codemirror/view@6.10.0:
+    resolution: {integrity: sha512-Oea3rvE4JQLMmLsy2b54yxXQJgJM9xKpUQIpF/LGgKUTH2lA06GAmEtKKWn5OUnbW3jrH1hHeUd8DJEgePMOeQ==}
+    dependencies:
+      '@codemirror/state': 6.2.0
+      style-mod: 4.0.3
+      w3c-keyname: 2.2.6
+    dev: false
+
   /@esbuild/android-arm64@0.16.17:
     resolution: {integrity: sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==}
     engines: {node: '>=12'}
@@ -435,8 +598,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm64@0.17.16:
-    resolution: {integrity: sha512-QX48qmsEZW+gcHgTmAj+x21mwTz8MlYQBnzF6861cNdQGvj2jzzFjqH0EBabrIa/WVZ2CHolwMoqxVryqKt8+Q==}
+  /@esbuild/android-arm64@0.17.18:
+    resolution: {integrity: sha512-/iq0aK0eeHgSC3z55ucMAHO05OIqmQehiGay8eP5l/5l+iEr4EIbh4/MI8xD9qRFjqzgkc0JkX0LculNC9mXBw==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
@@ -452,8 +615,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm@0.17.16:
-    resolution: {integrity: sha512-baLqRpLe4JnKrUXLJChoTN0iXZH7El/mu58GE3WIA6/H834k0XWvLRmGLG8y8arTRS9hJJibPnF0tiGhmWeZgw==}
+  /@esbuild/android-arm@0.17.18:
+    resolution: {integrity: sha512-EmwL+vUBZJ7mhFCs5lA4ZimpUH3WMAoqvOIYhVQwdIgSpHC8ImHdsRyhHAVxpDYUSm0lWvd63z0XH1IlImS2Qw==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
@@ -469,8 +632,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-x64@0.17.16:
-    resolution: {integrity: sha512-G4wfHhrrz99XJgHnzFvB4UwwPxAWZaZBOFXh+JH1Duf1I4vIVfuYY9uVLpx4eiV2D/Jix8LJY+TAdZ3i40tDow==}
+  /@esbuild/android-x64@0.17.18:
+    resolution: {integrity: sha512-x+0efYNBF3NPW2Xc5bFOSFW7tTXdAcpfEg2nXmxegm4mJuVeS+i109m/7HMiOQ6M12aVGGFlqJX3RhNdYM2lWg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
@@ -486,8 +649,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-arm64@0.17.16:
-    resolution: {integrity: sha512-/Ofw8UXZxuzTLsNFmz1+lmarQI6ztMZ9XktvXedTbt3SNWDn0+ODTwxExLYQ/Hod91EZB4vZPQJLoqLF0jvEzA==}
+  /@esbuild/darwin-arm64@0.17.18:
+    resolution: {integrity: sha512-6tY+djEAdF48M1ONWnQb1C+6LiXrKjmqjzPNPWXhu/GzOHTHX2nh8Mo2ZAmBFg0kIodHhciEgUBtcYCAIjGbjQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -503,8 +666,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-x64@0.17.16:
-    resolution: {integrity: sha512-SzBQtCV3Pdc9kyizh36Ol+dNVhkDyIrGb/JXZqFq8WL37LIyrXU0gUpADcNV311sCOhvY+f2ivMhb5Tuv8nMOQ==}
+  /@esbuild/darwin-x64@0.17.18:
+    resolution: {integrity: sha512-Qq84ykvLvya3dO49wVC9FFCNUfSrQJLbxhoQk/TE1r6MjHo3sFF2tlJCwMjhkBVq3/ahUisj7+EpRSz0/+8+9A==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -520,8 +683,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-arm64@0.17.16:
-    resolution: {integrity: sha512-ZqftdfS1UlLiH1DnS2u3It7l4Bc3AskKeu+paJSfk7RNOMrOxmeFDhLTMQqMxycP1C3oj8vgkAT6xfAuq7ZPRA==}
+  /@esbuild/freebsd-arm64@0.17.18:
+    resolution: {integrity: sha512-fw/ZfxfAzuHfaQeMDhbzxp9mc+mHn1Y94VDHFHjGvt2Uxl10mT4CDavHm+/L9KG441t1QdABqkVYwakMUeyLRA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -537,8 +700,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-x64@0.17.16:
-    resolution: {integrity: sha512-rHV6zNWW1tjgsu0dKQTX9L0ByiJHHLvQKrWtnz8r0YYJI27FU3Xu48gpK2IBj1uCSYhJ+pEk6Y0Um7U3rIvV8g==}
+  /@esbuild/freebsd-x64@0.17.18:
+    resolution: {integrity: sha512-FQFbRtTaEi8ZBi/A6kxOC0V0E9B/97vPdYjY9NdawyLd4Qk5VD5g2pbWN2VR1c0xhzcJm74HWpObPszWC+qTew==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -554,8 +717,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm64@0.17.16:
-    resolution: {integrity: sha512-8yoZhGkU6aHu38WpaM4HrRLTFc7/VVD9Q2SvPcmIQIipQt2I/GMTZNdEHXoypbbGao5kggLcxg0iBKjo0SQYKA==}
+  /@esbuild/linux-arm64@0.17.18:
+    resolution: {integrity: sha512-R7pZvQZFOY2sxUG8P6A21eq6q+eBv7JPQYIybHVf1XkQYC+lT7nDBdC7wWKTrbvMXKRaGudp/dzZCwL/863mZQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -571,8 +734,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm@0.17.16:
-    resolution: {integrity: sha512-n4O8oVxbn7nl4+m+ISb0a68/lcJClIbaGAoXwqeubj/D1/oMMuaAXmJVfFlRjJLu/ZvHkxoiFJnmbfp4n8cdSw==}
+  /@esbuild/linux-arm@0.17.18:
+    resolution: {integrity: sha512-jW+UCM40LzHcouIaqv3e/oRs0JM76JfhHjCavPxMUti7VAPh8CaGSlS7cmyrdpzSk7A+8f0hiedHqr/LMnfijg==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -588,8 +751,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ia32@0.17.16:
-    resolution: {integrity: sha512-9ZBjlkdaVYxPNO8a7OmzDbOH9FMQ1a58j7Xb21UfRU29KcEEU3VTHk+Cvrft/BNv0gpWJMiiZ/f4w0TqSP0gLA==}
+  /@esbuild/linux-ia32@0.17.18:
+    resolution: {integrity: sha512-ygIMc3I7wxgXIxk6j3V00VlABIjq260i967Cp9BNAk5pOOpIXmd1RFQJQX9Io7KRsthDrQYrtcx7QCof4o3ZoQ==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -605,8 +768,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-loong64@0.17.16:
-    resolution: {integrity: sha512-TIZTRojVBBzdgChY3UOG7BlPhqJz08AL7jdgeeu+kiObWMFzGnQD7BgBBkWRwOtKR1i2TNlO7YK6m4zxVjjPRQ==}
+  /@esbuild/linux-loong64@0.17.18:
+    resolution: {integrity: sha512-bvPG+MyFs5ZlwYclCG1D744oHk1Pv7j8psF5TfYx7otCVmcJsEXgFEhQkbhNW8otDHL1a2KDINW20cfCgnzgMQ==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -622,8 +785,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-mips64el@0.17.16:
-    resolution: {integrity: sha512-UPeRuFKCCJYpBbIdczKyHLAIU31GEm0dZl1eMrdYeXDH+SJZh/i+2cAmD3A1Wip9pIc5Sc6Kc5cFUrPXtR0XHA==}
+  /@esbuild/linux-mips64el@0.17.18:
+    resolution: {integrity: sha512-oVqckATOAGuiUOa6wr8TXaVPSa+6IwVJrGidmNZS1cZVx0HqkTMkqFGD2HIx9H1RvOwFeWYdaYbdY6B89KUMxA==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -639,8 +802,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ppc64@0.17.16:
-    resolution: {integrity: sha512-io6yShgIEgVUhExJejJ21xvO5QtrbiSeI7vYUnr7l+v/O9t6IowyhdiYnyivX2X5ysOVHAuyHW+Wyi7DNhdw6Q==}
+  /@esbuild/linux-ppc64@0.17.18:
+    resolution: {integrity: sha512-3dLlQO+b/LnQNxgH4l9rqa2/IwRJVN9u/bK63FhOPB4xqiRqlQAU0qDU3JJuf0BmaH0yytTBdoSBHrb2jqc5qQ==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -656,8 +819,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-riscv64@0.17.16:
-    resolution: {integrity: sha512-WhlGeAHNbSdG/I2gqX2RK2gfgSNwyJuCiFHMc8s3GNEMMHUI109+VMBfhVqRb0ZGzEeRiibi8dItR3ws3Lk+cA==}
+  /@esbuild/linux-riscv64@0.17.18:
+    resolution: {integrity: sha512-/x7leOyDPjZV3TcsdfrSI107zItVnsX1q2nho7hbbQoKnmoeUWjs+08rKKt4AUXju7+3aRZSsKrJtaRmsdL1xA==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -673,8 +836,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-s390x@0.17.16:
-    resolution: {integrity: sha512-gHRReYsJtViir63bXKoFaQ4pgTyah4ruiMRQ6im9YZuv+gp3UFJkNTY4sFA73YDynmXZA6hi45en4BGhNOJUsw==}
+  /@esbuild/linux-s390x@0.17.18:
+    resolution: {integrity: sha512-cX0I8Q9xQkL/6F5zWdYmVf5JSQt+ZfZD2bJudZrWD+4mnUvoZ3TDDXtDX2mUaq6upMFv9FlfIh4Gfun0tbGzuw==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -690,8 +853,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-x64@0.17.16:
-    resolution: {integrity: sha512-mfiiBkxEbUHvi+v0P+TS7UnA9TeGXR48aK4XHkTj0ZwOijxexgMF01UDFaBX7Q6CQsB0d+MFNv9IiXbIHTNd4g==}
+  /@esbuild/linux-x64@0.17.18:
+    resolution: {integrity: sha512-66RmRsPlYy4jFl0vG80GcNRdirx4nVWAzJmXkevgphP1qf4dsLQCpSKGM3DUQCojwU1hnepI63gNZdrr02wHUA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -707,8 +870,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/netbsd-x64@0.17.16:
-    resolution: {integrity: sha512-n8zK1YRDGLRZfVcswcDMDM0j2xKYLNXqei217a4GyBxHIuPMGrrVuJ+Ijfpr0Kufcm7C1k/qaIrGy6eG7wvgmA==}
+  /@esbuild/netbsd-x64@0.17.18:
+    resolution: {integrity: sha512-95IRY7mI2yrkLlTLb1gpDxdC5WLC5mZDi+kA9dmM5XAGxCME0F8i4bYH4jZreaJ6lIZ0B8hTrweqG1fUyW7jbg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
@@ -724,8 +887,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.17.16:
-    resolution: {integrity: sha512-lEEfkfsUbo0xC47eSTBqsItXDSzwzwhKUSsVaVjVji07t8+6KA5INp2rN890dHZeueXJAI8q0tEIfbwVRYf6Ew==}
+  /@esbuild/openbsd-x64@0.17.18:
+    resolution: {integrity: sha512-WevVOgcng+8hSZ4Q3BKL3n1xTv5H6Nb53cBrtzzEjDbbnOmucEVcZeGCsCOi9bAOcDYEeBZbD2SJNBxlfP3qiA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
@@ -741,8 +904,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/sunos-x64@0.17.16:
-    resolution: {integrity: sha512-jlRjsuvG1fgGwnE8Afs7xYDnGz0dBgTNZfgCK6TlvPH3Z13/P5pi6I57vyLE8qZYLrGVtwcm9UbUx1/mZ8Ukag==}
+  /@esbuild/sunos-x64@0.17.18:
+    resolution: {integrity: sha512-Rzf4QfQagnwhQXVBS3BYUlxmEbcV7MY+BH5vfDZekU5eYpcffHSyjU8T0xucKVuOcdCsMo+Ur5wmgQJH2GfNrg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
@@ -758,8 +921,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-arm64@0.17.16:
-    resolution: {integrity: sha512-TzoU2qwVe2boOHl/3KNBUv2PNUc38U0TNnzqOAcgPiD/EZxT2s736xfC2dYQbszAwo4MKzzwBV0iHjhfjxMimg==}
+  /@esbuild/win32-arm64@0.17.18:
+    resolution: {integrity: sha512-Kb3Ko/KKaWhjeAm2YoT/cNZaHaD1Yk/pa3FTsmqo9uFh1D1Rfco7BBLIPdDOozrObj2sahslFuAQGvWbgWldAg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
@@ -775,8 +938,8 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-ia32@0.17.16:
-    resolution: {integrity: sha512-B8b7W+oo2yb/3xmwk9Vc99hC9bNolvqjaTZYEfMQhzdpBsjTvZBlXQ/teUE55Ww6sg//wlcDjOaqldOKyigWdA==}
+  /@esbuild/win32-ia32@0.17.18:
+    resolution: {integrity: sha512-0/xUMIdkVHwkvxfbd5+lfG7mHOf2FRrxNbPiKWg9C4fFrB8H0guClmaM3BFiRUYrznVoyxTIyC/Ou2B7QQSwmw==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -792,69 +955,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-x64@0.17.16:
-    resolution: {integrity: sha512-xJ7OH/nanouJO9pf03YsL9NAFQBHd8AqfrQd7Pf5laGyyTt/gToul6QYOA/i5i/q8y9iaM5DQFNTgpi995VkOg==}
+  /@esbuild/win32-x64@0.17.18:
+    resolution: {integrity: sha512-qU25Ma1I3NqTSHJUOKi9sAH1/Mzuvlke0ioMJRthLXKm7JiSKVwFghlGbDLOO2sARECGhja4xYfRAZNPAkooYg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     optional: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.38.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-    dependencies:
-      eslint: 8.38.0
-      eslint-visitor-keys: 3.4.0
-    dev: true
-
-  /@eslint-community/regexpp@4.5.0:
-    resolution: {integrity: sha512-vITaYzIcNmjn5tF5uxcZ/ft7/RXGrMUIS9HalWckEOF6ESiwXKoMzAQf2UW0aVd6rnOeExTJVd5hmWXucBKGXQ==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
-
-  /@eslint/eslintrc@2.0.2:
-    resolution: {integrity: sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      ajv: 6.12.6
-      debug: 4.3.4
-      espree: 9.5.1
-      globals: 13.20.0
-      ignore: 5.2.4
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@eslint/js@8.38.0:
-    resolution: {integrity: sha512-IoD2MfUnOV58ghIHCiil01PcohxjbYR/qCxsoC+xNgUwh1EY8jOOrYmu3d3a71+tJJ23uscEV4X2HJWMsPJu4g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
-  /@humanwhocodes/config-array@0.11.8:
-    resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==}
-    engines: {node: '>=10.10.0'}
-    dependencies:
-      '@humanwhocodes/object-schema': 1.2.1
-      debug: 4.3.4
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@humanwhocodes/module-importer@1.0.1:
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
-    engines: {node: '>=12.22'}
-    dev: true
-
-  /@humanwhocodes/object-schema@1.2.1:
-    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
+  /@fontsource/fira-mono@4.5.10:
+    resolution: {integrity: sha512-bxUnRP8xptGRo8YXeY073DSpfK74XpSb0ZyRNpHV9WvLnJ7TwPOjZll8hTMin7zLC6iOp59pDZ8EQDj1gzgAQQ==}
     dev: true
 
   /@jimp/bmp@0.8.5(@jimp/custom@0.8.5):
@@ -1197,10 +1307,62 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.14
     dev: true
 
+  /@lezer/common@1.0.2:
+    resolution: {integrity: sha512-SVgiGtMnMnW3ActR8SXgsDhw7a0w0ChHSYAyAUxxrOiJ1OqYWEKk/xJd84tTSPo1mo6DXLObAJALNnd0Hrv7Ng==}
+    dev: false
+
+  /@lezer/css@1.1.1:
+    resolution: {integrity: sha512-mSjx+unLLapEqdOYDejnGBokB5+AiJKZVclmud0MKQOKx3DLJ5b5VTCstgDDknR6iIV4gVrN6euzsCnj0A2gQA==}
+    dependencies:
+      '@lezer/highlight': 1.1.4
+      '@lezer/lr': 1.3.4
+    dev: false
+
+  /@lezer/highlight@1.1.4:
+    resolution: {integrity: sha512-IECkFmw2l7sFcYXrV8iT9GeY4W0fU4CxX0WMwhmhMIVjoDdD1Hr6q3G2NqVtLg/yVe5n7i4menG3tJ2r4eCrPQ==}
+    dependencies:
+      '@lezer/common': 1.0.2
+    dev: false
+
+  /@lezer/html@1.3.4:
+    resolution: {integrity: sha512-HdJYMVZcT4YsMo7lW3ipL4NoyS2T67kMPuSVS5TgLGqmaCjEU/D6xv7zsa1ktvTK5lwk7zzF1e3eU6gBZIPm5g==}
+    dependencies:
+      '@lezer/common': 1.0.2
+      '@lezer/highlight': 1.1.4
+      '@lezer/lr': 1.3.4
+    dev: false
+
+  /@lezer/javascript@1.4.3:
+    resolution: {integrity: sha512-k7Eo9z9B1supZ5cCD4ilQv/RZVN30eUQL+gGbr6ybrEY3avBAL5MDiYi2aa23Aj0A79ry4rJRvPAwE2TM8bd+A==}
+    dependencies:
+      '@lezer/highlight': 1.1.4
+      '@lezer/lr': 1.3.4
+    dev: false
+
+  /@lezer/json@1.0.0:
+    resolution: {integrity: sha512-zbAuUY09RBzCoCA3lJ1+ypKw5WSNvLqGMtasdW6HvVOqZoCpPr8eWrsGnOVWGKGn8Rh21FnrKRVlJXrGAVUqRw==}
+    dependencies:
+      '@lezer/highlight': 1.1.4
+      '@lezer/lr': 1.3.4
+    dev: false
+
+  /@lezer/lr@1.3.4:
+    resolution: {integrity: sha512-7o+e4og/QoC/6btozDPJqnzBhUaD1fMfmvnEKQO1wRRiTse1WxaJ3OMEXZJnkgT6HCcTVOctSoXK9jGJw2oe9g==}
+    dependencies:
+      '@lezer/common': 1.0.2
+    dev: false
+
+  /@lezer/markdown@1.0.2:
+    resolution: {integrity: sha512-8CY0OoZ6V5EzPjSPeJ4KLVbtXdLBd8V6sRCooN5kHnO28ytreEGTyrtU/zUwo/XLRzGr/e1g44KlzKi3yWGB5A==}
+    dependencies:
+      '@lezer/common': 1.0.2
+      '@lezer/highlight': 1.1.4
+    dev: false
+
   /@manypkg/find-root@1.1.0:
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
     dependencies:
-      '@babel/runtime': 7.20.13
+      '@babel/runtime': 7.21.0
       '@types/node': 12.20.55
       find-up: 4.1.0
       fs-extra: 8.1.0
@@ -1209,7 +1371,7 @@ packages:
   /@manypkg/get-packages@1.1.3:
     resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
     dependencies:
-      '@babel/runtime': 7.20.13
+      '@babel/runtime': 7.21.0
       '@changesets/types': 4.1.0
       '@manypkg/find-root': 1.1.0
       fs-extra: 8.1.0
@@ -1217,6 +1379,27 @@ packages:
       read-yaml-file: 1.1.0
     dev: true
 
+  /@neocodemirror/svelte@0.0.5(@codemirror/commands@6.2.3)(@codemirror/language@6.6.0)(@codemirror/lint@6.2.1)(@codemirror/state@6.2.0)(@codemirror/view@6.10.0)(codemirror@6.0.1):
+    resolution: {integrity: sha512-62W6gkMQ98p0E5f0an+n+T/MuuydpOIOjr3IAQp7+kHibz9Zf4kaIo7GikXA+zSAM5L9Wx9aVHR9d+xQhvJflg==}
+    peerDependencies:
+      '@codemirror/commands': ^6.2.0
+      '@codemirror/language': ^6.0.0
+      '@codemirror/lint': ^6.0.0
+      '@codemirror/state': ^6.0.0
+      '@codemirror/view': ^6.0.0
+      codemirror: ^6.0.1
+    dependencies:
+      '@codemirror/commands': 6.2.3
+      '@codemirror/language': 6.6.0
+      '@codemirror/lint': 6.2.1
+      '@codemirror/state': 6.2.0
+      '@codemirror/view': 6.10.0
+      codemirror: 6.0.1(@lezer/common@1.0.2)
+      csstype: 3.1.2
+      dequal: 2.0.3
+      nanostores: 0.8.1
+    dev: false
+
   /@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -1238,9 +1421,48 @@ packages:
       fastq: 1.15.0
     dev: true
 
+  /@playwright/test@1.33.0:
+    resolution: {integrity: sha512-YunBa2mE7Hq4CfPkGzQRK916a4tuZoVx/EpLjeWlTVOnD4S2+fdaQZE0LJkbfhN5FTSKNLdcl7MoT5XB37bTkg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      '@types/node': 18.16.3
+      playwright-core: 1.33.0
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
   /@polka/url@1.0.0-next.21:
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
 
+  /@replit/codemirror-lang-svelte@6.0.0(@codemirror/autocomplete@6.6.0)(@codemirror/lang-css@6.2.0)(@codemirror/lang-html@6.4.3)(@codemirror/lang-javascript@6.1.7)(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.10.0)(@lezer/common@1.0.2)(@lezer/highlight@1.1.4)(@lezer/javascript@1.4.3)(@lezer/lr@1.3.4):
+    resolution: {integrity: sha512-U2OqqgMM6jKelL0GNWbAmqlu1S078zZNoBqlJBW+retTc5M4Mha6/Y2cf4SVg6ddgloJvmcSpt4hHrVoM4ePRA==}
+    peerDependencies:
+      '@codemirror/autocomplete': ^6.0.0
+      '@codemirror/lang-css': ^6.0.1
+      '@codemirror/lang-html': ^6.2.0
+      '@codemirror/lang-javascript': ^6.1.1
+      '@codemirror/language': ^6.0.0
+      '@codemirror/state': ^6.0.0
+      '@codemirror/view': ^6.0.0
+      '@lezer/common': ^1.0.0
+      '@lezer/highlight': ^1.0.0
+      '@lezer/javascript': ^1.2.0
+      '@lezer/lr': ^1.0.0
+    dependencies:
+      '@codemirror/autocomplete': 6.6.0(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.10.0)(@lezer/common@1.0.2)
+      '@codemirror/lang-css': 6.2.0(@codemirror/view@6.10.0)
+      '@codemirror/lang-html': 6.4.3
+      '@codemirror/lang-javascript': 6.1.7
+      '@codemirror/language': 6.6.0
+      '@codemirror/state': 6.2.0
+      '@codemirror/view': 6.10.0
+      '@lezer/common': 1.0.2
+      '@lezer/highlight': 1.1.4
+      '@lezer/javascript': 1.4.3
+      '@lezer/lr': 1.3.4
+    dev: false
+
   /@resvg/resvg-js-android-arm-eabi@2.4.0:
     resolution: {integrity: sha512-AtsKxd4bxlaMvWNZev6IMSNVl48yOHYMuccoVNT1Kzg5L/uWsEtWw8YV16GPc5W08NeeAOPr9ErCszm+fXYcsg==}
     engines: {node: '>= 10'}
@@ -1367,8 +1589,16 @@ packages:
       '@resvg/resvg-js-win32-x64-msvc': 2.4.0
     dev: true
 
-  /@rollup/browser@3.20.4:
-    resolution: {integrity: sha512-SjDJ0Q8Lo6g+hArFM7SwOUUkWpNV+YnOtiLwEqYrzw4yH36XGgkK0v9qwRQp2K73xq+d07TB41zCUL3ttW25sQ==}
+  /@rich_harris/svelte-split-pane@1.1.0(svelte@3.58.0):
+    resolution: {integrity: sha512-gxDfPqRSRx11/t+cs5ao0pXzKSO6CiBDmbcVwD8o/zToNZZTZjompoRmvRRICT9OhPxwwl/87nXJEToorPyICg==}
+    peerDependencies:
+      svelte: ^3.54.0
+    dependencies:
+      svelte: 3.58.0
+    dev: false
+
+  /@rollup/browser@3.21.1:
+    resolution: {integrity: sha512-jqJ3Us+gz5f95kfRT5kgJ7bQMJUDzbqadMpEgQjKI5/ehi+Fje9Q93eZSduTEQSKLP9Ex71o9QFSAWrwRkc1Ww==}
     dev: false
 
   /@rollup/pluginutils@5.0.2:
@@ -1449,26 +1679,26 @@ packages:
       - supports-color
     dev: false
 
-  /@sveltejs/adapter-auto@2.0.0(@sveltejs/kit@1.15.6):
+  /@sveltejs/adapter-auto@2.0.0(@sveltejs/kit@1.5.3):
     resolution: {integrity: sha512-b+gkHFZgD771kgV3aO4avHFd7y1zhmMYy9i6xOK7m/rwmwaRO8gnF5zBc0Rgca80B2PMU1bKNxyBTHA14OzUAQ==}
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': 1.15.6(svelte@3.58.0)(vite@4.2.1)
+      '@sveltejs/kit': 1.5.3(svelte@3.55.1)(vite@4.1.1)
       import-meta-resolve: 2.2.1
     dev: true
 
-  /@sveltejs/adapter-auto@2.0.0(@sveltejs/kit@1.5.3):
-    resolution: {integrity: sha512-b+gkHFZgD771kgV3aO4avHFd7y1zhmMYy9i6xOK7m/rwmwaRO8gnF5zBc0Rgca80B2PMU1bKNxyBTHA14OzUAQ==}
+  /@sveltejs/adapter-auto@2.0.1(@sveltejs/kit@1.15.9):
+    resolution: {integrity: sha512-anxxYMcQy7HWSKxN4YNaVcgNzCHtNFwygq72EA1Xv7c+5gSECOJ1ez1PYoLciPiFa7A3XBvMDQXUFJ2eqLDtAA==}
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@sveltejs/kit': 1.5.3(svelte@3.55.1)(vite@4.1.1)
-      import-meta-resolve: 2.2.1
+      '@sveltejs/kit': 1.15.9(svelte@3.58.0)(vite@4.3.3)
+      import-meta-resolve: 3.0.0
     dev: true
 
-  /@sveltejs/kit@1.15.6(svelte@3.58.0)(vite@4.2.1):
-    resolution: {integrity: sha512-nXAVKq4veZqztZbPRDMpZszerSuZk3dMZmIoYc/6YvctYYkZS0cdQy5qfeGQ404wXRonCpaCQb0lUrdJZ81f9A==}
+  /@sveltejs/kit@1.15.9(svelte@3.58.0)(vite@4.3.3):
+    resolution: {integrity: sha512-Og+4WlguPVPS0PmAHefp4KxvTVZfyDN09aORVXIdKSzqzodSJiLs7Fhi/Q0z0YjmcoNLWF24tI0a6mTusL6Yfg==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -1476,7 +1706,7 @@ packages:
       svelte: ^3.54.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.0.4(svelte@3.58.0)(vite@4.2.1)
+      '@sveltejs/vite-plugin-svelte': 2.1.1(svelte@3.58.0)(vite@4.3.3)
       '@types/cookie': 0.5.1
       cookie: 0.5.0
       devalue: 4.3.0
@@ -1486,11 +1716,11 @@ packages:
       mime: 3.0.0
       sade: 1.8.1
       set-cookie-parser: 2.6.0
-      sirv: 2.0.2
+      sirv: 2.0.3
       svelte: 3.58.0
       tiny-glob: 0.2.9
-      undici: 5.20.0
-      vite: 4.2.1
+      undici: 5.22.0
+      vite: 4.3.3
     transitivePeerDependencies:
       - supports-color
 
@@ -1572,13 +1802,13 @@ packages:
       golden-fleece: 1.0.9
     dev: false
 
-  /@sveltejs/site-kit@5.0.1(@sveltejs/kit@1.15.6)(svelte@3.58.0):
-    resolution: {integrity: sha512-6LYCxTGzhC/LhObYc3Mazk4HSi/KjdZ+fURpbvi9tppMk4lfGJb3ajLvGoo0k8t0vBEwrN16Hf/JChgkFOorFg==}
+  /@sveltejs/site-kit@5.0.4(@sveltejs/kit@1.15.9)(svelte@3.58.0):
+    resolution: {integrity: sha512-bn0Lk3hmIz/pDTMvVjiVX/US4OPoc1CzfceI0Y0ljxHs2fdxRTZz881xvItZRF7istLIueoFR1x3HAZPdI2F6g==}
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
       svelte: ^3.54.0
     dependencies:
-      '@sveltejs/kit': 1.15.6(svelte@3.58.0)(vite@4.2.1)
+      '@sveltejs/kit': 1.15.9(svelte@3.58.0)(vite@4.3.3)
       esm-env: 1.0.0
       svelte: 3.58.0
       svelte-local-storage-store: 0.4.0(svelte@3.58.0)
@@ -1603,8 +1833,8 @@ packages:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte@2.0.4(svelte@3.58.0)(vite@4.2.1):
-    resolution: {integrity: sha512-pjqhW00KwK2uzDGEr+yJBwut+D+4XfJO/+bHHdHzPRXn9+1Jeq5JcFHyrUiYaXgHtyhX0RsllCTm4ssAx4ZY7Q==}
+  /@sveltejs/vite-plugin-svelte@2.1.1(svelte@3.58.0)(vite@4.3.3):
+    resolution: {integrity: sha512-7YeBDt4us0FiIMNsVXxyaP4Hwyn2/v9x3oqStkHU3ZdIc5O22pGwUwH33wUqYo+7Itdmo8zxJ45Qvfm3H7UUjQ==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       svelte: ^3.54.0
@@ -1616,8 +1846,8 @@ packages:
       magic-string: 0.30.0
       svelte: 3.58.0
       svelte-hmr: 0.15.1(svelte@3.58.0)
-      vite: 4.2.1
-      vitefu: 0.2.4(vite@4.2.1)
+      vite: 4.3.3
+      vitefu: 0.2.4(vite@4.3.3)
     transitivePeerDependencies:
       - supports-color
 
@@ -1630,7 +1860,11 @@ packages:
   /@types/is-ci@3.0.0:
     resolution: {integrity: sha512-Q0Op0hdWbYd1iahB+IFNQcWXFq4O0Q5MwQP7uN0souuQ4rPg1vEYcnIOfr1gY+M+6rc8FGoRaBO1mOOvL29sEQ==}
     dependencies:
-      ci-info: 3.7.1
+      ci-info: 3.8.0
+    dev: true
+
+  /@types/marked@4.0.8:
+    resolution: {integrity: sha512-HVNzMT5QlWCOdeuBsgXP8EZzKUf0+AXzN+sLmjvaB3ZlLqO+e4u0uXrdw9ub69wBKFs+c6/pA4r9sy6cCDvImw==}
     dev: true
 
   /@types/minimist@1.2.2:
@@ -1641,8 +1875,8 @@ packages:
     resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
     dev: true
 
-  /@types/node@18.13.0:
-    resolution: {integrity: sha512-gC3TazRzGoOnoKAhUx+Q0t8S9Tzs74z7m0ipwGpSqQrleP14hKxP4/JUeEQcD3W1/aIpnWl8pHowI7WokuZpXg==}
+  /@types/node@18.16.3:
+    resolution: {integrity: sha512-OPs5WnnT1xkCBiuQrZA4+YAV4HEJejmHneyraIaxsbev5yCEr6KMwINNFP9wQeFIw8FWcoTqF3vQsa5CDaI+8Q==}
     dev: true
 
   /@types/normalize-package-data@2.4.1:
@@ -1660,7 +1894,7 @@ packages:
   /@types/sass@1.43.1:
     resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
     dependencies:
-      '@types/node': 18.13.0
+      '@types/node': 18.16.3
     dev: true
 
   /@types/semver@6.2.3:
@@ -1671,27 +1905,11 @@ packages:
     resolution: {integrity: sha512-S9q47ByT2pPvD65IvrWp7qppVMpk9WGMbVq9wbWZOHg6tnXSD4vyhao6nOSBwwfDdV2p3Kx9evA9vI+XWTfDvw==}
     dev: true
 
-  /acorn-jsx@5.3.2(acorn@8.8.2):
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      acorn: 8.8.2
-    dev: true
-
   /acorn@8.8.2:
     resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
     engines: {node: '>=0.4.0'}
     hasBin: true
-
-  /ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
-    dependencies:
-      fast-deep-equal: 3.1.3
-      fast-json-stable-stringify: 2.1.0
-      json-schema-traverse: 0.4.1
-      uri-js: 4.4.1
-    dev: true
+    dev: false
 
   /ansi-colors@4.1.3:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
@@ -1735,8 +1953,11 @@ packages:
       sprintf-js: 1.0.3
     dev: true
 
-  /argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+  /array-buffer-byte-length@1.0.0:
+    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
+    dependencies:
+      call-bind: 1.0.2
+      is-array-buffer: 3.0.2
     dev: true
 
   /array-union@2.1.0:
@@ -1749,8 +1970,8 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.21.1
+      define-properties: 1.2.0
+      es-abstract: 1.21.2
       es-shim-unscopables: 1.0.0
     dev: true
 
@@ -1803,6 +2024,12 @@ packages:
       concat-map: 0.0.1
     dev: true
 
+  /brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+    dependencies:
+      balanced-match: 1.0.2
+    dev: true
+
   /braces@3.0.2:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
     engines: {node: '>=8'}
@@ -1916,8 +2143,8 @@ packages:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
     dev: true
 
-  /ci-info@3.7.1:
-    resolution: {integrity: sha512-4jYS4MOAaCIStSRwiuxc4B8MYhIe676yO1sYGzARnjXkWpmzZMMYxY6zu8WYWDhSuth5zhrQ1rhNSibyyvv4/w==}
+  /ci-info@3.8.0:
+    resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==}
     engines: {node: '>=8'}
     dev: true
 
@@ -1947,6 +2174,20 @@ packages:
     resolution: {integrity: sha512-z2jlHBocElRnPYysN2HAuhXbO3DNB0bcSKmNz3hcWR2Js2Dkhc1bEOxG93Z3DeUrnm+qx56XOY5wQmbP5KY0sw==}
     dev: false
 
+  /codemirror@6.0.1(@lezer/common@1.0.2):
+    resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==}
+    dependencies:
+      '@codemirror/autocomplete': 6.6.0(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.10.0)(@lezer/common@1.0.2)
+      '@codemirror/commands': 6.2.3
+      '@codemirror/language': 6.6.0
+      '@codemirror/lint': 6.2.1
+      '@codemirror/search': 6.4.0
+      '@codemirror/state': 6.2.0
+      '@codemirror/view': 6.10.0
+    transitivePeerDependencies:
+      - '@lezer/common'
+    dev: false
+
   /color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
     dependencies:
@@ -2002,6 +2243,10 @@ packages:
     requiresBuild: true
     dev: true
 
+  /crelt@1.0.5:
+    resolution: {integrity: sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA==}
+    dev: false
+
   /cross-fetch@3.1.5:
     resolution: {integrity: sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==}
     dependencies:
@@ -2018,15 +2263,6 @@ packages:
       which: 1.3.1
     dev: true
 
-  /cross-spawn@7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
-    engines: {node: '>= 8'}
-    dependencies:
-      path-key: 3.1.1
-      shebang-command: 2.0.0
-      which: 2.0.2
-    dev: true
-
   /css-background-parser@0.1.0:
     resolution: {integrity: sha512-2EZLisiZQ+7m4wwur/qiYJRniHX4K5Tc9w93MT3AS0WS1u5kaZ4FKXlOTBhOjc+CgEgPiGY+fX1yWD8UwpEqUA==}
     dev: true
@@ -2048,6 +2284,10 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
+  /csstype@3.1.2:
+    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
+    dev: false
+
   /csv-generate@3.4.3:
     resolution: {integrity: sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw==}
     dev: true
@@ -2128,10 +2368,6 @@ packages:
     engines: {node: '>=4.0.0'}
     dev: true
 
-  /deep-is@0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-    dev: true
-
   /deepmerge@4.3.0:
     resolution: {integrity: sha512-z2wJZXrmeHdvYJp/Ux55wIjqo81G5Bp4c+oELTW+7ar6SogWHajt5a9gO3s3IDaGSAXjDk0vlQKN3rms8ab3og==}
     engines: {node: '>=0.10.0'}
@@ -2147,8 +2383,8 @@ packages:
       clone: 1.0.4
     dev: true
 
-  /define-properties@1.1.4:
-    resolution: {integrity: sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==}
+  /define-properties@1.2.0:
+    resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==}
     engines: {node: '>= 0.4'}
     dependencies:
       has-property-descriptors: 1.0.0
@@ -2161,6 +2397,11 @@ packages:
     hasBin: true
     dev: true
 
+  /dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+    dev: false
+
   /detect-indent@6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
@@ -2188,13 +2429,6 @@ packages:
     resolution: {integrity: sha512-Pgd81ET43bhAGaN2Hq1zluSX1FmD7kl7KcV9ER/lawiLsRUB9pRA5y8r6us29Xk6BrINZETO8TjhYwtwafWUww==}
     dev: false
 
-  /doctrine@3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      esutils: 2.0.3
-    dev: true
-
   /dom-walk@0.1.2:
     resolution: {integrity: sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==}
     dev: true
@@ -2231,15 +2465,15 @@ packages:
       is-arrayish: 0.2.1
     dev: true
 
-  /es-abstract@1.21.1:
-    resolution: {integrity: sha512-QudMsPOz86xYz/1dG1OuGBKOELjCh99IIWHLzy5znUB6j8xG2yMA7bfTV86VSqKF+Y/H08vQPR+9jyXpuC6hfg==}
+  /es-abstract@1.21.2:
+    resolution: {integrity: sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==}
     engines: {node: '>= 0.4'}
     dependencies:
+      array-buffer-byte-length: 1.0.0
       available-typed-arrays: 1.0.5
       call-bind: 1.0.2
       es-set-tostringtag: 2.0.1
       es-to-primitive: 1.2.1
-      function-bind: 1.1.1
       function.prototype.name: 1.1.5
       get-intrinsic: 1.2.0
       get-symbol-description: 1.0.0
@@ -2250,7 +2484,7 @@ packages:
       has-proto: 1.0.1
       has-symbols: 1.0.3
       internal-slot: 1.0.5
-      is-array-buffer: 3.0.1
+      is-array-buffer: 3.0.2
       is-callable: 1.2.7
       is-negative-zero: 2.0.2
       is-regex: 1.1.4
@@ -2261,8 +2495,9 @@ packages:
       object-inspect: 1.12.3
       object-keys: 1.1.1
       object.assign: 4.1.4
-      regexp.prototype.flags: 1.4.3
+      regexp.prototype.flags: 1.5.0
       safe-regex-test: 1.0.0
+      string.prototype.trim: 1.2.7
       string.prototype.trimend: 1.0.6
       string.prototype.trimstart: 1.0.6
       typed-array-length: 1.0.4
@@ -2353,34 +2588,34 @@ packages:
       '@esbuild/win32-x64': 0.16.17
     dev: true
 
-  /esbuild@0.17.16:
-    resolution: {integrity: sha512-aeSuUKr9aFVY9Dc8ETVELGgkj4urg5isYx8pLf4wlGgB0vTFjxJQdHnNH6Shmx4vYYrOTLCHtRI5i1XZ9l2Zcg==}
+  /esbuild@0.17.18:
+    resolution: {integrity: sha512-z1lix43jBs6UKjcZVKOw2xx69ffE2aG0PygLL5qJ9OS/gy0Ewd1gW/PUQIOIQGXBHWNywSc0floSKoMFF8aK2w==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': 0.17.16
-      '@esbuild/android-arm64': 0.17.16
-      '@esbuild/android-x64': 0.17.16
-      '@esbuild/darwin-arm64': 0.17.16
-      '@esbuild/darwin-x64': 0.17.16
-      '@esbuild/freebsd-arm64': 0.17.16
-      '@esbuild/freebsd-x64': 0.17.16
-      '@esbuild/linux-arm': 0.17.16
-      '@esbuild/linux-arm64': 0.17.16
-      '@esbuild/linux-ia32': 0.17.16
-      '@esbuild/linux-loong64': 0.17.16
-      '@esbuild/linux-mips64el': 0.17.16
-      '@esbuild/linux-ppc64': 0.17.16
-      '@esbuild/linux-riscv64': 0.17.16
-      '@esbuild/linux-s390x': 0.17.16
-      '@esbuild/linux-x64': 0.17.16
-      '@esbuild/netbsd-x64': 0.17.16
-      '@esbuild/openbsd-x64': 0.17.16
-      '@esbuild/sunos-x64': 0.17.16
-      '@esbuild/win32-arm64': 0.17.16
-      '@esbuild/win32-ia32': 0.17.16
-      '@esbuild/win32-x64': 0.17.16
+      '@esbuild/android-arm': 0.17.18
+      '@esbuild/android-arm64': 0.17.18
+      '@esbuild/android-x64': 0.17.18
+      '@esbuild/darwin-arm64': 0.17.18
+      '@esbuild/darwin-x64': 0.17.18
+      '@esbuild/freebsd-arm64': 0.17.18
+      '@esbuild/freebsd-x64': 0.17.18
+      '@esbuild/linux-arm': 0.17.18
+      '@esbuild/linux-arm64': 0.17.18
+      '@esbuild/linux-ia32': 0.17.18
+      '@esbuild/linux-loong64': 0.17.18
+      '@esbuild/linux-mips64el': 0.17.18
+      '@esbuild/linux-ppc64': 0.17.18
+      '@esbuild/linux-riscv64': 0.17.18
+      '@esbuild/linux-s390x': 0.17.18
+      '@esbuild/linux-x64': 0.17.18
+      '@esbuild/netbsd-x64': 0.17.18
+      '@esbuild/openbsd-x64': 0.17.18
+      '@esbuild/sunos-x64': 0.17.18
+      '@esbuild/win32-arm64': 0.17.18
+      '@esbuild/win32-ia32': 0.17.18
+      '@esbuild/win32-x64': 0.17.18
 
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
@@ -2392,129 +2627,15 @@ packages:
     engines: {node: '>=0.8.0'}
     dev: true
 
-  /escape-string-regexp@4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
-    dev: true
-
-  /eslint-config-prettier@8.8.0(eslint@8.38.0):
-    resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
-    dependencies:
-      eslint: 8.38.0
-    dev: true
-
-  /eslint-plugin-svelte3@4.0.0(eslint@8.38.0)(svelte@3.58.0):
-    resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
-    peerDependencies:
-      eslint: '>=8.0.0'
-      svelte: ^3.2.0
-    dependencies:
-      eslint: 8.38.0
-      svelte: 3.58.0
-    dev: true
-
-  /eslint-scope@7.2.0:
-    resolution: {integrity: sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 5.3.0
-    dev: true
-
-  /eslint-visitor-keys@3.4.0:
-    resolution: {integrity: sha512-HPpKPUBQcAsZOsHAFwTtIKcYlCje62XB7SEAcxjtmW6TD1WVpkS6i6/hOVtTZIl4zGj/mBqpFVGvaDneik+VoQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
-  /eslint@8.38.0:
-    resolution: {integrity: sha512-pIdsD2jwlUGf/U38Jv97t8lq6HpaU/G9NKbYmpWpZGw3LdTNhZLbJePqxOXGB5+JEKfOPU/XLxYxFh03nr1KTg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.38.0)
-      '@eslint-community/regexpp': 4.5.0
-      '@eslint/eslintrc': 2.0.2
-      '@eslint/js': 8.38.0
-      '@humanwhocodes/config-array': 0.11.8
-      '@humanwhocodes/module-importer': 1.0.1
-      '@nodelib/fs.walk': 1.2.8
-      ajv: 6.12.6
-      chalk: 4.1.2
-      cross-spawn: 7.0.3
-      debug: 4.3.4
-      doctrine: 3.0.0
-      escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.0
-      eslint-visitor-keys: 3.4.0
-      espree: 9.5.1
-      esquery: 1.5.0
-      esutils: 2.0.3
-      fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
-      find-up: 5.0.0
-      glob-parent: 6.0.2
-      globals: 13.20.0
-      grapheme-splitter: 1.0.4
-      ignore: 5.2.4
-      import-fresh: 3.3.0
-      imurmurhash: 0.1.4
-      is-glob: 4.0.3
-      is-path-inside: 3.0.3
-      js-sdsl: 4.4.0
-      js-yaml: 4.1.0
-      json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
-      lodash.merge: 4.6.2
-      minimatch: 3.1.2
-      natural-compare: 1.4.0
-      optionator: 0.9.1
-      strip-ansi: 6.0.1
-      strip-json-comments: 3.1.1
-      text-table: 0.2.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /esm-env@1.0.0:
     resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
 
-  /espree@9.5.1:
-    resolution: {integrity: sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      acorn: 8.8.2
-      acorn-jsx: 5.3.2(acorn@8.8.2)
-      eslint-visitor-keys: 3.4.0
-    dev: true
-
   /esprima@4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
     hasBin: true
     dev: true
 
-  /esquery@1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
-    engines: {node: '>=0.10'}
-    dependencies:
-      estraverse: 5.3.0
-    dev: true
-
-  /esrecurse@4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
-    engines: {node: '>=4.0'}
-    dependencies:
-      estraverse: 5.3.0
-    dev: true
-
-  /estraverse@5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
-    engines: {node: '>=4.0'}
-    dev: true
-
   /estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
     dev: true
@@ -2525,11 +2646,6 @@ packages:
       '@types/estree': 1.0.0
     dev: false
 
-  /esutils@2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /exif-parser@0.1.12:
     resolution: {integrity: sha512-c2bQfLNbMzLPmzQuOr8fy0csy84WmwnER81W88DzTp9CYNPJ6yzOj2EZAh9pywYpqHnshVLHQJ8WzldAyfY+Iw==}
     dev: true
@@ -2558,10 +2674,6 @@ packages:
       tmp: 0.0.33
     dev: true
 
-  /fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-    dev: true
-
   /fast-glob@3.2.12:
     resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
     engines: {node: '>=8.6.0'}
@@ -2573,14 +2685,6 @@ packages:
       micromatch: 4.0.5
     dev: true
 
-  /fast-json-stable-stringify@2.1.0:
-    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-    dev: true
-
-  /fast-levenshtein@2.0.6:
-    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
-    dev: true
-
   /fastq@1.15.0:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
     dependencies:
@@ -2591,13 +2695,6 @@ packages:
     resolution: {integrity: sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==}
     dev: true
 
-  /file-entry-cache@6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-    dependencies:
-      flat-cache: 3.0.4
-    dev: true
-
   /file-type@9.0.0:
     resolution: {integrity: sha512-Qe/5NJrgIOlwijpq3B7BEpzPFcgzggOTagZmkXQY4LA6bsXKTUstK7Wp12lEJ/mLKTpvIZxmIuRcLYWT6ov9lw==}
     engines: {node: '>=6'}
@@ -2633,18 +2730,6 @@ packages:
       pkg-dir: 4.2.0
     dev: true
 
-  /flat-cache@3.0.4:
-    resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-    dependencies:
-      flatted: 3.2.7
-      rimraf: 3.0.2
-    dev: true
-
-  /flatted@3.2.7:
-    resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
-    dev: true
-
   /flru@1.0.2:
     resolution: {integrity: sha512-kWyh8ADvHBFz6ua5xYOPnUroZTT/bwWfrCeL0Wj1dzG4/YOmOcfJ99W8dOVyyynJN35rZ9aCOtHChqQovV7yog==}
     engines: {node: '>=6'}
@@ -2664,7 +2749,7 @@ packages:
     resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
     engines: {node: '>=6 <7 || >=8'}
     dependencies:
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
       jsonfile: 4.0.0
       universalify: 0.1.2
     dev: true
@@ -2673,7 +2758,7 @@ packages:
     resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
     engines: {node: '>=6 <7 || >=8'}
     dependencies:
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
       jsonfile: 4.0.0
       universalify: 0.1.2
     dev: true
@@ -2691,14 +2776,15 @@ packages:
 
   /function-bind@1.1.1:
     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
+    dev: true
 
   /function.prototype.name@1.1.5:
     resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==}
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.21.1
+      define-properties: 1.2.0
+      es-abstract: 1.21.2
       functions-have-names: 1.2.3
     dev: true
 
@@ -2738,13 +2824,6 @@ packages:
       is-glob: 4.0.3
     dev: true
 
-  /glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
-    dependencies:
-      is-glob: 4.0.3
-    dev: true
-
   /glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     dependencies:
@@ -2756,6 +2835,17 @@ packages:
       path-is-absolute: 1.0.1
     dev: true
 
+  /glob@8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 5.1.6
+      once: 1.4.0
+    dev: true
+
   /global@4.4.0:
     resolution: {integrity: sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==}
     dependencies:
@@ -2763,18 +2853,11 @@ packages:
       process: 0.11.10
     dev: true
 
-  /globals@13.20.0:
-    resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      type-fest: 0.20.2
-    dev: true
-
   /globalthis@1.0.3:
     resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
     engines: {node: '>= 0.4'}
     dependencies:
-      define-properties: 1.1.4
+      define-properties: 1.2.0
     dev: true
 
   /globalyzer@0.1.0:
@@ -2809,6 +2892,10 @@ packages:
     resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
     dev: true
 
+  /graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+    dev: true
+
   /grapheme-splitter@1.0.4:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
     dev: true
@@ -2860,6 +2947,7 @@ packages:
     engines: {node: '>= 0.4.0'}
     dependencies:
       function-bind: 1.1.1
+    dev: true
 
   /hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
@@ -2880,6 +2968,13 @@ packages:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
     dev: true
 
+  /ignore-walk@5.0.1:
+    resolution: {integrity: sha512-yemi4pMf51WKT7khInJqAvsIGzoqYXblnsz0ql8tM+yi1EKYTY1evX4NAbJrLL/Aanr2HyZeluqU+Oi7MGHokw==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      minimatch: 5.1.6
+    dev: true
+
   /ignore@5.2.4:
     resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
     engines: {node: '>= 4'}
@@ -2904,9 +2999,8 @@ packages:
     resolution: {integrity: sha512-C6lLL7EJPY44kBvA80gq4uMsVFw5x3oSKfuMl1cuZ2RkI5+UJqQXgn+6hlUew0y4ig7Ypt4CObAAIzU53Nfpuw==}
     dev: true
 
-  /imurmurhash@0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
-    engines: {node: '>=0.8.19'}
+  /import-meta-resolve@3.0.0:
+    resolution: {integrity: sha512-4IwhLhNNA8yy445rPjD/lWh++7hMDOml2eHtd58eG7h+qK3EryMuuRbsHGPikCoAgIkkDnckKfWSk2iDla/ejg==}
     dev: true
 
   /indent-string@4.0.0:
@@ -2943,8 +3037,8 @@ packages:
     engines: {node: '>= 0.10'}
     dev: true
 
-  /is-array-buffer@3.0.1:
-    resolution: {integrity: sha512-ASfLknmY8Xa2XtB4wmbz13Wu202baeA18cJBCeCy0wXUHZF0IPyVEXqKEcd+t2fNSLLL1vC6k7lxZEojNbISXQ==}
+  /is-array-buffer@3.0.2:
+    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
     dependencies:
       call-bind: 1.0.2
       get-intrinsic: 1.2.0
@@ -2989,7 +3083,7 @@ packages:
     resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
     hasBin: true
     dependencies:
-      ci-info: 3.7.1
+      ci-info: 3.8.0
     dev: true
 
   /is-core-module@2.11.0:
@@ -3002,6 +3096,7 @@ packages:
     resolution: {integrity: sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==}
     dependencies:
       has: 1.0.3
+    dev: true
 
   /is-date-object@1.0.5:
     resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
@@ -3048,11 +3143,6 @@ packages:
     engines: {node: '>=0.12.0'}
     dev: true
 
-  /is-path-inside@3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
-    engines: {node: '>=8'}
-    dev: true
-
   /is-plain-obj@1.1.0:
     resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
     engines: {node: '>=0.10.0'}
@@ -3137,10 +3227,6 @@ packages:
     resolution: {integrity: sha512-9IXdWudL61npZjvLuVe/ktHiA41iE8qFyLB+4VDTblEsWBzeg8WQTlktdUK4CdncUqtUgUg0bbOmTE2bKBKaBQ==}
     dev: true
 
-  /js-sdsl@4.4.0:
-    resolution: {integrity: sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==}
-    dev: true
-
   /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
     dev: true
@@ -3153,29 +3239,14 @@ packages:
       esprima: 4.0.1
     dev: true
 
-  /js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
-    hasBin: true
-    dependencies:
-      argparse: 2.0.1
-    dev: true
-
   /json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
     dev: true
 
-  /json-schema-traverse@0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-    dev: true
-
-  /json-stable-stringify-without-jsonify@1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-    dev: true
-
   /jsonfile@4.0.0:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
     optionalDependencies:
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
     dev: true
 
   /kind-of@6.0.3:
@@ -3187,14 +3258,6 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
-  /levn@0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-    dev: true
-
   /lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
     dev: true
@@ -3216,7 +3279,7 @@ packages:
     resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
     engines: {node: '>=6'}
     dependencies:
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
       js-yaml: 3.14.1
       pify: 4.0.1
       strip-bom: 3.0.0
@@ -3236,10 +3299,6 @@ packages:
       p-locate: 5.0.0
     dev: true
 
-  /lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-    dev: true
-
   /lodash.startcase@4.4.0:
     resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
     dev: true
@@ -3274,7 +3333,7 @@ packages:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.14
+      '@jridgewell/sourcemap-codec': 1.4.15
     dev: true
 
   /magic-string@0.30.0:
@@ -3299,6 +3358,12 @@ packages:
     hasBin: true
     dev: true
 
+  /marked@4.3.0:
+    resolution: {integrity: sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==}
+    engines: {node: '>= 12'}
+    hasBin: true
+    dev: false
+
   /meow@6.1.1:
     resolution: {integrity: sha512-3YffViIt2QWgTy6Pale5QpopX/IvU3LPL03jOTqp6pGj3VjesdO/U8CuHMKpnQr4shCNCM5fd5XFFvIIl6JBHg==}
     engines: {node: '>=8'}
@@ -3362,6 +3427,13 @@ packages:
       brace-expansion: 1.1.11
     dev: true
 
+  /minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
+    engines: {node: '>=10'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
   /minimist-options@4.1.0:
     resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
     engines: {node: '>= 6'}
@@ -3379,8 +3451,8 @@ packages:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
     dev: true
 
-  /mixme@0.5.5:
-    resolution: {integrity: sha512-/6IupbRx32s7jjEwHcycXikJwFD5UujbVNuJFkeKLYje+92OvtuPniF6JhnFm5JCTDUhS+kYK3W/4BWYQYXz7w==}
+  /mixme@0.5.9:
+    resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==}
     engines: {node: '>= 8.0.0'}
     dev: true
 
@@ -3423,14 +3495,15 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  /nanostores@0.8.1:
+    resolution: {integrity: sha512-1ZCfQtII2XeFDrtqXL2cdQ/diGrLxzRB3YMyQjn8m7GSGQrJfGST2iuqMpWnS/ZlifhtjgR/SX0Jy6Uij6lRLA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: false
+
   /napi-build-utils@1.0.2:
     resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
     dev: true
 
-  /natural-compare@1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-    dev: true
-
   /next-tick@1.1.0:
     resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
     dev: false
@@ -3486,7 +3559,7 @@ packages:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
     dependencies:
       hosted-git-info: 2.8.9
-      resolve: 1.22.1
+      resolve: 1.22.2
       semver: 5.7.1
       validate-npm-package-license: 3.0.4
     dev: true
@@ -3496,6 +3569,29 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /npm-bundled@2.0.1:
+    resolution: {integrity: sha512-gZLxXdjEzE/+mOstGDqR6b0EkhJ+kM6fxM6vUuckuctuVPh80Q6pw/rSZj9s4Gex9GxWtIicO1pc8DB9KZWudw==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dependencies:
+      npm-normalize-package-bin: 2.0.0
+    dev: true
+
+  /npm-normalize-package-bin@2.0.0:
+    resolution: {integrity: sha512-awzfKUO7v0FscrSpRoogyNm0sajikhBWpU0QMrW09AMi9n1PoKU6WaIqUzuJSQnpciZZmJ/jMZ2Egfmb/9LiWQ==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    dev: true
+
+  /npm-packlist@5.1.3:
+    resolution: {integrity: sha512-263/0NGrn32YFYi4J533qzrQ/krmmrWwhKkzwTuM4f/07ug51odoaNjUexxO4vxlzURHcmYMH1QjvHjsNDKLVg==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      glob: 8.1.0
+      ignore-walk: 5.0.1
+      npm-bundled: 2.0.1
+      npm-normalize-package-bin: 2.0.0
+    dev: true
+
   /object-inspect@1.12.3:
     resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
     dev: true
@@ -3510,7 +3606,7 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.2
-      define-properties: 1.1.4
+      define-properties: 1.2.0
       has-symbols: 1.0.3
       object-keys: 1.1.1
     dev: true
@@ -3525,18 +3621,6 @@ packages:
       wrappy: 1.0.2
     dev: true
 
-  /optionator@0.9.1:
-    resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      deep-is: 0.1.4
-      fast-levenshtein: 2.0.6
-      levn: 0.4.1
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-      word-wrap: 1.2.3
-    dev: true
-
   /os-tmpdir@1.0.2:
     resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
     engines: {node: '>=0.10.0'}
@@ -3625,7 +3709,7 @@ packages:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': 7.18.6
+      '@babel/code-frame': 7.21.4
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -3648,13 +3732,9 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
-    dev: true
-
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+    dev: true
 
   /path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
@@ -3692,6 +3772,12 @@ packages:
       find-up: 4.1.0
     dev: true
 
+  /playwright-core@1.33.0:
+    resolution: {integrity: sha512-aizyPE1Cj62vAECdph1iaMILpT0WUDCq3E6rW6I+dleSbBoGbktvJtzS6VHkZ4DKNEOG9qJpiom/ZxO+S15LAw==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
   /pngjs@3.4.0:
     resolution: {integrity: sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==}
     engines: {node: '>=4.0.0'}
@@ -3708,6 +3794,15 @@ packages:
       nanoid: 3.3.6
       picocolors: 1.0.0
       source-map-js: 1.0.2
+    dev: true
+
+  /postcss@8.4.23:
+    resolution: {integrity: sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.6
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
 
   /prebuild-install@7.1.1:
     resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
@@ -3738,21 +3833,6 @@ packages:
       which-pm: 2.0.0
     dev: true
 
-  /prelude-ls@1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
-    engines: {node: '>= 0.8.0'}
-    dev: true
-
-  /prettier-plugin-svelte@2.10.0(prettier@2.8.7)(svelte@3.58.0):
-    resolution: {integrity: sha512-GXMY6t86thctyCvQq+jqElO+MKdB09BkL3hexyGP3Oi8XLKRFaJP1ud/xlWCZ9ZIa2BxHka32zhHfcuU+XsRQg==}
-    peerDependencies:
-      prettier: ^1.16.4 || ^2.0.0
-      svelte: ^3.2.0
-    dependencies:
-      prettier: 2.8.7
-      svelte: 3.58.0
-    dev: true
-
   /prettier-plugin-svelte@2.9.0(prettier@2.8.4)(svelte@3.55.1):
     resolution: {integrity: sha512-3doBi5NO4IVgaNPtwewvrgPpqAcvNv0NwJNflr76PIGgi9nf1oguQV1Hpdm9TI2ALIQVn/9iIwLpBO5UcD2Jiw==}
     peerDependencies:
@@ -3769,8 +3849,8 @@ packages:
     hasBin: true
     dev: true
 
-  /prettier@2.8.7:
-    resolution: {integrity: sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==}
+  /prettier@2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
     engines: {node: '>=10.13.0'}
     hasBin: true
     dev: true
@@ -3793,6 +3873,16 @@ packages:
     resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
     dev: true
 
+  /publint@0.1.11:
+    resolution: {integrity: sha512-sD0rtIEadks83MkpomJswBO/YHExJLkta1TyqUhb0/aVV+o3ZlVnwsDPjCAow8tpfxmLGutCSLWq32yfhPB98w==}
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      npm-packlist: 5.1.3
+      picocolors: 1.0.0
+      sade: 1.8.1
+    dev: true
+
   /pump@3.0.0:
     resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
     dependencies:
@@ -3800,11 +3890,6 @@ packages:
       once: 1.4.0
     dev: true
 
-  /punycode@2.3.0:
-    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
-    engines: {node: '>=6'}
-    dev: true
-
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
     dev: true
@@ -3847,7 +3932,7 @@ packages:
     resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
     engines: {node: '>=6'}
     dependencies:
-      graceful-fs: 4.2.10
+      graceful-fs: 4.2.11
       js-yaml: 3.14.1
       pify: 4.0.1
       strip-bom: 3.0.0
@@ -3888,12 +3973,12 @@ packages:
     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
     dev: true
 
-  /regexp.prototype.flags@1.4.3:
-    resolution: {integrity: sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==}
+  /regexp.prototype.flags@1.5.0:
+    resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==}
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.2
-      define-properties: 1.1.4
+      define-properties: 1.2.0
       functions-have-names: 1.2.3
     dev: true
 
@@ -3930,13 +4015,14 @@ packages:
       supports-preserve-symlinks-flag: 1.0.0
     dev: true
 
-  /resolve@1.22.3:
-    resolution: {integrity: sha512-P8ur/gp/AmbEzjr729bZnLjXK5Z+4P0zhIJgBgzqRih7hL7BOukHGtSTA3ACMY467GRFz3duQsi0bDZdR7DKdw==}
+  /resolve@1.22.2:
+    resolution: {integrity: sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==}
     hasBin: true
     dependencies:
       is-core-module: 2.12.0
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
+    dev: true
 
   /reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
@@ -3950,13 +4036,6 @@ packages:
       glob: 7.2.3
     dev: true
 
-  /rimraf@3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    hasBin: true
-    dependencies:
-      glob: 7.2.3
-    dev: true
-
   /rollup@2.79.1:
     resolution: {integrity: sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==}
     engines: {node: '>=10.0.0'}
@@ -3973,8 +4052,8 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /rollup@3.20.2:
-    resolution: {integrity: sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==}
+  /rollup@3.21.1:
+    resolution: {integrity: sha512-GpUgqWCw56OSiBKf7lcAITstYiBV1/EKaKYPl9r8HgAxc6/qYAVw1PaHWnvHWFziRaf4HsVCDLq/IGtBi1K/Zw==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
@@ -4086,23 +4165,11 @@ packages:
       shebang-regex: 1.0.0
     dev: true
 
-  /shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
-    dependencies:
-      shebang-regex: 3.0.0
-    dev: true
-
   /shebang-regex@1.0.0:
     resolution: {integrity: sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==}
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
-    dev: true
-
   /shelljs@0.8.5:
     resolution: {integrity: sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==}
     engines: {node: '>=4'}
@@ -4150,6 +4217,15 @@ packages:
       '@polka/url': 1.0.0-next.21
       mrmime: 1.0.1
       totalist: 3.0.0
+    dev: true
+
+  /sirv@2.0.3:
+    resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==}
+    engines: {node: '>= 10'}
+    dependencies:
+      '@polka/url': 1.0.0-next.21
+      mrmime: 1.0.1
+      totalist: 3.0.1
 
   /slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
@@ -4179,6 +4255,16 @@ packages:
       sourcemap-codec: 1.4.8
     dev: true
 
+  /sorcery@0.11.0:
+    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
+    hasBin: true
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+      buffer-crc32: 0.2.13
+      minimist: 1.2.8
+      sander: 0.5.1
+    dev: true
+
   /source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
@@ -4195,11 +4281,11 @@ packages:
       signal-exit: 3.0.7
     dev: true
 
-  /spdx-correct@3.1.1:
-    resolution: {integrity: sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==}
+  /spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
     dependencies:
       spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.12
+      spdx-license-ids: 3.0.13
     dev: true
 
   /spdx-exceptions@2.3.0:
@@ -4210,11 +4296,11 @@ packages:
     resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
     dependencies:
       spdx-exceptions: 2.3.0
-      spdx-license-ids: 3.0.12
+      spdx-license-ids: 3.0.13
     dev: true
 
-  /spdx-license-ids@3.0.12:
-    resolution: {integrity: sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==}
+  /spdx-license-ids@3.0.13:
+    resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==}
     dev: true
 
   /sprintf-js@1.0.3:
@@ -4224,7 +4310,7 @@ packages:
   /stream-transform@2.1.3:
     resolution: {integrity: sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==}
     dependencies:
-      mixme: 0.5.5
+      mixme: 0.5.9
     dev: true
 
   /streamsearch@1.1.0:
@@ -4244,20 +4330,29 @@ packages:
     resolution: {integrity: sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg==}
     dev: true
 
+  /string.prototype.trim@1.2.7:
+    resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+      es-abstract: 1.21.2
+    dev: true
+
   /string.prototype.trimend@1.0.6:
     resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==}
     dependencies:
       call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.21.1
+      define-properties: 1.2.0
+      es-abstract: 1.21.2
     dev: true
 
   /string.prototype.trimstart@1.0.6:
     resolution: {integrity: sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==}
     dependencies:
       call-bind: 1.0.2
-      define-properties: 1.1.4
-      es-abstract: 1.21.1
+      define-properties: 1.2.0
+      es-abstract: 1.21.2
     dev: true
 
   /string_decoder@1.3.0:
@@ -4290,10 +4385,9 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-    dev: true
+  /style-mod@4.0.3:
+    resolution: {integrity: sha512-78Jv8kYJdjbvRwwijtCevYADfsI0lGzYJe4mMFdceO8l75DFFDoqBhR1jVDicDRRaX4//g1u9wKeo+ztc2h1Rw==}
+    dev: false
 
   /supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
@@ -4312,6 +4406,7 @@ packages:
   /supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
+    dev: true
 
   /svelte-check@2.10.3(svelte@3.55.1):
     resolution: {integrity: sha512-Nt1aWHTOKFReBpmJ1vPug0aGysqPwJh2seM1OvICfM2oeyaA62mOiy5EvkXhltGfhCcIQcq2LoE0l1CwcWPjlw==}
@@ -4341,6 +4436,33 @@ packages:
       - sugarss
     dev: true
 
+  /svelte-check@3.2.0(svelte@3.58.0):
+    resolution: {integrity: sha512-6ZnscN8dHEN5Eq5LgIzjj07W9nc9myyBH+diXsUAuiY/3rt0l65/LCIQYlIuoFEjp2F1NhXqZiJwV9omPj9tMw==}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.55.0
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.17
+      chokidar: 3.5.3
+      fast-glob: 3.2.12
+      import-fresh: 3.3.0
+      picocolors: 1.0.0
+      sade: 1.8.1
+      svelte: 3.58.0
+      svelte-preprocess: 5.0.3(svelte@3.58.0)(typescript@5.0.4)
+      typescript: 5.0.4
+    transitivePeerDependencies:
+      - '@babel/core'
+      - coffeescript
+      - less
+      - postcss
+      - postcss-load-config
+      - pug
+      - sass
+      - stylus
+      - sugarss
+    dev: true
+
   /svelte-hmr@0.15.1(svelte@3.55.1):
     resolution: {integrity: sha512-BiKB4RZ8YSwRKCNVdNxK/GfY+r4Kjgp9jCLEy0DuqAKfmQtpL38cQK3afdpjw4sqSs4PLi3jIPJIFp259NkZtA==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
@@ -4422,6 +4544,53 @@ packages:
       typescript: 4.9.5
     dev: true
 
+  /svelte-preprocess@5.0.3(svelte@3.58.0)(typescript@5.0.4):
+    resolution: {integrity: sha512-GrHF1rusdJVbOZOwgPWtpqmaexkydznKzy5qIC2FabgpFyKN57bjMUUUqPRfbBXK5igiEWn1uO/DXsa2vJ5VHA==}
+    engines: {node: '>= 14.10.0'}
+    requiresBuild: true
+    peerDependencies:
+      '@babel/core': ^7.10.2
+      coffeescript: ^2.5.1
+      less: ^3.11.3 || ^4.0.0
+      postcss: ^7 || ^8
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
+      pug: ^3.0.0
+      sass: ^1.26.8
+      stylus: ^0.55.0
+      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
+      svelte: ^3.23.0
+      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      coffeescript:
+        optional: true
+      less:
+        optional: true
+      postcss:
+        optional: true
+      postcss-load-config:
+        optional: true
+      pug:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@types/pug': 2.0.6
+      detect-indent: 6.1.0
+      magic-string: 0.27.0
+      sorcery: 0.11.0
+      strip-indent: 3.0.0
+      svelte: 3.58.0
+      typescript: 5.0.4
+    dev: true
+
   /svelte2tsx@0.4.14(svelte@3.55.1)(typescript@4.9.5):
     resolution: {integrity: sha512-udF0Z/DA98OfjPFBU1GBJRpYHEvsxA8ozwYVN08AOWMnQyxoSyWWlYspiq2m9xAjLo/pWnhec9z1d6jc9umqjA==}
     peerDependencies:
@@ -4492,10 +4661,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /text-table@0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-    dev: true
-
   /timm@1.7.1:
     resolution: {integrity: sha512-IjZc9KIotudix8bMaBW6QvMuq64BrJWFs1+4V0lXwWGQZwH+LnX87doAYhem4caOEusRP9/g6jVDQmZ8XOk1nw==}
     dev: true
@@ -4527,6 +4692,11 @@ packages:
   /totalist@3.0.0:
     resolution: {integrity: sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw==}
     engines: {node: '>=6'}
+    dev: true
+
+  /totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
 
   /tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
@@ -4540,8 +4710,8 @@ packages:
     resolution: {integrity: sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==}
     dev: true
 
-  /tty-table@4.1.6:
-    resolution: {integrity: sha512-kRj5CBzOrakV4VRRY5kUWbNYvo/FpOsz65DzI5op9P+cHov3+IqPbo1JE1ZnQGkHdZgNFDsrEjrfqqy/Ply9fw==}
+  /tty-table@4.2.1:
+    resolution: {integrity: sha512-xz0uKo+KakCQ+Dxj1D/tKn2FSyreSYWzdkL/BYhgN6oMW808g8QRMuh1atAV9fjTPbWBjfbkKQpI/5rEcnAc7g==}
     engines: {node: '>=8.0.0'}
     hasBin: true
     dependencies:
@@ -4551,7 +4721,7 @@ packages:
       smartwrap: 2.0.2
       strip-ansi: 6.0.1
       wcwidth: 1.0.1
-      yargs: 17.6.2
+      yargs: 17.7.1
     dev: true
 
   /tunnel-agent@0.6.0:
@@ -4560,23 +4730,11 @@ packages:
       safe-buffer: 5.2.1
     dev: true
 
-  /type-check@0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      prelude-ls: 1.2.1
-    dev: true
-
   /type-fest@0.13.1:
     resolution: {integrity: sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==}
     engines: {node: '>=10'}
     dev: true
 
-  /type-fest@0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
-    engines: {node: '>=10'}
-    dev: true
-
   /type-fest@0.6.0:
     resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
     engines: {node: '>=8'}
@@ -4641,9 +4799,9 @@ packages:
       busboy: 1.6.0
     dev: true
 
-  /undici@5.20.0:
-    resolution: {integrity: sha512-J3j60dYzuo6Eevbawwp1sdg16k5Tf768bxYK4TUJRH7cBM4kFCbf3mOnM/0E3vQYXvpxITbbWmBafaDbxLDz3g==}
-    engines: {node: '>=12.18'}
+  /undici@5.22.0:
+    resolution: {integrity: sha512-fR9RXCc+6Dxav4P9VV/sp5w3eFiSdOjJYsbtWfd4s5L5C4ogyuVpdKIVHeW0vV1MloM65/f7W45nR9ZxwVdyiA==}
+    engines: {node: '>=14.0'}
     dependencies:
       busboy: 1.6.0
 
@@ -4652,12 +4810,6 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  /uri-js@4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
-    dependencies:
-      punycode: 2.3.0
-    dev: true
-
   /utf-8-validate@5.0.10:
     resolution: {integrity: sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==}
     engines: {node: '>=6.14.2'}
@@ -4679,7 +4831,7 @@ packages:
   /validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
     dependencies:
-      spdx-correct: 3.1.1
+      spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
     dev: true
 
@@ -4726,8 +4878,8 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vite@4.2.1:
-    resolution: {integrity: sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==}
+  /vite@4.3.3:
+    resolution: {integrity: sha512-MwFlLBO4udZXd+VBcezo3u8mC77YQk+ik+fbc0GZWGgzfbPP+8Kf0fldhARqvSYmtIWoAJ5BXPClUbMTlqFxrA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -4751,10 +4903,9 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: 0.17.16
-      postcss: 8.4.21
-      resolve: 1.22.3
-      rollup: 3.20.2
+      esbuild: 0.17.18
+      postcss: 8.4.23
+      rollup: 3.21.1
     optionalDependencies:
       fsevents: 2.3.2
 
@@ -4769,7 +4920,7 @@ packages:
       vite: 4.1.1
     dev: true
 
-  /vitefu@0.2.4(vite@4.2.1):
+  /vitefu@0.2.4(vite@4.3.3):
     resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==}
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0
@@ -4777,7 +4928,11 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 4.2.1
+      vite: 4.3.3
+
+  /w3c-keyname@2.2.6:
+    resolution: {integrity: sha512-f+fciywl1SJEniZHD6H+kUO8gOnwIr7f4ijKA6+ZvJFjeGi1r4PDLl53Ayud9O/rk64RqgoQine0feoeOU0kXg==}
+    dev: false
 
   /wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
@@ -4818,8 +4973,8 @@ packages:
       is-symbol: 1.0.4
     dev: true
 
-  /which-module@2.0.0:
-    resolution: {integrity: sha512-B+enWhmw6cjfVC7kS8Pj9pCrKSc5txArRyaYGe088shv/FGWH+0Rjx/xPgtsWfsUtS27FkP697E4DDhgrgoc0Q==}
+  /which-module@2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
     dev: true
 
   /which-pm@2.0.0:
@@ -4849,19 +5004,6 @@ packages:
       isexe: 2.0.0
     dev: true
 
-  /which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
-    dependencies:
-      isexe: 2.0.0
-    dev: true
-
-  /word-wrap@1.2.3:
-    resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /wrap-ansi@6.2.0:
     resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
     engines: {node: '>=8'}
@@ -4962,13 +5104,13 @@ packages:
       require-main-filename: 2.0.0
       set-blocking: 2.0.0
       string-width: 4.2.3
-      which-module: 2.0.0
+      which-module: 2.0.1
       y18n: 4.0.3
       yargs-parser: 18.1.3
     dev: true
 
-  /yargs@17.6.2:
-    resolution: {integrity: sha512-1/9UrdHjDZc0eOU0HxOHoS78C69UD3JRMvzlJ7S79S2nTaWRA/whGCTV8o9e/N/1Va9YIV7Q4sOxD8VV4pCWOw==}
+  /yargs@17.7.1:
+    resolution: {integrity: sha512-cwiTb08Xuv5fqF4AovYacTFNxk62th7LKJ6BL9IGUpTJrWoU7/7WdQGTP2SjKf1dUNBGzDd28p/Yfs/GI6JrLw==}
     engines: {node: '>=12'}
     dependencies:
       cliui: 8.0.1