diff --git a/eslint.config.js b/eslint.config.js
index 7d669220d824..36ea7e51373f 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,3 +1,6 @@
+// For more info, see https://github.com/storybookjs/storybook/tree/next/code/lib/eslint-plugin#configuration-eslintconfigcmjs
+// import storybook from "eslint-plugin-storybook";
+
 import eslintConfigPrettier from 'eslint-config-prettier/flat';
 import xoConfig from 'eslint-config-xo';
 import { defineConfig, globalIgnores } from 'eslint/config';
diff --git a/package-lock.json b/package-lock.json
index e8758e51a16c..5f5a381bd232 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -51,6 +51,7 @@
         "@playwright/experimental-ct-react": "1.56.1",
         "@playwright/experimental-ct-vue": "1.56.1",
         "@playwright/test": "1.56.1",
+        "@storybook/angular": "10.0.8",
         "accessibility-checker": "4.0.9",
         "adm-zip": "0.5.16",
         "commander": "14.0.2",
@@ -4728,14 +4729,14 @@
       }
     },
     "node_modules/@chromatic-com/storybook": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-4.1.2.tgz",
-      "integrity": "sha512-QAWGtHwib0qsP5CcO64aJCF75zpFgpKK3jNpxILzQiPK3sVo4EmnVGJVdwcZWpWrGdH8E4YkncGoitw4EXzKMg==",
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-4.1.3.tgz",
+      "integrity": "sha512-hc0HO9GAV9pxqDE6fTVOV5KeLpTiCfV8Jrpk5ogKLiIgeq2C+NPjpt74YnrZTjiK8E19fYcMP+2WY9ZtX7zHmw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@neoconfetti/react": "^1.0.0",
-        "chromatic": "^12.0.0",
+        "chromatic": "^13.3.3",
         "filesize": "^10.0.12",
         "jsonfile": "^6.1.0",
         "strip-ansi": "^7.1.0"
@@ -14602,14 +14603,6 @@
       "integrity": "sha512-0dxmVj4gxg3Jg879kvFS/msl4s9F3T9UXC1InxgOf7t5NvcPD97u/WTA5vL/IxWHMn7qSxBozqrnnE2wvl1m8g==",
       "license": "CC0-1.0"
     },
-    "node_modules/@standard-schema/spec": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.0.0.tgz",
-      "integrity": "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/@stencil/core": {
       "version": "4.38.3",
       "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.38.3.tgz",
@@ -14738,9 +14731,9 @@
       ]
     },
     "node_modules/@storybook/addon-a11y": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-9.1.13.tgz",
-      "integrity": "sha512-4enIl1h2XSZnFKUQJJoZbp1X40lzdj7f5JE15ZhU1al4z6hHWp7i2zD7ySyDpEbMypBCz1xnLvyiyw79m1fp7w==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-10.0.8.tgz",
+      "integrity": "sha512-rXJuSfujuRqkz1v26wLttVRkXzZur3LtMTH1/K+rb1epXq305vRm/bYql0FYGvrq0idJWYo4WbU65YRig9sfuA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14752,20 +14745,20 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^9.1.13"
+        "storybook": "^10.0.8"
       }
     },
     "node_modules/@storybook/addon-docs": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-9.1.13.tgz",
-      "integrity": "sha512-V1nCo7bfC3kQ5VNVq0VDcHsIhQf507m+BxMA5SIYiwdJHljH2BXpW2fL3FFn9gv9Wp57AEEzhm+wh4zANaJgkg==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-10.0.8.tgz",
+      "integrity": "sha512-PYuaGXGycsamK/7OrFoE4syHGy22mdqqArl67cfosRwmRxZEI9ManQK0jTjNQM9ZX14NpThMOSWNGoWLckkxog==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@mdx-js/react": "^3.0.0",
-        "@storybook/csf-plugin": "9.1.13",
-        "@storybook/icons": "^1.4.0",
-        "@storybook/react-dom-shim": "9.1.13",
+        "@storybook/csf-plugin": "10.0.8",
+        "@storybook/icons": "^1.6.0",
+        "@storybook/react-dom-shim": "10.0.8",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
         "ts-dedent": "^2.0.0"
@@ -14775,18 +14768,18 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^9.1.13"
+        "storybook": "^10.0.8"
       }
     },
     "node_modules/@storybook/addon-vitest": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-vitest/-/addon-vitest-9.1.13.tgz",
-      "integrity": "sha512-g/wkQ8i1GGlsoHEe6bjWic+ESokWhuMBxAa9FDLW9KDf0L1DMyQqFFJFnGoo99zCNRVJcSXgzZTFp6SCt3FKog==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-vitest/-/addon-vitest-10.0.8.tgz",
+      "integrity": "sha512-f9LoBPNz3cLBUWbkeYV7OFSrcONKxVT/NXeMek0/H1VwRwU/caYMoIAQzQwK4AueXkMUeba4DZfB/FvzB8mM6A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@storybook/global": "^5.0.0",
-        "@storybook/icons": "^1.4.0",
+        "@storybook/icons": "^1.6.0",
         "prompts": "^2.4.0",
         "ts-dedent": "^2.2.0"
       },
@@ -14795,15 +14788,19 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "@vitest/browser": "^3.0.0",
-        "@vitest/runner": "^3.0.0",
-        "storybook": "^9.1.13",
-        "vitest": "^3.0.0"
+        "@vitest/browser": "^3.0.0 || ^4.0.0",
+        "@vitest/browser-playwright": "^4.0.0",
+        "@vitest/runner": "^3.0.0 || ^4.0.0",
+        "storybook": "^10.0.8",
+        "vitest": "^3.0.0 || ^4.0.0"
       },
       "peerDependenciesMeta": {
         "@vitest/browser": {
           "optional": true
         },
+        "@vitest/browser-playwright": {
+          "optional": true
+        },
         "@vitest/runner": {
           "optional": true
         },
@@ -14813,22 +14810,19 @@
       }
     },
     "node_modules/@storybook/angular": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/angular/-/angular-9.1.13.tgz",
