diff --git a/package-lock.json b/package-lock.json
index 600a65b74ff..e589e9a3240 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,20 +24,20 @@
         "@rollup/plugin-node-resolve": "15.2.3",
         "@rollup/plugin-replace": "5.0.7",
         "@rollup/plugin-typescript": "11.1.6",
-        "@storybook/addon-a11y": "8.2.2",
-        "@storybook/addon-controls": "8.2.2",
-        "@storybook/addon-docs": "8.2.2",
-        "@storybook/addon-interactions": "8.2.2",
-        "@storybook/addon-mdx-gfm": "8.2.2",
-        "@storybook/addon-themes": "8.2.2",
+        "@storybook/addon-a11y": "8.2.4",
+        "@storybook/addon-controls": "8.2.4",
+        "@storybook/addon-docs": "8.2.4",
+        "@storybook/addon-interactions": "8.2.4",
+        "@storybook/addon-mdx-gfm": "8.2.4",
+        "@storybook/addon-themes": "8.2.4",
         "@storybook/addon-webpack5-compiler-babel": "3.0.3",
-        "@storybook/blocks": "8.2.2",
-        "@storybook/html": "8.2.2",
-        "@storybook/html-webpack5": "8.2.2",
-        "@storybook/manager-api": "8.2.2",
-        "@storybook/preview-api": "8.2.2",
+        "@storybook/blocks": "8.2.4",
+        "@storybook/html": "8.2.4",
+        "@storybook/html-webpack5": "8.2.4",
+        "@storybook/manager-api": "8.2.4",
+        "@storybook/preview-api": "8.2.4",
         "@storybook/storybook-deployer": "2.8.16",
-        "@storybook/test": "8.2.2",
+        "@storybook/test": "8.2.4",
         "@tokens-studio/sd-transforms": "0.12.2",
         "@types/dedent": "0.7.2",
         "@types/eslint": "8.56.10",
@@ -93,7 +93,7 @@
         "rollup": "4.18.0",
         "semver": "7.6.2",
         "shell-quote": "1.8.1",
-        "storybook": "8.2.2",
+        "storybook": "8.2.4",
         "storybook-addon-rtl": "1.0.0",
         "style-dictionary": "3.9.2",
         "stylelint": "15.11.0",
@@ -6135,12 +6135,12 @@
       }
     },
     "node_modules/@storybook/addon-a11y": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.2.2.tgz",
