diff --git a/.storybook/main.js b/.storybook/main.js
index 87b803b0..9251f0b2 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -14,6 +14,7 @@ const config = {
     "@storybook/addon-themes",
     "@storybook/addon-mdx-gfm",
     "@storybook/addon-webpack5-compiler-babel",
+    "@chromatic-com/storybook"
   ],
   framework: {
     name: "@storybook/html-webpack5",
diff --git a/package-lock.json b/package-lock.json
index e9b5ddd4..ca58d21b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,16 +16,17 @@
       "devDependencies": {
         "@babel/core": "^7.24.4",
         "@babel/eslint-parser": "^7.24.1",
-        "@storybook/addon-actions": "^8.0.5",
-        "@storybook/addon-docs": "8.0.5",
-        "@storybook/addon-essentials": "8.0.5",
-        "@storybook/addon-links": "8.0.5",
-        "@storybook/addon-mdx-gfm": "8.0.5",
-        "@storybook/addon-themes": "8.0.5",
+        "@chromatic-com/storybook": "^1.3.3",
+        "@storybook/addon-actions": "^8.0.9",
+        "@storybook/addon-docs": "^8.0.9",
+        "@storybook/addon-essentials": "^8.0.9",
+        "@storybook/addon-links": "^8.0.9",
+        "@storybook/addon-mdx-gfm": "^8.0.9",
+        "@storybook/addon-themes": "^8.0.9",
         "@storybook/addon-webpack5-compiler-babel": "3.0.3",
-        "@storybook/blocks": "8.0.5",
-        "@storybook/html": "8.0.5",
-        "@storybook/html-webpack5": "8.0.5",
+        "@storybook/blocks": "^8.0.9",
+        "@storybook/html": "^8.0.9",
+        "@storybook/html-webpack5": "^8.0.9",
         "@testing-library/dom": "^10.0.0",
         "@testing-library/jest-dom": "^6.4.2",
         "@testing-library/user-event": "^13.5.0",
@@ -55,8 +56,8 @@
         "raw-loader": "^4.0.2",
         "remove-files-webpack-plugin": "^1.5.0",
         "sass": "^1.74.1",
-        "sass-loader": "^14.1.1",
-        "storybook": "8.0.5",
+        "sass-loader": "^14.2.1",
+        "storybook": "^8.0.9",
         "style-loader": "^3.3.4",
         "unminified-webpack-plugin": "^3.0.0",
         "webpack": "^5.91.0",
@@ -272,9 +273,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.1.tgz",
-      "integrity": "sha512-o7SDgTJuvx5vLKD6SFvkydkSMBvahDKGiNJzG22IZYXhiqoe9efY7zocICBgzHV4IRg5wdgl2nEL/tulKIEIbA==",
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.2.tgz",
+      "integrity": "sha512-LV76g+C502biUK6AyZ3LK10vDpDyCzZnhZFXkH1L75zHPj68+qc8Zfpx2th+gzwA2MzyK+1g/3EPl62yFnVttQ==",
       "dev": true,
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
@@ -2075,6 +2076,50 @@
       "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
       "dev": true
     },
+    "node_modules/@chromatic-com/storybook": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-1.3.3.tgz",
+      "integrity": "sha512-1y9r691T5vVGDZ0HY3YrCXUnvtrT2YrhDuvDZSvYSNUVpM/Imz6i1dnNMKb3eoI1qRsH55mI4zCt+Iq94NLedQ==",
+      "dev": true,
+      "dependencies": {
+        "chromatic": "^11.3.0",
+        "filesize": "^10.0.12",
+        "jsonfile": "^6.1.0",
+        "react-confetti": "^6.1.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=16.0.0",
+        "yarn": ">=1.22.18"
+      }
+    },
+    "node_modules/@chromatic-com/storybook/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@chromatic-com/storybook/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/@colors/colors": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
@@ -3837,12 +3882,12 @@
       "dev": true
     },
     "node_modules/@storybook/addon-actions": {
-      "version": "8.0.6",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.0.6.tgz",
-      "integrity": "sha512-3R/d2Td6+yeR+UnyCAeZ4tuiRGSm+6gKUQP9vB1bvEFQGuFBrV+zs3eakcYegOqZu3IXuejgaB0Knq987gUL5A==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.0.9.tgz",
+      "integrity": "sha512-+I3VTvlKdj8puHeS2tyaOVv9syDiNLneVZbTfqN+UDOK2i42NwvZr8PVwjTzMlEj9eePJdCZgiipz55xwts5bw==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-events": "8.0.6",
+        "@storybook/core-events": "8.0.9",
         "@storybook/global": "^5.0.0",
         "@types/uuid": "^9.0.1",
         "dequal": "^2.0.2",
@@ -3855,9 +3900,9 @@
       }
     },
     "node_modules/@storybook/addon-backgrounds": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.0.5.tgz",
-      "integrity": "sha512-XKSnJm6bGVkG9hv6VSK+djz7ZbxEHwVpsSEUKtOEt/ScLFxU0mlsH8dd5aMy9/MAYuB93Y+bJ2SR5kyOjmi1zQ==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.0.9.tgz",
+      "integrity": "sha512-pCDecACrVyxPaJKEWS0sHsRb8xw+IPCSxDM1TkjaAQ6zZ468A/dcUnqW+LVK8bSXgQwWzn23wqnqPFSy5yptuQ==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -3870,12 +3915,12 @@
       }
     },
     "node_modules/@storybook/addon-controls": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.0.5.tgz",
-      "integrity": "sha512-iUL89OJQse9DlZkwY8jhyl12L/qziUkwbdSgQJxRIEceW6vrHAmc5VGwneS7N3pBuiOIKQQmMhAQ660JXHM7eQ==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.0.9.tgz",
+      "integrity": "sha512-wWdmd62UP/sfPm8M7aJjEA+kEXTUIR/QsYi9PoYBhBZcXiikZ4kNan7oD7GfsnzGGKHrBVfwQhO+TqaENGYytA==",
       "dev": true,
       "dependencies": {
-        "@storybook/blocks": "8.0.5",
+        "@storybook/blocks": "8.0.9",
         "lodash": "^4.17.21",
         "ts-dedent": "^2.0.0"
       },
@@ -3885,24 +3930,24 @@
       }
     },
     "node_modules/@storybook/addon-docs": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.0.5.tgz",
-      "integrity": "sha512-FMlJLPjyNpqY68/9SJH7350/ncySKMGBQQAQnPrMtGVBld8eeOo3DB+GSffOSbmitomq+t16HOprvPSekTMlPw==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.0.9.tgz",
+      "integrity": "sha512-x7hX7UuzJtClu6XwU3SfpyFhuckVcgqgD6BU6Ihxl0zs+i4xp6iKVXYSnHFMRM1sgoeT8TjPxab35Ke8w8BVRw==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.12.3",
         "@mdx-js/react": "^3.0.0",
-        "@storybook/blocks": "8.0.5",
-        "@storybook/client-logger": "8.0.5",
-        "@storybook/components": "8.0.5",
-        "@storybook/csf-plugin": "8.0.5",
-        "@storybook/csf-tools": "8.0.5",
+        "@storybook/blocks": "8.0.9",
+        "@storybook/client-logger": "8.0.9",
+        "@storybook/components": "8.0.9",
+        "@storybook/csf-plugin": "8.0.9",
+        "@storybook/csf-tools": "8.0.9",
         "@storybook/global": "^5.0.0",
-        "@storybook/node-logger": "8.0.5",
-        "@storybook/preview-api": "8.0.5",
-        "@storybook/react-dom-shim": "8.0.5",
-        "@storybook/theming": "8.0.5",
-        "@storybook/types": "8.0.5",
+        "@storybook/node-logger": "8.0.9",
+        "@storybook/preview-api": "8.0.9",
+        "@storybook/react-dom-shim": "8.0.9",
+        "@storybook/theming": "8.0.9",
+        "@storybook/types": "8.0.9",
         "@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",