-      "integrity": "sha512-h0Yw3jRqmIMJ9zpBhshVo8UDuOZ2rszlChtcXrzT0cDic41V2YMffGQlfoo2V3RY2dD0s5j4OAGKl453bkXlYA==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/angular/-/angular-10.0.8.tgz",
+      "integrity": "sha512-OmDyQBk0B+ulZVyI0R6bEFTiutD5mXFkFAdvw+bzQpsGR+9KY8XG/I4skIuO0ArifnDK41qvTQh7ShuFpJHhJQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/builder-webpack5": "9.1.13",
+        "@storybook/builder-webpack5": "10.0.8",
         "@storybook/global": "^5.0.0",
         "telejson": "8.0.0",
         "ts-dedent": "^2.0.0",
         "tsconfig-paths-webpack-plugin": "^4.0.1",
         "webpack": "5"
       },
-      "engines": {
-        "node": ">=20.0.0"
-      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
@@ -14847,7 +14841,7 @@
         "@angular/platform-browser": ">=18.0.0 < 21.0.0",
         "@angular/platform-browser-dynamic": ">=18.0.0 < 21.0.0",
         "rxjs": "^6.5.3 || ^7.4.0",
-        "storybook": "^9.1.13",
+        "storybook": "^10.0.8",
         "typescript": "^4.9.0 || ^5.0.0",
         "zone.js": ">=0.14.0"
       },
@@ -14864,13 +14858,13 @@
       }
     },
     "node_modules/@storybook/builder-vite": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-9.1.13.tgz",
-      "integrity": "sha512-pmtIjU02ASJOZKdL8DoxWXJgZnpTDgD5WmMnjKJh9FaWmc2YiCW2Y6VRxPox96OM655jYHQe5+UIbk3Cwtwb4A==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-10.0.8.tgz",
+      "integrity": "sha512-kaf/pUENzXxYgQMHGGPNiIk1ieb+SOMuSeLKx8wAUOlQOrzhtSH+ItACW/l43t+O6YZ8jYHoNBMF1kdQ1+Y5+w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/csf-plugin": "9.1.13",
+        "@storybook/csf-plugin": "10.0.8",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
@@ -14878,27 +14872,27 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^9.1.13",
+        "storybook": "^10.0.8",
         "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
       }
     },
     "node_modules/@storybook/builder-webpack5": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-9.1.13.tgz",
-      "integrity": "sha512-BoFXrTlc22ryLl6U5QwgV/gHVbHBcXeVSjYOyu6XZ9SPV5GGbw5T/G7NJYJAZcsz1ZxuMEYYSMFryfZ5qcjRsA==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-10.0.8.tgz",
+      "integrity": "sha512-uufIrphiv0BoaZ0kE/jk7q3tRs7+hjxnesRceeE3TAUI38EFs3Ppv3UBkwjl1NxL2h7skJhQ45rogtBFLwkyew==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/core-webpack": "9.1.13",
+        "@storybook/core-webpack": "10.0.8",
         "case-sensitive-paths-webpack-plugin": "^2.4.0",
         "cjs-module-lexer": "^1.2.3",
-        "css-loader": "^6.7.1",
+        "css-loader": "^7.1.2",
         "es-module-lexer": "^1.5.0",
-        "fork-ts-checker-webpack-plugin": "^8.0.0",
+        "fork-ts-checker-webpack-plugin": "^9.1.0",
         "html-webpack-plugin": "^5.5.0",
         "magic-string": "^0.30.5",
-        "style-loader": "^3.3.1",
-        "terser-webpack-plugin": "^5.3.1",
+        "style-loader": "^4.0.0",
+        "terser-webpack-plugin": "^5.3.14",
         "ts-dedent": "^2.0.0",
         "webpack": "5",
         "webpack-dev-middleware": "^6.1.2",
@@ -14910,7 +14904,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^9.1.13"
+        "storybook": "^10.0.8"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -14918,42 +14912,6 @@
         }
       }
     },
-    "node_modules/@storybook/builder-webpack5/node_modules/css-loader": {
-      "version": "6.11.0",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.11.0.tgz",
-      "integrity": "sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "icss-utils": "^5.1.0",
-        "postcss": "^8.4.33",
-        "postcss-modules-extract-imports": "^3.1.0",
-        "postcss-modules-local-by-default": "^4.0.5",
-        "postcss-modules-scope": "^3.2.0",
-        "postcss-modules-values": "^4.0.0",
-        "postcss-value-parser": "^4.2.0",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "@rspack/core": "0.x || 1.x",
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@rspack/core": {
-          "optional": true
-        },
-        "webpack": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@storybook/builder-webpack5/node_modules/memfs": {
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz",
@@ -15020,9 +14978,9 @@
       }
     },
     "node_modules/@storybook/core-webpack": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-9.1.13.tgz",
-      "integrity": "sha512-HtBZ+ZVgeqlhyMiT/Tdb/vpKrCSiZEi6p4s7y/qk04SaX8XIPSufEeqLI/ELSz2hOcuCy6smU/tE1JkqVz/4uA==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-10.0.8.tgz",
+      "integrity": "sha512-WFpbzUY9lfXMvNo9YTDG9CeGlWhn79V/pVqj6nOYwCO4wrF+yeizm61zXvZdDofFOtrw4vzzmzgbjkBQJefa5Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -15033,24 +14991,42 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^9.1.13"
+        "storybook": "^10.0.8"
       }
     },
     "node_modules/@storybook/csf-plugin": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-9.1.13.tgz",
-      "integrity": "sha512-EMpzYuyt9FDcxxfBChWzfId50y8QMpdenviEQ8m+pa6c+ANx3pC5J6t7y0khD8TQu815sTy+nc6cc8PC45dPUA==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-10.0.8.tgz",
+      "integrity": "sha512-OtLUWHIm3SDGtclQn6Mdd/YsWizLBgdEBRAdekGtwI/TvICfT7gpWYIycP53v2t9ufu2MIXjsxtV2maZKs8sZg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "unplugin": "^1.3.1"
+        "unplugin": "^2.3.5"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^9.1.13"
+        "esbuild": "*",
+        "rollup": "*",
+        "storybook": "^10.0.8",
+        "vite": "*",
+        "webpack": "*"
+      },
+      "peerDependenciesMeta": {
+        "esbuild": {
+          "optional": true
+        },
+        "rollup": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
       }
     },
     "node_modules/@storybook/global": {
@@ -15075,26 +15051,23 @@
       }
     },
     "node_modules/@storybook/react": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-9.1.13.tgz",