-      "integrity": "sha512-wW7aU0L+TCi+mTxvS6zmfVVe81vLcjBVNbhjzFHdWVwYej8rguwVpKXo2/UhQyXb38xe6qYICB5HAJyUYOO5Hg==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.2.4.tgz",
+      "integrity": "sha512-LyAvwDoAoyQSNwyI/KCq80pNBiLZCFqnAVyLU26QhB+Ydubn8T2kZf/zQ1Nf3eG1wZ4ONoekv06Mw5yY8ZdOjA==",
       "dev": true,
       "dependencies": {
-        "@storybook/addon-highlight": "8.2.2",
+        "@storybook/addon-highlight": "8.2.4",
         "axe-core": "^4.2.0"
       },
       "funding": {
@@ -6148,13 +6148,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/addon-controls": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.2.2.tgz",
-      "integrity": "sha512-y241aOANGzT5XBADUIvALwG/xF5eC6UItzmWJaFvOzSBCq74GIA0+Hu9atyFdvFQbXOrdvPWC4jR+9iuBFRxAA==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.2.4.tgz",
+      "integrity": "sha512-e56aUYhxyR8zJJstRAUP3WILhWTcvgRf5bysTtiyjFAL7U47cuCr043+IYEsxLkXhuZTKX2pcYSrjBtT5bYkVA==",
       "dev": true,
       "dependencies": {
         "dequal": "^2.0.2",
@@ -6166,21 +6166,21 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/addon-docs": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.2.2.tgz",
-      "integrity": "sha512-qk/yjAR9RpsSrKLLbeCgb6u58c8TmYqyJSnXgbAozZZNKHBWlIpvZ/hTNYud8qo0coPlxnLdjnZf32TykWGlAg==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.2.4.tgz",
+      "integrity": "sha512-oyrDw4nGfntu5Hkhr2Qt1wUOyLaVVERQekYyejyir92QhM10UeA7ZarPXNLfCTj7rbTrWmM1Waka9Tsf8TGMrw==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.24.4",
         "@mdx-js/react": "^3.0.0",
-        "@storybook/blocks": "8.2.2",
-        "@storybook/csf-plugin": "8.2.2",
+        "@storybook/blocks": "8.2.4",
+        "@storybook/csf-plugin": "8.2.4",
         "@storybook/global": "^5.0.0",
-        "@storybook/react-dom-shim": "8.2.2",
+        "@storybook/react-dom-shim": "8.2.4",
         "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
         "fs-extra": "^11.1.0",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
@@ -6194,13 +6194,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/addon-highlight": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.2.2.tgz",
-      "integrity": "sha512-yDTRzzL+IJAymgY32xoZl09BGBVmPOUV2wVNGYcZkkBLvz2GSQMTfUe1/7F4jAx//+rFBu48/MQzsTC7Bk8kPw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.2.4.tgz",
+      "integrity": "sha512-Ll/2y0m/q9ko9jFt40qsiee4fds6vpcwwxi3mPAVwRV/J7PpMzPkoLxM54bKpeHiWdTeGCXRguXNvyeQMQf3pg==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0"
@@ -6210,18 +6210,18 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/addon-interactions": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.2.2.tgz",
-      "integrity": "sha512-zRRuUwm/l41JtTUgjIoQTUgLT99Hsdz9cqKca/8NYo1MGBdEcKE41DH4aBIzKaOKFu7p9q00/o/X1EqYX4LMUA==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.2.4.tgz",
+      "integrity": "sha512-jGGTCKfqZzq3DSZF+cimD8FBcO8X9yu/cNTcxHtx6TN9McV69sTiSzOpGgbWkLjLjP0XU12NQGqFw38tIn7n9Q==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
-        "@storybook/instrumenter": "8.2.2",
-        "@storybook/test": "8.2.2",
+        "@storybook/instrumenter": "8.2.4",
+        "@storybook/test": "8.2.4",
         "polished": "^4.2.2",
         "ts-dedent": "^2.2.0"
       },
@@ -6230,13 +6230,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/addon-mdx-gfm": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-8.2.2.tgz",
-      "integrity": "sha512-JrI994U+BUJwSK0vEf0ocdZYGeiHdLxJSwFTC+krzHGrLeAL8pXnhWxLST3rv4FQty0wo5BZ4o6ayTC3mBj8LA==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-8.2.4.tgz",
+      "integrity": "sha512-6HEb3r9I64E3r7SGN9YoovrbQUhj3FWkhbJpuy+EU082Epvh7ekVaO4xVrn5Z3BOuJ5ep7261F/XC36KdLx3nw==",
       "dev": true,
       "dependencies": {
         "remark-gfm": "^4.0.0",
@@ -6247,13 +6247,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/addon-themes": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-8.2.2.tgz",
-      "integrity": "sha512-j/ZWxXakPzVdwe0ZuyzTYE0BLPMydwVRsNM6HFZU8QD8oaqfVg3e/hnjKTZ1clzsXI+IE/QMODCuKQi4hCRPMw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-8.2.4.tgz",
+      "integrity": "sha512-IPOu3dOnJdQbebCNSgXSa8KW5dalHPJU6wdqsAtwaWH4xtJ+nGdNzRWroVkbC6Q1pyjaELgAywS1aMqqukJLDQ==",
       "dev": true,
       "dependencies": {
         "ts-dedent": "^2.0.0"
@@ -6263,7 +6263,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/addon-webpack5-compiler-babel": {
@@ -6279,9 +6279,9 @@
       }
     },
     "node_modules/@storybook/blocks": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.2.2.tgz",
-      "integrity": "sha512-av0Tryg4toDl2L/d1ABErtsAk9wvM1su6+M4wq5/Go50sk5IjGTldhbZFa9zNOohxLkZwaj0Q5xAgJ1Y+m5KrQ==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.2.4.tgz",
+      "integrity": "sha512-Hl2Dpg41YiJLSVXxjEJPjgPShrDJM3RY6HEEOjqTcAADsheX1IHAWXMJSJGMmne3Sew6VdJXPuHBIOFV4suZxg==",
       "dev": true,
       "dependencies": {
         "@storybook/csf": "0.1.11",
@@ -6306,7 +6306,7 @@
       "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": "^8.2.2"
+        "storybook": "^8.2.4"
       },
       "peerDependenciesMeta": {
         "react": {
@@ -6318,12 +6318,12 @@
       }
     },
     "node_modules/@storybook/builder-webpack5": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.2.2.tgz",
-      "integrity": "sha512-ud6a3pRusbC/TvT1ed15INxSivyL2y2zI61O/MWQZmM8sZOIC6ObdHLtzU4+535IIqiXhPoQ/QiOBbejqjgZvw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.2.4.tgz",
+      "integrity": "sha512-O+upj4dsqmQuOJ1MzxypOoVfZ/bN78em/Px6Dks9LUdvLe/bLLXBeB0HsXdmuUE3GZS5LnR8gQQncl5V3pRLkA==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-webpack": "8.2.2",
+        "@storybook/core-webpack": "8.2.4",
         "@types/node": "^18.0.0",
         "@types/semver": "^7.3.4",
         "browser-assert": "^1.2.1",
@@ -6356,7 +6356,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -6372,10 +6372,48 @@
         "undici-types": "~5.26.4"
       }
     },