@@ -3917,55 +3962,24 @@
       }
     },
     "node_modules/@storybook/addon-essentials": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.0.5.tgz",
-      "integrity": "sha512-1yjwf9ibKn2rVqv+fqxACoIjsaUsimSEx8QwjIl2krDNhMULXzFeVubTQ09gXSVEnHUR1nKX3X9qOXJQ2bOFlQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/addon-actions": "8.0.5",
-        "@storybook/addon-backgrounds": "8.0.5",
-        "@storybook/addon-controls": "8.0.5",
-        "@storybook/addon-docs": "8.0.5",
-        "@storybook/addon-highlight": "8.0.5",
-        "@storybook/addon-measure": "8.0.5",
-        "@storybook/addon-outline": "8.0.5",
-        "@storybook/addon-toolbars": "8.0.5",
-        "@storybook/addon-viewport": "8.0.5",
-        "@storybook/core-common": "8.0.5",
-        "@storybook/manager-api": "8.0.5",
-        "@storybook/node-logger": "8.0.5",
-        "@storybook/preview-api": "8.0.5",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/addon-essentials/node_modules/@storybook/addon-actions": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.0.5.tgz",
-      "integrity": "sha512-l1UBvD61DRcfuBTkdqMp2K+60M1QpvhNpYxMmJ/JEYQjzWTg/s9gLmX8eSjgA5bi0sjjJ5i1ddr9d8nHrmwfPA==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/core-events": "8.0.5",
-        "@storybook/global": "^5.0.0",
-        "@types/uuid": "^9.0.1",
-        "dequal": "^2.0.2",
-        "polished": "^4.2.2",
-        "uuid": "^9.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/addon-essentials/node_modules/@storybook/core-events": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.5.tgz",
-      "integrity": "sha512-26c0m7P7qt9zUKcD1noWLPJmZ+iS6MKXNngUgNBSxTtG20NFV3nxD0/tx9FzNfDVZDF6cHINkWj+FVBAaVuBVQ==",
-      "dev": true,
-      "dependencies": {
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.0.9.tgz",
+      "integrity": "sha512-mwAgdfrOsTuTDcagvM7veBh+iayZIWmKOazzkhrIWbhYcrXOsweigD2UOVeHgAiAzJK49znr4FXTCKcE1hOWcw==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/addon-actions": "8.0.9",
+        "@storybook/addon-backgrounds": "8.0.9",
+        "@storybook/addon-controls": "8.0.9",
+        "@storybook/addon-docs": "8.0.9",
+        "@storybook/addon-highlight": "8.0.9",
+        "@storybook/addon-measure": "8.0.9",
+        "@storybook/addon-outline": "8.0.9",
+        "@storybook/addon-toolbars": "8.0.9",
+        "@storybook/addon-viewport": "8.0.9",
+        "@storybook/core-common": "8.0.9",
+        "@storybook/manager-api": "8.0.9",
+        "@storybook/node-logger": "8.0.9",
+        "@storybook/preview-api": "8.0.9",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
@@ -3974,9 +3988,9 @@
       }
     },
     "node_modules/@storybook/addon-highlight": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.0.5.tgz",
-      "integrity": "sha512-z4Aad6Dcf9gQIEPkR8WVIdRj/5RARI6SeIX3JRJoZ4l6fu7AvTZKDWPRpwLXSpEQqdeOb7l7FrZHISmXdrPoiQ==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.0.9.tgz",
+      "integrity": "sha512-vaRHGDbx7dpNpQECAHk5wczlZO3ntstprGlqnZt0o7ylz6xB5+pTQwTuIFty0hwKv+3TPcskzzifATUyEOEmyg==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0"
@@ -3987,12 +4001,12 @@
       }
     },
     "node_modules/@storybook/addon-links": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.0.5.tgz",
-      "integrity": "sha512-B5EAs0+LxgYH59GSVVAfgW8rAzGUmzdAAR3XJKbTXp3/d9e27uXwpLVYhi/VQHKLIsshDQRbc0s109APHs/SjQ==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.0.9.tgz",
+      "integrity": "sha512-FVt+AdW3JFSqbJzkKiqKsMRWqHXqEvCBqFs7lNfk3OW0w0jfv1iREtrxE0dVdJoUFQC9V/2Im/EpJ7UB3C2bNQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/csf": "^0.1.2",
+        "@storybook/csf": "^0.1.4",
         "@storybook/global": "^5.0.0",
         "ts-dedent": "^2.0.0"
       },
@@ -4010,12 +4024,12 @@
       }
     },
     "node_modules/@storybook/addon-mdx-gfm": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-8.0.5.tgz",
-      "integrity": "sha512-YbKbCJRITN60lptQGGmiQjdLJjyyIoy4kqEuV2p7gIqSCwa9djgI2+aQ1DzDEo8qLDY/DGdZUQVKlZ8TfVuJcA==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-8.0.9.tgz",
+      "integrity": "sha512-AoEx+OGKANtVZgKyWKrQhGpMpDuc2S7PnOlNLUiDYzmj8ABAGPmEJmqeb/VHVgqLQSjhOW1fMsQ4fYsecvMxTQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/node-logger": "8.0.5",
+        "@storybook/node-logger": "8.0.9",
         "remark-gfm": "^4.0.0",
         "ts-dedent": "^2.0.0"
       },
@@ -4025,9 +4039,9 @@
       }
     },
     "node_modules/@storybook/addon-measure": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.0.5.tgz",
-      "integrity": "sha512-B5c33aREHbTA+An7Q5Q1yEXUB0ETE5yPnGgsXuxVl6LyYqyqjai1qE48vcmkA7S+vt5MR6Sf9Lmy3UL+kkyYzQ==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.0.9.tgz",
+      "integrity": "sha512-91svOOGEXmGG4USglwXLE3wtlUVgtbKJVxTKX7xRI+AC5JEEaKByVzP17/X8Qn/8HilUL7AfSQ0kCoqtPSJ5cA==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -4039,9 +4053,9 @@
       }
     },
     "node_modules/@storybook/addon-outline": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.0.5.tgz",
-      "integrity": "sha512-ouQ4IOBw7AAyukkaQwNe2MRTpDbCv+j4z76BRE7qvu9PckifsWsm00pTQwvbNdjiogS8c3EPMV5aBGIPoK/zAQ==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.0.9.tgz",
+      "integrity": "sha512-fQ+jm356TgUnz81IxsC99/aOesbLw3N5OQRJpo/A6kqbLMzlq3ybVzuXYCKC3f0ArgQRNh4NoMeJBMRFMtaWRw==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -4053,9 +4067,9 @@
       }
     },
     "node_modules/@storybook/addon-themes": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-8.0.5.tgz",
-      "integrity": "sha512-NIqjpdU3XwuaUYMp0woE8d8S6d2nlddTU/Q727VqrBJIkMYyqSD1NmoafpHEXiLiPX0bfOxGyD5uhPQCyGUVAw==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-8.0.9.tgz",
+      "integrity": "sha512-aAbKIT//bqKbMeRLKtVStwndi+XrYxeg94tDKTFrIv2W1It6QJlO/5FMjI+cgtHHBi6w/4ThKDYwjupasaBdlg==",
       "dev": true,
       "dependencies": {
         "ts-dedent": "^2.0.0"
@@ -4066,9 +4080,9 @@
       }
     },
     "node_modules/@storybook/addon-toolbars": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.0.5.tgz",