-      "integrity": "sha512-B0UpYikKf29t8QGcdmumWojSQQ0phSDy/Ne2HYdrpNIxnUvHHUVOlGpq4lFcIDt52Ip5YG5GuAwJg3+eR4LCRg==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-10.0.8.tgz",
+      "integrity": "sha512-PkuPb8sAqmjjkowSzm3rutiSuETvZI2F8SnjbHE6FRqZWWK4iFoaUrQbrg5kpPAtX//xIrqkdFwlbmQ3skhiPA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@storybook/global": "^5.0.0",
-        "@storybook/react-dom-shim": "9.1.13"
-      },
-      "engines": {
-        "node": ">=20.0.0"
+        "@storybook/react-dom-shim": "10.0.8"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "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": "^9.1.13",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "storybook": "^10.0.8",
         "typescript": ">= 4.9.x"
       },
       "peerDependenciesMeta": {
@@ -15104,9 +15077,9 @@
       }
     },
     "node_modules/@storybook/react-dom-shim": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-9.1.13.tgz",
-      "integrity": "sha512-/tMr9TmV3+98GEQO0S03k4gtKHGCpv9+k9Dmnv+TJK3TBz7QsaFEzMwe3gCgoTaebLACyVveDiZkWnCYAWB6NA==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-10.0.8.tgz",
+      "integrity": "sha512-ojuH22MB9Sz6rWbhTmC5IErZr0ZADbZijtPteUdydezY7scORT00UtbNoBcG0V6iVjdChgDtSKw2KHUUfchKqg==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -15114,46 +15087,43 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "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": "^9.1.13"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "storybook": "^10.0.8"
       }
     },
     "node_modules/@storybook/react-vite": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-9.1.13.tgz",
-      "integrity": "sha512-mV1bZ1bpkNQygnuDo1xMGAS5ZXuoXFF0WGmr/BzNDGmRhZ1K1HQh42kC0w3PklckFBUwCFxmP58ZwTFzf+/dJA==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-10.0.8.tgz",
+      "integrity": "sha512-HS2X4qlitrZr3/sN2+ollxAaNE813IasZRE8lOez1Ey1ISGBtYIb9rmJs82MK35+yDM0pHdiDjkFMD4SkNYh2g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@joshwooding/vite-plugin-react-docgen-typescript": "0.6.1",
         "@rollup/pluginutils": "^5.0.2",
-        "@storybook/builder-vite": "9.1.13",
-        "@storybook/react": "9.1.13",
-        "find-up": "^7.0.0",
+        "@storybook/builder-vite": "10.0.8",
+        "@storybook/react": "10.0.8",
+        "empathic": "^2.0.0",
         "magic-string": "^0.30.0",
         "react-docgen": "^8.0.0",
         "resolve": "^1.22.8",
         "tsconfig-paths": "^4.2.0"
       },
-      "engines": {
-        "node": ">=20.0.0"
-      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "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": "^9.1.13",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "storybook": "^10.0.8",
         "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
       }
     },
     "node_modules/@storybook/vue3": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/vue3/-/vue3-9.1.13.tgz",
-      "integrity": "sha512-jz862KoZ7h+YD+eCS8CITY4R88j9tHX6SJLdJGT3YWqvJzn68nSst4qP45Fr0a8U7dXFAZipnjjbcwnKBi0fiw==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/vue3/-/vue3-10.0.8.tgz",
+      "integrity": "sha512-h7ztNeAemf3yXQIetkbKAv8l5JkuXC65TmpAYTZYZpWUof/uuAnMF4rXQlRnS6Nd2PRfA9mZGGlGxNDCm3StlA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -15161,42 +15131,35 @@
         "type-fest": "~2.19",
         "vue-component-type-helpers": "latest"
       },
-      "engines": {
-        "node": ">=20.0.0"
-      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^9.1.13",
+        "storybook": "^10.0.8",
         "vue": "^3.0.0"
       }
     },
     "node_modules/@storybook/vue3-vite": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/@storybook/vue3-vite/-/vue3-vite-9.1.13.tgz",
-      "integrity": "sha512-DlAmdUqEGNxwrycmAWawkP5M0TPRbyw9i8raIMSlKIGXmJ9A2CW2w1Fv/Jhd5s4wzpIxx8ZoYPK2qzt8hx5zqA==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@storybook/vue3-vite/-/vue3-vite-10.0.8.tgz",
+      "integrity": "sha512-Bdum0SssJAbvwKfbKvTMEkpc9zapMG/GODxzqWO7XuycOZWrR0FPvj13y1gBhv0y66jBHMbtsLQ76uTyNFslIA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/builder-vite": "9.1.13",
-        "@storybook/vue3": "9.1.13",
-        "find-package-json": "^1.2.0",
+        "@storybook/builder-vite": "10.0.8",
+        "@storybook/vue3": "10.0.8",
         "magic-string": "^0.30.0",
         "typescript": "^5.8.3",
         "vue-component-meta": "^2.0.0",
         "vue-docgen-api": "^4.75.1"
       },
-      "engines": {
-        "node": ">=20.0.0"
-      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^9.1.13",
+        "storybook": "^10.0.8",
         "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
       }
     },
@@ -19224,76 +19187,6 @@
         "node": ">=14.0.0"
       }
     },
