diff --git a/jest.config.js b/jest.config.js
index ff39b9235..7c9d422aa 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -4,7 +4,7 @@ const config = require("@patternslib/dev/jest.config.js");
 // config.setupFilesAfterEnv.push("./node_modules/@testing-library/jest-dom/extend-expect");
 config.setupFilesAfterEnv.push(path.resolve(__dirname, "./src/setup-tests.js"));
 config.transformIgnorePatterns = [
-    "/node_modules/(?!@patternslib/)(?!@plone/)(?!preact/)(?!screenfull/)(?!sinon/)(?!bootstrap/)(?!datatable/)(?!svelte/).+\\.[t|j]sx?$",
+    "/node_modules/(?!@patternslib/)(?!@plone/)(?!preact/)(?!screenfull/)(?!sinon/)(?!bootstrap/)(?!datatable/)(?!svelte/)(?!esm-env/).+\\.[t|j]sx?$",
 ];
 
 // add svelte-jester
diff --git a/package.json b/package.json
index 70317605e..4469099b9 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
         "@11ty/eleventy-upgrade-help": "3.0.2",
         "@patternslib/pat-code-editor": "4.0.1",
         "@patternslib/patternslib": "9.10.4",
-        "@plone/registry": "^2.5.4",
+        "@plone/registry": "^2.7.0",
         "backbone": "1.6.1",
         "backbone.paginator": "2.0.8",
         "bootstrap": "5.3.8",
@@ -55,9 +55,9 @@
         "npm-run-all2": "^8.0.4",
         "rimraf": "^6.0.1",
         "sinon": "^16.1.3",
-        "svelte": "^4.2.19",
-        "svelte-jester": "^3.0.0",
-        "svelte-loader": "^3.2.3",
+        "svelte": "^5.53.8",
+        "svelte-jester": "^5.0.0",
+        "svelte-loader": "^3.2.4",
         "svelte-scrollto": "^0.2.0",
         "svg-inline-loader": "^0.8.2"
     },
diff --git a/src/pat/contentbrowser/contentbrowser.js b/src/pat/contentbrowser/contentbrowser.js
index a2938cc45..336b4ebf3 100644
--- a/src/pat/contentbrowser/contentbrowser.js
+++ b/src/pat/contentbrowser/contentbrowser.js
@@ -3,6 +3,7 @@ import Parser from "@patternslib/patternslib/src/core/parser";
 import registry from "@patternslib/patternslib/src/core/registry";
 import utils from "../../core/utils";
 import plone_registry from "@plone/registry";
+import { mount } from "svelte";
 
 // Contentbrowser pattern
 