-      "integrity": "sha512-1QrvHtsQI1RNzDrkTMUFaEzZRRKHYrkj/rYpf6B2QyFvaZ6XY4urxSrmssLENuPsoDF4ABU2j6j4BAUgWjIe4A==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.0.9.tgz",
+      "integrity": "sha512-nNSBnnBOhQ+EJwkrIkK4ZBYPcozNmEH770CZ/6NK85SUJ6WEBZapE6ru33jIUokFGEvlOlNCeai0GUc++cQP8w==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -4076,9 +4090,9 @@
       }
     },
     "node_modules/@storybook/addon-viewport": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.0.5.tgz",
-      "integrity": "sha512-Y2sTsNeQctfLBPQYuOjMGSQY4lUycZRZblToU0q6siJ030QjgpuEMcu1yDt654T6jnp/s4VwRS6yaZHnqZ97Mw==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.0.9.tgz",
+      "integrity": "sha512-Ao4+D56cO7biaw+iTlMU1FBec1idX0cmdosDeCFZin06MSawcPkeBlRBeruaSQYdLes8TBMdZPFgfuqI5yIk6g==",
       "dev": true,
       "dependencies": {
         "memoizerific": "^1.11.3"
@@ -4102,23 +4116,23 @@
       }
     },
     "node_modules/@storybook/blocks": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.0.5.tgz",
-      "integrity": "sha512-zfcwJ0yE5HM28BxZeNU4SYF8zxq2PEqLP1aWCdRuZT9k8lgnBwAKzlvt50LtPzOfGtKuGnvIEriELx/i+Qh4Sw==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.0.9.tgz",
+      "integrity": "sha512-F2zSrfSwzTFN7qW3zB80tG+EXtmfmCDC6Ird0F7tolszb6tOqJcAcBOwQbE2O0wI63sLu21qxzXgaKBMkiWvJg==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "8.0.5",
-        "@storybook/client-logger": "8.0.5",
-        "@storybook/components": "8.0.5",
-        "@storybook/core-events": "8.0.5",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/docs-tools": "8.0.5",
+        "@storybook/channels": "8.0.9",
+        "@storybook/client-logger": "8.0.9",
+        "@storybook/components": "8.0.9",
+        "@storybook/core-events": "8.0.9",
+        "@storybook/csf": "^0.1.4",
+        "@storybook/docs-tools": "8.0.9",
         "@storybook/global": "^5.0.0",
         "@storybook/icons": "^1.2.5",
-        "@storybook/manager-api": "8.0.5",
-        "@storybook/preview-api": "8.0.5",
-        "@storybook/theming": "8.0.5",
-        "@storybook/types": "8.0.5",
+        "@storybook/manager-api": "8.0.9",
+        "@storybook/preview-api": "8.0.9",
+        "@storybook/theming": "8.0.9",
+        "@storybook/types": "8.0.9",
         "@types/lodash": "^4.14.167",
         "color-convert": "^2.0.1",
         "dequal": "^2.0.2",
@@ -4149,29 +4163,16 @@
         }
       }
     },
-    "node_modules/@storybook/blocks/node_modules/@storybook/core-events": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.5.tgz",
-      "integrity": "sha512-26c0m7P7qt9zUKcD1noWLPJmZ+iS6MKXNngUgNBSxTtG20NFV3nxD0/tx9FzNfDVZDF6cHINkWj+FVBAaVuBVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/builder-manager": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-8.0.5.tgz",
-      "integrity": "sha512-63gIHfgdhpL3rcHkOcGm29PbIkgx2bLRxi2RYa0osGMtfBIePFXJh7nol+4KpaRkNR8RZg+N9omVGjyhLj7IWg==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-8.0.9.tgz",
+      "integrity": "sha512-/PxDwZIfMc/PSRZcasb6SIdGr3azIlenzx7dBF7Imt8i4jLHiAf1t00GvghlfJsvsrn4DNp95rbRbXTDyTj7tQ==",
       "dev": true,
       "dependencies": {
         "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-        "@storybook/core-common": "8.0.5",
-        "@storybook/manager": "8.0.5",
-        "@storybook/node-logger": "8.0.5",
+        "@storybook/core-common": "8.0.9",
+        "@storybook/manager": "8.0.9",
+        "@storybook/node-logger": "8.0.9",
         "@types/ejs": "^3.1.1",
         "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
         "browser-assert": "^1.2.1",
@@ -4189,19 +4190,19 @@
       }
     },
     "node_modules/@storybook/builder-webpack5": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.0.5.tgz",
-      "integrity": "sha512-tt7ZrRscsg+AJayOLXYCsDleNzNy0UHjfs7FnDzh331Ulyt2WeGkcELTZmHnBg5WwVBgjGTYmxYKSgGXF0hKXQ==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "8.0.5",
-        "@storybook/client-logger": "8.0.5",
-        "@storybook/core-common": "8.0.5",
-        "@storybook/core-events": "8.0.5",
-        "@storybook/core-webpack": "8.0.5",
-        "@storybook/node-logger": "8.0.5",
-        "@storybook/preview": "8.0.5",
-        "@storybook/preview-api": "8.0.5",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.0.9.tgz",
+      "integrity": "sha512-bFxlxOO2x8n3TmmA9ACxzhmHxtRd0e68dA0w4AYkvEwBf2wScRQdWJIeS5k4JgRwtcUyFYAt+VcKyE1WMgyaVg==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/channels": "8.0.9",
+        "@storybook/client-logger": "8.0.9",
+        "@storybook/core-common": "8.0.9",
+        "@storybook/core-events": "8.0.9",
+        "@storybook/core-webpack": "8.0.9",
+        "@storybook/node-logger": "8.0.9",
+        "@storybook/preview": "8.0.9",
+        "@storybook/preview-api": "8.0.9",
         "@types/node": "^18.0.0",
         "@types/semver": "^7.3.4",
         "browser-assert": "^1.2.1",
@@ -4225,7 +4226,7 @@
         "util": "^0.12.4",
         "util-deprecate": "^1.0.2",
         "webpack": "5",
-        "webpack-dev-middleware": "^6.1.1",
+        "webpack-dev-middleware": "^6.1.2",
         "webpack-hot-middleware": "^2.25.1",
         "webpack-virtual-modules": "^0.5.0"
       },
@@ -4239,19 +4240,6 @@
         }
       }
     },
-    "node_modules/@storybook/builder-webpack5/node_modules/@storybook/core-events": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.5.tgz",
-      "integrity": "sha512-26c0m7P7qt9zUKcD1noWLPJmZ+iS6MKXNngUgNBSxTtG20NFV3nxD0/tx9FzNfDVZDF6cHINkWj+FVBAaVuBVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "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",
@@ -4321,13 +4309,13 @@
       "dev": true
     },
     "node_modules/@storybook/channels": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-8.0.5.tgz",
-      "integrity": "sha512-UWzjt4STzBgg28Q6FxqyJWwXLWYM6oSz9gGKMUJbn2vRAlEJaG3XwvpT39YFVDUIuiFSHguV5cisXY5Be4nOZw==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-8.0.9.tgz",
+      "integrity": "sha512-7Lcfyy5CsLWWGhMPO9WG4jZ/Alzp0AjepFhEreYHRPtQrfttp6qMAjE/g1aHgun0qHCYWxwqIG4NLR/hqDNrXQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "8.0.5",
-        "@storybook/core-events": "8.0.5",
+        "@storybook/client-logger": "8.0.9",
+        "@storybook/core-events": "8.0.9",
         "@storybook/global": "^5.0.0",
         "telejson": "^7.2.0",
         "tiny-invariant": "^1.3.1"