-    "node_modules/better-opn": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz",
-      "integrity": "sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "open": "^8.0.4"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/better-opn/node_modules/define-lazy-prop": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/better-opn/node_modules/is-docker": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/better-opn/node_modules/is-wsl": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-docker": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/better-opn/node_modules/open": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
-      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "define-lazy-prop": "^2.0.0",
-        "is-docker": "^2.1.1",
-        "is-wsl": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/better-path-resolve": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/better-path-resolve/-/better-path-resolve-1.0.0.tgz",
@@ -20558,9 +20451,9 @@
       "dev": true
     },
     "node_modules/chromatic": {
-      "version": "12.2.0",
-      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-12.2.0.tgz",
-      "integrity": "sha512-GswmBW9ZptAoTns1BMyjbm55Z7EsIJnUvYKdQqXIBZIKbGErmpA+p4c0BYA+nzw5B0M+rb3Iqp1IaH8TFwIQew==",
+      "version": "13.3.4",
+      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-13.3.4.tgz",
+      "integrity": "sha512-TR5rvyH0ESXobBB3bV8jc87AEAFQC7/n+Eb4XWhJz6hW3YNxIQPVjcbgLv+a4oKHEl1dUBueWSoIQsOVGTd+RQ==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -23371,6 +23264,16 @@
         "node": ">= 4"
       }
     },
+    "node_modules/empathic": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/empathic/-/empathic-2.0.0.tgz",
+      "integrity": "sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/encodeurl": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
@@ -23863,19 +23766,6 @@
         "@esbuild/win32-x64": "0.25.12"
       }
     },
-    "node_modules/esbuild-register": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.6.0.tgz",
-      "integrity": "sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "^4.3.4"
-      },
-      "peerDependencies": {
-        "esbuild": ">=0.12 <1"
-      }
-    },
     "node_modules/esbuild-wasm": {
       "version": "0.25.9",
       "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.25.9.tgz",
@@ -25155,20 +25045,6 @@
         "semver": "bin/semver.js"
       }
     },
-    "node_modules/eslint-plugin-storybook": {
-      "version": "10.0.8",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-10.0.8.tgz",
-      "integrity": "sha512-ZKEMFhF/z/HRVvIgnEIYG2uAqmuLbkebUdHH3DpGHE64GPgk+KozcpqnD6zNk5vJ407bFmcWsGinBc2zi74f0g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/utils": "^8.8.1"
-      },
-      "peerDependencies": {
-        "eslint": ">=8",
-        "storybook": "^10.0.8"
-      }
-    },
     "node_modules/eslint-plugin-unicorn": {
       "version": "59.0.1",
       "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-59.0.1.tgz",
@@ -26416,13 +26292,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/find-package-json": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/find-package-json/-/find-package-json-1.2.0.tgz",
-      "integrity": "sha512-+SOGcLGYDJHtyqHd87ysBhmaeQ95oWspDKnMXBrnQ9Eq4OkLNqejgoaD8xVWu6GPa0B6roa6KinCMEMcVeqONw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/find-replace": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/find-replace/-/find-replace-3.0.0.tgz",
@@ -26629,16 +26498,16 @@
       }
     },
     "node_modules/fork-ts-checker-webpack-plugin": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz",
-      "integrity": "sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg==",
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-9.1.0.tgz",
+      "integrity": "sha512-mpafl89VFPJmhnJ1ssH+8wmM2b50n+Rew5x42NeI2U78aRWgtkEtGmctp7iT16UjquJTjorEmIfESj3DxdW84Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.16.7",
         "chalk": "^4.1.2",
-        "chokidar": "^3.5.3",
-        "cosmiconfig": "^7.0.1",
+        "chokidar": "^4.0.1",
+        "cosmiconfig": "^8.2.0",
         "deepmerge": "^4.2.2",
         "fs-extra": "^10.0.0",
         "memfs": "^3.4.1",
@@ -26649,8 +26518,7 @@
         "tapable": "^2.2.1"
       },
       "engines": {
-        "node": ">=12.13.0",
-        "yarn": ">=1.0.0"
+        "node": ">=14.21.3"
       },
       "peerDependencies": {
         "typescript": ">3.6.0",
@@ -26700,6 +26568,13 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
     "node_modules/fork-ts-checker-webpack-plugin/node_modules/brace-expansion": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
@@ -26728,46 +26603,31 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/cosmiconfig": {
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
+      "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0",
+        "path-type": "^4.0.0"
       },
       "engines": {
-        "node": ">= 8.10.0"
+        "node": ">=14"
       },
       "funding": {
-        "url": "https://paulmillr.com/funding/"
+        "url": "https://github.com/sponsors/d-fischer"
       },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
       },
-      "engines": {
-        "node": ">=10"
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
     "node_modules/fork-ts-checker-webpack-plugin/node_modules/fs-extra": {
@@ -26785,19 +26645,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/fork-ts-checker-webpack-plugin/node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -26808,6 +26655,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
     "node_modules/fork-ts-checker-webpack-plugin/node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -26841,32 +26701,6 @@
         "node": "*"
       }
     },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
     "node_modules/fork-ts-checker-webpack-plugin/node_modules/schema-utils": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
@@ -26899,16 +26733,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/form-data": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
@@ -28967,9 +28791,9 @@
       }
     },
     "node_modules/html-webpack-plugin": {
-      "version": "5.6.4",
-      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.4.tgz",
-      "integrity": "sha512-V/PZeWsqhfpE27nKeX9EO2sbR+D17A+tLf6qU+ht66jdUsN0QLKJN27Z+1+gHrVMKgndBahes0PU6rRihDgHTw==",
+      "version": "5.6.5",
+      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.5.tgz",
+      "integrity": "sha512-4xynFbKNNk+WlzXeQQ+6YYsH2g7mpfPszQZUi3ovKlj+pDmngQ7vRXjrrmGROabmKwyQkcgcX5hqfOwHbFmK5g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -29808,21 +29632,6 @@
         "unplugin-utils": "^0.2.4"
       }
     },
-    "node_modules/impound/node_modules/unplugin": {
-      "version": "2.3.10",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.10.tgz",
-      "integrity": "sha512-6NCPkv1ClwH+/BGE9QeoTIl09nuiAt0gS28nn1PvYXsGKRwM2TCbFA2QiilmehPDTXIe684k4rZI1yl3A1PCUw==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/remapping": "^2.3.5",
-        "acorn": "^8.15.0",
-        "picomatch": "^4.0.3",
-        "webpack-virtual-modules": "^0.6.2"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      }
-    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -33451,21 +33260,6 @@
         "unplugin": "^2.0.0"
       }
     },