+    "node_modules/@storybook/codemod": {
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.2.4.tgz",
+      "integrity": "sha512-QcZdqjX4NvkVcWR3yI9it3PfqmBOCR+3iY6j4PmG7p5IE0j9kXMKBbeFrBRprSijHKlwcjbc3bRx2SnKF6AFEg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/preset-env": "^7.24.4",
+        "@babel/types": "^7.24.0",
+        "@storybook/core": "8.2.4",
+        "@storybook/csf": "0.1.11",
+        "@types/cross-spawn": "^6.0.2",
+        "cross-spawn": "^7.0.3",
+        "globby": "^14.0.1",
+        "jscodeshift": "^0.15.1",
+        "lodash": "^4.17.21",
+        "prettier": "^3.1.1",
+        "recast": "^0.23.5",
+        "tiny-invariant": "^1.3.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
+    "node_modules/@storybook/components": {
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.2.4.tgz",
+      "integrity": "sha512-JLT1RoR/RXX+ZTeFoY85CRHb9Zz3l0PRRUSetEjoIJdnBGeL5C38bs0s9QnYjpCDLUlhdYhTln+GzmbyH8ocpA==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.4"
+      }
+    },
     "node_modules/@storybook/core": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.2.2.tgz",
-      "integrity": "sha512-L4ojYI+Os/i5bCReDIlFgEDQSS94mbJlNU9WRzEGZpqNC5/hbFEC9Tip7P1MiRx9NrewkzU7b+UCP7mi3e4drQ==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-jePmsGZT2hhUNQs8ED6+hFVt2m4hrMseO8kkN7Mcsve1MIujzHUS7Gjo4uguBwHJJOtiXB2fw4OSiQCmsXscZA==",
       "dev": true,
       "dependencies": {
         "@storybook/csf": "0.1.11",
@@ -6396,9 +6434,9 @@
       }
     },
     "node_modules/@storybook/core-webpack": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.2.2.tgz",
-      "integrity": "sha512-M5wzgNbotVXcfo7WkXIuDxcBl7tTjnQ27lmlSBk+cu63pDvNn4UMDan621FcvxWq2DbjgIj+PASZ4DzM5O+ovA==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.2.4.tgz",
+      "integrity": "sha512-yJeBZ5EIcU1qtZxc4E/0tgNovBiDdMsCOmWTBi724sqlGscvYSGhsI2v9JBvg3fJhnU2whCakeq4IOLOtiMAeQ==",
       "dev": true,
       "dependencies": {
         "@types/node": "^18.0.0",
@@ -6409,13 +6447,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/core-webpack/node_modules/@types/node": {
-      "version": "18.19.39",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.39.tgz",
-      "integrity": "sha512-nPwTRDKUctxw3di5b4TfT3I0sWDiWoPQCZjXhvdkINntwr8lcoVCKsTgnXeRubKIlfnV+eN/HYk6Jb40tbcEAQ==",
+      "version": "18.19.41",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.41.tgz",
+      "integrity": "sha512-LX84pRJ+evD2e2nrgYCHObGWkiQJ1mL+meAgbvnwk/US6vmMY7S2ygBTGV2Jw91s9vUsLSXeDEkUHZIJGLrhsg==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
@@ -6440,9 +6478,9 @@
       }
     },
     "node_modules/@storybook/csf-plugin": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.2.2.tgz",