@@ -4337,36 +4325,23 @@
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/channels/node_modules/@storybook/core-events": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.5.tgz",
-      "integrity": "sha512-26c0m7P7qt9zUKcD1noWLPJmZ+iS6MKXNngUgNBSxTtG20NFV3nxD0/tx9FzNfDVZDF6cHINkWj+FVBAaVuBVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/cli": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-8.0.5.tgz",
-      "integrity": "sha512-6t0d2ILXonC7bsq6Dx6tFTls2a/JeOR7lr3UgoVaiFu5l1M5pOB6uI9JG14F+UmsCifXGJdvxR38CBwVSKtg/Q==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-8.0.9.tgz",
+      "integrity": "sha512-lilYTKn8F5YOePijqfRYFa5v2mHVIJxPCIgTn+OXAmAFbcizZ6P8P6niU4J/NXulgx68Ln1M7hYhFtTP25hVTw==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.23.0",
         "@babel/types": "^7.23.0",
         "@ndelangen/get-tarball": "^3.0.7",
-        "@storybook/codemod": "8.0.5",
-        "@storybook/core-common": "8.0.5",
-        "@storybook/core-events": "8.0.5",
-        "@storybook/core-server": "8.0.5",
-        "@storybook/csf-tools": "8.0.5",
-        "@storybook/node-logger": "8.0.5",
-        "@storybook/telemetry": "8.0.5",
-        "@storybook/types": "8.0.5",
+        "@storybook/codemod": "8.0.9",
+        "@storybook/core-common": "8.0.9",
+        "@storybook/core-events": "8.0.9",
+        "@storybook/core-server": "8.0.9",
+        "@storybook/csf-tools": "8.0.9",
+        "@storybook/node-logger": "8.0.9",
+        "@storybook/telemetry": "8.0.9",
+        "@storybook/types": "8.0.9",
         "@types/semver": "^7.3.4",
         "@yarnpkg/fslib": "2.10.3",
         "@yarnpkg/libzip": "2.3.0",
@@ -4402,19 +4377,6 @@
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/cli/node_modules/@storybook/core-events": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.5.tgz",
-      "integrity": "sha512-26c0m7P7qt9zUKcD1noWLPJmZ+iS6MKXNngUgNBSxTtG20NFV3nxD0/tx9FzNfDVZDF6cHINkWj+FVBAaVuBVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/cli/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -4530,9 +4492,9 @@
       "dev": true
     },
     "node_modules/@storybook/client-logger": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-8.0.5.tgz",
-      "integrity": "sha512-6D7zvPPnLuTVlBNpZSdzEbk5xfWKhEG0gejtPnhjG9R5YzC/dFckdUI0gtvwGWUVMWhL3H/0gjRjhKujUMRY1Q==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-8.0.9.tgz",
+      "integrity": "sha512-LzV/RHkbf07sRc1Jc0ff36RlapKf9Ul7/+9VMvVbI3hshH1CpmrZK4t/tsIdpX/EVOdJ1Gg5cES06PnleOAIPA==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0"
@@ -4543,18 +4505,18 @@
       }
     },
     "node_modules/@storybook/codemod": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.0.5.tgz",
-      "integrity": "sha512-1ub3RRT+/ziJUdS2rz5UkQWu6teGULxHDMDRFhTrGYHVOgkc/lLnFuF0rgrLxsFdTmKIBTKN2xFfSE7z9Palsg==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.0.9.tgz",
+      "integrity": "sha512-VBeGpSZSQpL6iyLLqceJSNGhdCqcNwv+xC/aWdDFOkmuE1YfbmNNwpa9QYv4ZFJ2QjUsm4iTWG60qK+9NXeSKA==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.23.2",
         "@babel/preset-env": "^7.23.2",
         "@babel/types": "^7.23.0",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/csf-tools": "8.0.5",
-        "@storybook/node-logger": "8.0.5",
-        "@storybook/types": "8.0.5",
+        "@storybook/csf": "^0.1.4",
+        "@storybook/csf-tools": "8.0.9",
+        "@storybook/node-logger": "8.0.9",
+        "@storybook/types": "8.0.9",
         "@types/cross-spawn": "^6.0.2",
         "cross-spawn": "^7.0.3",
         "globby": "^11.0.2",
@@ -4590,18 +4552,18 @@
       }
     },
     "node_modules/@storybook/components": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.0.5.tgz",
-      "integrity": "sha512-trBWV9gc4YhFhMKUevkBY9Mdk9WmYmthpBfmF0Y2vgrJQidUqkkQqfAMQThSJ0KLpV8k3fB27s5d93rgrr50Rg==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.0.9.tgz",
+      "integrity": "sha512-JcwBGADzIJs0PSzqykrrD2KHzNG9wtexUOKuidt+FSv9szpUhe3qBAXIHpdfBRl7mOJ9TRZ5rt+mukEnfncdzA==",
       "dev": true,
       "dependencies": {
         "@radix-ui/react-slot": "^1.0.2",
-        "@storybook/client-logger": "8.0.5",
-        "@storybook/csf": "^0.1.2",
+        "@storybook/client-logger": "8.0.9",
+        "@storybook/csf": "^0.1.4",
         "@storybook/global": "^5.0.0",
         "@storybook/icons": "^1.2.5",
-        "@storybook/theming": "8.0.5",
-        "@storybook/types": "8.0.5",
+        "@storybook/theming": "8.0.9",
+        "@storybook/types": "8.0.9",
         "memoizerific": "^1.11.3",
         "util-deprecate": "^1.0.2"
       },
@@ -4615,15 +4577,15 @@
       }
     },
     "node_modules/@storybook/core-common": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-8.0.5.tgz",
-      "integrity": "sha512-WCu2ZPMq1FuO33tYuCPb9joWaZGtJgfKvXXVGLYYg6LufpbWOI+IB7OWmHahtEdKuaNoIr3CEf1p3zm12NNiYA==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-8.0.9.tgz",
+      "integrity": "sha512-Jmue+sfHFb4GTYBzyWYw1MygoJiQSfISIrKmNIzAmZ+oR9EOr+jpu/i/bH+uetZ2Hqg1AGhj1VB7OtJp9HQyWw==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-events": "8.0.5",
-        "@storybook/csf-tools": "8.0.5",
-        "@storybook/node-logger": "8.0.5",
-        "@storybook/types": "8.0.5",
+        "@storybook/core-events": "8.0.9",
+        "@storybook/csf-tools": "8.0.9",
+        "@storybook/node-logger": "8.0.9",
+        "@storybook/types": "8.0.9",
         "@yarnpkg/fslib": "2.10.3",
         "@yarnpkg/libzip": "2.3.0",
         "chalk": "^4.1.0",
@@ -4654,19 +4616,6 @@
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/core-common/node_modules/@storybook/core-events": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.5.tgz",
-      "integrity": "sha512-26c0m7P7qt9zUKcD1noWLPJmZ+iS6MKXNngUgNBSxTtG20NFV3nxD0/tx9FzNfDVZDF6cHINkWj+FVBAaVuBVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/core-common/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -4753,9 +4702,9 @@
       "dev": true
     },
     "node_modules/@storybook/core-events": {
-      "version": "8.0.6",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.6.tgz",
-      "integrity": "sha512-EwGmuMm8QTUAHPhab4yftQWoSCX3OzEk6cQdpLtbNFtRRLE9aPZzxhk5Z/d3KhLNSCUAGyCiDt5I9JxTBetT9A==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.9.tgz",
+      "integrity": "sha512-DxSUx7wG9Qe3OFUBnv3OrYq48J8UWNo2DUR5/JecJCtp3n++L4fAEW3J0IF5FfxpQDMQSp1yTNjZ2PaWCMd2ag==",
       "dev": true,
       "dependencies": {
         "ts-dedent": "^2.0.0"
@@ -4766,28 +4715,28 @@
       }
     },
     "node_modules/@storybook/core-server": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-8.0.5.tgz",