-    "node_modules/magic-regexp/node_modules/unplugin": {
-      "version": "2.3.10",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.10.tgz",
-      "integrity": "sha512-6NCPkv1ClwH+/BGE9QeoTIl09nuiAt0gS28nn1PvYXsGKRwM2TCbFA2QiilmehPDTXIe684k4rZI1yl3A1PCUw==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/remapping": "^2.3.5",
-        "acorn": "^8.15.0",
-        "picomatch": "^4.0.3",
-        "webpack-virtual-modules": "^0.6.2"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      }
-    },
     "node_modules/magic-string": {
       "version": "0.30.17",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
@@ -38659,21 +38453,6 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
-    "node_modules/nuxt/node_modules/unplugin": {
-      "version": "2.3.10",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.10.tgz",
-      "integrity": "sha512-6NCPkv1ClwH+/BGE9QeoTIl09nuiAt0gS28nn1PvYXsGKRwM2TCbFA2QiilmehPDTXIe684k4rZI1yl3A1PCUw==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/remapping": "^2.3.5",
-        "acorn": "^8.15.0",
-        "picomatch": "^4.0.3",
-        "webpack-virtual-modules": "^0.6.2"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      }
-    },
     "node_modules/nuxt/node_modules/unstorage": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/unstorage/-/unstorage-1.17.1.tgz",
@@ -39866,9 +39645,9 @@
       }
     },
     "node_modules/p-locate/node_modules/yocto-queue": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.2.1.tgz",
-      "integrity": "sha512-AyeEbWOu/TAXdxlV9wmGcR0+yh2j3vYPGOECcIj2S7MkrLyC7ne+oye2BKTItt0ii2PHk4cDy+95+LshzbXnGg==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.2.2.tgz",
+      "integrity": "sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -40898,7 +40677,6 @@
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -46644,27 +46422,26 @@
       }
     },
     "node_modules/storybook": {
-      "version": "9.1.13",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-9.1.13.tgz",
-      "integrity": "sha512-G3KZ36EVzXyHds72B/qtWiJnhUpM0xOUeYlDcO9DSHL1bDTv15cW4+upBl+mcBZrDvU838cn7Bv4GpF+O5MCfw==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-10.0.8.tgz",
+      "integrity": "sha512-vQMufKKA9TxgoEDHJv3esrqUkjszuuRiDkThiHxENFPdQawHhm2Dei+iwNRwH5W671zTDy9iRT9P1KDjcU5Iyw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@storybook/global": "^5.0.0",
+        "@storybook/icons": "^1.6.0",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/user-event": "^14.6.1",
         "@vitest/expect": "3.2.4",
         "@vitest/mocker": "3.2.4",
         "@vitest/spy": "3.2.4",
-        "better-opn": "^3.0.2",
         "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0",
-        "esbuild-register": "^3.5.0",
         "recast": "^0.23.5",
         "semver": "^7.6.2",
         "ws": "^8.18.0"
       },
       "bin": {
-        "storybook": "bin/index.cjs"
+        "storybook": "dist/bin/dispatcher.js"
       },
       "funding": {
         "type": "opencollective",
@@ -47076,20 +46853,20 @@
       "license": "ISC"
     },
     "node_modules/style-loader": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz",
-      "integrity": "sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-4.0.0.tgz",
+      "integrity": "sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 12.13.0"
+        "node": ">= 18.12.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/webpack"
       },
       "peerDependencies": {
-        "webpack": "^5.0.0"
+        "webpack": "^5.27.0"
       }
     },
     "node_modules/style-to-js": {
@@ -50348,21 +50125,6 @@
         "unplugin": "^2.1.0"
       }
     },
-    "node_modules/unctx/node_modules/unplugin": {
-      "version": "2.3.10",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.10.tgz",
-      "integrity": "sha512-6NCPkv1ClwH+/BGE9QeoTIl09nuiAt0gS28nn1PvYXsGKRwM2TCbFA2QiilmehPDTXIe684k4rZI1yl3A1PCUw==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/remapping": "^2.3.5",
-        "acorn": "^8.15.0",
-        "picomatch": "^4.0.3",
-        "webpack-virtual-modules": "^0.6.2"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      }
-    },
     "node_modules/undefsafe": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
@@ -50562,21 +50324,6 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
-    "node_modules/unimport/node_modules/unplugin": {
-      "version": "2.3.10",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.10.tgz",
-      "integrity": "sha512-6NCPkv1ClwH+/BGE9QeoTIl09nuiAt0gS28nn1PvYXsGKRwM2TCbFA2QiilmehPDTXIe684k4rZI1yl3A1PCUw==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/remapping": "^2.3.5",
-        "acorn": "^8.15.0",
-        "picomatch": "^4.0.3",
-        "webpack-virtual-modules": "^0.6.2"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      }
-    },
     "node_modules/unimport/node_modules/unplugin-utils": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.3.1.tgz",
@@ -50761,17 +50508,18 @@
       }
     },
     "node_modules/unplugin": {
-      "version": "1.16.1",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.16.1.tgz",
-      "integrity": "sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==",
-      "dev": true,
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.11.tgz",
+      "integrity": "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==",
       "license": "MIT",
       "dependencies": {
-        "acorn": "^8.14.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "acorn": "^8.15.0",
+        "picomatch": "^4.0.3",
         "webpack-virtual-modules": "^0.6.2"
       },
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">=18.12.0"
       }
     },
     "node_modules/unplugin-utils": {
@@ -50823,21 +50571,6 @@
         }
       }
     },
-    "node_modules/unplugin-vue-router/node_modules/unplugin": {
-      "version": "2.3.10",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.10.tgz",
-      "integrity": "sha512-6NCPkv1ClwH+/BGE9QeoTIl09nuiAt0gS28nn1PvYXsGKRwM2TCbFA2QiilmehPDTXIe684k4rZI1yl3A1PCUw==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/remapping": "^2.3.5",
-        "acorn": "^8.15.0",
-        "picomatch": "^4.0.3",
-        "webpack-virtual-modules": "^0.6.2"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      }
-    },
     "node_modules/unrs-resolver": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.1.tgz",