-      "integrity": "sha512-3K2RUpDDvq3DT46qAIj2VBC+fzTTebRUcZUsRfS6G1AzaX9p25iClEHiwcJacFkgQKhkci8A/Ly3Z4JJ3b4Pgw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.2.4.tgz",
+      "integrity": "sha512-7V2tmeyAwv4/AQiBpB+7fCpphnY1yhcz+Zv9esUOHKqFn5+7u9FKpEXFFcf6fcbqXr2KoNw2F1EnTv3K/SxXrg==",
       "dev": true,
       "dependencies": {
         "unplugin": "^1.3.1"
@@ -6452,7 +6490,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/global": {
@@ -6461,12 +6499,16 @@
       "license": "MIT"
     },
     "node_modules/@storybook/html": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/html/-/html-8.2.2.tgz",
-      "integrity": "sha512-cyIG1c0nE4yKmlUACBrxYIsmMgAImHW0tnE96SFF492cViR/w+FaXkaySMtu9yRV8saRKj5GJPtXBCDzhgYcgQ==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/html/-/html-8.2.4.tgz",
+      "integrity": "sha512-yWNbX+KKEdb9um/GmwaMuRy4/SfTvNW71qMWJDfU527rlAgGRlyBLO8FQqdNsD9tTE3MD3nCZDGQEvhy/tlXrw==",
       "dev": true,
       "dependencies": {
+        "@storybook/components": "^8.2.4",
         "@storybook/global": "^5.0.0",
+        "@storybook/manager-api": "^8.2.4",
+        "@storybook/preview-api": "^8.2.4",
+        "@storybook/theming": "^8.2.4",
         "ts-dedent": "^2.0.0"
       },
       "engines": {
@@ -6477,19 +6519,19 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/html-webpack5": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/html-webpack5/-/html-webpack5-8.2.2.tgz",
-      "integrity": "sha512-MoA4rcCs/8xd2oM437CElWzyfDiNhH66nbDFcsE7owRTBMv3KndHk9S9m8AllHoG2MbuIIOlumLwGm58I1Sa0w==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/html-webpack5/-/html-webpack5-8.2.4.tgz",
+      "integrity": "sha512-pscNqvqt4UCDS5NzmIsSbHj6ej015QVNv1vYoHkc5eHGbkq6bQh2BfVw//1Wz96jsLpwsG8Cr4Mj+jNWcfPdwg==",
       "dev": true,
       "dependencies": {
-        "@storybook/builder-webpack5": "8.2.2",
+        "@storybook/builder-webpack5": "8.2.4",
         "@storybook/global": "^5.0.0",
-        "@storybook/html": "8.2.2",
-        "@storybook/preset-html-webpack": "8.2.2",
+        "@storybook/html": "8.2.4",
+        "@storybook/preset-html-webpack": "8.2.4",
         "@types/node": "^18.0.0"
       },
       "engines": {
@@ -6500,13 +6542,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/html-webpack5/node_modules/@types/node": {
-      "version": "18.19.39",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.39.tgz",
-      "integrity": "sha512-nPwTRDKUctxw3di5b4TfT3I0sWDiWoPQCZjXhvdkINntwr8lcoVCKsTgnXeRubKIlfnV+eN/HYk6Jb40tbcEAQ==",
+      "version": "18.19.41",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.41.tgz",
+      "integrity": "sha512-LX84pRJ+evD2e2nrgYCHObGWkiQJ1mL+meAgbvnwk/US6vmMY7S2ygBTGV2Jw91s9vUsLSXeDEkUHZIJGLrhsg==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
@@ -6525,9 +6567,9 @@
       }
     },
     "node_modules/@storybook/instrumenter": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.2.2.tgz",