-      "integrity": "sha512-aQGHRQZF4jbMqBT0sGptql+S3hiNksi4n6pPJPxGf6TE8TyRA1x7USjmvXHwv59vpmMm9HaRpGWzWCo4SqwNqw==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-8.0.9.tgz",
+      "integrity": "sha512-BIe1T5YUBl0GYxEjRoTQsvXD2pyuzL8rPTUD41zlzSQM0R8U6Iant9SzRms4u0+rKUm2mGxxKuODlUo5ewqaGA==",
       "dev": true,
       "dependencies": {
         "@aw-web-design/x-default-browser": "1.4.126",
         "@babel/core": "^7.23.9",
         "@discoveryjs/json-ext": "^0.5.3",
-        "@storybook/builder-manager": "8.0.5",
-        "@storybook/channels": "8.0.5",
-        "@storybook/core-common": "8.0.5",
-        "@storybook/core-events": "8.0.5",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/csf-tools": "8.0.5",
+        "@storybook/builder-manager": "8.0.9",
+        "@storybook/channels": "8.0.9",
+        "@storybook/core-common": "8.0.9",
+        "@storybook/core-events": "8.0.9",
+        "@storybook/csf": "^0.1.4",
+        "@storybook/csf-tools": "8.0.9",
         "@storybook/docs-mdx": "3.0.0",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager": "8.0.5",
-        "@storybook/manager-api": "8.0.5",
-        "@storybook/node-logger": "8.0.5",
-        "@storybook/preview-api": "8.0.5",
-        "@storybook/telemetry": "8.0.5",
-        "@storybook/types": "8.0.5",
+        "@storybook/manager": "8.0.9",
+        "@storybook/manager-api": "8.0.9",
+        "@storybook/node-logger": "8.0.9",
+        "@storybook/preview-api": "8.0.9",
+        "@storybook/telemetry": "8.0.9",
+        "@storybook/types": "8.0.9",
         "@types/detect-port": "^1.3.0",
         "@types/node": "^18.0.0",
         "@types/pretty-hrtime": "^1.0.0",
@@ -4820,19 +4769,6 @@
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/core-server/node_modules/@storybook/core-events": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.5.tgz",
-      "integrity": "sha512-26c0m7P7qt9zUKcD1noWLPJmZ+iS6MKXNngUgNBSxTtG20NFV3nxD0/tx9FzNfDVZDF6cHINkWj+FVBAaVuBVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/core-server/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -4939,14 +4875,14 @@
       "dev": true
     },
     "node_modules/@storybook/core-webpack": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.0.5.tgz",
-      "integrity": "sha512-xGjOgMFPEiQeofXyUM1rlnpqSJ3FVcuPkrbh8rDLC8mTzGeEqqhNH5hluywk1H8UqYlaNrVhPi6/iGWhRUvlgw==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.0.9.tgz",
+      "integrity": "sha512-lehuuAmHt/p5z8lZkMW16Y/+uDEh+Z/tExItVadtjEY8jXDe2Ilr1Cts2lvzVNuuESEKd5bqsGJ1L4t9Bf25pg==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-common": "8.0.5",
-        "@storybook/node-logger": "8.0.5",
-        "@storybook/types": "8.0.5",
+        "@storybook/core-common": "8.0.9",
+        "@storybook/node-logger": "8.0.9",
+        "@storybook/types": "8.0.9",
         "@types/node": "^18.0.0",
         "ts-dedent": "^2.0.0"
       },
@@ -4956,21 +4892,21 @@
       }
     },
     "node_modules/@storybook/csf": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.3.tgz",
-      "integrity": "sha512-IPZvXXo4b3G+gpmgBSBqVM81jbp2ePOKsvhgJdhyZJtkYQCII7rg9KKLQhvBQM5sLaF1eU6r0iuwmyynC9d9SA==",
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.4.tgz",
+      "integrity": "sha512-B9UI/lsQMjF+oEfZCI6YXNoeuBcGZoOP5x8yKbe2tIEmsMjSztFKkpPzi5nLCnBk/MBtl6QJeI3ksJnbsWPkOw==",
       "dev": true,
       "dependencies": {
         "type-fest": "^2.19.0"
       }
     },
     "node_modules/@storybook/csf-plugin": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.0.5.tgz",
-      "integrity": "sha512-R6VjQl+I9k4oc3OfOHOFzz5T20WROHOZ5/zkkFKM/1YUa6QNpMcuStOtr/qcAx+QizmQqmxgJwTFapFBP5yWjg==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.0.9.tgz",
+      "integrity": "sha512-pXaNCNi++kxKsqSWwvx215fPx8cNqvepLVxQ7B69qXLHj80DHn0Q3DFBO3sLXNiQMJ2JK4OYcTxMfuOiyzszKw==",
       "dev": true,
       "dependencies": {
-        "@storybook/csf-tools": "8.0.5",
+        "@storybook/csf-tools": "8.0.9",
         "unplugin": "^1.3.1"
       },
       "funding": {
@@ -4979,17 +4915,17 @@
       }
     },
     "node_modules/@storybook/csf-tools": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-8.0.5.tgz",
-      "integrity": "sha512-fW2hAO57ayq7eHjpS5jXy/AKm3oZxApngd9QU/bC800EyTWENwLPxFnHLAE86N57Dc3bcE4PTFCyqpxzE4Uc7g==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-8.0.9.tgz",
+      "integrity": "sha512-PiNMhL97giLytTdQwuhsZ92buVk4gy9H/8DtrDhUc45/1OmF95gogm6T2Yap729SIFwgpOcuq/U3aVo6d6swVQ==",
       "dev": true,
       "dependencies": {
         "@babel/generator": "^7.23.0",
         "@babel/parser": "^7.23.0",
         "@babel/traverse": "^7.23.2",
         "@babel/types": "^7.23.0",
-        "@storybook/csf": "^0.1.2",
-        "@storybook/types": "8.0.5",
+        "@storybook/csf": "^0.1.4",
+        "@storybook/types": "8.0.9",
         "fs-extra": "^11.1.0",
         "recast": "^0.23.5",
         "ts-dedent": "^2.0.0"
@@ -5006,14 +4942,15 @@
       "dev": true
     },
     "node_modules/@storybook/docs-tools": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-8.0.5.tgz",
-      "integrity": "sha512-IzQMlsumiBgHAh5TTZTinNcedU98l0S0hczbTgjXQWgTp3//RHO36LYowAeFrB6V9SACYs/Q47iB15K4b2dqUg==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-8.0.9.tgz",
+      "integrity": "sha512-OzogAeOmeHea/MxSPKRBWtOQVNSpoq+OOpimO9YRA5h5GBRJ2TUOGT44Gny6QT4ll5AvQA8fIiq9KezKcLekAg==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-common": "8.0.5",
-        "@storybook/preview-api": "8.0.5",
-        "@storybook/types": "8.0.5",
+        "@storybook/core-common": "8.0.9",
+        "@storybook/core-events": "8.0.9",
+        "@storybook/preview-api": "8.0.9",
+        "@storybook/types": "8.0.9",
         "@types/doctrine": "^0.0.3",
         "assert": "^2.1.0",
         "doctrine": "^3.0.0",
@@ -5031,15 +4968,15 @@
       "dev": true
     },
     "node_modules/@storybook/html": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/html/-/html-8.0.5.tgz",
-      "integrity": "sha512-t9hDslc/cJiz3lcdR9H62ZlPaGynCQusd1QuPic/5FvN1HqI73Sq+LFXa3ylv//riMTrDNGMSjCICiD1IPBc6g==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/html/-/html-8.0.9.tgz",
+      "integrity": "sha512-jJBQBnf+xs/THwPWGkgFc4p5+cukFRdr48BP4Fnfglz/Hi+nSc0GeiIPG8pHMO7SPFUjK2m3oXLnyICjO+bJDQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/docs-tools": "8.0.5",
+        "@storybook/docs-tools": "8.0.9",
         "@storybook/global": "^5.0.0",