@@ -80,7 +81,7 @@ class Pattern extends BasePattern {
         contentBrowserEl.classList.add("content-browser-wrapper");
         this.el.parentNode.insertBefore(contentBrowserEl, this.el);
 
-        this.component_content_browser = new ContentBrowserApp({
+        this.component_content_browser = mount(ContentBrowserApp, {
             target: contentBrowserEl,
             props: {
                 fieldId: nodeId,
diff --git a/src/pat/contentbrowser/src/App.svelte b/src/pat/contentbrowser/src/App.svelte
index 255003f94..ea4f2254f 100644
--- a/src/pat/contentbrowser/src/App.svelte
+++ b/src/pat/contentbrowser/src/App.svelte
@@ -1,6 +1,7 @@
 <script>
     import logger from "@patternslib/patternslib/src/core/logging";
     import { getContext } from "svelte";
+    import { get } from "svelte/store";
     import ContentBrowser from "./ContentBrowser.svelte";
     import SelectedItems from "./SelectedItems.svelte";
     import {
@@ -13,35 +14,41 @@
         setShowContentBrowser,
     } from "./stores";
 
-    export let maxDepth;
-    export let width;
-    export let attributes;
-    export let contextPath;
-    export let vocabularyUrl;
-    export let mode = "browse";
-    export let layout = "list";
-    export let rootPath = "";
-    export let rootUrl = "";
-    export let basePath = "";
-    export let selectableTypes = [];
-    export let browseableTypes = [];
-    export let searchIndex = "SearchableText";
-    export let maximumSelectionSize = -1;
-    export let separator;
-    export let selection = [];
-    export let query = {};
-    export let fieldId;
-    export let upload;
-    export let uploadAddImmediately = true;
-    export let uploadAcceptedMimetypes;
-    export let favorites;
-    export let recentlyUsed;
-    export let recentlyUsedKey;
-    export let recentlyUsedMaxItems;
-    export let bSize = 20;
-    export let sortOn = "sortable_title";
-    export let sortOrder = "ascending";
-    export let componentRegistryKeys = {};
+    let {
+        maxDepth,
+        width,
+        attributes,
+        contextPath: contextPathProp,
+        vocabularyUrl,
+        mode = "browse",
+        layout = "list",
+        rootPath: rootPathProp = "",
+        rootUrl = "",
+        basePath = "",
+        selectableTypes = [],
+        browseableTypes = [],
+        searchIndex = "SearchableText",
+        maximumSelectionSize = -1,
+        separator,
+        selection = [],
+        query = {},
+        fieldId,
+        upload,
+        uploadAddImmediately = true,
+        uploadAcceptedMimetypes,
+        favorites,
+        recentlyUsed,
+        recentlyUsedKey,
+        recentlyUsedMaxItems,
+        bSize = 20,
+        sortOn = "sortable_title",
+        sortOrder = "ascending",
+        componentRegistryKeys = {},
+    } = $props();
+
+    // Local mutable copies of the two props that may be reassigned locally
+    let rootPath = $state(rootPathProp);
+    let contextPath = $state(contextPathProp);
 
     const log = logger.getLogger("pat-contentbrowser");
 
@@ -57,30 +64,32 @@
     // initially set current path
     const currentPath = getContext("currentPath");
 
-    if (!$currentPath) {
+    if (!get(currentPath)) {
+        let initialPath = "";
         if (basePath || rootPath) {
             // if root path is not above base path we start at rootPath
-            $currentPath = basePath.indexOf(rootPath) != 0 ? rootPath : basePath;
+            initialPath = basePath.indexOf(rootPath) != 0 ? rootPath : basePath;
             if (
                 rootPath &&
-                $currentPath != rootPath &&
-                $currentPath.indexOf(rootPath) == 0
+                initialPath != rootPath &&
+                initialPath.indexOf(rootPath) == 0
             ) {
                 // remove rootPath from $currentPath
-                $currentPath = $currentPath.replace(rootPath, "");
+                initialPath = initialPath.replace(rootPath, "");
             }
         } else {
             // no path available. try to determine path from vocabularyUrl
             const vocabPath = new URL(vocabularyUrl).pathname.split("/");
-            rootPath =
+            initialPath =
+                rootPath =
                 contextPath =
-                $currentPath =
                     vocabPath.slice(0, vocabPath.length - 1).join("/") || "/";
         }
+        currentPath.set(initialPath);
     }
 
-    let config = getContext("config");
-    $config = {
+    const config = getContext("config");
+    config.set({
         mode: mode,
         layout: layout,
         attributes: attributes,
@@ -110,9 +119,9 @@
         sortOn: sortOn,
         sortOrder: sortOrder,
         componentRegistryKeys: componentRegistryKeys,
-    };
+    });
 
-    log.debug(`Initialized App<${fieldId}> with config`, $config);
+    log.debug(`Initialized App<${fieldId}> with config`, config);
 </script>
 
 <ContentBrowser />
diff --git a/src/pat/contentbrowser/src/ContentBrowser.svelte b/src/pat/contentbrowser/src/ContentBrowser.svelte
index fb48fc6d1..1e4bcfe75 100644
--- a/src/pat/contentbrowser/src/ContentBrowser.svelte
+++ b/src/pat/contentbrowser/src/ContentBrowser.svelte
@@ -36,15 +36,15 @@
     // initialize content browser store
     const contentItems = contentStore($config, pathCache);
 
-    let showUpload = false;
-    let previewItem = {};
-    let keyboardNavInitialized = false;
-    let shiftKey = false;
-    let searchTerm = null;
-    let gridView = ($config.layout || "list") === "grid";
+    let showUpload = $state(false);
+    let previewItem = $state({});
+    let keyboardNavInitialized = $state(false);
+    let shiftKey = $state(false);
+    let searchTerm = $state(null);
+    let gridView = $state(($config.layout || "list") === "grid");
     let defaultConfigMode = $config.mode;
 
-    let vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+    let vw = $state(Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0));
 
     function updatePreview({ data = null, uuid = null, action = "show" }) {
         if (data && action == "show") {
@@ -334,16 +334,16 @@
         closeBrowser();
     }
 
-    function selectRecentlyUsed(event) {
-        addItem(event.detail.item);
+    function selectRecentlyUsed({ item }) {
+        addItem(item);
     }
 
     function itemId(item) {
         return item.path?.split("/").pop() || "- no id -";
     }
 
-    async function selectFavorite(event) {
-        const path = event.detail.item.path;
+    async function selectFavorite({ item: favoriteItem }) {
+        const path = favoriteItem.path;
         const response = await request({
             vocabularyUrl: $config.vocabularyUrl,
             attributes: $config.attributes,
@@ -452,20 +452,16 @@
         }, 300);
     }
 
-    $: {
+    $effect(() => {
         if ($showContentBrowser) {
             contentItems.get({ path: $currentPath });
         }
-    }
+    });
 
-    $: {
+    $effect(() => {
         $contentItems;
         scrollToRight();
-    }
-
-    $: {
-        $previewUids;
-    }
+    });
 </script>
 
 {#if $showContentBrowser}
@@ -473,12 +469,12 @@
         <nav
             class="content-browser"
             transition:fly={{ x: (vw / 100) * 94, opacity: 1 }}
-            on:introend={() => {
+            onintroend={() => {
                 scrollToRight();
                 initKeyboardNav();
             }}
             use:clickOutside
-            on:click_outside={closeBrowser}
+            onclick_outside={closeBrowser}
         >
             <div class="toolBar navbar">
                 <div class="input-group w-auto">
@@ -487,27 +483,28 @@
                         name="filter"
                         class="form-control form-control-sm"
                         value={searchTerm}
-                        on:input={searchItemsKeyup}
+                        oninput={searchItemsKeyup}
                     />
                     {#if searchTerm}
                         <button
                             class="btn btn-light btn-sm"
                             type="button"
-                            on:click|preventDefault={() => searchItems("")}
+                            aria-label={_t("clear search")}
+                            onclick={(e) => { e.preventDefault(); searchItems(""); }}
                             ><svg use:resolveIcon={{ iconName: "x" }} /></button
                         >
                     {/if}
                 </div>
-                <RecentlyUsed on:selectItem={selectRecentlyUsed} />
-                <Favorites on:selectItem={selectFavorite} />
+                <RecentlyUsed onselectitem={selectRecentlyUsed} />
+                <Favorites onselectitem={selectFavorite} />
                 {#if $config.uploadEnabled && $config.mode == "browse"}
                     <div class="ms-2">
                         <button
                             type="button"
                             class="upload btn btn-outline-light btn-sm"
                             tabindex="0"
-                            on:keydown={upload}
-                            on:click={upload}
+                            onkeydown={upload}
+                            onclick={upload}
                             ><svg use:resolveIcon={{ iconName: "upload" }} />
                             {_t("upload to ${current_path}", {
                                 current_path: $currentPath,
@@ -518,7 +515,8 @@
                 <button
                     class="btn btn-link text-white ms-auto"
                     tabindex="0"
-                    on:click|preventDefault={() => closeBrowser()}
+                    aria-label={_t("close")}
+                    onclick={(e) => { e.preventDefault(); closeBrowser(); }}
                     ><svg use:resolveIcon={{ iconName: "x-circle" }} /></button
                 >
             </div>
@@ -533,7 +531,7 @@
                                 levels.length - 1
                                     ? 'active'
                                     : ''}"
-                                in:fly|local={{ duration: 500 }}
+                                in:fly={{ duration: 500 }}
                             >
                                 <div class="levelToolbar">
                                     {#if i == 0 && $config.mode == "browse"}
@@ -541,9 +539,10 @@
                                             type="button"
                                             class="btn btn-link btn-xs ps-0"
                                             tabindex="0"
-                                            on:keydown={() =>
+                                            aria-label={_t("home")}
+                                            onkeydown={() =>
                                                 changePath($config.rootPath)}
-                                            on:click={() => changePath($config.rootPath)}
+                                            onclick={() => changePath($config.rootPath)}
                                             ><svg
                                                 use:resolveIcon={{ iconName: "house" }}
                                             /></button
@@ -558,8 +557,7 @@
                                                         level.Title || itemId(level),
                                                 })}
                                                 disabled={!isSelectable(level)}
-                                                on:click|preventDefault={() =>
-                                                    addItem(level)}
+                                                onclick={(e) => { e.preventDefault(); addItem(level); }}
                                                 ><svg
                                                     use:resolveIcon={{
                                                         iconName: "plus",
@@ -578,15 +576,12 @@
                                                         name="levelFilter"
                                                         class="form-control form-control-sm"
                                                         value={level.searchTerm || ""}
-                                                        on:input={filterLevelKeyup}
+                                                        oninput={filterLevelKeyup}
                                                     />
                                                     <button
                                                         class="btn btn-link btn-xs level-filter"
                                                         title={_t("clear filter")}
-                                                        on:click|preventDefault={() => {
-                                                            filterLevel("");
-                                                            level.showFilter = false;
-                                                        }}
+                                                        onclick={(e) => { e.preventDefault(); filterLevel(""); level.showFilter = false; }}
                                                     >
                                                         <svg
                                                             use:resolveIcon={{
@@ -598,8 +593,7 @@
                                                     <button
                                                         class="btn btn-link btn-xs level-filter"
                                                         title={_t("level filter")}
-                                                        on:click|preventDefault={() =>
-                                                            (level.showFilter = true)}
+                                                        onclick={(e) => { e.preventDefault(); level.showFilter = true; }}
                                                     >
                                                         <svg
                                                             use:resolveIcon={{
@@ -613,7 +607,7 @@
                                                 <button
                                                     class="btn btn-link btn-xs grid-view"
                                                     title={_t("grid view")}
-                                                    on:click={() => (gridView = true)}
+                                                    onclick={() => (gridView = true)}
                                                 >
                                                     <svg
                                                         use:resolveIcon={{
@@ -625,7 +619,7 @@
                                                 <button
                                                     class="btn btn-link btn-xs grid-view"
                                                     title={_t("list view")}
-                                                    on:click={() => (gridView = false)}
+                                                    onclick={() => (gridView = false)}
                                                 >
                                                     <svg
                                                         use:resolveIcon={{
@@ -639,7 +633,6 @@
                                 </div>
                                 <div class="levelItems">
                                     {#each level.results || [] as item, n}
-                                        <!-- svelte-ignore missing-declaration -->
                                         <div
                                             class="contentItem{n % 2 == 0
                                                 ? ' odd'
@@ -655,9 +648,8 @@
                                             role="button"
                                             tabindex={n}
                                             data-uuid={item.UID}
-                                            on:keydown|preventDefault={(e) =>
-                                                keyboardNavigation(item, e)}
-                                            on:click={(e) => clickItem(item, e)}
+                                            onkeydown={(e) => { e.preventDefault(); keyboardNavigation(item, e); }}
+                                            onclick={(e) => clickItem(item, e)}
                                         >
                                             <div
                                                 class={gridView
@@ -729,7 +721,7 @@
                         {/if}
                     {/each}
                     {#if previewItem?.UID && $previewUids.length == 1}
-                        <div class="preview" in:fly|local={{ duration: 500 }}>
+                        <div class="preview" in:fly={{ duration: 500 }}>
                             <div class="levelToolbar">
                                 <div class="selectLevel me-3">
                                     {#if isSelectable(previewItem)}
@@ -738,8 +730,7 @@
                                             title={_t("select ${preview_path}", {
                                                 preview_path: previewItem.Title,
                                             })}
-                                            on:click|preventDefault={() =>
-                                                addItem(previewItem)}
+                                            onclick={(e) => { e.preventDefault(); addItem(previewItem); }}
                                             ><svg
                                                 use:resolveIcon={{ iconName: "plus" }}
                                             />
@@ -806,12 +797,12 @@
                         </div>
                     {/if}
                     {#if $previewUids.length > 1}
-                        <div class="preview" in:fly|local={{ duration: 500 }}>
+                        <div class="preview" in:fly={{ duration: 500 }}>
                             <div class="levelToolbar">
                                 <button
                                     class="btn btn-xs btn-outline-primary d-flex align-items-center"
                                     title={_t("add selected items")}
-                                    on:click|preventDefault={addSelectedItems}
+                                    onclick={(e) => { e.preventDefault(); addSelectedItems(); }}
                                     ><svg use:resolveIcon={{ iconName: "plus" }} />
                                     <span class="select-button-ellipsis"
                                         >{_t("add selected items")}</span
diff --git a/src/pat/contentbrowser/src/Favorites.svelte b/src/pat/contentbrowser/src/Favorites.svelte
index debaab247..ed3836e9f 100644
--- a/src/pat/contentbrowser/src/Favorites.svelte
+++ b/src/pat/contentbrowser/src/Favorites.svelte
@@ -1,15 +1,13 @@
 <script>
     import { resolveIcon } from "./utils";
     import _t from "../../../core/i18n-wrapper";
-    import { createEventDispatcher, getContext } from "svelte";
+    import { getContext } from "svelte";
 
     const config = getContext("config");
-    const dispatch = createEventDispatcher();
+    let { onselectitem } = $props();
 
     function select(item) {
-        dispatch("selectItem", {
-            item: item,
-        });
+        onselectitem?.({ item });
     }
 </script>
 
@@ -28,7 +26,7 @@
     <ul class="dropdown-menu">
         {#each $config.favorites as favorite}
         <li>
-            <a class="dropdown-item" href="{favorite.path}" on:click|preventDefault={() => select(favorite)}>{favorite.title}</a>
+            <a class="dropdown-item" href="{favorite.path}" onclick={(e) => { e.preventDefault(); select(favorite); }}>{favorite.title}</a>
         </li>
         {/each}
     </ul>
diff --git a/src/pat/contentbrowser/src/RecentlyUsed.svelte b/src/pat/contentbrowser/src/RecentlyUsed.svelte
index c35b297a2..b34094e66 100644
--- a/src/pat/contentbrowser/src/RecentlyUsed.svelte
+++ b/src/pat/contentbrowser/src/RecentlyUsed.svelte
@@ -1,16 +1,14 @@
 <script>
     import { resolveIcon, recentlyUsedItems } from "./utils";
     import _t from "../../../core/i18n-wrapper";
-    import { createEventDispatcher, getContext } from "svelte";
+    import { getContext } from "svelte";
 
     const config = getContext("config");
     const items = recentlyUsedItems(true, $config);
-    const dispatch = createEventDispatcher();
+    let { onselectitem } = $props();
 
     function select(item) {
-        dispatch("selectItem", {
-            item: item,
-        });
+        onselectitem?.({ item });
     }
 </script>
 
@@ -31,7 +29,7 @@
                 <li>
                     <a
                         href={recentlyUsed.getURL || "#"}
-                        on:click|preventDefault={() => select(recentlyUsed)}
+                        onclick={(e) => { e.preventDefault(); select(recentlyUsed); }}
                         class="dropdown-item"
                     >
                         <svg
diff --git a/src/pat/contentbrowser/src/SelectedItem.svelte b/src/pat/contentbrowser/src/SelectedItem.svelte
index 279315df1..41cfe2111 100644
--- a/src/pat/contentbrowser/src/SelectedItem.svelte
+++ b/src/pat/contentbrowser/src/SelectedItem.svelte
@@ -1,19 +1,18 @@
 <script>
-    import { getContext } from "svelte";
     import { resolveIcon } from "./utils";
 
     // item data
-    export let item;
-    export let unselectItem;
+    let { item, unselectItem } = $props();
 </script>
 
 <div class="selected-item border border-secondary-subtle rounded p-2 mb-1 bg-body-tertiary" data-uuid={item.UID}>
     <div class="item-info">
-        <!-- svelte-ignore a11y-missing-attribute -->
+        <!-- svelte-ignore a11y_missing_attribute -->
         <button
             class="btn btn-link btn-sm link-secondary"
             type="button"
-            on:click|preventDefault={() => unselectItem(item.UID)}
+            aria-label="remove"
+            onclick={(e) => { e.preventDefault(); unselectItem(item.UID); }}
             ><svg use:resolveIcon={{ iconName: "x-circle" }} /></button
         >
         <div>
diff --git a/src/pat/contentbrowser/src/SelectedItems.svelte b/src/pat/contentbrowser/src/SelectedItems.svelte
index 9181aa715..e15e09561 100644
--- a/src/pat/contentbrowser/src/SelectedItems.svelte
+++ b/src/pat/contentbrowser/src/SelectedItems.svelte
@@ -1,14 +1,14 @@
 <script>
-    import { getContext, onMount, setContext } from "svelte";
+    import { getContext, onMount, mount } from "svelte";
     import { get_items_from_uids } from "./utils.js";
     import Sortable from "sortablejs";
     import _t from "../../../core/i18n-wrapper";
     import events from "@patternslib/patternslib/src/core/events";
     import plone_registry from "@plone/registry";
 
-    let ref;
-    let initializing = true;
-    let RegisteredSelectedItem;
+    let ref = $state();
+    let initializing = $state(true);
+    let RegisteredSelectedItem = $state();
 
     // get reactive context config
     const config = getContext("config");
@@ -23,12 +23,13 @@
     const showContentBrowser = getContext("showContentBrowser");
 
     onMount(async () => {
+        getSelectedItemComponent();
         await initializeSelectedItemsStore();
         initializeSorting();
         initializing = false;
     });
 
-    async function getSelectedItemComponent() {
+    function getSelectedItemComponent() {
         // get selectedItem component from registry.
         // the registry key can be customized with pattern_options
         // if an addon registers a custom component to a custom key
@@ -104,19 +105,18 @@
     }
 
     function LoadSelectedItemComponent(node, props) {
-        const component = new RegisteredSelectedItem.component({
+        mount(RegisteredSelectedItem.component, {
             target: node,
             props: props,
         });
     }
 
-    $: {
-        $selectedItems;
+    $effect(() => {
         if ($selectedItems.length || !initializing) {
             setNodeValue(selectedUidsFromSelectedItems());
             initializeSorting();
         }
-    }
+    });
 </script>
 
 <div
@@ -124,31 +124,29 @@
     style="width: {$config.width || 'auto'}"
     bind:this={ref}
 >
-    <!-- svelte-ignore a11y-click-events-have-key-events -->
-    <!-- svelte-ignore a11y-no-static-element-interactions -->
+    <!-- svelte-ignore a11y_click_events_have_key_events -->
+    <!-- svelte-ignore a11y_no_static_element_interactions -->
     <div
         class="content-browser-selected-items"
-        on:click={() => ($showContentBrowser = $selectedItems.length ? false : true)}
+        onclick={() => ($showContentBrowser = $selectedItems.length ? false : true)}
     >
         {#if $selectedItems}
-            {#await getSelectedItemComponent() then}
+            {#if RegisteredSelectedItem}
                 {#each $selectedItems as selItem, i (selItem.UID)}
-                    <div use:LoadSelectedItemComponent={{ item: selItem, unselectItem: unselectItem }} />
+                    <div use:LoadSelectedItemComponent={{ item: selItem, unselectItem: unselectItem }}></div>
                 {/each}
-            {:catch error}
-                <p style="color: red">{error.message}</p>
-            {/await}
+            {/if}
         {/if}
         {#if !$selectedItems}
             <p>{_t("loading selected items")}</p>
         {/if}
     </div>
-    <!-- svelte-ignore a11y-invalid-attribute -->
+    <!-- svelte-ignore a11y_invalid_attribute -->
     <a
         class="btn btn-primary"
         href="#"
         style="border-radius:0 var(--bs-border-radius) var(--bs-border-radius) 0"
-        on:click|preventDefault={() => ($showContentBrowser = true)}>{$config.uploadEnabled ? _t("Select or Upload") : _t("Select")}</a
+        onclick={(e) => { e.preventDefault(); $showContentBrowser = true; }}>{$config.uploadEnabled ? _t("Select or Upload") : _t("Select")}</a
     >
 </div>
 
diff --git a/svelte.config.js b/svelte.config.js
new file mode 100644
index 000000000..b29ec1339
--- /dev/null
+++ b/svelte.config.js
@@ -0,0 +1,8 @@
+/** @type {import('svelte/compiler').CompileOptions} */
+const config = {
+    compilerOptions: {
+        runes: true,
+    },
+};
+
+export default config;
diff --git a/webpack.config.js b/webpack.config.js
index bca0f3330..6120da2ce 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -101,22 +101,18 @@ module.exports = () => {
                 },
                 emitCss: process.env.NODE_ENV !== "development",
                 hotReload: process.env.NODE_ENV === "development",
+                onwarn: (warning, handler) => {
+                    // App.svelte props are intentionally read once at mount time as static config.
+                    if (warning.code === "state_referenced_locally") return;
+                    handler(warning);
+                },
             },
         },
     });
 
-    config.module.rules.push({
-        test: /node_modules\/svelte\/.*\.mjs$/,
-        resolve: {
-            fullySpecified: false,
-        },
-    });
-
-    config.resolve.alias.svelte = path.resolve('node_modules', 'svelte/src/runtime')
     config.resolve.extensions = [".js", ".json", ".wasm", ".svelte"];
-    config.resolve.mainFields = ["browser", "module", "main", "svelte"];
-    // config.resolve.conditionNames = ["svelte", "browser", "import"];
-    // config.resolve.conditionNames = ["svelte", "module", "browser", "import"];
+    config.resolve.mainFields = ["browser", "module", "main"];
+    config.resolve.conditionNames = ["svelte", "browser", "require"];
 
     config.plugins.push(
         mf_config({
diff --git a/yarn.lock b/yarn.lock
index e95eed0b4..ca9bb3e23 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -145,14 +145,6 @@
   resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.4.4.tgz#2856c55443d3d461693f32d2b96fb6ea92e1ffa9"
   integrity sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==
 
-"@ampproject/remapping@^2.2.1":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
-  integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.24"
-
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.21.4", "@babel/code-frame@^7.28.6", "@babel/code-frame@^7.29.0":
   version "7.29.0"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.29.0.tgz#7cd7a59f15b3cc0dcd803038f7792712a7d0b15c"
@@ -1778,7 +1770,7 @@
     "@jridgewell/sourcemap-codec" "^1.5.0"
     "@jridgewell/trace-mapping" "^0.3.24"
 
-"@jridgewell/remapping@^2.3.5":
+"@jridgewell/remapping@^2.3.4", "@jridgewell/remapping@^2.3.5":
   version "2.3.5"
   resolved "https://registry.yarnpkg.com/@jridgewell/remapping/-/remapping-2.3.5.tgz#375c476d1972947851ba1e15ae8f123047445aa1"
   integrity sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==
@@ -2368,7 +2360,7 @@
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
-"@plone/registry@^2.5.4":
+"@plone/registry@^2.7.0":
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/@plone/registry/-/registry-2.7.0.tgz#ccaea461d2d3dd4f3e8c48e3bde772b0216c66cf"
   integrity sha512-hgfol1JWKnXiDFSNyJz/AMbZo+wnhnZSITnDMNW02JDuixENn3AHYe+i/aU/ny4Q0mJDrJYioAAq7Ru4rKolgw==
@@ -2509,6 +2501,11 @@
   resolved "https://registry.yarnpkg.com/@stomp/stompjs/-/stompjs-7.3.0.tgz#5655b93e086a0be684291424c5bc8c92949b33ee"
   integrity sha512-nKMLoFfJhrQAqkvvKd1vLq/cVBGCMwPRCD0LqW7UT1fecRx9C3GoKEIR2CYwVuErGeZu8w0kFkl2rlhPlqHVgQ==
 
+"@sveltejs/acorn-typescript@^1.0.5":
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.9.tgz#ac0bde368d6623727b0e0bc568cf6b4e5d5c4baa"
+  integrity sha512-lVJX6qEgs/4DOcRTpo56tmKzVPtoWAaVbL4hfO7t7NVwl9AAXzQR6cihesW1BmNMPl+bK6dreu2sOKBP2Q9CIA==
+
 "@swc/helpers@^0.2.13":
   version "0.2.14"
   resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.2.14.tgz#20288c3627442339dd3d743c944f7043ee3590f0"
@@ -2632,7 +2629,7 @@
     "@types/estree" "*"
     "@types/json-schema" "*"
 
-"@types/estree@*", "@types/estree@^1.0.0", "@types/estree@^1.0.1", "@types/estree@^1.0.6", "@types/estree@^1.0.8":
+"@types/estree@*", "@types/estree@^1.0.5", "@types/estree@^1.0.6", "@types/estree@^1.0.8":
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
   integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
@@ -3097,7 +3094,7 @@ acorn-walk@^8.0.0, acorn-walk@^8.0.2, acorn-walk@^8.3.4:
   dependencies:
     acorn "^8.11.0"
 
-acorn@^8.0.4, acorn@^8.1.0, acorn@^8.10.0, acorn@^8.11.0, acorn@^8.14.1, acorn@^8.15.0, acorn@^8.16.0, acorn@^8.5.0, acorn@^8.8.1, acorn@^8.9.0:
+acorn@^8.0.4, acorn@^8.1.0, acorn@^8.11.0, acorn@^8.12.1, acorn@^8.14.1, acorn@^8.15.0, acorn@^8.16.0, acorn@^8.5.0, acorn@^8.8.1, acorn@^8.9.0:
   version "8.16.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.16.0.tgz#4ce79c89be40afe7afe8f3adb902a1f1ce9ac08a"
   integrity sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==
@@ -3239,7 +3236,12 @@ argparse@^2.0.1:
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
   integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
 
-aria-query@^5.0.0, aria-query@^5.3.0:
+aria-query@5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.1.tgz#ebcb2c0d7fc43e68e4cb22f774d1209cb627ab42"
+  integrity sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g==
+
+aria-query@^5.0.0:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.2.tgz#93f81a43480e33a338f19163a3d10a50c01dcd59"
   integrity sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==
@@ -3322,7 +3324,7 @@ auto-config-loader@^1.7.7:
     toml-eslint-parser "^0.10.0"
     yaml-eslint-parser "^1.2.2"
 
-axobject-query@^4.0.0:
+axobject-query@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-4.1.0.tgz#28768c76d0e3cff21bc62a9e2d0b6ac30042a1ee"
   integrity sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==
@@ -3827,22 +3829,16 @@ clone@^1.0.2:
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
   integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
 
+clsx@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999"
+  integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==
+
 co@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
   integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
 
-code-red@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/code-red/-/code-red-1.0.4.tgz#59ba5c9d1d320a4ef795bc10a28bd42bfebe3e35"
-  integrity sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==
-  dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.15"
-    "@types/estree" "^1.0.1"
-    acorn "^8.10.0"
-    estree-walker "^3.0.3"
-    periscopic "^3.1.0"
-
 codejar@^3.6.0:
   version "3.7.0"
   resolved "https://registry.yarnpkg.com/codejar/-/codejar-3.7.0.tgz#135913e26957c0a0c6a3a99305cfe8492c7b5c2b"
@@ -4221,14 +4217,6 @@ css-loader@^7.1.2:
     postcss-value-parser "^4.2.0"
     semver "^7.6.3"
 
-css-tree@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20"
-  integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
-  dependencies:
-    mdn-data "2.0.30"
-    source-map-js "^1.0.1"
-
 css.escape@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
@@ -4532,6 +4520,11 @@ detect-node@^2.0.4:
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
   integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
 
+devalue@^5.6.3:
+  version "5.6.3"
+  resolved "https://registry.yarnpkg.com/devalue/-/devalue-5.6.3.tgz#fee7b50bf072f4a4cdf18d1f27de3ce92131f699"
+  integrity sha512-nc7XjUU/2Lb+SvEFVGcWLiKkzfw8+qHI7zn8WYXKkLMgfGSHbgCEaR6bJpev8Cm6Rmrb19Gfd/tZvGqx9is3wg==
+
 diff-sequences@^29.6.3:
   version "29.6.3"
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921"
@@ -4888,6 +4881,11 @@ eslint@^9.26.0:
     natural-compare "^1.4.0"
     optionator "^0.9.3"
 
+esm-env@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/esm-env/-/esm-env-1.2.2.tgz#263c9455c55861f41618df31b20cb571fc20b75e"
+  integrity sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==
+
 esm-import-transformer@^3.0.3:
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/esm-import-transformer/-/esm-import-transformer-3.0.5.tgz#ad66aa1bd94e85fc655f1f354978846af173e107"
@@ -4925,6 +4923,13 @@ esquery@^1.5.0:
   dependencies:
     estraverse "^5.1.0"
 
+esrap@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/esrap/-/esrap-2.2.3.tgz#cbc5a6aad5349697b78ef7af62704e733a50d2c1"
+  integrity sha512-8fOS+GIGCQZl/ZIlhl59htOlms6U8NvX6ZYgYHpRU/b6tVSh3uHkOHZikl3D4cMbYM0JlpBe+p/BkZEi8J9XIQ==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.4.15"
+
 esrecurse@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
@@ -4952,13 +4957,6 @@ estree-walker@^2.0.1:
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
 
-estree-walker@^3.0.0, estree-walker@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-3.0.3.tgz#67c3e549ec402a487b4fc193d1953a524752340d"
-  integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==
-  dependencies:
-    "@types/estree" "^1.0.0"
-
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -6015,7 +6013,7 @@ is-potential-custom-element-name@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
   integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
 
-is-reference@^3.0.0, is-reference@^3.0.1:
+is-reference@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-3.0.3.tgz#9ef7bf9029c70a67b2152da4adf57c23d718910f"
   integrity sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==
@@ -6998,7 +6996,7 @@ macos-release@^3.3.0:
   resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-3.4.0.tgz#1b223706b13106c158e2b40cb81ba35dd74d7856"
   integrity sha512-wpGPwyg/xrSp4H4Db4xYSeAr6+cFQGHfspHzDUdYxswDnUW0L5Ov63UuJiSr8NMSpyaChO4u1n0MXUvVPtrN6A==
 
-magic-string@^0.30.4:
+magic-string@^0.30.11:
   version "0.30.21"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.21.tgz#56763ec09a0fa8091df27879fd94d19078c00d91"
   integrity sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==
@@ -7059,11 +7057,6 @@ maximatch@^0.1.0:
     arrify "^1.0.0"
     minimatch "^3.0.0"
 
-mdn-data@2.0.30:
-  version "2.0.30"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
-  integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
-
 mdurl@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-2.0.0.tgz#80676ec0433025dd3e17ee983d0fe8de5a2237e0"
@@ -7826,15 +7819,6 @@ perfect-debounce@^2.0.0:
   resolved "https://registry.yarnpkg.com/perfect-debounce/-/perfect-debounce-2.1.0.tgz#e7078e38f231cb191855c3136a4423aef725d261"
   integrity sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==
 
-periscopic@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/periscopic/-/periscopic-3.1.0.tgz#7e9037bf51c5855bd33b48928828db4afa79d97a"
-  integrity sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^3.0.0"
-    is-reference "^3.0.0"
-
 photoswipe@^4.1.3:
   version "4.1.3"
   resolved "https://registry.yarnpkg.com/photoswipe/-/photoswipe-4.1.3.tgz#59f49494eeb9ddab5888d03392926a19bc197550"
@@ -8800,7 +8784,7 @@ sortablejs@^1.15.6:
   resolved "https://registry.yarnpkg.com/sortablejs/-/sortablejs-1.15.7.tgz#83a0bddc472117ee328dea20b2e6f490fed20f86"
   integrity sha512-Kk8wLQPlS+yi1ZEf48a4+fzHa4yxjC30M/Sr2AnQu+f/MPwvvX9XjZ6OWejiz8crBsLwSq8GHqaxaET7u6ux0A==
 
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.2.1:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
   integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
@@ -9105,12 +9089,12 @@ svelte-hmr@^0.14.2:
   resolved "https://registry.yarnpkg.com/svelte-hmr/-/svelte-hmr-0.14.12.tgz#a127aec02f1896500b10148b2d4d21ddde39973f"
   integrity sha512-4QSW/VvXuqVcFZ+RhxiR8/newmwOCTlbYIezvkeN6302YFRE8cXy0naamHcjz8Y9Ce3ITTZtrHrIL0AGfyo61w==
 
-svelte-jester@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/svelte-jester/-/svelte-jester-3.0.0.tgz#7872beb559bce3c66f134d6f016f2626cf8f1d1c"
-  integrity sha512-V279cL906++hn00hkL1xAr/y5OjjxPYWic1g0yTJFmqdbdWKthdcuP3XBvmmwP9AzFBT51DlPgXz56HItle1Ug==
+svelte-jester@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/svelte-jester/-/svelte-jester-5.0.0.tgz#85ef07ba35080aa18174e98a9442fe3933ac9c5a"
+  integrity sha512-12UnqprvUClFZHmx8O9exOK5ncHdESMIVG7FM9wRCEBzHbtigsklwKB+Q3AyKPsCrrOS920f9ZbYFk4PO0sEnQ==
 
-svelte-loader@^3.2.3:
+svelte-loader@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/svelte-loader/-/svelte-loader-3.2.4.tgz#0d05ae1f95aec6d480ee86e80e9f756ac419e694"
   integrity sha512-e0HdDnkYH/MDx4/IfTSka5AOFg9yYJcPuoZJB5x0l60fkHjVjNvrrxr+rJegDG9J7ZymmdHt00/hdLw+QF299w==
@@ -9131,25 +9115,27 @@ svelte@3.x:
   resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.59.2.tgz#a137b28e025a181292b2ae2e3dca90bf8ec73aec"
   integrity sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==
 
-svelte@^4.2.19:
-  version "4.2.20"
-  resolved "https://registry.yarnpkg.com/svelte/-/svelte-4.2.20.tgz#31cae3e8f10ccdc6441fae8157c1e8da5965d228"
-  integrity sha512-eeEgGc2DtiUil5ANdtd8vPwt9AgaMdnuUFnPft9F5oMvU/FHu5IHFic+p1dR/UOB7XU2mX2yHW+NcTch4DCh5Q==
+svelte@^5.53.8:
+  version "5.53.8"
+  resolved "https://registry.yarnpkg.com/svelte/-/svelte-5.53.8.tgz#5a1d4ccecbebcc072fd21d4a59f9223f0e3fd9f6"
+  integrity sha512-UD++BnEc3PUFgjin381LiMHzDjT187Fy+KsPZxvaKrYPZqR0GQ/Ha8h7GDoegIF8tFl1uogoNUejKgcRk77T2Q==
   dependencies:
-    "@ampproject/remapping" "^2.2.1"
-    "@jridgewell/sourcemap-codec" "^1.4.15"
-    "@jridgewell/trace-mapping" "^0.3.18"
-    "@types/estree" "^1.0.1"
-    acorn "^8.9.0"
-    aria-query "^5.3.0"
-    axobject-query "^4.0.0"
-    code-red "^1.0.3"
-    css-tree "^2.3.1"
-    estree-walker "^3.0.3"
-    is-reference "^3.0.1"
+    "@jridgewell/remapping" "^2.3.4"
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@sveltejs/acorn-typescript" "^1.0.5"
+    "@types/estree" "^1.0.5"
+    "@types/trusted-types" "^2.0.7"
+    acorn "^8.12.1"
+    aria-query "5.3.1"
+    axobject-query "^4.1.0"
+    clsx "^2.1.1"
+    devalue "^5.6.3"
+    esm-env "^1.2.1"
+    esrap "^2.2.2"
+    is-reference "^3.0.3"
     locate-character "^3.0.0"
-    magic-string "^0.30.4"
-    periscopic "^3.1.0"
+    magic-string "^0.30.11"
+    zimmerframe "^1.1.2"
 
 svg-inline-loader@^0.8.2:
   version "0.8.2"
@@ -9993,3 +9979,8 @@ yoctocolors@^2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/yoctocolors/-/yoctocolors-2.1.2.tgz#d795f54d173494e7d8db93150cec0ed7f678c83a"
   integrity sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==
+
+zimmerframe@^1.1.2:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/zimmerframe/-/zimmerframe-1.1.4.tgz#0352b5cafad3ad4526b0a526a9a52d9c040d865b"
+  integrity sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==