@@ -50923,21 +50656,6 @@
         "unplugin": "^2.3.6"
       }
     },
-    "node_modules/unwasm/node_modules/unplugin": {
-      "version": "2.3.10",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.10.tgz",
-      "integrity": "sha512-6NCPkv1ClwH+/BGE9QeoTIl09nuiAt0gS28nn1PvYXsGKRwM2TCbFA2QiilmehPDTXIe684k4rZI1yl3A1PCUw==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/remapping": "^2.3.5",
-        "acorn": "^8.15.0",
-        "picomatch": "^4.0.3",
-        "webpack-virtual-modules": "^0.6.2"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      }
-    },
     "node_modules/unzipper": {
       "version": "0.10.14",
       "resolved": "https://registry.npmjs.org/unzipper/-/unzipper-0.10.14.tgz",
@@ -52092,9 +51810,9 @@
       "license": "MIT"
     },
     "node_modules/vue-component-type-helpers": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-3.1.1.tgz",
-      "integrity": "sha512-B0kHv7qX6E7+kdc5nsaqjdGZ1KwNKSUQDWGy7XkTYT7wFsOpkEyaJ1Vq79TjwrrtuLRgizrTV7PPuC4rRQo+vw==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-3.1.5.tgz",
+      "integrity": "sha512-7V3yJuNWW7/1jxCcI1CswnpDsvs02Qcx/N43LkV+ZqhLj2PKj50slUflHAroNkN4UWiYfzMUUUXiNuv9khmSpQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -56465,17 +56183,16 @@
       },
       "devDependencies": {
         "@eslint/js": "9.39.1",
-        "@storybook/addon-docs": "9.1.13",
-        "@storybook/react-vite": "9.1.13",
+        "@storybook/addon-docs": "10.0.8",
+        "@storybook/react-vite": "10.0.8",
         "@types/react": "18.3.13",
         "@types/react-dom": "18.3.1",
         "@vitejs/plugin-react": "5.0.4",
         "eslint": "9.39.1",
         "eslint-plugin-react-hooks": "7.0.1",
         "eslint-plugin-react-refresh": "0.4.24",
-        "eslint-plugin-storybook": "10.0.8",
         "globals": "16.4.0",
-        "storybook": "9.1.13",
+        "storybook": "10.0.8",
         "typescript": "~5.9.3",
         "typescript-eslint": "8.46.4",
         "vite": "7.2.4"
@@ -56512,7 +56229,7 @@
     "storybooks/angular-storybook": {
       "version": "0.0.0",
       "devDependencies": {
-        "@storybook/angular": "9.1.13"
+        "storybook": "10.0.8"
       }
     },
     "storybooks/react-storybook": {
@@ -56523,16 +56240,15 @@
       },
       "devDependencies": {
         "@eslint/js": "9.39.1",
-        "@storybook/react-vite": "9.1.13",
+        "@storybook/react-vite": "10.0.8",
         "@types/react": "18.3.13",
         "@types/react-dom": "18.3.1",
         "@vitejs/plugin-react": "5.0.4",
         "eslint": "9.39.1",
         "eslint-plugin-react-hooks": "7.0.1",
         "eslint-plugin-react-refresh": "0.4.24",
-        "eslint-plugin-storybook": "10.0.8",
         "globals": "16.4.0",
-        "storybook": "9.1.13",
+        "storybook": "10.0.8",
         "typescript": "~5.9.3",
         "typescript-eslint": "8.46.4",
         "vite": "7.2.4"
@@ -56572,17 +56288,16 @@
         "vue": "3.5.24"
       },
       "devDependencies": {
-        "@chromatic-com/storybook": "4.1.2",
-        "@storybook/addon-a11y": "9.1.13",
-        "@storybook/addon-docs": "9.1.13",
-        "@storybook/addon-vitest": "9.1.13",
-        "@storybook/vue3-vite": "9.1.13",
+        "@chromatic-com/storybook": "4.1.3",
+        "@storybook/addon-a11y": "10.0.8",
+        "@storybook/addon-docs": "10.0.8",
+        "@storybook/addon-vitest": "10.0.8",
+        "@storybook/vue3-vite": "10.0.8",
         "@vitejs/plugin-vue": "6.0.1",
         "@vitest/browser": "4.0.13",
         "@vitest/coverage-v8": "4.0.10",
         "@vue/tsconfig": "0.8.1",
-        "eslint-plugin-storybook": "10.0.8",
-        "storybook": "9.1.13",
+        "storybook": "10.0.8",
         "typescript": "~5.9.3",
         "vite": "7.2.4",
         "vue-tsc": "3.1.3"
@@ -56611,25 +56326,6 @@
         "vitest": "4.0.13"
       }
     },
-    "storybooks/vue-storybook/node_modules/@vitest/expect": {
-      "version": "4.0.13",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.0.13.tgz",
-      "integrity": "sha512-zYtcnNIBm6yS7Gpr7nFTmq8ncowlMdOJkWLqYvhr/zweY6tFbDkDi8BPPOeHxEtK1rSI69H7Fd4+1sqvEGli6w==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@standard-schema/spec": "^1.0.0",
-        "@types/chai": "^5.2.2",
-        "@vitest/spy": "4.0.13",
-        "@vitest/utils": "4.0.13",
-        "chai": "^6.2.1",
-        "tinyrainbow": "^3.0.3"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
     "storybooks/vue-storybook/node_modules/@vitest/mocker": {
       "version": "4.0.13",
       "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.0.13.tgz",
@@ -56670,37 +56366,6 @@
         "url": "https://opencollective.com/vitest"
       }
     },