-        "@storybook/preview-api": "8.0.5",
-        "@storybook/types": "8.0.5",
+        "@storybook/preview-api": "8.0.9",
+        "@storybook/types": "8.0.9",
         "ts-dedent": "^2.0.0"
       },
       "engines": {
@@ -5051,16 +4988,16 @@
       }
     },
     "node_modules/@storybook/html-webpack5": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/html-webpack5/-/html-webpack5-8.0.5.tgz",
-      "integrity": "sha512-bzjvteMGxWh/VC106eP0wjLyxBCkgK2jDh8bcZPtI7ybuhrZaboJefzo7xMvV2dnMxbwdX47WqI3+0Toh54biQ==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/html-webpack5/-/html-webpack5-8.0.9.tgz",
+      "integrity": "sha512-Znr+VULQb3obFpiNw7U5TBwmrkId2JCzB4hpmLh7HSpk0YUDnXOENQrT2lMnwkt3AxnOSRt+JbhQOl86lzqjdg==",
       "dev": true,
       "dependencies": {
-        "@storybook/builder-webpack5": "8.0.5",
-        "@storybook/core-common": "8.0.5",
+        "@storybook/builder-webpack5": "8.0.9",
+        "@storybook/core-common": "8.0.9",
         "@storybook/global": "^5.0.0",
-        "@storybook/html": "8.0.5",
-        "@storybook/preset-html-webpack": "8.0.5",
+        "@storybook/html": "8.0.9",
+        "@storybook/preset-html-webpack": "8.0.9",
         "@types/node": "^18.0.0"
       },
       "engines": {
@@ -5085,9 +5022,9 @@
       }
     },
     "node_modules/@storybook/manager": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-8.0.5.tgz",
-      "integrity": "sha512-eJtf2SaAzOmRV03zn/pFRTqBua8/qy+VDtgaaCFmAyrjsUHO/bcHpbu9vnwP8a+C8ojJnthooi3yz755UTDYYg==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-8.0.9.tgz",
+      "integrity": "sha512-+NnRo+5JQFGNqveKrLtC0b+Z08Tae4m44iq292bPeZMpr9OkFsIkU0PBPsHTHPkrqC/zZXRNsCsTEgvu3p2OIA==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -5095,20 +5032,20 @@
       }
     },
     "node_modules/@storybook/manager-api": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.0.5.tgz",
-      "integrity": "sha512-2Q+DI9XU1U4EBrihnyfo+kuRK7T3Ce2eSlWEHHkTZ3OYSf+EhFxLUA6AOfMoA1B0nzNEr6SUkW8DBvMrtdTQMA==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.0.9.tgz",
+      "integrity": "sha512-99b3yKArDSvfabXL7QE3nA95e4DdW/5H/ZCcr6/E2qCQJayZ6G1v/WWamKXbiaTpkndulFmcb/+ZmnDXcweIIQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "8.0.5",
-        "@storybook/client-logger": "8.0.5",
-        "@storybook/core-events": "8.0.5",
-        "@storybook/csf": "^0.1.2",
+        "@storybook/channels": "8.0.9",
+        "@storybook/client-logger": "8.0.9",
+        "@storybook/core-events": "8.0.9",
+        "@storybook/csf": "^0.1.4",
         "@storybook/global": "^5.0.0",
         "@storybook/icons": "^1.2.5",
-        "@storybook/router": "8.0.5",
-        "@storybook/theming": "8.0.5",
-        "@storybook/types": "8.0.5",
+        "@storybook/router": "8.0.9",
+        "@storybook/theming": "8.0.9",
+        "@storybook/types": "8.0.9",
         "dequal": "^2.0.2",
         "lodash": "^4.17.21",
         "memoizerific": "^1.11.3",
@@ -5121,23 +5058,10 @@
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/manager-api/node_modules/@storybook/core-events": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.5.tgz",
-      "integrity": "sha512-26c0m7P7qt9zUKcD1noWLPJmZ+iS6MKXNngUgNBSxTtG20NFV3nxD0/tx9FzNfDVZDF6cHINkWj+FVBAaVuBVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/node-logger": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-8.0.5.tgz",
-      "integrity": "sha512-ssT8YCcCqgc89ee+EeExCxcOpueOsU05iek2roR+NCZnoCL1DmzcUp8H9t0utLaK/ngPV8zatlzSDVgKTHSIJw==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-8.0.9.tgz",
+      "integrity": "sha512-5ajMdZFrYrjGLJOVDq7dlEQNFsgeLHymt4dCK9MulL/ciXykmXUZXE3Bye0wFy+I2qqDVvrvR8uzCvSFvm5MAQ==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -5145,12 +5069,12 @@
       }
     },
     "node_modules/@storybook/preset-html-webpack": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/preset-html-webpack/-/preset-html-webpack-8.0.5.tgz",
-      "integrity": "sha512-+96ES+5Dg7zLFGVtv8grb/xf3fx+KqoMjVUW97741xqP3T1Vsc+8/2itXTIJTE5HvEUSLq+WuR6B7AUFuXOM2w==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/preset-html-webpack/-/preset-html-webpack-8.0.9.tgz",
+      "integrity": "sha512-YZC+DU57anBBv0bUGFXcwFb3vnh8gCCcVq/g4R0e/oYqPKCnPIgxWseXLpABnhuN6n9Rq4j0xeNxX8/T12kyFA==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-webpack": "8.0.5",
+        "@storybook/core-webpack": "8.0.9",
         "@types/node": "^18.0.0",
         "html-loader": "^3.1.0",
         "webpack": "5"
@@ -5164,9 +5088,9 @@
       }
     },
     "node_modules/@storybook/preview": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-8.0.5.tgz",
-      "integrity": "sha512-D2uY0LTjkGbpNwJJeqtv1NieBTtvt0IEEKH+srMNXOOM+KascTYGbBlEPkYSf5bZdMft5c1GXglVIhJIqTZntg==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-8.0.9.tgz",
+      "integrity": "sha512-tFsR8xc8AYBZZrZw8enklFbSQt7ZAV+rv20BoxwDhd3q7fjXyK7O4moGPqUwBZ7rukTG13nPoISxr+VXAk/HYA==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -5174,17 +5098,17 @@
       }
     },
     "node_modules/@storybook/preview-api": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.0.5.tgz",
-      "integrity": "sha512-BSDVTR9/X6DHVA4rIhN6d/SB6PiaRdns8ky/TKTzwFEyO3NOASHe8051O+uNtXzgCtMUj/8imNrTdMTYgUm1LA==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.0.9.tgz",
+      "integrity": "sha512-zHfX34bkAMzzmE7vbDzaqFwSW6ExiBD0HiO1L/IsHF55f0f7xV7IH8uJyFRrDTvAoW3ReSxZDMvvPpeydFPKGA==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "8.0.5",
-        "@storybook/client-logger": "8.0.5",
-        "@storybook/core-events": "8.0.5",
-        "@storybook/csf": "^0.1.2",
+        "@storybook/channels": "8.0.9",
+        "@storybook/client-logger": "8.0.9",
+        "@storybook/core-events": "8.0.9",
+        "@storybook/csf": "^0.1.4",
         "@storybook/global": "^5.0.0",
-        "@storybook/types": "8.0.5",
+        "@storybook/types": "8.0.9",
         "@types/qs": "^6.9.5",
         "dequal": "^2.0.2",
         "lodash": "^4.17.21",