-      "integrity": "sha512-refwnHqKHhya45MgqakhMG0jKhTiEIAl0aOwAaQy9+zf9ncMIYQAXRQsSZ2Z188lFWE24wbeHKteb62a5ZfWwQ==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.2.4.tgz",
+      "integrity": "sha512-szcRjg7XhtobDW4omexWqBRlmRyrKW9p8uF9k6hanJqhHl4iG9D8xbi3SdaRhcn5KN1Wqv6RDAB+kXzHlFfdKA==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -6539,29 +6581,29 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/manager-api": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.2.2.tgz",
-      "integrity": "sha512-v7pbddJO21RAsGyT0+GZMgP25nLCdhQFYnmy+aRCgL6rz+k7bToPwcL+qK0mb5sfng+Ah2MAAK9ZvXWTYAVeqw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.2.4.tgz",
+      "integrity": "sha512-ayiOtcGupSeLCi2doEsRpALNPo4MBWYruc+e3jjkeVJQIg9A1ipSogNQh8unuOmq9rezO4/vcNBd6MxLs3xLWg==",
       "dev": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/preset-html-webpack": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/preset-html-webpack/-/preset-html-webpack-8.2.2.tgz",
-      "integrity": "sha512-E3FvMTj2HdtYfaPi8IdsQ1nfNciFkUbrSHnioClrHoU3ERy8/9sRbGwsu2jbxXUeJjmZhjVka7SoBwglzxgYNw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/preset-html-webpack/-/preset-html-webpack-8.2.4.tgz",
+      "integrity": "sha512-DVMln5efQJAS21ruhN2xn6Os37PIIgg5y7L1ucyeHo7aTnoBhWLPZqfe8C+bI/0smGDAf5GBknkHR6vRl6oTWg==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-webpack": "8.2.2",
+        "@storybook/core-webpack": "8.2.4",
         "@types/node": "^18.0.0",
         "html-loader": "^3.1.0",
         "webpack": "5"
@@ -6574,7 +6616,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/preset-html-webpack/node_modules/@types/node": {
@@ -6586,22 +6628,22 @@
       }
     },
     "node_modules/@storybook/preview-api": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.2.2.tgz",
-      "integrity": "sha512-/2V5MBV50VmdrgVV18xaTVxpBMZDfUyCntIBixybAHQhaD4DS2nRT7nyZDA7XRKax1VKF0i8EdR8JcsmtIwaKQ==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.2.4.tgz",
+      "integrity": "sha512-IxOiUYYzNnk1OOz3zQBhsa3P1fsgqeMBZcH7TjiQWs9osuWG20oqsFR6+Z3dxoW8IuQHvpnREGKvAbRsDsThcA==",
       "dev": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/react-dom-shim": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.2.2.tgz",
-      "integrity": "sha512-4fb1/yT9WXHzHjs0In6orIEZxga5eXd9UaXEFGudBgowCjDUVP9LabDdKTbGusz20lfaAkATsRG/W+EcSLoh8w==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.2.4.tgz",
+      "integrity": "sha512-p2ypPWuKKFY/ij7yYjvdnrOcfdpxnAJd9D4/2Hm2eVioE4y8HQSND54t9OfkW+498Ez7ph4zW9ez005XqzH/+w==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -6610,7 +6652,7 @@
       "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": "^8.2.2"
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@storybook/storybook-deployer": {
@@ -6669,13 +6711,13 @@
       }
     },
     "node_modules/@storybook/test": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.2.2.tgz",
-      "integrity": "sha512-X2qAKErjTh1X7XLAZqCMtU0ZK8JuwdKmgiqU0oXWxIDmCX6/Dm9ZIcdMZHs/S+K/UnIByjNlQpTShLVfRUeN1w==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.2.4.tgz",
+      "integrity": "sha512-boFjNFja4BNSbQhvmMlTVdQmZh36iM9+8w0sb7IK2e9Xnoi4+utupPNwBLvSsw4bRayK8+mP4Vk46O8h3TaiMw==",
       "dev": true,
       "dependencies": {
         "@storybook/csf": "0.1.11",
-        "@storybook/instrumenter": "8.2.2",
+        "@storybook/instrumenter": "8.2.4",
         "@testing-library/dom": "10.1.0",
         "@testing-library/jest-dom": "6.4.5",
         "@testing-library/user-event": "14.5.2",
@@ -6688,7 +6730,20 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.2.2"
+        "storybook": "^8.2.4"
+      }
+    },
+    "node_modules/@storybook/theming": {
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.2.4.tgz",
+      "integrity": "sha512-B4HQMzTeg1TgV9uPDIoDkMSnP839Y05I9+Tw60cilAD+jTqrCvMlccHfehsTzJk+gioAflunATcbU05TMZoeIQ==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.4"
       }
     },
     "node_modules/@surma/rollup-plugin-off-main-thread": {
@@ -26733,15 +26788,15 @@
       }
     },
     "node_modules/storybook": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.2.2.tgz",