-    "storybooks/vue-storybook/node_modules/@vitest/runner": {
-      "version": "4.0.13",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.0.13.tgz",
-      "integrity": "sha512-9IKlAru58wcVaWy7hz6qWPb2QzJTKt+IOVKjAx5vb5rzEFPTL6H4/R9BMvjZ2ppkxKgTrFONEJFtzvnyEpiT+A==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@vitest/utils": "4.0.13",
-        "pathe": "^2.0.3"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "storybooks/vue-storybook/node_modules/@vitest/snapshot": {
-      "version": "4.0.13",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.0.13.tgz",
-      "integrity": "sha512-hb7Usvyika1huG6G6l191qu1urNPsq1iFc2hmdzQY3F5/rTgqQnwwplyf8zoYHkpt7H6rw5UfIw6i/3qf9oSxQ==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@vitest/pretty-format": "4.0.13",
-        "magic-string": "^0.30.21",
-        "pathe": "^2.0.3"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
     "storybooks/vue-storybook/node_modules/@vitest/spy": {
       "version": "4.0.13",
       "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.0.13.tgz",
@@ -56725,17 +56390,6 @@
         "url": "https://opencollective.com/vitest"
       }
     },
-    "storybooks/vue-storybook/node_modules/chai": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/chai/-/chai-6.2.1.tgz",
-      "integrity": "sha512-p4Z49OGG5W/WBCPSS/dH3jQ73kD6tiMmUM+bckNK6Jr5JHMG3k9bg/BvKR8lKmtVBKmOiuVaV2ws8s9oSbwysg==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "storybooks/vue-storybook/node_modules/magic-string": {
       "version": "0.30.21",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
@@ -56769,32 +56423,6 @@
         "node": ">=14.19.0"
       }
     },
-    "storybooks/vue-storybook/node_modules/tinyexec": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
-      "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true
-    },
-    "storybooks/vue-storybook/node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
-      }
-    },
     "storybooks/vue-storybook/node_modules/tinyrainbow": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.0.3.tgz",
@@ -56804,89 +56432,6 @@
       "engines": {
         "node": ">=14.0.0"
       }
-    },
-    "storybooks/vue-storybook/node_modules/vitest": {
-      "version": "4.0.13",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.0.13.tgz",
-      "integrity": "sha512-QSD4I0fN6uZQfftryIXuqvqgBxTvJ3ZNkF6RWECd82YGAYAfhcppBLFXzXJHQAAhVFyYEuFTrq6h0hQqjB7jIQ==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@vitest/expect": "4.0.13",
-        "@vitest/mocker": "4.0.13",
-        "@vitest/pretty-format": "4.0.13",
-        "@vitest/runner": "4.0.13",
-        "@vitest/snapshot": "4.0.13",
-        "@vitest/spy": "4.0.13",
-        "@vitest/utils": "4.0.13",
-        "debug": "^4.4.3",
-        "es-module-lexer": "^1.7.0",
-        "expect-type": "^1.2.2",
-        "magic-string": "^0.30.21",
-        "pathe": "^2.0.3",
-        "picomatch": "^4.0.3",
-        "std-env": "^3.10.0",
-        "tinybench": "^2.9.0",
-        "tinyexec": "^0.3.2",
-        "tinyglobby": "^0.2.15",
-        "tinyrainbow": "^3.0.3",
-        "vite": "^6.0.0 || ^7.0.0",
-        "why-is-node-running": "^2.3.0"
-      },
-      "bin": {
-        "vitest": "vitest.mjs"
-      },
-      "engines": {
-        "node": "^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "@edge-runtime/vm": "*",
-        "@opentelemetry/api": "^1.9.0",
-        "@types/debug": "^4.1.12",
-        "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
-        "@vitest/browser-playwright": "4.0.13",
-        "@vitest/browser-preview": "4.0.13",
-        "@vitest/browser-webdriverio": "4.0.13",
-        "@vitest/ui": "4.0.13",
-        "happy-dom": "*",
-        "jsdom": "*"
-      },
-      "peerDependenciesMeta": {
-        "@edge-runtime/vm": {
-          "optional": true
-        },
-        "@opentelemetry/api": {
-          "optional": true
-        },
-        "@types/debug": {
-          "optional": true
-        },
-        "@types/node": {
-          "optional": true
-        },
-        "@vitest/browser-playwright": {
-          "optional": true
-        },
-        "@vitest/browser-preview": {
-          "optional": true
-        },
-        "@vitest/browser-webdriverio": {
-          "optional": true
-        },
-        "@vitest/ui": {
-          "optional": true
-        },
-        "happy-dom": {
-          "optional": true
-        },
-        "jsdom": {
-          "optional": true
-        }
-      }
     }
   }
 }
diff --git a/package.json b/package.json
index e29b57863316..3847b856a6ff 100644
--- a/package.json
+++ b/package.json
@@ -112,6 +112,7 @@
     "@playwright/experimental-ct-react": "1.56.1",
     "@playwright/experimental-ct-vue": "1.56.1",
     "@playwright/test": "1.56.1",
+    "@storybook/angular": "10.0.8",
     "accessibility-checker": "4.0.9",
     "adm-zip": "0.5.16",
     "commander": "14.0.2",