@@ -5199,23 +5123,10 @@
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/preview-api/node_modules/@storybook/core-events": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.5.tgz",
-      "integrity": "sha512-26c0m7P7qt9zUKcD1noWLPJmZ+iS6MKXNngUgNBSxTtG20NFV3nxD0/tx9FzNfDVZDF6cHINkWj+FVBAaVuBVQ==",
-      "dev": true,
-      "dependencies": {
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
     "node_modules/@storybook/react-dom-shim": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.0.5.tgz",
-      "integrity": "sha512-KIcLkCml5dIiVeChMyudz8Q/pZ/T86Y1LrHZvYD/t3iXH+HOOvg6KNsY6TZFM93Rqhk10AIEUNCgYzj2/QjddA==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.0.9.tgz",
+      "integrity": "sha512-8011KlRuG3obr5pZZ7bcEyYYNWF3tR596YadoMd267NPoHKvwAbKL1L/DNgb6kiYjZDUf9QfaKSCWW31k0kcRQ==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -5227,12 +5138,12 @@
       }
     },
     "node_modules/@storybook/router": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-8.0.5.tgz",
-      "integrity": "sha512-1d4CqNJB5sA25HCd7jZ4eVqMsdlD4r4SuFA/eR6fas0lk7yjVCpG1zWfvSSk5tKoVcNLSptc/TYBiSr2rcGRvw==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-8.0.9.tgz",
+      "integrity": "sha512-aAOWxbM9J4mt+cp4o88T2PB29mgBBTOzU37/pUsTHYnKnR9XI4npXEXdN8Gv+ryqM0kj0AbBpz/llFlnR2MNNA==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "8.0.5",
+        "@storybook/client-logger": "8.0.9",
         "memoizerific": "^1.11.3",
         "qs": "^6.10.0"
       },
@@ -5242,14 +5153,14 @@
       }
     },
     "node_modules/@storybook/telemetry": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-8.0.5.tgz",
-      "integrity": "sha512-KTt6wP78dn9hfsc0sR2CcFT/DWJgYqYuFBhc3NDgtT41ATLGgGniCQW9PtKLQc+FMofKejz1S+XXk0W322Pjxg==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-8.0.9.tgz",
+      "integrity": "sha512-AGGfcup06t+wxhBIkHd0iybieOh9PDVZQJ9oPct5JGB39+ni9wvs0WOD+MYlHbsjp8id7+aGkh6mYuYOvfck+Q==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "8.0.5",
-        "@storybook/core-common": "8.0.5",
-        "@storybook/csf-tools": "8.0.5",
+        "@storybook/client-logger": "8.0.9",
+        "@storybook/core-common": "8.0.9",
+        "@storybook/csf-tools": "8.0.9",
         "chalk": "^4.1.0",
         "detect-package-manager": "^2.0.1",
         "fetch-retry": "^5.0.2",
@@ -5314,13 +5225,13 @@
       }
     },
     "node_modules/@storybook/theming": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.0.5.tgz",
-      "integrity": "sha512-Hy4hJaKg6UUyivkUM77nCHccv4/lO++ZG9F88qBFVPdBlCwMHHnUrR7Hgje5cCVAy0jK6LyYlD3cWO6nS9OR8w==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.0.9.tgz",
+      "integrity": "sha512-jgfDuYoiNMMirQiASN3Eg0hGDXsEtpdAcMxyShqYGwu9elxgD9yUnYC2nSckYsM74a3ZQ3JaViZ9ZFSe2FHmeQ==",
       "dev": true,
       "dependencies": {
         "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
-        "@storybook/client-logger": "8.0.5",
+        "@storybook/client-logger": "8.0.9",
         "@storybook/global": "^5.0.0",
         "memoizerific": "^1.11.3"
       },
@@ -5342,12 +5253,12 @@
       }
     },
     "node_modules/@storybook/types": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-8.0.5.tgz",
-      "integrity": "sha512-lYXwYF9qooQhYJkg3HWr6PD/vnQK+iO8fSKS8jtntwgJUKJvTbGZKAhNnS8WzNEI9jIp5QXFsSA367NjIDPaeQ==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-8.0.9.tgz",
+      "integrity": "sha512-ew0EXzk9k4B557P1qIWYrnvUcgaE0WWA5qQS0AU8l+fRTp5nvl9O3SP/zNIB0SN1qDFO7dXr3idTNTyIikTcEQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "8.0.5",
+        "@storybook/channels": "8.0.9",
         "@types/express": "^4.7.0",
         "file-system-cache": "2.3.0"
       },
@@ -5926,9 +5837,9 @@
       "dev": true
     },
     "node_modules/@types/qs": {
-      "version": "6.9.14",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.14.tgz",
-      "integrity": "sha512-5khscbd3SwWMhFqylJBLQ0zIu7c1K6Vz0uBIt915BI3zV0q1nfjRQD3RqSBcPaO6PHEF4ov/t9y89fSiyThlPA==",
+      "version": "6.9.15",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.15.tgz",
+      "integrity": "sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==",
       "dev": true
     },
     "node_modules/@types/range-parser": {
@@ -7313,13 +7224,13 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.10",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.10.tgz",
-      "integrity": "sha512-rpIuu//y5OX6jVU+a5BCn1R5RSZYWAl2Nar76iwaOdycqb6JPxediskWFMMl7stfwNJR4b7eiQvh5fB5TEQJTQ==",
+      "version": "0.4.11",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.11.tgz",
+      "integrity": "sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q==",
       "dev": true,
       "dependencies": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.6.1",
+        "@babel/helper-define-polyfill-provider": "^0.6.2",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -7340,12 +7251,12 @@
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.1.tgz",
-      "integrity": "sha512-JfTApdE++cgcTWjsiCQlLyFBMbTUft9ja17saCc93lgV33h4tuCVj7tlvu//qpLwaG+3yEz7/KhahGrUMkVq9g==",
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.2.tgz",
+      "integrity": "sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.1"
+        "@babel/helper-define-polyfill-provider": "^0.6.2"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -7883,6 +7794,29 @@
         "node": ">=10"
       }
     },