-      "integrity": "sha512-xDT9gyzAEFQNeK7P+Mj/8bNzN+fbm6/4D6ihdSzmczayjydpNjMs74HDHMY6S4Bfu6tRVyEK2ALPGnr6ZVofBA==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.2.4.tgz",
+      "integrity": "sha512-ASavW8vIHiWpFY+4M6ngeqK5oL4OkxqdpmQYxvRqH0gA1G1hfq/vmDw4YC4GnqKwyWPQh2kaV5JFurKZVaeaDQ==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.24.4",
         "@babel/types": "^7.24.0",
-        "@storybook/codemod": "8.2.2",
-        "@storybook/core": "8.2.2",
+        "@storybook/codemod": "8.2.4",
+        "@storybook/core": "8.2.4",
         "@types/semver": "^7.3.4",
         "@yarnpkg/fslib": "2.10.3",
         "@yarnpkg/libzip": "2.3.0",
@@ -26782,31 +26837,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/storybook/node_modules/@storybook/codemod": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.2.2.tgz",
-      "integrity": "sha512-wRUVKLHVUhbLJYKW3QOufUxJGwaUT4jTCD8+HOGpHPdJO3NrwXu186xt4tuPZO2Y/NnacPeCQPsaK5ok4O8o7A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.24.4",
-        "@babel/preset-env": "^7.24.4",
-        "@babel/types": "^7.24.0",
-        "@storybook/core": "8.2.2",
-        "@storybook/csf": "0.1.11",
-        "@types/cross-spawn": "^6.0.2",
-        "cross-spawn": "^7.0.3",
-        "globby": "^14.0.1",
-        "jscodeshift": "^0.15.1",
-        "lodash": "^4.17.21",
-        "prettier": "^3.1.1",
-        "recast": "^0.23.5",
-        "tiny-invariant": "^1.3.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/storybook/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
diff --git a/package.json b/package.json
index 41aebcf21cb..035acfce68a 100644
--- a/package.json
+++ b/package.json
@@ -39,20 +39,20 @@
     "@rollup/plugin-node-resolve": "15.2.3",
     "@rollup/plugin-replace": "5.0.7",
     "@rollup/plugin-typescript": "11.1.6",
-    "@storybook/addon-a11y": "8.2.2",
-    "@storybook/addon-controls": "8.2.2",
-    "@storybook/addon-docs": "8.2.2",
-    "@storybook/addon-interactions": "8.2.2",
-    "@storybook/addon-mdx-gfm": "8.2.2",
-    "@storybook/addon-themes": "8.2.2",
+    "@storybook/addon-a11y": "8.2.4",
+    "@storybook/addon-controls": "8.2.4",
+    "@storybook/addon-docs": "8.2.4",
+    "@storybook/addon-interactions": "8.2.4",
+    "@storybook/addon-mdx-gfm": "8.2.4",
+    "@storybook/addon-themes": "8.2.4",
     "@storybook/addon-webpack5-compiler-babel": "3.0.3",
-    "@storybook/blocks": "8.2.2",
-    "@storybook/html": "8.2.2",
-    "@storybook/html-webpack5": "8.2.2",
-    "@storybook/manager-api": "8.2.2",
-    "@storybook/preview-api": "8.2.2",
+    "@storybook/blocks": "8.2.4",
+    "@storybook/html": "8.2.4",
+    "@storybook/html-webpack5": "8.2.4",
+    "@storybook/manager-api": "8.2.4",
+    "@storybook/preview-api": "8.2.4",
     "@storybook/storybook-deployer": "2.8.16",
-    "@storybook/test": "8.2.2",
+    "@storybook/test": "8.2.4",
     "@tokens-studio/sd-transforms": "0.12.2",
     "@types/dedent": "0.7.2",
     "@types/eslint": "8.56.10",
@@ -108,7 +108,7 @@
     "rollup": "4.18.0",
     "semver": "7.6.2",
     "shell-quote": "1.8.1",
-    "storybook": "8.2.2",
+    "storybook": "8.2.4",
     "storybook-addon-rtl": "1.0.0",
     "style-dictionary": "3.9.2",
     "stylelint": "15.11.0",