diff --git a/package-lock.json b/package-lock.json
index a95ab9a0b..900efa804 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,7 +30,7 @@
         "@storybook/addon-actions": "^7.6.14",
         "@storybook/addon-essentials": "^7.6.14",
         "@storybook/addon-links": "^7.6.14",
-        "@storybook/blocks": "^7.6.14",
+        "@storybook/blocks": "^8.3.0",
         "@storybook/web-components": "^7.6.14",
         "@storybook/web-components-vite": "^7.6.14",
         "@types/chai": "4.3.12",
@@ -7531,6 +7531,45 @@
         "url": "https://opencollective.com/storybook"
       }
     },
+    "node_modules/@storybook/addon-controls/node_modules/@storybook/blocks": {
+      "version": "7.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.14.tgz",
+      "integrity": "sha512-DZOSEWSNptAhaeNiOG0BqidJxqi/KaAZ2ZnlygpswDDT9vOCGoc7edZEgrq/i83M55KZFD4IXVLYFdfpjRcirQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/channels": "7.6.14",
+        "@storybook/client-logger": "7.6.14",
+        "@storybook/components": "7.6.14",
+        "@storybook/core-events": "7.6.14",
+        "@storybook/csf": "^0.1.2",
+        "@storybook/docs-tools": "7.6.14",
+        "@storybook/global": "^5.0.0",
+        "@storybook/manager-api": "7.6.14",
+        "@storybook/preview-api": "7.6.14",
+        "@storybook/theming": "7.6.14",
+        "@storybook/types": "7.6.14",
+        "@types/lodash": "^4.14.167",
+        "color-convert": "^2.0.1",
+        "dequal": "^2.0.2",
+        "lodash": "^4.17.21",
+        "markdown-to-jsx": "^7.1.8",
+        "memoizerific": "^1.11.3",
+        "polished": "^4.2.2",
+        "react-colorful": "^5.1.2",
+        "telejson": "^7.2.0",
+        "tocbot": "^4.20.1",
+        "ts-dedent": "^2.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/addon-docs": {
       "version": "7.6.14",
       "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.6.14.tgz",
@@ -7566,6 +7605,45 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@storybook/addon-docs/node_modules/@storybook/blocks": {
+      "version": "7.6.14",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.14.tgz",
+      "integrity": "sha512-DZOSEWSNptAhaeNiOG0BqidJxqi/KaAZ2ZnlygpswDDT9vOCGoc7edZEgrq/i83M55KZFD4IXVLYFdfpjRcirQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/channels": "7.6.14",
+        "@storybook/client-logger": "7.6.14",
+        "@storybook/components": "7.6.14",
+        "@storybook/core-events": "7.6.14",
+        "@storybook/csf": "^0.1.2",
+        "@storybook/docs-tools": "7.6.14",
+        "@storybook/global": "^5.0.0",
+        "@storybook/manager-api": "7.6.14",
+        "@storybook/preview-api": "7.6.14",
+        "@storybook/theming": "7.6.14",
+        "@storybook/types": "7.6.14",
+        "@types/lodash": "^4.14.167",
+        "color-convert": "^2.0.1",
+        "dequal": "^2.0.2",
+        "lodash": "^4.17.21",
+        "markdown-to-jsx": "^7.1.8",
+        "memoizerific": "^1.11.3",
+        "polished": "^4.2.2",
+        "react-colorful": "^5.1.2",
+        "telejson": "^7.2.0",
+        "tocbot": "^4.20.1",
+        "ts-dedent": "^2.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/addon-essentials": {
       "version": "7.6.14",
       "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.6.14.tgz",
@@ -7684,32 +7762,23 @@
       }
     },
     "node_modules/@storybook/blocks": {
-      "version": "7.6.14",
-      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.14.tgz",
-      "integrity": "sha512-DZOSEWSNptAhaeNiOG0BqidJxqi/KaAZ2ZnlygpswDDT9vOCGoc7edZEgrq/i83M55KZFD4IXVLYFdfpjRcirQ==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.3.0.tgz",
+      "integrity": "sha512-V7D5lv5R+GJya9cCZOCjmOVjhvP5J3KIaclQuuGGJda/ZD/SpwHcFOGSpo6sNR2UKHXXvb61oM8gRQQWDvqPlg==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "7.6.14",
-        "@storybook/client-logger": "7.6.14",
-        "@storybook/components": "7.6.14",
-        "@storybook/core-events": "7.6.14",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/docs-tools": "7.6.14",
+        "@storybook/csf": "^0.1.11",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "7.6.14",
-        "@storybook/preview-api": "7.6.14",
-        "@storybook/theming": "7.6.14",
-        "@storybook/types": "7.6.14",
+        "@storybook/icons": "^1.2.10",
         "@types/lodash": "^4.14.167",
         "color-convert": "^2.0.1",
         "dequal": "^2.0.2",
         "lodash": "^4.17.21",
-        "markdown-to-jsx": "^7.1.8",
+        "markdown-to-jsx": "^7.4.5",
         "memoizerific": "^1.11.3",
         "polished": "^4.2.2",
         "react-colorful": "^5.1.2",
         "telejson": "^7.2.0",
-        "tocbot": "^4.20.1",
         "ts-dedent": "^2.0.0",
         "util-deprecate": "^1.0.2"
       },
@@ -7718,8 +7787,17 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "storybook": "^8.3.0"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
       }
     },
     "node_modules/@storybook/builder-manager": {
@@ -9528,9 +9606,9 @@
       "dev": true
     },
     "node_modules/@storybook/csf": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.2.tgz",