+    "node_modules/chromatic": {
+      "version": "11.3.0",
+      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.3.0.tgz",
+      "integrity": "sha512-q1ZtJDJrjLGnz60ivpC16gmd7KFzcaA4eTb7gcytCqbaKqlHhCFr1xQmcUDsm14CK7JsqdkFU6S+JQdOd2ZNJg==",
+      "dev": true,
+      "bin": {
+        "chroma": "dist/bin.js",
+        "chromatic": "dist/bin.js",
+        "chromatic-cli": "dist/bin.js"
+      },
+      "peerDependencies": {
+        "@chromatic-com/cypress": "^0.*.* || ^1.0.0",
+        "@chromatic-com/playwright": "^0.*.* || ^1.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@chromatic-com/cypress": {
+          "optional": true
+        },
+        "@chromatic-com/playwright": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/chrome-trace-event": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
@@ -8359,9 +8293,9 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.36.1",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.36.1.tgz",
-      "integrity": "sha512-Dk997v9ZCt3X/npqzyGdTlq6t7lDBhZwGvV94PKzDArjp7BTRm7WlDAXYd/OWdeFHO8OChQYRJNJvUCqCbrtKA==",
+      "version": "3.37.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.37.0.tgz",
+      "integrity": "sha512-vYq4L+T8aS5UuFg4UwDhc7YNRWVeVZwltad9C/jV3R2LgVOpS9BDr7l/WL6BN0dbV3k1XejPTHqqEzJgsa0frA==",
       "dev": true,
       "dependencies": {
         "browserslist": "^4.23.0"
@@ -9313,9 +9247,9 @@
       "dev": true
     },
     "node_modules/ejs": {
-      "version": "3.1.9",
-      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz",
-      "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==",
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
       "dev": true,
       "dependencies": {
         "jake": "^10.8.5"
@@ -11047,6 +10981,15 @@
         "node": ">=10"
       }
     },
+    "node_modules/filesize": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/filesize/-/filesize-10.1.1.tgz",
+      "integrity": "sha512-L0cdwZrKlwZQkMSFnCflJ6J2Y+5egO/p3vgRSDQGxQt++QbUZe5gMbRO6kg6gzwQDPvq2Fk9AmoxUNfZ5gdqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10.4.0"
+      }
+    },
     "node_modules/fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -11219,9 +11162,9 @@
       "dev": true
     },
     "node_modules/flow-parser": {
-      "version": "0.233.0",
-      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.233.0.tgz",
-      "integrity": "sha512-E/mv51GYJfLuRX6fZnw4M52gBxYa8pkHUOgNEZOcQK2RTXS8YXeU5rlalkTcY99UpwbeNVCSUFKaavpOksi/pQ==",
+      "version": "0.234.0",
+      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.234.0.tgz",
+      "integrity": "sha512-J1Wn32xDF1l8FqwshoQnTwC9K3aJ83MFuXUx9AcBQr8ttbI/rkjEgAqnjxaIJuZ6RGMfccN5ZxDJSOMM64qy9Q==",
       "dev": true,
       "engines": {
         "node": ">=0.4.0"
@@ -15649,15 +15592,12 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.9",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.9.tgz",
-      "integrity": "sha512-S1+hd+dIrC8EZqKyT9DstTH/0Z+f76kmmvZnkfQVmOpDEF9iVgdYif3Q/pIWHmCoo59bQVGW0kVL3e2nl+9+Sw==",
+      "version": "0.30.10",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
+      "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
       "dev": true,
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.4.15"
-      },
-      "engines": {
-        "node": ">=12"
       }
     },
     "node_modules/make-dir": {
@@ -19336,9 +19276,9 @@
       ]
     },
     "node_modules/qs": {
-      "version": "6.12.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.0.tgz",
-      "integrity": "sha512-trVZiI6RMOkO476zLGaBIzszOdFPnCCXHPG9kn0yuS1uz6xdVxPfZdB3vUig9pxPFDM9BRAgz/YUIVQ1/vuiUg==",
+      "version": "6.12.1",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.1.tgz",
+      "integrity": "sha512-zWmv4RSuB9r2mYQw3zxQuHWeU+42aKi1wWig/j4ele4ygELZ7PEO6MM7rim9oAQH2A5MWfsAVf/jPvTPgCbvUQ==",
       "dev": true,
       "dependencies": {
         "side-channel": "^1.0.6"
@@ -19514,6 +19454,21 @@
         "react-dom": ">=16.8.0"
       }
     },
+    "node_modules/react-confetti": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/react-confetti/-/react-confetti-6.1.0.tgz",
+      "integrity": "sha512-7Ypx4vz0+g8ECVxr88W9zhcQpbeujJAVqL14ZnXJ3I23mOI9/oBVTQ3dkJhUmB0D6XOtCZEM6N0Gm9PMngkORw==",
+      "dev": true,
+      "dependencies": {
+        "tween-functions": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=10.18"
+      },
+      "peerDependencies": {
+        "react": "^16.3.0 || ^17.0.1 || ^18.0.0"
+      }
+    },
     "node_modules/react-dom": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
@@ -20354,9 +20309,9 @@
       }
     },
     "node_modules/sass-loader": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-14.1.1.tgz",
-      "integrity": "sha512-QX8AasDg75monlybel38BZ49JP5Z+uSKfKwF2rO7S74BywaRmGQMUBw9dtkS+ekyM/QnP+NOrRYq8ABMZ9G8jw==",
+      "version": "14.2.1",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-14.2.1.tgz",
+      "integrity": "sha512-G0VcnMYU18a4N7VoNDegg2OuMjYtxnqzQWARVWCIVSZwJeiL9kg8QMsuIZOplsJgTzZLF6jGxI3AClj8I9nRdQ==",
       "dev": true,
       "dependencies": {
         "neo-async": "^2.6.2"
@@ -20780,12 +20735,12 @@
       "dev": true
     },
     "node_modules/storybook": {
-      "version": "8.0.5",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.0.5.tgz",
-      "integrity": "sha512-rdxfjkED5CBKj6T01NKr9MRakyXkffV8dvLXj5bWN4AlQ1OOm5Sw9B1z+rQ/FN7RYIU5b63xiX2pu3gy5t6nRQ==",
+      "version": "8.0.9",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.0.9.tgz",
+      "integrity": "sha512-/Mvij0Br5bUwJpCvqAUZMEDIWmdRxEyllvVj8Ukw5lIWJePxfpSsz4px5jg9+R6B9tO8sQSqjg4HJvQ/pZk8Tg==",
       "dev": true,
       "dependencies": {
-        "@storybook/cli": "8.0.5"
+        "@storybook/cli": "8.0.9"
       },
       "bin": {
         "sb": "index.js",
@@ -21557,9 +21512,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.27.0",
+      "resolved": "https://registry.npmjs.org/tocbot/-/tocbot-4.27.0.tgz",
+      "integrity": "sha512-x3ZPNFPVOYCAyW4CEW8KszGfqB3/fnY1QX1tfUHH1fj1r6I8v0g5w0flNsWf7htZKtzqtdiPqu//II3ngL/WwA==",
       "dev": true
     },
     "node_modules/toidentifier": {
@@ -21820,6 +21775,12 @@
         "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
       }
     },
+    "node_modules/tween-functions": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tween-functions/-/tween-functions-1.2.0.tgz",
+      "integrity": "sha512-PZBtLYcCLtEcjL14Fzb1gSxPBeL7nWvGhO5ZFPGqziCcr8uvHp0NDmdjBchp6KHL+tExcg0m3NISmKxhU394dA==",
+      "dev": true
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
diff --git a/package.json b/package.json
index 562a5374..252ce276 100644
--- a/package.json
+++ b/package.json
@@ -40,16 +40,17 @@
   "devDependencies": {
     "@babel/core": "^7.24.4",
     "@babel/eslint-parser": "^7.24.1",
-    "@storybook/addon-actions": "^8.0.5",
-    "@storybook/addon-docs": "8.0.5",
-    "@storybook/addon-essentials": "8.0.5",
-    "@storybook/addon-links": "8.0.5",
-    "@storybook/addon-mdx-gfm": "8.0.5",
-    "@storybook/addon-themes": "8.0.5",
+    "@chromatic-com/storybook": "^1.3.3",
+    "@storybook/addon-actions": "^8.0.9",
+    "@storybook/addon-docs": "^8.0.9",
+    "@storybook/addon-essentials": "^8.0.9",
+    "@storybook/addon-links": "^8.0.9",
+    "@storybook/addon-mdx-gfm": "^8.0.9",
+    "@storybook/addon-themes": "^8.0.9",
     "@storybook/addon-webpack5-compiler-babel": "3.0.3",
-    "@storybook/blocks": "8.0.5",
-    "@storybook/html": "8.0.5",
-    "@storybook/html-webpack5": "8.0.5",
+    "@storybook/blocks": "^8.0.9",
+    "@storybook/html": "^8.0.9",
+    "@storybook/html-webpack5": "^8.0.9",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/user-event": "^13.5.0",
@@ -79,8 +80,8 @@
     "raw-loader": "^4.0.2",
     "remove-files-webpack-plugin": "^1.5.0",
     "sass": "^1.74.1",
-    "sass-loader": "^14.1.1",
-    "storybook": "8.0.5",
+    "sass-loader": "^14.2.1",
+    "storybook": "^8.0.9",
     "style-loader": "^3.3.4",
     "unminified-webpack-plugin": "^3.0.0",
     "webpack": "^5.91.0",