diff --git a/package-lock.json b/package-lock.json
index c956e37c4c..1edb51191c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,7 @@
         "@popperjs/core": "^2.11.8",
         "@rjsf/core": "^2.4.2",
         "@rollup/plugin-node-resolve": "^13.3.0",
-        "@stencil/core": "^3.4.2",
+        "@stencil/core": "^4.21.0",
         "@stencil/sass": "^3.0.12",
         "@types/codemirror": "^5.60.2",
         "@types/html-escaper": "^3.0.2",
@@ -71,7 +71,7 @@
         "shx": "^0.3.3",
         "style-to-object": "^1.0.8",
         "tabulator-tables": "^4.9.3",
-        "typescript": "^4.9.5",
+        "typescript": "5.2.2",
         "unified": "^11.0.5",
         "unist-util-visit": "^5.0.0"
       }
@@ -3952,17 +3952,17 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-3.4.2.tgz",
-      "integrity": "sha512-FAUhUVaakCy29nU2GwO/HQBRV1ihPRvncz3PUc8oR+UJLAxGabTmP8PLY7wvHfbw+Cvi4VXfJFTBvdfDu6iKPQ==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.21.0.tgz",
+      "integrity": "sha512-v50lnVbzS8mpMSnEVxR+G75XpvxHKtkJaQrNPE8+/fF6Ppr5z4bcdcBhcP8LPfEW+4BZcic6VifMXRwTopc+kw==",
       "dev": true,
       "license": "MIT",
       "bin": {
         "stencil": "bin/stencil"
       },
       "engines": {
-        "node": ">=14.10.0",
-        "npm": ">=6.0.0"
+        "node": ">=16.0.0",
+        "npm": ">=7.10.0"
       }
     },
     "node_modules/@stencil/sass": {
@@ -10910,6 +10910,20 @@
         "inline-style-parser": "0.1.1"
       }
     },
+    "node_modules/kompendium/node_modules/typescript": {
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
     "node_modules/kompendium/node_modules/unified": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.2.tgz",
@@ -15552,16 +15566,17 @@
       }
     },
     "node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
       "dev": true,
+      "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
       },
       "engines": {
-        "node": ">=4.2.0"
+        "node": ">=14.17"
       }
     },
     "node_modules/uc.micro": {
@@ -19519,9 +19534,9 @@
       }
     },
     "@stencil/core": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-3.4.2.tgz",
-      "integrity": "sha512-FAUhUVaakCy29nU2GwO/HQBRV1ihPRvncz3PUc8oR+UJLAxGabTmP8PLY7wvHfbw+Cvi4VXfJFTBvdfDu6iKPQ==",
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.21.0.tgz",
+      "integrity": "sha512-v50lnVbzS8mpMSnEVxR+G75XpvxHKtkJaQrNPE8+/fF6Ppr5z4bcdcBhcP8LPfEW+4BZcic6VifMXRwTopc+kw==",
       "dev": true
     },
     "@stencil/sass": {
@@ -24627,6 +24642,12 @@
             "inline-style-parser": "0.1.1"
           }
         },
+        "typescript": {
+          "version": "4.9.5",
+          "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+          "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+          "dev": true
+        },
         "unified": {
           "version": "9.2.2",
           "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.2.tgz",
@@ -28160,9 +28181,9 @@
       }
     },
     "typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
       "dev": true
     },
     "uc.micro": {
diff --git a/package.json b/package.json
index 70c1603049..1854ad9c54 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "@popperjs/core": "^2.11.8",
     "@rjsf/core": "^2.4.2",
     "@rollup/plugin-node-resolve": "^13.3.0",
-    "@stencil/core": "^3.4.2",
+    "@stencil/core": "^4.21.0",
     "@stencil/sass": "^3.0.12",
     "@types/codemirror": "^5.60.2",
     "@types/html-escaper": "^3.0.2",
@@ -105,7 +105,7 @@
     "shx": "^0.3.3",
     "style-to-object": "^1.0.8",
     "tabulator-tables": "^4.9.3",
-    "typescript": "^4.9.5",
+    "typescript": "5.2.2",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0"
   },
diff --git a/src/index.html b/src/index.html
index 1862208270..a984b98b01 100644
--- a/src/index.html
+++ b/src/index.html
@@ -23,9 +23,9 @@
 </head>
 
 <body>
-    <link href="/assets/kompendium/kompendium/kompendium.css" rel="stylesheet" />
-    <script type="module" src="/assets/kompendium/kompendium/kompendium.esm.js"></script>
-    <script nomodule src="/assets/kompendium/kompendium/kompendium.js"></script>
+    <link href="/assets/kompendium/kompendium.css" rel="stylesheet" />
+    <script type="module" src="/assets/kompendium/kompendium.esm.js"></script>
+    <script nomodule src="/assets/kompendium/kompendium.js"></script>
 
     <link href="/style/color-palette-extended.css" rel="stylesheet" />
     <link href="/build/lime-elements.css" rel="stylesheet" />
diff --git a/src/index.ts b/src/index.ts
index 0c6241dc36..050845a2cd 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,10 +1,2 @@
 export * from './components';
 export * from './interface';
-
-declare module '@stencil/core/internal' {
-    namespace JSXBase {
-        interface HTMLAttributes {
-            popover?: 'auto' | 'manual';
-        }
-    }
-}
diff --git a/stencil.config.dist.ts b/stencil.config.dist.ts
index 2c491f84fc..5ae27db74f 100644
--- a/stencil.config.dist.ts
+++ b/stencil.config.dist.ts
@@ -9,7 +9,7 @@ export const config: Config = {
             type: 'dist',
             copy: [
                 { src: 'style/' },
-                { src: 'style/mixins.scss', dest: '../scss/mixins.scss' },
+                { src: 'style/mixins.scss', dest: '../scss/' },
             ],
         },
     ],
diff --git a/stencil.config.docs.ts b/stencil.config.docs.ts
index 5d0b727cc3..35665ca95e 100644
--- a/stencil.config.docs.ts
+++ b/stencil.config.docs.ts
@@ -29,7 +29,7 @@ export const config: Config = {
                 },
                 {
                     src: 'favicon.svg',
-                    dest: 'favicon.svg',
+                    dest: '.',
                 },
             ],
         },
diff --git a/stencil.config.ts b/stencil.config.ts
index 924fb02f90..db5c8bfb46 100644
--- a/stencil.config.ts
+++ b/stencil.config.ts
@@ -32,8 +32,12 @@ export const config: Config = {
             copy: [
                 { src: 'style/color-palette-extended.css' },
                 {
-                    src: 'test-assets/',
-                    dest: 'assets/',
+                    src: 'test-assets/icons',
+                    dest: 'assets/icons',
+                },
+                {
+                    src: 'test-assets/misc-files',
+                    dest: 'assets/misc-files',
                 },
                 {
                     src: '../node_modules/kompendium/dist/',
@@ -41,7 +45,7 @@ export const config: Config = {
                 },
                 {
                     src: 'favicon.svg',
-                    dest: 'favicon.svg',
+                    dest: '.',
                 },
             ],
         },