-      "integrity": "sha512-ePrvE/pS1vsKR9Xr+o+YwdqNgHUyXvg+1Xjx0h9LrVx7Zq4zNe06pd63F5EvzTbCbJsHj7GHr9tkiaqm7U8WRA==",
+      "version": "0.1.11",
+      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.11.tgz",
+      "integrity": "sha512-dHYFQH3mA+EtnCkHXzicbLgsvzYjcDJ1JWsogbItZogkPHgSJM/Wr71uMkcvw8v9mmCyP4NpXJuu6bPoVsOnzg==",
       "dev": true,
       "dependencies": {
         "type-fest": "^2.19.0"
@@ -9601,6 +9679,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@storybook/icons": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.2.10.tgz",
+      "integrity": "sha512-310apKdDcjbbX2VSLWPwhEwAgjxTzVagrwucVZIdGPErwiAppX8KvBuWZgPo+rQLVrtH8S+pw1dbUwjcE6d7og==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@storybook/manager": {
       "version": "7.6.14",
       "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.6.14.tgz",
@@ -21957,9 +22048,9 @@
       }
     },
     "node_modules/markdown-to-jsx": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.4.1.tgz",
-      "integrity": "sha512-GbrbkTnHp9u6+HqbPRFJbObi369AgJNXi/sGqq5HRsoZW063xR1XDCaConqq+whfEIAlzB1YPnOgsPc7B7bc/A==",
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.5.0.tgz",
+      "integrity": "sha512-RrBNcMHiFPcz/iqIj0n3wclzHXjwS7mzjBNWecKKVhNTIxQepIix6Il/wZCn2Cg5Y1ow2Qi84+eJrryFRWBEWw==",
       "dev": true,
       "engines": {
         "node": ">= 10"
@@ -29681,9 +29772,9 @@
       }
     },
     "node_modules/tocbot": {
-      "version": "4.25.0",
-      "resolved": "https://registry.npmjs.org/tocbot/-/tocbot-4.25.0.tgz",
-      "integrity": "sha512-kE5wyCQJ40hqUaRVkyQ4z5+4juzYsv/eK+aqD97N62YH0TxFhzJvo22RUQQZdO3YnXAk42ZOfOpjVdy+Z0YokA==",
+      "version": "4.29.0",
+      "resolved": "https://registry.npmjs.org/tocbot/-/tocbot-4.29.0.tgz",
+      "integrity": "sha512-E+8+lceJpWHJYKq+qFHbi+gmFdXZeOAliHFdgiIAUo68cr8ClReXAx7h9e3TcDM0kw9PSnBn3GAZEpRmRLZ93g==",
       "dev": true
     },
     "node_modules/toidentifier": {
diff --git a/package.json b/package.json
index bde4297c2..49d30d562 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,7 @@
     "@storybook/addon-actions": "^7.6.14",
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-links": "^7.6.14",
-    "@storybook/blocks": "^7.6.14",
+    "@storybook/blocks": "^8.3.0",
     "@storybook/web-components": "^7.6.14",
     "@storybook/web-components-vite": "^7.6.14",
     "@types/chai": "4.3.12",