diff --git a/storybooks/_storybook/.storybook/main.ts b/storybooks/_storybook/.storybook/main.ts
index c418d843547f..5116c75422e5 100644
--- a/storybooks/_storybook/.storybook/main.ts
+++ b/storybooks/_storybook/.storybook/main.ts
@@ -1,7 +1,11 @@
+// This file has been automatically migrated to valid ESM format by Storybook.
+import { createRequire } from "node:module";
 import type { StorybookConfig } from '@storybook/react-vite';
 
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
@@ -14,7 +18,7 @@ const baseUrl = process.env.BASE_URL || '';
 
 const config: StorybookConfig = {
 	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-	addons: ['@storybook/addon-docs'],
+	addons: [getAbsolutePath("@storybook/addon-docs")],
 	framework: {
 		name: getAbsolutePath('@storybook/react-vite'),
 		options: {}
diff --git a/storybooks/_storybook/eslint.config.js b/storybooks/_storybook/eslint.config.js
index 4cd9ebfae04a..bc54b0a2dfcd 100644
--- a/storybooks/_storybook/eslint.config.js
+++ b/storybooks/_storybook/eslint.config.js
@@ -1,4 +1,5 @@
-// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
+// For more info, see https://github.com/storybookjs/storybook/tree/next/code/lib/eslint-plugin#configuration-eslintconfigcmjs
+// import storybook from "eslint-plugin-storybook";
 
 import js from '@eslint/js';
 import reactHooks from 'eslint-plugin-react-hooks';
diff --git a/storybooks/_storybook/package.json b/storybooks/_storybook/package.json
index d5348546f733..793fc8d42037 100644
--- a/storybooks/_storybook/package.json
+++ b/storybooks/_storybook/package.json
@@ -13,17 +13,16 @@
   },
   "devDependencies": {
     "@eslint/js": "9.39.1",
-    "@storybook/addon-docs": "9.1.13",
-    "@storybook/react-vite": "9.1.13",
+    "@storybook/addon-docs": "10.0.8",
+    "@storybook/react-vite": "10.0.8",
     "@types/react": "18.3.13",
     "@types/react-dom": "18.3.1",
     "@vitejs/plugin-react": "5.0.4",
     "eslint": "9.39.1",
     "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-react-refresh": "0.4.24",
-    "eslint-plugin-storybook": "10.0.8",
     "globals": "16.4.0",
-    "storybook": "9.1.13",
+    "storybook": "10.0.8",
     "typescript": "~5.9.3",
     "typescript-eslint": "8.46.4",
     "vite": "7.2.4"
diff --git a/storybooks/angular-storybook/.storybook/main.ts b/storybooks/angular-storybook/.storybook/main.ts
index 4d1be32d7c19..7a72a360db35 100644
--- a/storybooks/angular-storybook/.storybook/main.ts
+++ b/storybooks/angular-storybook/.storybook/main.ts
@@ -1,7 +1,11 @@
+// This file has been automatically migrated to valid ESM format by Storybook.
+import { createRequire } from "node:module";
 import { StorybookConfig } from '@storybook/angular';
 
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/storybooks/angular-storybook/package.json b/storybooks/angular-storybook/package.json
index 0cf1538765bc..e0cd09e68cf1 100644
--- a/storybooks/angular-storybook/package.json
+++ b/storybooks/angular-storybook/package.json
@@ -7,6 +7,6 @@
     "storybook": "ng run angular-latest:storybook"
   },
   "devDependencies": {
-    "@storybook/angular": "9.1.13"
+    "storybook": "10.0.8"
   }
 }
diff --git a/storybooks/react-storybook/.storybook/main.ts b/storybooks/react-storybook/.storybook/main.ts
index 92c2005638f1..b32dc2ccbc27 100644
--- a/storybooks/react-storybook/.storybook/main.ts
+++ b/storybooks/react-storybook/.storybook/main.ts
@@ -1,7 +1,11 @@
+// This file has been automatically migrated to valid ESM format by Storybook.
+import { createRequire } from "node:module";
 import type { StorybookConfig } from '@storybook/react-vite';
 
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/storybooks/react-storybook/eslint.config.js b/storybooks/react-storybook/eslint.config.js
index 4cd9ebfae04a..bc54b0a2dfcd 100644
--- a/storybooks/react-storybook/eslint.config.js
+++ b/storybooks/react-storybook/eslint.config.js
@@ -1,4 +1,5 @@
-// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
+// For more info, see https://github.com/storybookjs/storybook/tree/next/code/lib/eslint-plugin#configuration-eslintconfigcmjs
+// import storybook from "eslint-plugin-storybook";
 
 import js from '@eslint/js';
 import reactHooks from 'eslint-plugin-react-hooks';
diff --git a/storybooks/react-storybook/package.json b/storybooks/react-storybook/package.json
index a00d89a07eb9..56fb4f6af4ea 100644
--- a/storybooks/react-storybook/package.json
+++ b/storybooks/react-storybook/package.json
@@ -13,16 +13,15 @@
   },
   "devDependencies": {
     "@eslint/js": "9.39.1",
-    "@storybook/react-vite": "9.1.13",
+    "@storybook/react-vite": "10.0.8",
     "@types/react": "18.3.13",
     "@types/react-dom": "18.3.1",
     "@vitejs/plugin-react": "5.0.4",
     "eslint": "9.39.1",
     "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-react-refresh": "0.4.24",
-    "eslint-plugin-storybook": "10.0.8",
     "globals": "16.4.0",
-    "storybook": "9.1.13",
+    "storybook": "10.0.8",
     "typescript": "~5.9.3",
     "typescript-eslint": "8.46.4",
     "vite": "7.2.4"
diff --git a/storybooks/vue-storybook/.storybook/main.ts b/storybooks/vue-storybook/.storybook/main.ts
index fba28f66842f..383e2ceb20cd 100644
--- a/storybooks/vue-storybook/.storybook/main.ts
+++ b/storybooks/vue-storybook/.storybook/main.ts
@@ -1,6 +1,10 @@
+// This file has been automatically migrated to valid ESM format by Storybook.
+import { createRequire } from "node:module";
 import type { StorybookConfig } from '@storybook/vue3-vite';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/storybooks/vue-storybook/package.json b/storybooks/vue-storybook/package.json
index 7738cbeb94dd..c37a2db729ec 100644
--- a/storybooks/vue-storybook/package.json
+++ b/storybooks/vue-storybook/package.json
@@ -11,17 +11,16 @@
     "vue": "3.5.24"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "4.1.2",
-    "@storybook/addon-a11y": "9.1.13",
-    "@storybook/addon-docs": "9.1.13",
-    "@storybook/addon-vitest": "9.1.13",
-    "@storybook/vue3-vite": "9.1.13",
+    "@chromatic-com/storybook": "4.1.3",
+    "@storybook/addon-a11y": "10.0.8",
+    "@storybook/addon-docs": "10.0.8",
+    "@storybook/addon-vitest": "10.0.8",
+    "@storybook/vue3-vite": "10.0.8",
     "@vitejs/plugin-vue": "6.0.1",
     "@vitest/browser": "4.0.13",
     "@vitest/coverage-v8": "4.0.10",
     "@vue/tsconfig": "0.8.1",
-    "eslint-plugin-storybook": "10.0.8",
-    "storybook": "9.1.13",
+    "storybook": "10.0.8",
     "typescript": "~5.9.3",
     "vite": "7.2.4",
     "vue-tsc": "3.1.3"