From 68b3a8131a4a50d8447357b4e1e1d38aa287ef28 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Mon, 26 Aug 2024 08:40:01 -0400
Subject: [PATCH 01/30] chore(deps): update dependency node to v20.17.0 (#979)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 .tool-versions | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.tool-versions b/.tool-versions
index 2be87a0315..fcf5524d5a 100644
--- a/.tool-versions
+++ b/.tool-versions
@@ -1,2 +1,2 @@
-nodejs 20.16.0
+nodejs 20.17.0
 yarn 1.22.5

From b6d51c71acd6152e9fa680a662e7a135bfb8c59f Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 27 Aug 2024 10:58:36 -0400
Subject: [PATCH 02/30] chore(deps): lock file maintenance (#980)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 yarn.lock | 401 ++++++++++++++++++++++++++++++++----------------------
 1 file changed, 240 insertions(+), 161 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index a7ae6d7f51..3fbf72ebe6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -32,10 +32,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.25.2":
-  version: 7.25.2
-  resolution: "@babel/compat-data@npm:7.25.2"
-  checksum: 10c0/5bf1f14d6e5f0d37c19543e99209ff4a94bb97915e1ce01e5334a144aa08cd56b6e62ece8135dac77e126723d63d4d4b96fc603a12c43b88c28f4b5e070270c5
+"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.25.2, @babel/compat-data@npm:^7.25.4":
+  version: 7.25.4
+  resolution: "@babel/compat-data@npm:7.25.4"
+  checksum: 10c0/50d79734d584a28c69d6f5b99adfaa064d0f41609a378aef04eb06accc5b44f8520e68549eba3a082478180957b7d5783f1bfb1672e4ae8574e797ce8bae79fa
   languageName: node
   linkType: hard
 
@@ -62,15 +62,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.25.0, @babel/generator@npm:^7.7.2":
-  version: 7.25.0
-  resolution: "@babel/generator@npm:7.25.0"
+"@babel/generator@npm:^7.25.0, @babel/generator@npm:^7.25.4, @babel/generator@npm:^7.7.2":
+  version: 7.25.5
+  resolution: "@babel/generator@npm:7.25.5"
   dependencies:
-    "@babel/types": "npm:^7.25.0"
+    "@babel/types": "npm:^7.25.4"
     "@jridgewell/gen-mapping": "npm:^0.3.5"
     "@jridgewell/trace-mapping": "npm:^0.3.25"
     jsesc: "npm:^2.5.1"
-  checksum: 10c0/d0e2dfcdc8bdbb5dded34b705ceebf2e0bc1b06795a1530e64fb6a3ccf313c189db7f60c1616effae48114e1a25adc75855bc4496f3779a396b3377bae718ce7
+  checksum: 10c0/eb8af30c39476e4f4d6b953f355fcf092258291f78d65fb759b7d5e5e6fd521b5bfee64a4e2e4290279f0dcd25ccf8c49a61807828b99b5830d2b734506da1fd
   languageName: node
   linkType: hard
 
@@ -106,24 +106,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-create-class-features-plugin@npm:^7.24.7, @babel/helper-create-class-features-plugin@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/helper-create-class-features-plugin@npm:7.25.0"
+"@babel/helper-create-class-features-plugin@npm:^7.24.7, @babel/helper-create-class-features-plugin@npm:^7.25.0, @babel/helper-create-class-features-plugin@npm:^7.25.4":
+  version: 7.25.4
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.25.4"
   dependencies:
     "@babel/helper-annotate-as-pure": "npm:^7.24.7"
     "@babel/helper-member-expression-to-functions": "npm:^7.24.8"
     "@babel/helper-optimise-call-expression": "npm:^7.24.7"
     "@babel/helper-replace-supers": "npm:^7.25.0"
     "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
-    "@babel/traverse": "npm:^7.25.0"
+    "@babel/traverse": "npm:^7.25.4"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/2f8ac36cfeb45d462432acea64c78312cc9180dda7aa9337b77017961e373c323065362d2452f3d6f8bffeb254ff3f7346ac1b25c8ad7b81db813a95924f4053
+  checksum: 10c0/a765d9e0482e13cf96642fa8aa28e6f7d4d7d39f37840d6246e5e10a7c47f47c52d52522edd3073f229449d17ec0db6f9b7b5e398bff6bb0b4994d65957a164c
   languageName: node
   linkType: hard
 
-"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.24.7, @babel/helper-create-regexp-features-plugin@npm:^7.25.0":
+"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.24.7, @babel/helper-create-regexp-features-plugin@npm:^7.25.0, @babel/helper-create-regexp-features-plugin@npm:^7.25.2":
   version: 7.25.2
   resolution: "@babel/helper-create-regexp-features-plugin@npm:7.25.2"
   dependencies:
@@ -301,14 +301,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.3":
-  version: 7.25.3
-  resolution: "@babel/parser@npm:7.25.3"
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.4":
+  version: 7.25.4
+  resolution: "@babel/parser@npm:7.25.4"
   dependencies:
-    "@babel/types": "npm:^7.25.2"
+    "@babel/types": "npm:^7.25.4"
   bin:
     parser: ./bin/babel-parser.js
-  checksum: 10c0/874b01349aedb805d6694f867a752fdc7469778fad76aca4548d2cc6ce96087c3ba5fb917a6f8d05d2d1a74aae309b5f50f1a4dba035f5a2c9fcfe6e106d2c4e
+  checksum: 10c0/bdada5662f15d1df11a7266ec3bc9bb769bf3637ecf3d051eafcfc8f576dcf5a3ac1007c5e059db4a1e1387db9ae9caad239fc4f79e4c2200930ed610e779993
   languageName: node
   linkType: hard
 
@@ -601,13 +601,13 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-syntax-typescript@npm:^7.24.7, @babel/plugin-syntax-typescript@npm:^7.7.2":
-  version: 7.24.7
-  resolution: "@babel/plugin-syntax-typescript@npm:7.24.7"
+  version: 7.25.4
+  resolution: "@babel/plugin-syntax-typescript@npm:7.25.4"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/cdabd2e8010fb0ad15b49c2c270efc97c4bfe109ead36c7bbcf22da7a74bc3e49702fc4f22f12d2d6049e8e22a5769258df1fd05f0420ae45e11bdd5bc07805a
+  checksum: 10c0/199919d44c73e5edee9ffd311cf638f88d26a810189e32d338c46c7600441fd5c4a2e431f9be377707cbf318410895304e90b83bf8d9011d205150fa7f260e63
   languageName: node
   linkType: hard
 
@@ -634,17 +634,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-async-generator-functions@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.25.0"
+"@babel/plugin-transform-async-generator-functions@npm:^7.25.0, @babel/plugin-transform-async-generator-functions@npm:^7.25.4":
+  version: 7.25.4
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.25.4"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.24.8"
     "@babel/helper-remap-async-to-generator": "npm:^7.25.0"
     "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
-    "@babel/traverse": "npm:^7.25.0"
+    "@babel/traverse": "npm:^7.25.4"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/5348c3a33d16e0d62f13482c6fa432185ba096d58880b08d42450f7db662d6b03e6149d495c8620897dcd3da35061068cbd6c09da7d0ec95743e55a788809e4e
+  checksum: 10c0/efed6f6be90b25ad77c15a622a0dc0b22dbf5d45599c207ab8fbc4e959aef21f574fa467d9cf872e45de664a46c32334e78dee2332d82f5f27e26249a34a0920
   languageName: node
   linkType: hard
 
@@ -683,15 +683,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-class-properties@npm:^7.22.5, @babel/plugin-transform-class-properties@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-class-properties@npm:7.24.7"
+"@babel/plugin-transform-class-properties@npm:^7.22.5, @babel/plugin-transform-class-properties@npm:^7.24.7, @babel/plugin-transform-class-properties@npm:^7.25.4":
+  version: 7.25.4
+  resolution: "@babel/plugin-transform-class-properties@npm:7.25.4"
   dependencies:
-    "@babel/helper-create-class-features-plugin": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.4"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/75018a466c7ede3d2397e158891c224ba7fca72864506ce067ddbc02fc65191d44da4d6379c996d0c7f09019e26b5c3f5f1d3a639cd98366519723886f0689d0
+  checksum: 10c0/0b41bc8a5920d3d17c7c06220b601cf43e0a32ac34f05f05cd0cdf08915e4521b1b707cb1e60942b4fc68a5dfac09f0444a8720e0c72ce76fb039e8ec5263115
   languageName: node
   linkType: hard
 
@@ -708,19 +708,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-classes@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/plugin-transform-classes@npm:7.25.0"
+"@babel/plugin-transform-classes@npm:^7.25.0, @babel/plugin-transform-classes@npm:^7.25.4":
+  version: 7.25.4
+  resolution: "@babel/plugin-transform-classes@npm:7.25.4"
   dependencies:
     "@babel/helper-annotate-as-pure": "npm:^7.24.7"
-    "@babel/helper-compilation-targets": "npm:^7.24.8"
+    "@babel/helper-compilation-targets": "npm:^7.25.2"
     "@babel/helper-plugin-utils": "npm:^7.24.8"
     "@babel/helper-replace-supers": "npm:^7.25.0"
-    "@babel/traverse": "npm:^7.25.0"
+    "@babel/traverse": "npm:^7.25.4"
     globals: "npm:^11.1.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/4451dccf8a7979427ae042afe381233f30764a8072faf0de1337a4fc297c6d7cb40df9e28931ac096e5b56392d0cd97d3ce10aee68288150a8701624d362a791
+  checksum: 10c0/c68424d9dd64860825111aa4a4ed5caf29494b7a02ddb9c36351d768c41e8e05127d89274795cdfcade032d9d299e6c677418259df58c71e68f1741583dcf467
   languageName: node
   linkType: hard
 
@@ -1061,15 +1061,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-private-methods@npm:^7.22.5, @babel/plugin-transform-private-methods@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-private-methods@npm:7.24.7"
+"@babel/plugin-transform-private-methods@npm:^7.22.5, @babel/plugin-transform-private-methods@npm:^7.24.7, @babel/plugin-transform-private-methods@npm:^7.25.4":
+  version: 7.25.4
+  resolution: "@babel/plugin-transform-private-methods@npm:7.25.4"
   dependencies:
-    "@babel/helper-create-class-features-plugin": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.4"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/5b7bf923b738fbe3ad6c33b260e0a7451be288edfe4ef516303fa787a1870cd87533bfbf61abb779c22ed003c2fc484dec2436fe75a48756f686c0241173d364
+  checksum: 10c0/7abdb427c3984a2c8a2e9d806297d8509b02f78a3501b7760e544be532446e9df328b876daa8fc38718f3dce7ccc45083016ee7aeaab169b81c142bc18700794
   languageName: node
   linkType: hard
 
@@ -1287,19 +1287,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-sets-regex@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.24.7"
+"@babel/plugin-transform-unicode-sets-regex@npm:^7.24.7, @babel/plugin-transform-unicode-sets-regex@npm:^7.25.4":
+  version: 7.25.4
+  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.25.4"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.2"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/7457c0ee8e80a80cb6fdc1fe54ab115b52815627616ce9151be8ef292fc99d04a910ec24f11382b4f124b89374264396892b086886bd2a9c2317904d87c9b21b
+  checksum: 10c0/f65749835a98d8d6242e961f9276bdcdb09020e791d151ccc145acaca9a66f025b2c7cb761104f139180d35eb066a429596ee6edece81f5fd9244e0edb97d7ec
   languageName: node
   linkType: hard
 
-"@babel/preset-env@npm:7.25.3, @babel/preset-env@npm:^7.20.2, @babel/preset-env@npm:^7.24.4":
+"@babel/preset-env@npm:7.25.3":
   version: 7.25.3
   resolution: "@babel/preset-env@npm:7.25.3"
   dependencies:
@@ -1392,6 +1392,99 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-env@npm:^7.20.2, @babel/preset-env@npm:^7.24.4":
+  version: 7.25.4
+  resolution: "@babel/preset-env@npm:7.25.4"
+  dependencies:
+    "@babel/compat-data": "npm:^7.25.4"
+    "@babel/helper-compilation-targets": "npm:^7.25.2"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-validator-option": "npm:^7.24.8"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "npm:^7.25.3"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope": "npm:^7.25.0"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "npm:^7.25.0"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "npm:^7.24.7"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "npm:^7.25.0"
+    "@babel/plugin-proposal-private-property-in-object": "npm:7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
+    "@babel/plugin-syntax-class-properties": "npm:^7.12.13"
+    "@babel/plugin-syntax-class-static-block": "npm:^7.14.5"
+    "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3"
+    "@babel/plugin-syntax-export-namespace-from": "npm:^7.8.3"
+    "@babel/plugin-syntax-import-assertions": "npm:^7.24.7"
+    "@babel/plugin-syntax-import-attributes": "npm:^7.24.7"
+    "@babel/plugin-syntax-import-meta": "npm:^7.10.4"
+    "@babel/plugin-syntax-json-strings": "npm:^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
+    "@babel/plugin-syntax-numeric-separator": "npm:^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread": "npm:^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding": "npm:^7.8.3"
+    "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object": "npm:^7.14.5"
+    "@babel/plugin-syntax-top-level-await": "npm:^7.14.5"
+    "@babel/plugin-syntax-unicode-sets-regex": "npm:^7.18.6"
+    "@babel/plugin-transform-arrow-functions": "npm:^7.24.7"
+    "@babel/plugin-transform-async-generator-functions": "npm:^7.25.4"
+    "@babel/plugin-transform-async-to-generator": "npm:^7.24.7"
+    "@babel/plugin-transform-block-scoped-functions": "npm:^7.24.7"
+    "@babel/plugin-transform-block-scoping": "npm:^7.25.0"
+    "@babel/plugin-transform-class-properties": "npm:^7.25.4"
+    "@babel/plugin-transform-class-static-block": "npm:^7.24.7"
+    "@babel/plugin-transform-classes": "npm:^7.25.4"
+    "@babel/plugin-transform-computed-properties": "npm:^7.24.7"
+    "@babel/plugin-transform-destructuring": "npm:^7.24.8"
+    "@babel/plugin-transform-dotall-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-duplicate-keys": "npm:^7.24.7"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "npm:^7.25.0"
+    "@babel/plugin-transform-dynamic-import": "npm:^7.24.7"
+    "@babel/plugin-transform-exponentiation-operator": "npm:^7.24.7"
+    "@babel/plugin-transform-export-namespace-from": "npm:^7.24.7"
+    "@babel/plugin-transform-for-of": "npm:^7.24.7"
+    "@babel/plugin-transform-function-name": "npm:^7.25.1"
+    "@babel/plugin-transform-json-strings": "npm:^7.24.7"
+    "@babel/plugin-transform-literals": "npm:^7.25.2"
+    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.24.7"
+    "@babel/plugin-transform-member-expression-literals": "npm:^7.24.7"
+    "@babel/plugin-transform-modules-amd": "npm:^7.24.7"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.24.8"
+    "@babel/plugin-transform-modules-systemjs": "npm:^7.25.0"
+    "@babel/plugin-transform-modules-umd": "npm:^7.24.7"
+    "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-new-target": "npm:^7.24.7"
+    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.24.7"
+    "@babel/plugin-transform-numeric-separator": "npm:^7.24.7"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.24.7"
+    "@babel/plugin-transform-object-super": "npm:^7.24.7"
+    "@babel/plugin-transform-optional-catch-binding": "npm:^7.24.7"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.24.8"
+    "@babel/plugin-transform-parameters": "npm:^7.24.7"
+    "@babel/plugin-transform-private-methods": "npm:^7.25.4"
+    "@babel/plugin-transform-private-property-in-object": "npm:^7.24.7"
+    "@babel/plugin-transform-property-literals": "npm:^7.24.7"
+    "@babel/plugin-transform-regenerator": "npm:^7.24.7"
+    "@babel/plugin-transform-reserved-words": "npm:^7.24.7"
+    "@babel/plugin-transform-shorthand-properties": "npm:^7.24.7"
+    "@babel/plugin-transform-spread": "npm:^7.24.7"
+    "@babel/plugin-transform-sticky-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-template-literals": "npm:^7.24.7"
+    "@babel/plugin-transform-typeof-symbol": "npm:^7.24.8"
+    "@babel/plugin-transform-unicode-escapes": "npm:^7.24.7"
+    "@babel/plugin-transform-unicode-property-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-unicode-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-unicode-sets-regex": "npm:^7.25.4"
+    "@babel/preset-modules": "npm:0.1.6-no-external-plugins"
+    babel-plugin-polyfill-corejs2: "npm:^0.4.10"
+    babel-plugin-polyfill-corejs3: "npm:^0.10.6"
+    babel-plugin-polyfill-regenerator: "npm:^0.6.1"
+    core-js-compat: "npm:^3.37.1"
+    semver: "npm:^6.3.1"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/ed210a1974b5a1e7f80a933c87253907ec869457cea900bc97892642fa9a690c47627a9bac08a7c9495deb992a2b15f308ffca2741e1876ba47172c96fa27e14
+  languageName: node
+  linkType: hard
+
 "@babel/preset-flow@npm:^7.22.15":
   version: 7.24.7
   resolution: "@babel/preset-flow@npm:7.24.7"
@@ -1472,11 +1565,11 @@ __metadata:
   linkType: hard
 
 "@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.8, @babel/runtime@npm:^7.8.4":
-  version: 7.25.0
-  resolution: "@babel/runtime@npm:7.25.0"
+  version: 7.25.4
+  resolution: "@babel/runtime@npm:7.25.4"
   dependencies:
     regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/bd3faf246170826cef2071a94d7b47b49d532351360ecd17722d03f6713fd93a3eb3dbd9518faa778d5e8ccad7392a7a604e56bd37aaad3f3aa68d619ccd983d
+  checksum: 10c0/33e937e685f0bfc2d40c219261e2e50d0df7381a6e7cbf56b770e0c5d77cb0c21bf4d97da566cf0164317ed7508e992082c7b6cce7aaa3b17da5794f93fbfb46
   languageName: node
   linkType: hard
 
@@ -1491,29 +1584,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.24.7, @babel/traverse@npm:^7.24.8, @babel/traverse@npm:^7.25.0, @babel/traverse@npm:^7.25.1, @babel/traverse@npm:^7.25.2, @babel/traverse@npm:^7.25.3, @babel/traverse@npm:^7.4.5":
-  version: 7.25.3
-  resolution: "@babel/traverse@npm:7.25.3"
+"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.24.7, @babel/traverse@npm:^7.24.8, @babel/traverse@npm:^7.25.0, @babel/traverse@npm:^7.25.1, @babel/traverse@npm:^7.25.2, @babel/traverse@npm:^7.25.3, @babel/traverse@npm:^7.25.4, @babel/traverse@npm:^7.4.5":
+  version: 7.25.4
+  resolution: "@babel/traverse@npm:7.25.4"
   dependencies:
     "@babel/code-frame": "npm:^7.24.7"
-    "@babel/generator": "npm:^7.25.0"
-    "@babel/parser": "npm:^7.25.3"
+    "@babel/generator": "npm:^7.25.4"
+    "@babel/parser": "npm:^7.25.4"
     "@babel/template": "npm:^7.25.0"
-    "@babel/types": "npm:^7.25.2"
+    "@babel/types": "npm:^7.25.4"
     debug: "npm:^4.3.1"
     globals: "npm:^11.1.0"
-  checksum: 10c0/4c8a1966fa90b53a783a4afd2fcdaa6ab1a912e6621dca9fcc6633e80ccb9491620e88caf73b537da4e16cefd537b548c87d7087868d5b0066414dea375c0e9b
+  checksum: 10c0/37c9b49b277e051fe499ef5f6f217370c4f648d6370564d70b5e6beb2da75bfda6d7dab1d39504d89e9245448f8959bc1a5880d2238840cdc3979b35338ed0f5
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.24.0, @babel/types@npm:^7.24.7, @babel/types@npm:^7.24.8, @babel/types@npm:^7.25.0, @babel/types@npm:^7.25.2, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
-  version: 7.25.2
-  resolution: "@babel/types@npm:7.25.2"
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.24.0, @babel/types@npm:^7.24.7, @babel/types@npm:^7.24.8, @babel/types@npm:^7.25.0, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.4, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
+  version: 7.25.4
+  resolution: "@babel/types@npm:7.25.4"
   dependencies:
     "@babel/helper-string-parser": "npm:^7.24.8"
     "@babel/helper-validator-identifier": "npm:^7.24.7"
     to-fast-properties: "npm:^2.0.0"
-  checksum: 10c0/e489435856be239f8cc1120c90a197e4c2865385121908e5edb7223cfdff3768cba18f489adfe0c26955d9e7bbb1fb10625bc2517505908ceb0af848989bd864
+  checksum: 10c0/9aa25dfcd89cc4e4dde3188091c34398a005a49e2c2b069d0367b41e1122c91e80fd92998c52a90f2fb500f7e897b6090ec8be263d9cb53d0d75c756f44419f2
   languageName: node
   linkType: hard
 
@@ -2152,8 +2245,8 @@ __metadata:
   linkType: hard
 
 "@floating-ui/react@npm:^0.26.2":
-  version: 0.26.22
-  resolution: "@floating-ui/react@npm:0.26.22"
+  version: 0.26.23
+  resolution: "@floating-ui/react@npm:0.26.23"
   dependencies:
     "@floating-ui/react-dom": "npm:^2.1.1"
     "@floating-ui/utils": "npm:^0.2.7"
@@ -2161,7 +2254,7 @@ __metadata:
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: 10c0/7eea7bef4fb98d13873752c5cabcf61216dbf00d748027450cdd0ff5c7a51328f8800fa012ecd87bef8e1abedcc7703d5298a604843ec031dc88a18233548623
+  checksum: 10c0/d339c3d760e83c8384a16c8a38fb47f7f855a3db4d19117fd54cccbf871a27b089887202074e9871ffc19ad769bed709ecdd69445a39d2ea9406c84814427f3b
   languageName: node
   linkType: hard
 
@@ -3300,21 +3393,21 @@ __metadata:
   linkType: hard
 
 "@tanstack/react-table@npm:^8.10.7":
-  version: 8.20.1
-  resolution: "@tanstack/react-table@npm:8.20.1"
+  version: 8.20.5
+  resolution: "@tanstack/react-table@npm:8.20.5"
   dependencies:
-    "@tanstack/table-core": "npm:8.20.1"
+    "@tanstack/table-core": "npm:8.20.5"
   peerDependencies:
     react: ">=16.8"
     react-dom: ">=16.8"
-  checksum: 10c0/dc0bac56425de05bb51dca32d488a6ca4f2395375f8c02b1c0082ee0f654841efa1263b357c62864f7c44ed39c0be1fb547aa7350ee7e39be5c7dd19b4155260
+  checksum: 10c0/574fa62fc6868a3b1113dbd043323f8b73aeb60555609caa164d5137a14636d4502784a961191afde2ec46f33f8c2bbfc4561d27a701c3d084e899a632dda3c8
   languageName: node
   linkType: hard
 
-"@tanstack/table-core@npm:8.20.1":
-  version: 8.20.1
-  resolution: "@tanstack/table-core@npm:8.20.1"
-  checksum: 10c0/540a4df688cad9261f77ca454aab62720615569805b5396bd012b411bb65dbb3fdf38f2a0b91a60b2e0def139d1517ad9a3f28f2cede5317d70ad1ad0dd1c5a3
+"@tanstack/table-core@npm:8.20.5":
+  version: 8.20.5
+  resolution: "@tanstack/table-core@npm:8.20.5"
+  checksum: 10c0/3c27b5debd61b6bd9bfbb40bfc7c5d5af90873ae1a566b20e3bf2d2f4f2e9a78061c081aacc5259a00e256f8df506ec250eb5472f5c01ff04baf9918b554982b
   languageName: node
   linkType: hard
 
@@ -3519,33 +3612,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/eslint-scope@npm:^3.7.3":
-  version: 3.7.7
-  resolution: "@types/eslint-scope@npm:3.7.7"
-  dependencies:
-    "@types/eslint": "npm:*"
-    "@types/estree": "npm:*"
-  checksum: 10c0/a0ecbdf2f03912679440550817ff77ef39a30fa8bfdacaf6372b88b1f931828aec392f52283240f0d648cf3055c5ddc564544a626bcf245f3d09fcb099ebe3cc
-  languageName: node
-  linkType: hard
-
-"@types/eslint@npm:*":
-  version: 9.6.0
-  resolution: "@types/eslint@npm:9.6.0"
-  dependencies:
-    "@types/estree": "npm:*"
-    "@types/json-schema": "npm:*"
-  checksum: 10c0/69301356bc73b85e381ae00931291de2e96d1cc49a112c592c74ee32b2f85412203dea6a333b4315fd9839bb14f364f265cbfe7743fc5a78492ee0326dd6a2c1
-  languageName: node
-  linkType: hard
-
 "@types/eslint@npm:^8.56.10":
-  version: 8.56.11
-  resolution: "@types/eslint@npm:8.56.11"
+  version: 8.56.12
+  resolution: "@types/eslint@npm:8.56.12"
   dependencies:
     "@types/estree": "npm:*"
     "@types/json-schema": "npm:*"
-  checksum: 10c0/e47d2b8e0ce1aa7e1f2564555576fa55343e942ae8cba5940b4e2566f842810c007beff80a01d74d48c60a45ecf28150cbc5cbd53324b1e55cf672b24ccf4667
+  checksum: 10c0/e4ca426abe9d55f82b69a3250bec78b6d340ad1e567f91c97ecc59d3b2d6a1d8494955ac62ad0ea14b97519db580611c02be8277cbea370bdfb0f96aa2910504
   languageName: node
   linkType: hard
 
@@ -3736,11 +3809,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:*":
-  version: 22.4.2
-  resolution: "@types/node@npm:22.4.2"
+  version: 22.5.0
+  resolution: "@types/node@npm:22.5.0"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/db583e83230eed29eb73e24cc03637f5bdc8c01883ae0ba0a6ab9356065f93d0355a91ad1c89b985631006bd77c529d6a3ce042b3667b69c8851d05e1f965db1
+  checksum: 10c0/45aa75c5e71645fac42dced4eff7f197c3fdfff6e8a9fdacd0eb2e748ff21ee70ffb73982f068a58e8d73b2c088a63613142c125236cdcf3c072ea97eada1559
   languageName: node
   linkType: hard
 
@@ -3754,11 +3827,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^18.0.0":
-  version: 18.19.45
-  resolution: "@types/node@npm:18.19.45"
+  version: 18.19.46
+  resolution: "@types/node@npm:18.19.46"
   dependencies:
     undici-types: "npm:~5.26.4"
-  checksum: 10c0/79c324176411dcfa92f76b0ffc0673aa4bd8da82d003b44633e927c9493cdc46c35f04c0873b096b23b12bab090a6bbdea21242b3bbb2ea5dc1d9bf72adaa04f
+  checksum: 10c0/9b4aae9d2bd84f450f4e64f84d793b8867f7caaa66d0bfff2babf45cd2bb3836f245deb12ebf145da267e39a31a8d9a3484012c2b0a16894d384b66bb0c2b1b5
   languageName: node
   linkType: hard
 
@@ -5009,7 +5082,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-corejs3@npm:^0.10.4":
+"babel-plugin-polyfill-corejs3@npm:^0.10.4, babel-plugin-polyfill-corejs3@npm:^0.10.6":
   version: 0.10.6
   resolution: "babel-plugin-polyfill-corejs3@npm:0.10.6"
   dependencies:
@@ -5216,7 +5289,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bs-logger@npm:0.x":
+"bs-logger@npm:^0.2.6":
   version: 0.2.6
   resolution: "bs-logger@npm:0.2.6"
   dependencies:
@@ -5346,9 +5419,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.30001646":
-  version: 1.0.30001651
-  resolution: "caniuse-lite@npm:1.0.30001651"
-  checksum: 10c0/7821278952a6dbd17358e5d08083d258f092e2a530f5bc1840657cb140fbbc5ec44293bc888258c44a18a9570cde149ed05819ac8320b9710cf22f699891e6ad
+  version: 1.0.30001653
+  resolution: "caniuse-lite@npm:1.0.30001653"
+  checksum: 10c0/7aedf037541c93744148f599daea93d46d1f93ab4347997189efa2d1f003af8eadd7e1e05347ef09261ac1dc635ce375b8c6c00796245fffb4120a124824a14f
   languageName: node
   linkType: hard
 
@@ -5466,9 +5539,9 @@ __metadata:
   linkType: hard
 
 "cjs-module-lexer@npm:^1.0.0, cjs-module-lexer@npm:^1.2.3":
-  version: 1.3.1
-  resolution: "cjs-module-lexer@npm:1.3.1"
-  checksum: 10c0/cd98fbf3c7f4272fb0ebf71d08d0c54bc75ce0e30b9d186114e15b4ba791f3d310af65a339eea2a0318599af2818cdd8886d353b43dfab94468f72987397ad16
+  version: 1.4.0
+  resolution: "cjs-module-lexer@npm:1.4.0"
+  checksum: 10c0/b5ef03e10297c24f0db56b13d7d2f92e377499c83d7bf9352ec73df544b5310e024dfb1779a6b810e7a06eb18caa6a0e2da5f11df8116af73306f362e67fb61a
   languageName: node
   linkType: hard
 
@@ -6762,7 +6835,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"enhanced-resolve@npm:^5.0.0, enhanced-resolve@npm:^5.12.0, enhanced-resolve@npm:^5.17.0":
+"enhanced-resolve@npm:^5.0.0, enhanced-resolve@npm:^5.12.0, enhanced-resolve@npm:^5.17.1":
   version: 5.17.1
   resolution: "enhanced-resolve@npm:5.17.1"
   dependencies:
@@ -7307,14 +7380,14 @@ __metadata:
   linkType: hard
 
 "eslint-module-utils@npm:^2.7.4, eslint-module-utils@npm:^2.8.0":
-  version: 2.8.1
-  resolution: "eslint-module-utils@npm:2.8.1"
+  version: 2.8.2
+  resolution: "eslint-module-utils@npm:2.8.2"
   dependencies:
     debug: "npm:^3.2.7"
   peerDependenciesMeta:
     eslint:
       optional: true
-  checksum: 10c0/1aeeb97bf4b688d28de136ee57c824480c37691b40fa825c711a4caf85954e94b99c06ac639d7f1f6c1d69223bd21bcb991155b3e589488e958d5b83dfd0f882
+  checksum: 10c0/98c5ca95db75507b148c05d157b287116c677bfc9ca6bef4d5455c8b199eb2c35b9204a15ca7a3497085daef8ca3a3f579bd9e753ad4ad4df6256e4ef1107c51
   languageName: node
   linkType: hard
 
@@ -9106,11 +9179,11 @@ __metadata:
   linkType: hard
 
 "is-core-module@npm:^2.11.0, is-core-module@npm:^2.13.0, is-core-module@npm:^2.13.1":
-  version: 2.15.0
-  resolution: "is-core-module@npm:2.15.0"
+  version: 2.15.1
+  resolution: "is-core-module@npm:2.15.1"
   dependencies:
     hasown: "npm:^2.0.2"
-  checksum: 10c0/da161f3d9906f459486da65609b2f1a2dfdc60887c689c234d04e88a062cb7920fa5be5fb7ab08dc43b732929653c4135ef05bf77888ae2a9040ce76815eb7b1
+  checksum: 10c0/53432f10c69c40bfd2fa8914133a68709ff9498c86c3bf5fca3cdf3145a56fd2168cbf4a43b29843a6202a120a5f9c5ffba0a4322e1e3441739bc0b641682612
   languageName: node
   linkType: hard
 
@@ -10430,7 +10503,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.memoize@npm:4.x":
+"lodash.memoize@npm:^4.1.2":
   version: 4.1.2
   resolution: "lodash.memoize@npm:4.1.2"
   checksum: 10c0/c8713e51eccc650422716a14cece1809cfe34bc5ab5e242b7f8b4e2241c2483697b971a604252807689b9dd69bfe3a98852e19a5b89d506b000b4187a1285df8
@@ -10550,7 +10623,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"make-error@npm:1.x":
+"make-error@npm:^1.3.6":
   version: 1.3.6
   resolution: "make-error@npm:1.3.6"
   checksum: 10c0/171e458d86854c6b3fc46610cfacf0b45149ba043782558c6875d9f42f222124384ad0b468c92e996d815a8a2003817a710c0a160e49c1c394626f76fa45396f
@@ -10696,12 +10769,12 @@ __metadata:
   linkType: hard
 
 "micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.7":
-  version: 4.0.7
-  resolution: "micromatch@npm:4.0.7"
+  version: 4.0.8
+  resolution: "micromatch@npm:4.0.8"
   dependencies:
     braces: "npm:^3.0.3"
     picomatch: "npm:^2.3.1"
-  checksum: 10c0/58fa99bc5265edec206e9163a1d2cec5fabc46a5b473c45f4a700adce88c2520456ae35f2b301e4410fb3afb27e9521fb2813f6fc96be0a48a89430e0916a772
+  checksum: 10c0/166fa6eb926b9553f32ef81f5f531d27b4ce7da60e5baf8c021d043b27a388fb95e46a8038d5045877881e673f8134122b59624d5cecbd16eb50a42e7a6b5ca8
   languageName: node
   linkType: hard
 
@@ -11129,18 +11202,18 @@ __metadata:
   linkType: hard
 
 "nypm@npm:^0.3.8":
-  version: 0.3.9
-  resolution: "nypm@npm:0.3.9"
+  version: 0.3.11
+  resolution: "nypm@npm:0.3.11"
   dependencies:
     citty: "npm:^0.1.6"
     consola: "npm:^3.2.3"
     execa: "npm:^8.0.1"
     pathe: "npm:^1.1.2"
-    pkg-types: "npm:^1.1.1"
-    ufo: "npm:^1.5.3"
+    pkg-types: "npm:^1.2.0"
+    ufo: "npm:^1.5.4"
   bin:
     nypm: dist/cli.mjs
-  checksum: 10c0/47aef92be6b7cef2c4eb8992ff5a5bb1de0689951a60101541574fd43cbdc3ec398e35565be7146f2242070b3f21ac4ea5773413d4fbc2a3171b7f470d8aa5a7
+  checksum: 10c0/016a74110f9629ddb9ee06d378aca56004ba0cbf824defb1f558342e411051443f95ae20171f538691798d4ac1da72d7582192c1a9c858843a2a90d6f5c3f86b
   languageName: node
   linkType: hard
 
@@ -11670,14 +11743,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pkg-types@npm:^1.1.1":
-  version: 1.1.3
-  resolution: "pkg-types@npm:1.1.3"
+"pkg-types@npm:^1.1.1, pkg-types@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "pkg-types@npm:1.2.0"
   dependencies:
     confbox: "npm:^0.1.7"
     mlly: "npm:^1.7.1"
     pathe: "npm:^1.1.2"
-  checksum: 10c0/4cd2c9442dd5e4ae0c61cbd8fdaa92a273939749b081f78150ce9a3f4e625cca0375607386f49f103f0720b239d02369bf181c3ea6c80cf1028a633df03706ad
+  checksum: 10c0/111cf6ad4235438821ea195a0d70570b1bd36a71d094d258349027c9c304dea8b4f9669c9f7ce813f9a48a02942fb0d7fe9809127dbe7bb4b18a8de71583a081
   languageName: node
   linkType: hard
 
@@ -13061,7 +13134,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0":
+"semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0, semver@npm:^7.6.3":
   version: 7.6.3
   resolution: "semver@npm:7.6.3"
   bin:
@@ -13844,8 +13917,8 @@ __metadata:
   linkType: hard
 
 "stylelint-scss@npm:^6.4.0":
-  version: 6.5.0
-  resolution: "stylelint-scss@npm:6.5.0"
+  version: 6.5.1
+  resolution: "stylelint-scss@npm:6.5.1"
   dependencies:
     css-tree: "npm:2.3.1"
     is-plain-object: "npm:5.0.0"
@@ -13856,7 +13929,7 @@ __metadata:
     postcss-value-parser: "npm:^4.2.0"
   peerDependencies:
     stylelint: ^16.0.2
-  checksum: 10c0/2f62c262f79ea16e3fe714fdb6cb2bd72c68ad47086dea8e97145d15b157cb0d7d9128eb58b13888dd47c15d3c306a7dfbae1418a62125e008acfcd3117f6a36
+  checksum: 10c0/72712633eb5cd358667b814d5cc9fdd8f90729e34b4260cce69c3daa0bd91d6732fcd7abad424f3e2adfa60b7784bf8e98b1396ecce6e628b13540e110978357
   languageName: node
   linkType: hard
 
@@ -14232,18 +14305,18 @@ __metadata:
   linkType: hard
 
 "ts-jest@npm:^29.1.0":
-  version: 29.2.4
-  resolution: "ts-jest@npm:29.2.4"
+  version: 29.2.5
+  resolution: "ts-jest@npm:29.2.5"
   dependencies:
-    bs-logger: "npm:0.x"
+    bs-logger: "npm:^0.2.6"
     ejs: "npm:^3.1.10"
-    fast-json-stable-stringify: "npm:2.x"
+    fast-json-stable-stringify: "npm:^2.1.0"
     jest-util: "npm:^29.0.0"
     json5: "npm:^2.2.3"
-    lodash.memoize: "npm:4.x"
-    make-error: "npm:1.x"
-    semver: "npm:^7.5.3"
-    yargs-parser: "npm:^21.0.1"
+    lodash.memoize: "npm:^4.1.2"
+    make-error: "npm:^1.3.6"
+    semver: "npm:^7.6.3"
+    yargs-parser: "npm:^21.1.1"
   peerDependencies:
     "@babel/core": ">=7.0.0-beta.0 <8"
     "@jest/transform": ^29.0.0
@@ -14264,7 +14337,7 @@ __metadata:
       optional: true
   bin:
     ts-jest: cli.js
-  checksum: 10c0/43be1d5625d44bc48815d91810e796d74682757b4f64677b54aae1f4da855476e50c01b92d54add4b02976ecf2cbb2f318d7c7788844328de44f145b95185fac
+  checksum: 10c0/acb62d168faec073e64b20873b583974ba8acecdb94681164eb346cef82ade8fb481c5b979363e01a97ce4dd1e793baf64d9efd90720bc941ad7fc1c3d6f3f68
   languageName: node
   linkType: hard
 
@@ -14316,7 +14389,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:2.6.3, tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.2.0, tslib@npm:^2.6.2":
+"tslib@npm:2.6.3":
   version: 2.6.3
   resolution: "tslib@npm:2.6.3"
   checksum: 10c0/2598aef53d9dbe711af75522464b2104724d6467b26a60f2bdac8297d2b5f1f6b86a71f61717384aa8fd897240467aaa7bcc36a0700a0faf751293d1331db39a
@@ -14330,6 +14403,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.2.0, tslib@npm:^2.6.2":
+  version: 2.7.0
+  resolution: "tslib@npm:2.7.0"
+  checksum: 10c0/469e1d5bf1af585742128827000711efa61010b699cb040ab1800bcd3ccdd37f63ec30642c9e07c4439c1db6e46345582614275daca3e0f4abae29b0083f04a6
+  languageName: node
+  linkType: hard
+
 "tsutils@npm:^3.21.0":
   version: 3.21.0
   resolution: "tsutils@npm:3.21.0"
@@ -14474,7 +14554,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ufo@npm:^1.5.3":
+"ufo@npm:^1.5.3, ufo@npm:^1.5.4":
   version: 1.5.4
   resolution: "ufo@npm:1.5.4"
   checksum: 10c0/b5dc4dc435c49c9ef8890f1b280a19ee4d0954d1d6f9ab66ce62ce64dd04c7be476781531f952a07c678d51638d02ad4b98e16237be29149295b0f7c09cda765
@@ -14901,8 +14981,8 @@ __metadata:
   linkType: hard
 
 "webpack-dev-middleware@npm:^7.1.0":
-  version: 7.4.1
-  resolution: "webpack-dev-middleware@npm:7.4.1"
+  version: 7.4.2
+  resolution: "webpack-dev-middleware@npm:7.4.2"
   dependencies:
     colorette: "npm:^2.0.10"
     memfs: "npm:^4.6.0"
@@ -14915,7 +14995,7 @@ __metadata:
   peerDependenciesMeta:
     webpack:
       optional: true
-  checksum: 10c0/e3677e59f1604e1c143ba7d8b835c8da6e5b91d079a427dddabca5e86eabe590f23755b044ab7d60180dfbc80cd7c36370a80da5a1fca8d6a4dbbfeed708250c
+  checksum: 10c0/2aa873ef57a7095d7fba09400737b6066adc3ded229fd6eba89a666f463c2614c68e01ae58f662c9cdd74f0c8da088523d972329bf4a054e470bc94feb8bcad0
   languageName: node
   linkType: hard
 
@@ -15014,10 +15094,9 @@ __metadata:
   linkType: hard
 
 "webpack@npm:^5":
-  version: 5.93.0
-  resolution: "webpack@npm:5.93.0"
+  version: 5.94.0
+  resolution: "webpack@npm:5.94.0"
   dependencies:
-    "@types/eslint-scope": "npm:^3.7.3"
     "@types/estree": "npm:^1.0.5"
     "@webassemblyjs/ast": "npm:^1.12.1"
     "@webassemblyjs/wasm-edit": "npm:^1.12.1"
@@ -15026,7 +15105,7 @@ __metadata:
     acorn-import-attributes: "npm:^1.9.5"
     browserslist: "npm:^4.21.10"
     chrome-trace-event: "npm:^1.0.2"
-    enhanced-resolve: "npm:^5.17.0"
+    enhanced-resolve: "npm:^5.17.1"
     es-module-lexer: "npm:^1.2.1"
     eslint-scope: "npm:5.1.1"
     events: "npm:^3.2.0"
@@ -15046,7 +15125,7 @@ __metadata:
       optional: true
   bin:
     webpack: bin/webpack.js
-  checksum: 10c0/f0c72f1325ff57a4cc461bb978e6e1296f2a7d45c9765965271aa686ccdd448512956f4d7fdcf8c164d073af046c5a0aba17ce85ea98e33e5e2bfbfe13aa5808
+  checksum: 10c0/b4d1b751f634079bd177a89eef84d80fa5bb8d6fc15d72ab40fc2b9ca5167a79b56585e1a849e9e27e259803ee5c4365cb719e54af70a43c06358ec268ff4ebf
   languageName: node
   linkType: hard
 
@@ -15344,7 +15423,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs-parser@npm:^21.0.1, yargs-parser@npm:^21.1.1":
+"yargs-parser@npm:^21.1.1":
   version: 21.1.1
   resolution: "yargs-parser@npm:21.1.1"
   checksum: 10c0/f84b5e48169479d2f402239c59f084cfd1c3acc197a05c59b98bab067452e6b3ea46d4dd8ba2985ba7b3d32a343d77df0debd6b343e5dae3da2aab2cdf5886b2

From 5adb0f135d6eb17f1b22baf6319553a29379512f Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Mon, 2 Sep 2024 16:42:01 -0400
Subject: [PATCH 03/30] chore(deps): update dependency webpack [security]
 (#981)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 packages/react/package.json     | 2 +-
 packages/storybook/package.json | 2 +-
 packages/webapp/package.json    | 2 +-
 yarn.lock                       | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index a8a1ff8846..4e99d1dc28 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -98,7 +98,7 @@
     "ts-loader": "^9.4.2",
     "ts-mockito": "^2.6.1",
     "typescript": "5.5.4",
-    "webpack": "5.93.0",
+    "webpack": "5.94.0",
     "webpack-cli": "5.1.4",
     "webpack-merge": "6.0.1",
     "yargs": "17.7.2"
diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index 8b04767bac..cfc16375bc 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -69,7 +69,7 @@
     "stylelint": "16.8.2",
     "ts-loader": "^9.4.2",
     "typescript": "5.5.4",
-    "webpack": "5.93.0",
+    "webpack": "5.94.0",
     "yargs": "17.7.2"
   }
 }
diff --git a/packages/webapp/package.json b/packages/webapp/package.json
index 9e4f8b24f3..d152e1be4b 100644
--- a/packages/webapp/package.json
+++ b/packages/webapp/package.json
@@ -73,7 +73,7 @@
     "stylelint": "16.8.2",
     "ts-loader": "9.5.1",
     "typescript": "5.5.4",
-    "webpack": "5.93.0",
+    "webpack": "5.94.0",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "5.0.4",
     "webpack-merge": "6.0.1",
diff --git a/yarn.lock b/yarn.lock
index 3fbf72ebe6..22b7e36a9e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1785,7 +1785,7 @@ __metadata:
     ts-loader: "npm:^9.4.2"
     ts-mockito: "npm:^2.6.1"
     typescript: "npm:5.5.4"
-    webpack: "npm:5.93.0"
+    webpack: "npm:5.94.0"
     webpack-cli: "npm:5.1.4"
     webpack-merge: "npm:6.0.1"
     yargs: "npm:17.7.2"
@@ -1856,7 +1856,7 @@ __metadata:
     stylelint: "npm:16.8.2"
     ts-loader: "npm:^9.4.2"
     typescript: "npm:5.5.4"
-    webpack: "npm:5.93.0"
+    webpack: "npm:5.94.0"
     yargs: "npm:17.7.2"
   languageName: unknown
   linkType: soft
@@ -6987,7 +6987,7 @@ __metadata:
     ts-loader: "npm:9.5.1"
     tslib: "npm:2.6.3"
     typescript: "npm:5.5.4"
-    webpack: "npm:5.93.0"
+    webpack: "npm:5.94.0"
     webpack-cli: "npm:5.1.4"
     webpack-dev-server: "npm:5.0.4"
     webpack-merge: "npm:6.0.1"

From 31b0c782de5db7b051f6f59eb7a7c940b062e5a1 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 3 Sep 2024 08:53:31 -0400
Subject: [PATCH 04/30] chore(deps): lock file maintenance (#982)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 yarn.lock | 246 +++++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 168 insertions(+), 78 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 22b7e36a9e..d7e7a315c6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -62,15 +62,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.25.0, @babel/generator@npm:^7.25.4, @babel/generator@npm:^7.7.2":
-  version: 7.25.5
-  resolution: "@babel/generator@npm:7.25.5"
+"@babel/generator@npm:^7.25.0, @babel/generator@npm:^7.25.6, @babel/generator@npm:^7.7.2":
+  version: 7.25.6
+  resolution: "@babel/generator@npm:7.25.6"
   dependencies:
-    "@babel/types": "npm:^7.25.4"
+    "@babel/types": "npm:^7.25.6"
     "@jridgewell/gen-mapping": "npm:^0.3.5"
     "@jridgewell/trace-mapping": "npm:^0.3.25"
     jsesc: "npm:^2.5.1"
-  checksum: 10c0/eb8af30c39476e4f4d6b953f355fcf092258291f78d65fb759b7d5e5e6fd521b5bfee64a4e2e4290279f0dcd25ccf8c49a61807828b99b5830d2b734506da1fd
+  checksum: 10c0/f89282cce4ddc63654470b98086994d219407d025497f483eb03ba102086e11e2b685b27122f6ff2e1d93b5b5fa0c3a6b7e974fbf2e4a75b685041a746a4291e
   languageName: node
   linkType: hard
 
@@ -280,12 +280,12 @@ __metadata:
   linkType: hard
 
 "@babel/helpers@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/helpers@npm:7.25.0"
+  version: 7.25.6
+  resolution: "@babel/helpers@npm:7.25.6"
   dependencies:
     "@babel/template": "npm:^7.25.0"
-    "@babel/types": "npm:^7.25.0"
-  checksum: 10c0/b7fe007fc4194268abf70aa3810365085e290e6528dcb9fbbf7a765d43c74b6369ce0f99c5ccd2d44c413853099daa449c9a0123f0b212ac8d18643f2e8174b8
+    "@babel/types": "npm:^7.25.6"
+  checksum: 10c0/448c1cdabccca42fd97a252f73f1e4bcd93776dbf24044f3b4f49b756bf2ece73ee6df05177473bb74ea7456dddd18d6f481e4d96d2cc7839d078900d48c696c
   languageName: node
   linkType: hard
 
@@ -301,14 +301,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.4":
-  version: 7.25.4
-  resolution: "@babel/parser@npm:7.25.4"
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.6":
+  version: 7.25.6
+  resolution: "@babel/parser@npm:7.25.6"
   dependencies:
-    "@babel/types": "npm:^7.25.4"
+    "@babel/types": "npm:^7.25.6"
   bin:
     parser: ./bin/babel-parser.js
-  checksum: 10c0/bdada5662f15d1df11a7266ec3bc9bb769bf3637ecf3d051eafcfc8f576dcf5a3ac1007c5e059db4a1e1387db9ae9caad239fc4f79e4c2200930ed610e779993
+  checksum: 10c0/f88a0e895dbb096fd37c4527ea97d12b5fc013720602580a941ac3a339698872f0c911e318c292b184c36b5fbe23b612f05aff9d24071bc847c7b1c21552c41d
   languageName: node
   linkType: hard
 
@@ -458,24 +458,24 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-syntax-import-assertions@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-syntax-import-assertions@npm:7.24.7"
+  version: 7.25.6
+  resolution: "@babel/plugin-syntax-import-assertions@npm:7.25.6"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/b82c53e095274ee71c248551352d73441cf65b3b3fc0107258ba4e9aef7090772a425442b3ed1c396fa207d0efafde8929c87a17d3c885b3ca2021316e87e246
+  checksum: 10c0/55afa63b1b1355bcc1d85a9ad9d2c78983e27beee38e232d5c1ab59eac39127ce3c3817d6686e3ab1d0aff5edd8e38a6852885c65d3e518accdd183a445ef411
   languageName: node
   linkType: hard
 
 "@babel/plugin-syntax-import-attributes@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-syntax-import-attributes@npm:7.24.7"
+  version: 7.25.6
+  resolution: "@babel/plugin-syntax-import-attributes@npm:7.25.6"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/eccc54d0f03c96d0eec7a6e2fa124dadbc7298345b62ffc4238f173308c4325b5598f139695ff05a95cf78412ef6903599e4b814496612bf39aad4715a16375b
+  checksum: 10c0/0e9359cf2d117476310961dfcfd7204ed692e933707da10d6194153d3996cd2ea5b7635fc90d720dce3612083af89966bb862561064a509c350320dc98644751
   languageName: node
   linkType: hard
 
@@ -1565,11 +1565,11 @@ __metadata:
   linkType: hard
 
 "@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.8, @babel/runtime@npm:^7.8.4":
-  version: 7.25.4
-  resolution: "@babel/runtime@npm:7.25.4"
+  version: 7.25.6
+  resolution: "@babel/runtime@npm:7.25.6"
   dependencies:
     regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/33e937e685f0bfc2d40c219261e2e50d0df7381a6e7cbf56b770e0c5d77cb0c21bf4d97da566cf0164317ed7508e992082c7b6cce7aaa3b17da5794f93fbfb46
+  checksum: 10c0/d6143adf5aa1ce79ed374e33fdfd74fa975055a80bc6e479672ab1eadc4e4bfd7484444e17dd063a1d180e051f3ec62b357c7a2b817e7657687b47313158c3d2
   languageName: node
   linkType: hard
 
@@ -1585,28 +1585,28 @@ __metadata:
   linkType: hard
 
 "@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.24.7, @babel/traverse@npm:^7.24.8, @babel/traverse@npm:^7.25.0, @babel/traverse@npm:^7.25.1, @babel/traverse@npm:^7.25.2, @babel/traverse@npm:^7.25.3, @babel/traverse@npm:^7.25.4, @babel/traverse@npm:^7.4.5":
-  version: 7.25.4
-  resolution: "@babel/traverse@npm:7.25.4"
+  version: 7.25.6
+  resolution: "@babel/traverse@npm:7.25.6"
   dependencies:
     "@babel/code-frame": "npm:^7.24.7"
-    "@babel/generator": "npm:^7.25.4"
-    "@babel/parser": "npm:^7.25.4"
+    "@babel/generator": "npm:^7.25.6"
+    "@babel/parser": "npm:^7.25.6"
     "@babel/template": "npm:^7.25.0"
-    "@babel/types": "npm:^7.25.4"
+    "@babel/types": "npm:^7.25.6"
     debug: "npm:^4.3.1"
     globals: "npm:^11.1.0"
-  checksum: 10c0/37c9b49b277e051fe499ef5f6f217370c4f648d6370564d70b5e6beb2da75bfda6d7dab1d39504d89e9245448f8959bc1a5880d2238840cdc3979b35338ed0f5
+  checksum: 10c0/964304c6fa46bd705428ba380bf73177eeb481c3f26d82ea3d0661242b59e0dd4329d23886035e9ca9a4ceb565c03a76fd615109830687a27bcd350059d6377e
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.24.0, @babel/types@npm:^7.24.7, @babel/types@npm:^7.24.8, @babel/types@npm:^7.25.0, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.4, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
-  version: 7.25.4
-  resolution: "@babel/types@npm:7.25.4"
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.24.0, @babel/types@npm:^7.24.7, @babel/types@npm:^7.24.8, @babel/types@npm:^7.25.0, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.6, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
+  version: 7.25.6
+  resolution: "@babel/types@npm:7.25.6"
   dependencies:
     "@babel/helper-string-parser": "npm:^7.24.8"
     "@babel/helper-validator-identifier": "npm:^7.24.7"
     to-fast-properties: "npm:^2.0.0"
-  checksum: 10c0/9aa25dfcd89cc4e4dde3188091c34398a005a49e2c2b069d0367b41e1122c91e80fd92998c52a90f2fb500f7e897b6090ec8be263d9cb53d0d75c756f44419f2
+  checksum: 10c0/89d45fbee24e27a05dca2d08300a26b905bd384a480448823f6723c72d3a30327c517476389b7280ce8cb9a2c48ef8f47da7f9f6d326faf6f53fd6b68237bdc4
   languageName: node
   linkType: hard
 
@@ -1642,7 +1642,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/css-parser-algorithms@npm:^3.0.0":
+"@csstools/css-parser-algorithms@npm:^3.0.0, @csstools/css-parser-algorithms@npm:^3.0.1":
   version: 3.0.1
   resolution: "@csstools/css-parser-algorithms@npm:3.0.1"
   peerDependencies:
@@ -1651,14 +1651,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@csstools/css-tokenizer@npm:^3.0.0":
+"@csstools/css-tokenizer@npm:^3.0.0, @csstools/css-tokenizer@npm:^3.0.1":
   version: 3.0.1
   resolution: "@csstools/css-tokenizer@npm:3.0.1"
   checksum: 10c0/c9ed4373e5731b5375ea9791590081019c04e95f08b46b272977e5e7b8c3d560affc62e82263cb8def1df1e57f0673140e7e16a14a5e7be04e6a234be088d1d3
   languageName: node
   linkType: hard
 
-"@csstools/media-query-list-parser@npm:^3.0.0":
+"@csstools/media-query-list-parser@npm:^3.0.0, @csstools/media-query-list-parser@npm:^3.0.1":
   version: 3.0.1
   resolution: "@csstools/media-query-list-parser@npm:3.0.1"
   peerDependencies:
@@ -1981,7 +1981,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@equisoft/stylelint-config@npm:4.0.4, @equisoft/stylelint-config@npm:^4.0.0":
+"@equisoft/stylelint-config@npm:4.0.4":
   version: 4.0.4
   resolution: "@equisoft/stylelint-config@npm:4.0.4"
   dependencies:
@@ -2003,6 +2003,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@equisoft/stylelint-config@npm:^4.0.0":
+  version: 4.0.5
+  resolution: "@equisoft/stylelint-config@npm:4.0.5"
+  dependencies:
+    "@stylistic/stylelint-config": "npm:^2.0.0"
+    "@stylistic/stylelint-plugin": "npm:^3.0.0"
+    stylelint-config-standard-scss: "npm:~13.1.0"
+    stylelint-junit-formatter: "npm:~0.2.2"
+    stylelint-order: "npm:~6.0.4"
+    stylelint-sarif-formatter: "npm:~1.0.7"
+  peerDependencies:
+    postcss: ^8
+    postcss-scss: ^4
+    postcss-styled-syntax: ^0
+    stylelint: ^16
+  peerDependenciesMeta:
+    postcss-scss:
+      optional: true
+  checksum: 10c0/fa75f2732c41e643f4eca115d4bade282c33e447da51faf690795c72cebde851635600d6656e21e51378a3f7551691141fea700e305d7d2fb56fe517e99ef895
+  languageName: node
+  linkType: hard
+
 "@equisoft/typescript-config@npm:2.0.0":
   version: 2.0.0
   resolution: "@equisoft/typescript-config@npm:2.0.0"
@@ -3809,15 +3831,15 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:*":
-  version: 22.5.0
-  resolution: "@types/node@npm:22.5.0"
+  version: 22.5.2
+  resolution: "@types/node@npm:22.5.2"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/45aa75c5e71645fac42dced4eff7f197c3fdfff6e8a9fdacd0eb2e748ff21ee70ffb73982f068a58e8d73b2c088a63613142c125236cdcf3c072ea97eada1559
+  checksum: 10c0/624a7fd76229eacc6c158eb3b9afd55b811d7f01976c5f92c630d5b9d47047cc218928c343988484a165ac400e5eb6fe70ea300fc7242deeb0e920c7724290f6
   languageName: node
   linkType: hard
 
-"@types/node@npm:20.16.1, @types/node@npm:^20.12.7":
+"@types/node@npm:20.16.1":
   version: 20.16.1
   resolution: "@types/node@npm:20.16.1"
   dependencies:
@@ -3827,11 +3849,20 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^18.0.0":
-  version: 18.19.46
-  resolution: "@types/node@npm:18.19.46"
+  version: 18.19.48
+  resolution: "@types/node@npm:18.19.48"
   dependencies:
     undici-types: "npm:~5.26.4"
-  checksum: 10c0/9b4aae9d2bd84f450f4e64f84d793b8867f7caaa66d0bfff2babf45cd2bb3836f245deb12ebf145da267e39a31a8d9a3484012c2b0a16894d384b66bb0c2b1b5
+  checksum: 10c0/f07fc6636629bf5121d33e532f824470ecd44b14831c486fe11b95aac6c8bf7c838651a4cae82031fbc99888192b84f77e939a2cf27edb20935ed4a6d01d0b5d
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:^20.12.7":
+  version: 20.16.3
+  resolution: "@types/node@npm:20.16.3"
+  dependencies:
+    undici-types: "npm:~6.19.2"
+  checksum: 10c0/907c01d58ae36695fbed0b101e7a14cc2e0c5b9b2ba7904ef21cef093e4aac0649ac2a7a283fc94e19311dd0551d778445dd45fcf2d8bd45c494c9ecd802de69
   languageName: node
   linkType: hard
 
@@ -5419,9 +5450,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.30001646":
-  version: 1.0.30001653
-  resolution: "caniuse-lite@npm:1.0.30001653"
-  checksum: 10c0/7aedf037541c93744148f599daea93d46d1f93ab4347997189efa2d1f003af8eadd7e1e05347ef09261ac1dc635ce375b8c6c00796245fffb4120a124824a14f
+  version: 1.0.30001655
+  resolution: "caniuse-lite@npm:1.0.30001655"
+  checksum: 10c0/fff0c0c3ffcba89828bfa6b99f118e82c064f46f15bb8655b9f2a352a3f552ccac0b87a9fe9532f8c5a29e284aae5579791e196480ec717d11ef1d1a1c2e3ff9
   languageName: node
   linkType: hard
 
@@ -7266,9 +7297,9 @@ __metadata:
   linkType: hard
 
 "escalade@npm:^3.1.1, escalade@npm:^3.1.2":
-  version: 3.1.2
-  resolution: "escalade@npm:3.1.2"
-  checksum: 10c0/6b4adafecd0682f3aa1cd1106b8fff30e492c7015b178bc81b2d2f75106dabea6c6d6e8508fc491bd58e597c74abb0e8e2368f943ecb9393d4162e3c2f3cf287
+  version: 3.2.0
+  resolution: "escalade@npm:3.2.0"
+  checksum: 10c0/ced4dd3a78e15897ed3be74e635110bbf3b08877b0a41be50dcb325ee0e0b5f65fc2d50e9845194d7c4633f327e2e1c6cce00a71b617c5673df0374201d67f65
   languageName: node
   linkType: hard
 
@@ -7876,11 +7907,11 @@ __metadata:
   linkType: hard
 
 "file-entry-cache@npm:^9.0.0":
-  version: 9.0.0
-  resolution: "file-entry-cache@npm:9.0.0"
+  version: 9.1.0
+  resolution: "file-entry-cache@npm:9.1.0"
   dependencies:
     flat-cache: "npm:^5.0.0"
-  checksum: 10c0/07b0a4f062dc0aa258f3e1b06ac083ea25313f5e289943e146fafdaf3315dcc031635545eea7fe98fe5598b91d6c7f48dba7a251dd7ac20108a6ebf7d00b0b1c
+  checksum: 10c0/4b4dbc1e972f50202b1a4430d30fd99378ef6e2a64857176abdc65c5e4730a948fb37e274478520a7bacbc70f3abba455a4b9d2c1915c53f30d11dc85d3fef5e
   languageName: node
   linkType: hard
 
@@ -8033,9 +8064,9 @@ __metadata:
   linkType: hard
 
 "flow-parser@npm:0.*":
-  version: 0.244.0
-  resolution: "flow-parser@npm:0.244.0"
-  checksum: 10c0/094192d431c06b48e7788cda76b6c0f386669895a83ad72456eea299dcc98bf653050f3a92678bdec99389c769353e4cc56a4e869d81622f6e0ce1054372a330
+  version: 0.245.0
+  resolution: "flow-parser@npm:0.245.0"
+  checksum: 10c0/0290a6c354632bf926ce8a49573b9fa6c5025e06a57dc6f68413bf29476a84f87ab817a3bf8d3d6fb5a8e4f967aecdd6c82b0d21408b18fc591308d1f5d633cd
   languageName: node
   linkType: hard
 
@@ -8275,11 +8306,11 @@ __metadata:
   linkType: hard
 
 "get-tsconfig@npm:^4.5.0":
-  version: 4.7.6
-  resolution: "get-tsconfig@npm:4.7.6"
+  version: 4.8.0
+  resolution: "get-tsconfig@npm:4.8.0"
   dependencies:
     resolve-pkg-maps: "npm:^1.0.0"
-  checksum: 10c0/2240e1b13e996dfbb947d177f422f83d09d1f93c9ce16959ebb3c2bdf8bdf4f04f98eba043859172da1685f9c7071091f0acfa964ebbe4780394d83b7dc3f58a
+  checksum: 10c0/943721c996d9a77351aa7c07956de77baece97f997bd30f3247f46907e4b743f7b9da02c7b3692a36f0884d3724271faeb88ed1c3aca3aba2afe3f27d6c4aeb3
   languageName: node
   linkType: hard
 
@@ -10768,7 +10799,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.7":
+"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.7, micromatch@npm:^4.0.8":
   version: 4.0.8
   resolution: "micromatch@npm:4.0.8"
   dependencies:
@@ -11689,9 +11720,9 @@ __metadata:
   linkType: hard
 
 "picocolors@npm:^1.0.0, picocolors@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "picocolors@npm:1.0.1"
-  checksum: 10c0/c63cdad2bf812ef0d66c8db29583802355d4ca67b9285d846f390cc15c2f6ccb94e8cb7eb6a6e97fc5990a6d3ad4ae42d86c84d3146e667c739a4234ed50d400
+  version: 1.1.0
+  resolution: "picocolors@npm:1.1.0"
+  checksum: 10c0/86946f6032148801ef09c051c6fb13b5cf942eaf147e30ea79edb91dd32d700934edebe782a1078ff859fb2b816792e97ef4dab03d7f0b804f6b01a0df35e023
   languageName: node
   linkType: hard
 
@@ -11883,7 +11914,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:8.4.41, postcss@npm:^8.4.32, postcss@npm:^8.4.33, postcss@npm:^8.4.35, postcss@npm:^8.4.41":
+"postcss@npm:8.4.41":
   version: 8.4.41
   resolution: "postcss@npm:8.4.41"
   dependencies:
@@ -11894,6 +11925,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss@npm:^8.4.32, postcss@npm:^8.4.33, postcss@npm:^8.4.35, postcss@npm:^8.4.41":
+  version: 8.4.44
+  resolution: "postcss@npm:8.4.44"
+  dependencies:
+    nanoid: "npm:^3.3.7"
+    picocolors: "npm:^1.0.1"
+    source-map-js: "npm:^1.2.0"
+  checksum: 10c0/53c33338261a3d4f4198f8893e9dfe8b828d8d9186142ee85f02d228f04245c5bbe31239411a357a556ad20ed96f28db24d0921d63edc428fdc9133289371a1d
+  languageName: node
+  linkType: hard
+
 "posthtml-expressions@npm:1.11.4":
   version: 1.11.4
   resolution: "posthtml-expressions@npm:1.11.4"
@@ -13933,7 +13975,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stylelint@npm:16.8.2, stylelint@npm:^16.2.1, stylelint@npm:^16.8.2":
+"stylelint@npm:16.8.2":
   version: 16.8.2
   resolution: "stylelint@npm:16.8.2"
   dependencies:
@@ -13982,6 +14024,55 @@ __metadata:
   languageName: node
   linkType: hard
 
+"stylelint@npm:^16.2.1, stylelint@npm:^16.8.2":
+  version: 16.9.0
+  resolution: "stylelint@npm:16.9.0"
+  dependencies:
+    "@csstools/css-parser-algorithms": "npm:^3.0.1"
+    "@csstools/css-tokenizer": "npm:^3.0.1"
+    "@csstools/media-query-list-parser": "npm:^3.0.1"
+    "@csstools/selector-specificity": "npm:^4.0.0"
+    "@dual-bundle/import-meta-resolve": "npm:^4.1.0"
+    balanced-match: "npm:^2.0.0"
+    colord: "npm:^2.9.3"
+    cosmiconfig: "npm:^9.0.0"
+    css-functions-list: "npm:^3.2.2"
+    css-tree: "npm:^2.3.1"
+    debug: "npm:^4.3.6"
+    fast-glob: "npm:^3.3.2"
+    fastest-levenshtein: "npm:^1.0.16"
+    file-entry-cache: "npm:^9.0.0"
+    global-modules: "npm:^2.0.0"
+    globby: "npm:^11.1.0"
+    globjoin: "npm:^0.1.4"
+    html-tags: "npm:^3.3.1"
+    ignore: "npm:^5.3.2"
+    imurmurhash: "npm:^0.1.4"
+    is-plain-object: "npm:^5.0.0"
+    known-css-properties: "npm:^0.34.0"
+    mathml-tag-names: "npm:^2.1.3"
+    meow: "npm:^13.2.0"
+    micromatch: "npm:^4.0.8"
+    normalize-path: "npm:^3.0.0"
+    picocolors: "npm:^1.0.1"
+    postcss: "npm:^8.4.41"
+    postcss-resolve-nested-selector: "npm:^0.1.6"
+    postcss-safe-parser: "npm:^7.0.0"
+    postcss-selector-parser: "npm:^6.1.2"
+    postcss-value-parser: "npm:^4.2.0"
+    resolve-from: "npm:^5.0.0"
+    string-width: "npm:^4.2.3"
+    strip-ansi: "npm:^7.1.0"
+    supports-hyperlinks: "npm:^3.1.0"
+    svg-tags: "npm:^1.0.0"
+    table: "npm:^6.8.2"
+    write-file-atomic: "npm:^5.0.1"
+  bin:
+    stylelint: bin/stylelint.mjs
+  checksum: 10c0/d3ff9c8945c56b04a2fa16ec33d163325496d5db94b6fcb5adf74c76f7f794ac992888273f9a3317652ba8b6195168b2ffff382ca2a667a241e2ace8c9505ae2
+  languageName: node
+  linkType: hard
+
 "supports-color@npm:^5.3.0, supports-color@npm:^5.5.0":
   version: 5.5.0
   resolution: "supports-color@npm:5.5.0"
@@ -14009,7 +14100,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"supports-hyperlinks@npm:^3.0.0":
+"supports-hyperlinks@npm:^3.0.0, supports-hyperlinks@npm:^3.1.0":
   version: 3.1.0
   resolution: "supports-hyperlinks@npm:3.1.0"
   dependencies:
@@ -14466,9 +14557,9 @@ __metadata:
   linkType: hard
 
 "type-fest@npm:^4.6.0, type-fest@npm:^4.7.1":
-  version: 4.25.0
-  resolution: "type-fest@npm:4.25.0"
-  checksum: 10c0/1187b30d74e72f4b0b44a3493d2c1c2a9dc46423961c8250bd1535e976c4b8afc3916f6b4b90d7f56ed5b2f36d1645b05c318b4915fe4909a8a66890bda1d68d
+  version: 4.26.0
+  resolution: "type-fest@npm:4.26.0"
+  checksum: 10c0/3819b65fedd4655ed90703dad9e14248fb61f0a232dce8385e59771bdeaeca08195fe0683d892d62fcd84c0f3bb18bd4b0c3c2ba29023187d267868e75c53076
   languageName: node
   linkType: hard
 
@@ -14562,11 +14653,11 @@ __metadata:
   linkType: hard
 
 "uglify-js@npm:^3.1.4":
-  version: 3.19.2
-  resolution: "uglify-js@npm:3.19.2"
+  version: 3.19.3
+  resolution: "uglify-js@npm:3.19.3"
   bin:
     uglifyjs: bin/uglifyjs
-  checksum: 10c0/51dbe1304a91cac5daa01f6a2d4ecd545fab7b7d0625e11590b923e95a6d2263b3481dcea974abfc0282b33d2c76f74f1196a992df07eae0847175bc39ea45bb
+  checksum: 10c0/83b0a90eca35f778e07cad9622b80c448b6aad457c9ff8e568afed978212b42930a95f9e1be943a1ffa4258a3340fbb899f41461131c05bb1d0a9c303aed8479
   languageName: node
   linkType: hard
 
@@ -14713,14 +14804,13 @@ __metadata:
   linkType: hard
 
 "unplugin@npm:^1.3.1":
-  version: 1.12.2
-  resolution: "unplugin@npm:1.12.2"
+  version: 1.12.3
+  resolution: "unplugin@npm:1.12.3"
   dependencies:
     acorn: "npm:^8.12.1"
-    chokidar: "npm:^3.6.0"
     webpack-sources: "npm:^3.2.3"
     webpack-virtual-modules: "npm:^0.6.2"
-  checksum: 10c0/1ebdca5437adcf83f53ef715f336b9e5b85d671c40769c9fc4f3412e59c825c16bb56fb4e706b21991175db6addbc5fce10c8e2f67fb0387703431a8a1601c0d
+  checksum: 10c0/728d7c4e8fdbb1e1924a3d2b61ead2e39bcd25ddc8c1eb25d77912779525120c064661d18a37b53b9a7710fb83871af4b9df1f243457e30874c817c5a2c54c3f
   languageName: node
   linkType: hard
 

From 4eb82527c775513ce596d02e99a06bd9b0e8d46e Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Mon, 9 Sep 2024 08:41:42 -0400
Subject: [PATCH 05/30] chore(deps): update equisoft-actions/yarn-jest action
 (#987)

---
 .github/workflows/react.yml   | 2 +-
 packages/react/jest.config.js | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/react.yml b/.github/workflows/react.yml
index fbb706bad7..f0e235e326 100644
--- a/.github/workflows/react.yml
+++ b/.github/workflows/react.yml
@@ -186,7 +186,7 @@ jobs:
 
       # Tests
       - name: Unit tests
-        uses: equisoft-actions/yarn-jest@v1
+        uses: equisoft-actions/yarn-jest@v2
         with:
           working-directory: ./packages/react
 
diff --git a/packages/react/jest.config.js b/packages/react/jest.config.js
index dab106abac..89afd80e4e 100644
--- a/packages/react/jest.config.js
+++ b/packages/react/jest.config.js
@@ -6,6 +6,7 @@ module.exports = {
 
     reporters: [
         'default',
+        process.env.CI === 'true' && 'github-actions',
         [
             'jest-junit',
             {
@@ -16,7 +17,7 @@ module.exports = {
                 titleTemplate: '{title}',
             },
         ],
-    ],
+    ].filter(Boolean),
 
     collectCoverage: true,
     collectCoverageFrom: ['<rootDir>/src/**/*.{js,jsx,ts,tsx}'],

From c8ee56530c4fed8bd29fa85a0fa415e47bcf16e9 Mon Sep 17 00:00:00 2001
From: LarryMatte <matte.larry@gmail.com>
Date: Mon, 9 Sep 2024 08:55:13 -0400
Subject: [PATCH 06/30] fix(Spinner): replace svg (#983)

* fix(Spinner): replace svg

* fix(Spinner): rmv enso from icons
---
 .../components/spinner/spinner.test.tsx.snap  |  8 ++-----
 .../react/src/components/spinner/spinner.tsx  | 11 ++--------
 packages/react/src/icons/enso.svg             | 22 +++++++++----------
 3 files changed, 14 insertions(+), 27 deletions(-)

diff --git a/packages/react/src/components/spinner/spinner.test.tsx.snap b/packages/react/src/components/spinner/spinner.test.tsx.snap
index c072999b8f..1dd722365c 100644
--- a/packages/react/src/components/spinner/spinner.test.tsx.snap
+++ b/packages/react/src/components/spinner/spinner.test.tsx.snap
@@ -2,13 +2,9 @@
 
 exports[`Spinner Matches the snapshot 1`] = `
 .c0 {
-  -webkit-animation: roll 1s infinite;
-  animation: roll 1s infinite;
-  -webkit-animation-timing-function: linear;
-  animation-timing-function: linear;
-  fill: #006296;
+  color: #006296;
   height: 80px;
-  width: 83px;
+  width: 80px;
 }
 
 <svg
diff --git a/packages/react/src/components/spinner/spinner.tsx b/packages/react/src/components/spinner/spinner.tsx
index e06123656d..a4c5c21acd 100644
--- a/packages/react/src/components/spinner/spinner.tsx
+++ b/packages/react/src/components/spinner/spinner.tsx
@@ -2,16 +2,9 @@ import styled from 'styled-components';
 import Enso from '../../icons/enso.svg';
 
 const Spinner = styled(Enso)`
-    animation: roll 1s infinite;
-    animation-timing-function: linear;
-    fill: ${(props) => props.theme.component['spinner-fill-color']};
+    color: ${(props) => props.theme.component['spinner-fill-color']};
     height: 80px;
-    width: 83px;
-
-    @keyframes roll {
-        from { transform: rotate(0deg); }
-        to { transform: rotate(360deg); }
-    }
+    width: 80px;
 `;
 
 export { Spinner };
diff --git a/packages/react/src/icons/enso.svg b/packages/react/src/icons/enso.svg
index d9062c5629..28df424a40 100644
--- a/packages/react/src/icons/enso.svg
+++ b/packages/react/src/icons/enso.svg
@@ -1,13 +1,11 @@
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
-     viewBox="0 0 496.1 480.1" style="enable-background:new 0 0 496.1 480.1;" xml:space="preserve">
-<path d="M496.1,248.1c-0.6-33.4-7.9-66.8-21.3-97.2c-13.4-30.5-32.7-58.1-56.5-81C394.5,47,366.3,29,335.8,17
-	c-30.5-12-63.3-17.7-95.7-17c-32.4,0.6-64.7,7.7-94.2,20.7c-29.5,12.9-56.3,31.7-78.4,54.8c-22.1,23-39.6,50.4-51.1,79.9
-	C4.9,185-0.6,216.7,0.1,248.1c0.6,31.4,7.5,62.6,20.1,91.1c12.5,28.5,30.7,54.4,53.1,75.8c22.3,21.4,48.7,38.3,77.3,49.4
-	c28.6,11.2,59.2,16.5,89.6,15.8c30.4-0.6,60.5-7.3,88-19.5c27.6-12.1,52.6-29.7,73.2-51.3c20.6-21.6,36.9-47.1,47.6-74.7
-	c6.5-16.7,10.9-34.2,13.3-51.9c0.6,0,1.2,0.1,1.9,0.1c17.7,0,32-14.3,32-32c0-0.9,0-1.8-0.1-2.7L496.1,248.1L496.1,248.1z
-	 M445.2,333c-11.7,26.6-28.7,50.7-49.6,70.6c-20.8,19.9-45.5,35.6-72.1,45.9c-26.6,10.3-55.1,15.2-83.4,14.5
-	c-28.3-0.6-56.3-6.9-81.9-18.2c-25.6-11.3-48.8-27.7-68-47.9C71,377.9,55.9,354.1,46,328.4c-9.9-25.6-14.6-53.1-13.9-80.4
-	c0.7-27.3,6.7-54.2,17.6-78.8c10.9-24.6,26.7-47,46.1-65.4c19.4-18.4,42.3-32.9,66.9-42.4c24.7-9.5,51.1-14,77.3-13.3
-	c26.3,0.7,52.1,6.5,75.8,17c23.7,10.5,45.1,25.8,62.8,44.4c17.7,18.6,31.6,40.6,40.7,64.3c9.1,23.7,13.4,49,12.7,74.2h0.1
-	c-0.1,0.9-0.1,1.8-0.1,2.7c0,16.5,12.5,30.1,28.5,31.8C457.5,299.9,452.3,316.9,445.2,333L445.2,333z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="16" height="16">
+    <radialGradient id="a4" cx=".66" fx=".66" cy=".3125" fy=".3125" gradientTransform="scale(1.5)">
+      <stop offset="0" stop-color="currentColor" stop-opacity="0"></stop>
+      <stop offset="0.5" stop-color="currentColor" stop-opacity="0.3"></stop>
+      <stop offset="1" stop-color="currentColor"></stop>
+    </radialGradient>
+  <circle transform-origin="center" fill="none" stroke="url(#a4)" stroke-width="20" stroke-linecap="round" stroke-dasharray="220 220" stroke-dashoffset="0" cx="100" cy="100" r="70">
+    <animateTransform type="rotate" attributeName="transform" calcMode="spline" dur="1s" values="0;360" keyTimes="0;1" keySplines="0 0 1 1" repeatCount="indefinite"></animateTransform>
+  </circle>
+  <circle transform-origin="center" fill="none" opacity=".2" stroke="currentColor" stroke-width="20" stroke-linecap="round" cx="100" cy="100" r="70"></circle>
 </svg>

From 95cec63add2a725bd833e84c72042d4e34aa9e1a Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 10 Sep 2024 09:23:43 -0400
Subject: [PATCH 07/30] chore(deps): lock file maintenance (#989)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 yarn.lock | 294 +++++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 202 insertions(+), 92 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index d7e7a315c6..c45d47c4f3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2768,6 +2768,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@remix-run/router@npm:1.19.2":
+  version: 1.19.2
+  resolution: "@remix-run/router@npm:1.19.2"
+  checksum: 10c0/ac7fc813350686705f2c29219e70e1e299d9a8e3b301e9e81f7e84f578c40c6462b590cf0d78863bac40dbc325b68c71ae070f4a1465793d1d1971b619618295
+  languageName: node
+  linkType: hard
+
 "@sinclair/typebox@npm:^0.27.8":
   version: 0.27.8
   resolution: "@sinclair/typebox@npm:0.27.8"
@@ -3831,11 +3838,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:*":
-  version: 22.5.2
-  resolution: "@types/node@npm:22.5.2"
+  version: 22.5.4
+  resolution: "@types/node@npm:22.5.4"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/624a7fd76229eacc6c158eb3b9afd55b811d7f01976c5f92c630d5b9d47047cc218928c343988484a165ac400e5eb6fe70ea300fc7242deeb0e920c7724290f6
+  checksum: 10c0/b445daa7eecd761ad4d778b882d6ff7bcc3b4baad2086ea9804db7c5d4a4ab0298b00d7f5315fc640a73b5a1d52bbf9628e09c9fec0cf44dbf9b4df674a8717d
   languageName: node
   linkType: hard
 
@@ -3849,20 +3856,20 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^18.0.0":
-  version: 18.19.48
-  resolution: "@types/node@npm:18.19.48"
+  version: 18.19.50
+  resolution: "@types/node@npm:18.19.50"
   dependencies:
     undici-types: "npm:~5.26.4"
-  checksum: 10c0/f07fc6636629bf5121d33e532f824470ecd44b14831c486fe11b95aac6c8bf7c838651a4cae82031fbc99888192b84f77e939a2cf27edb20935ed4a6d01d0b5d
+  checksum: 10c0/36e6bc9eb47213ce94a868dad9504465ad89fba6af9f7954e22bb27fb17a32ac495f263d0cf4fdaee74becd7b2629609a446ec8c2b59b7a07bd587567c8a4782
   languageName: node
   linkType: hard
 
 "@types/node@npm:^20.12.7":
-  version: 20.16.3
-  resolution: "@types/node@npm:20.16.3"
+  version: 20.16.5
+  resolution: "@types/node@npm:20.16.5"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/907c01d58ae36695fbed0b101e7a14cc2e0c5b9b2ba7904ef21cef093e4aac0649ac2a7a283fc94e19311dd0551d778445dd45fcf2d8bd45c494c9ecd802de69
+  checksum: 10c0/6af7994129815010bcbc4cf8221865559c8116ff43e74a6549525c2108267596fc2d18aff5d5ecfe089fb60a119f975631343e2c65c52bfa0955ed9dc56733d6
   languageName: node
   linkType: hard
 
@@ -4603,11 +4610,11 @@ __metadata:
   linkType: hard
 
 "acorn-walk@npm:^8.0.2":
-  version: 8.3.3
-  resolution: "acorn-walk@npm:8.3.3"
+  version: 8.3.4
+  resolution: "acorn-walk@npm:8.3.4"
   dependencies:
     acorn: "npm:^8.11.0"
-  checksum: 10c0/4a9e24313e6a0a7b389e712ba69b66b455b4cb25988903506a8d247e7b126f02060b05a8a5b738a9284214e4ca95f383dd93443a4ba84f1af9b528305c7f243b
+  checksum: 10c0/76537ac5fb2c37a64560feaf3342023dadc086c46da57da363e64c6148dc21b57d49ace26f949e225063acb6fb441eabffd89f7a3066de5ad37ab3e328927c62
   languageName: node
   linkType: hard
 
@@ -4748,9 +4755,9 @@ __metadata:
   linkType: hard
 
 "ansi-regex@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "ansi-regex@npm:6.0.1"
-  checksum: 10c0/cbe16dbd2c6b2735d1df7976a7070dd277326434f0212f43abf6d87674095d247968209babdaad31bb00882fa68807256ba9be340eec2f1004de14ca75f52a08
+  version: 6.1.0
+  resolution: "ansi-regex@npm:6.1.0"
+  checksum: 10c0/a91daeddd54746338478eef88af3439a7edf30f8e23196e2d6ed182da9add559c601266dbef01c2efa46a958ad6f1f8b176799657616c702b5b02e799e7fd8dc
   languageName: node
   linkType: hard
 
@@ -5234,9 +5241,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"body-parser@npm:1.20.2":
-  version: 1.20.2
-  resolution: "body-parser@npm:1.20.2"
+"body-parser@npm:1.20.3":
+  version: 1.20.3
+  resolution: "body-parser@npm:1.20.3"
   dependencies:
     bytes: "npm:3.1.2"
     content-type: "npm:~1.0.5"
@@ -5246,11 +5253,11 @@ __metadata:
     http-errors: "npm:2.0.0"
     iconv-lite: "npm:0.4.24"
     on-finished: "npm:2.4.1"
-    qs: "npm:6.11.0"
+    qs: "npm:6.13.0"
     raw-body: "npm:2.5.2"
     type-is: "npm:~1.6.18"
     unpipe: "npm:1.0.0"
-  checksum: 10c0/06f1438fff388a2e2354c96aa3ea8147b79bfcb1262dfcc2aae68ec13723d01d5781680657b74e9f83c808266d5baf52804032fbde2b7382b89bd8cdb273ace9
+  checksum: 10c0/0a9a93b7518f222885498dcecaad528cf010dd109b071bf471c93def4bfe30958b83e03496eb9c1ad4896db543d999bb62be1a3087294162a88cfa1b42c16310
   languageName: node
   linkType: hard
 
@@ -5450,9 +5457,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.30001646":
-  version: 1.0.30001655
-  resolution: "caniuse-lite@npm:1.0.30001655"
-  checksum: 10c0/fff0c0c3ffcba89828bfa6b99f118e82c064f46f15bb8655b9f2a352a3f552ccac0b87a9fe9532f8c5a29e284aae5579791e196480ec717d11ef1d1a1c2e3ff9
+  version: 1.0.30001660
+  resolution: "caniuse-lite@npm:1.0.30001660"
+  checksum: 10c0/d28900b56c597176d515c3175ca75c454f2d30cb2c09a44d7bdb009bb0c4d8a2557905adb77642889bbe9feb85fbfe9d974c8b8e53521fb4b50ee16ab246104e
   languageName: node
   linkType: hard
 
@@ -5570,9 +5577,9 @@ __metadata:
   linkType: hard
 
 "cjs-module-lexer@npm:^1.0.0, cjs-module-lexer@npm:^1.2.3":
-  version: 1.4.0
-  resolution: "cjs-module-lexer@npm:1.4.0"
-  checksum: 10c0/b5ef03e10297c24f0db56b13d7d2f92e377499c83d7bf9352ec73df544b5310e024dfb1779a6b810e7a06eb18caa6a0e2da5f11df8116af73306f362e67fb61a
+  version: 1.4.1
+  resolution: "cjs-module-lexer@npm:1.4.1"
+  checksum: 10c0/5a7d8279629c9ba8ccf38078c2fed75b7737973ced22b9b5a54180efa57fb2fe2bb7bec6aec55e3b8f3f5044f5d7b240347ad9bd285e7c3d0ee5b0a1d0504dfc
   languageName: node
   linkType: hard
 
@@ -6403,14 +6410,14 @@ __metadata:
   linkType: hard
 
 "debug@npm:4, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:^4.3.6":
-  version: 4.3.6
-  resolution: "debug@npm:4.3.6"
+  version: 4.3.7
+  resolution: "debug@npm:4.3.7"
   dependencies:
-    ms: "npm:2.1.2"
+    ms: "npm:^2.1.3"
   peerDependenciesMeta:
     supports-color:
       optional: true
-  checksum: 10c0/3293416bff072389c101697d4611c402a6bacd1900ac20c0492f61a9cdd6b3b29750fc7f5e299f8058469ef60ff8fb79b86395a30374fbd2490113c1c7112285
+  checksum: 10c0/1471db19c3b06d485a622d62f65947a19a23fbd0dd73f7fd3eafb697eec5360cde447fb075919987899b1a2096e85d35d4eb5a4de09a57600ac9cf7e6c8e768b
   languageName: node
   linkType: hard
 
@@ -6812,9 +6819,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.5.4":
-  version: 1.5.13
-  resolution: "electron-to-chromium@npm:1.5.13"
-  checksum: 10c0/1d88ac39447e1d718c4296f92fe89836df4688daf2d362d6c49108136795f05a56dd9c950f1c6715e0395fa037c3b5f5ea686c543fdc90e6d74a005877c45022
+  version: 1.5.18
+  resolution: "electron-to-chromium@npm:1.5.18"
+  checksum: 10c0/2c553c4e7618e887398af0fb7ddd8055beb69d37a810ad73fcea0f3e9027f1fc879ef280151fb6bae8e5b961f5597452eafc1ae5a0adca5bd49211545a34afe7
   languageName: node
   linkType: hard
 
@@ -6846,6 +6853,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"encodeurl@npm:~2.0.0":
+  version: 2.0.0
+  resolution: "encodeurl@npm:2.0.0"
+  checksum: 10c0/5d317306acb13e6590e28e27924c754163946a2480de11865c991a3a7eed4315cd3fba378b543ca145829569eefe9b899f3d84bb09870f675ae60bc924b01ceb
+  languageName: node
+  linkType: hard
+
 "encoding@npm:^0.1.13":
   version: 0.1.13
   resolution: "encoding@npm:0.1.13"
@@ -7411,14 +7425,14 @@ __metadata:
   linkType: hard
 
 "eslint-module-utils@npm:^2.7.4, eslint-module-utils@npm:^2.8.0":
-  version: 2.8.2
-  resolution: "eslint-module-utils@npm:2.8.2"
+  version: 2.11.0
+  resolution: "eslint-module-utils@npm:2.11.0"
   dependencies:
     debug: "npm:^3.2.7"
   peerDependenciesMeta:
     eslint:
       optional: true
-  checksum: 10c0/98c5ca95db75507b148c05d157b287116c677bfc9ca6bef4d5455c8b199eb2c35b9204a15ca7a3497085daef8ca3a3f579bd9e753ad4ad4df6256e4ef1107c51
+  checksum: 10c0/c1b02e83429878ab22596f17a5ac138e51a520e96a5ef89a5a6698769a2d174ab28302d45eb563c0fc418d21a5842e328c37a6e8f294bf2e64e675ba55203dd7
   languageName: node
   linkType: hard
 
@@ -7751,41 +7765,41 @@ __metadata:
   linkType: hard
 
 "express@npm:^4.17.3, express@npm:^4.19.2":
-  version: 4.19.2
-  resolution: "express@npm:4.19.2"
+  version: 4.20.0
+  resolution: "express@npm:4.20.0"
   dependencies:
     accepts: "npm:~1.3.8"
     array-flatten: "npm:1.1.1"
-    body-parser: "npm:1.20.2"
+    body-parser: "npm:1.20.3"
     content-disposition: "npm:0.5.4"
     content-type: "npm:~1.0.4"
     cookie: "npm:0.6.0"
     cookie-signature: "npm:1.0.6"
     debug: "npm:2.6.9"
     depd: "npm:2.0.0"
-    encodeurl: "npm:~1.0.2"
+    encodeurl: "npm:~2.0.0"
     escape-html: "npm:~1.0.3"
     etag: "npm:~1.8.1"
     finalhandler: "npm:1.2.0"
     fresh: "npm:0.5.2"
     http-errors: "npm:2.0.0"
-    merge-descriptors: "npm:1.0.1"
+    merge-descriptors: "npm:1.0.3"
     methods: "npm:~1.1.2"
     on-finished: "npm:2.4.1"
     parseurl: "npm:~1.3.3"
-    path-to-regexp: "npm:0.1.7"
+    path-to-regexp: "npm:0.1.10"
     proxy-addr: "npm:~2.0.7"
     qs: "npm:6.11.0"
     range-parser: "npm:~1.2.1"
     safe-buffer: "npm:5.2.1"
-    send: "npm:0.18.0"
-    serve-static: "npm:1.15.0"
+    send: "npm:0.19.0"
+    serve-static: "npm:1.16.0"
     setprototypeof: "npm:1.2.0"
     statuses: "npm:2.0.1"
     type-is: "npm:~1.6.18"
     utils-merge: "npm:1.0.1"
     vary: "npm:~1.1.2"
-  checksum: 10c0/e82e2662ea9971c1407aea9fc3c16d6b963e55e3830cd0ef5e00b533feda8b770af4e3be630488ef8a752d7c75c4fcefb15892868eeaafe7353cb9e3e269fdcb
+  checksum: 10c0/626e440e9feffa3f82ebce5e7dc0ad7a74fa96079994f30048cce450f4855a258abbcabf021f691aeb72154867f0d28440a8498c62888805faf667a829fb65aa
   languageName: node
   linkType: hard
 
@@ -8064,19 +8078,19 @@ __metadata:
   linkType: hard
 
 "flow-parser@npm:0.*":
-  version: 0.245.0
-  resolution: "flow-parser@npm:0.245.0"
-  checksum: 10c0/0290a6c354632bf926ce8a49573b9fa6c5025e06a57dc6f68413bf29476a84f87ab817a3bf8d3d6fb5a8e4f967aecdd6c82b0d21408b18fc591308d1f5d633cd
+  version: 0.245.2
+  resolution: "flow-parser@npm:0.245.2"
+  checksum: 10c0/4e691714f5507a079ef28286625ad7f8212e4acaf377866ce9643264dd4fc26793b7d114227ef6b4e255f63d2493d52cd38778abc0afd640aab602f7f283899c
   languageName: node
   linkType: hard
 
 "follow-redirects@npm:^1.0.0":
-  version: 1.15.6
-  resolution: "follow-redirects@npm:1.15.6"
+  version: 1.15.9
+  resolution: "follow-redirects@npm:1.15.9"
   peerDependenciesMeta:
     debug:
       optional: true
-  checksum: 10c0/9ff767f0d7be6aa6870c82ac79cf0368cd73e01bbc00e9eb1c2a16fbb198ec105e3c9b6628bb98e9f3ac66fe29a957b9645bcb9a490bb7aa0d35f908b6b85071
+  checksum: 10c0/5829165bd112c3c0e82be6c15b1a58fa9dcfaede3b3c54697a82fe4a62dd5ae5e8222956b448d2f98e331525f05d00404aba7d696de9e761ef6e42fdc780244f
   languageName: node
   linkType: hard
 
@@ -8958,7 +8972,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"i18next@npm:23.14.0, i18next@npm:^23.0.0":
+"i18next@npm:23.14.0":
   version: 23.14.0
   resolution: "i18next@npm:23.14.0"
   dependencies:
@@ -8967,6 +8981,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"i18next@npm:^23.0.0":
+  version: 23.15.0
+  resolution: "i18next@npm:23.15.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.23.2"
+  checksum: 10c0/0ccda93fbdb41f23e773df537f4467cccabff43aaba8c1ba617e6776a2f5e5952262870974ba7922eb8fc70f21262614c58c8b5d17998f4c749ca0f99f57b9db
+  languageName: node
+  linkType: hard
+
 "iconv-lite@npm:0.4.24":
   version: 0.4.24
   resolution: "iconv-lite@npm:0.4.24"
@@ -10429,12 +10452,12 @@ __metadata:
   linkType: hard
 
 "launch-editor@npm:^2.6.1":
-  version: 2.8.1
-  resolution: "launch-editor@npm:2.8.1"
+  version: 2.9.1
+  resolution: "launch-editor@npm:2.9.1"
   dependencies:
     picocolors: "npm:^1.0.0"
     shell-quote: "npm:^1.8.1"
-  checksum: 10c0/e18fcda6617a995306602871c7a71ddcfdd82d88a57508ae970be86bfb6685f131cf9ddb8896df4e8e4cde6d0e2d14318d2b41314eaae6abf03ca205948daa27
+  checksum: 10c0/891f1d136ed8e4ea12e16c196a0d2e07f23c7b983e3ab532b2be1775fb244909581507cce97c50f9d5ca92680b53e4a75c72ddcf20184aa6c4da6ebbe87703f5
   languageName: node
   linkType: hard
 
@@ -10771,10 +10794,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"merge-descriptors@npm:1.0.1":
-  version: 1.0.1
-  resolution: "merge-descriptors@npm:1.0.1"
-  checksum: 10c0/b67d07bd44cfc45cebdec349bb6e1f7b077ee2fd5beb15d1f7af073849208cb6f144fe403e29a36571baf3f4e86469ac39acf13c318381e958e186b2766f54ec
+"merge-descriptors@npm:1.0.3":
+  version: 1.0.3
+  resolution: "merge-descriptors@npm:1.0.3"
+  checksum: 10c0/866b7094afd9293b5ea5dcd82d71f80e51514bed33b4c4e9f516795dc366612a4cbb4dc94356e943a8a6914889a914530badff27f397191b9b75cda20b6bae93
   languageName: node
   linkType: hard
 
@@ -11022,14 +11045,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ms@npm:2.1.2":
-  version: 2.1.2
-  resolution: "ms@npm:2.1.2"
-  checksum: 10c0/a437714e2f90dbf881b5191d35a6db792efbca5badf112f87b9e1c712aace4b4b9b742dd6537f3edf90fd6f684de897cec230abde57e87883766712ddda297cc
-  languageName: node
-  linkType: hard
-
-"ms@npm:2.1.3, ms@npm:^2.1.1":
+"ms@npm:2.1.3, ms@npm:^2.1.1, ms@npm:^2.1.3":
   version: 2.1.3
   resolution: "ms@npm:2.1.3"
   checksum: 10c0/d924b57e7312b3b63ad21fc5b3dc0af5e78d61a1fc7cfb5457edaf26326bf62be5307cc87ffb6862ef1c2b33b0233cdb5d4f01c4c958cc0d660948b65a287a48
@@ -11684,10 +11700,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-to-regexp@npm:0.1.7":
-  version: 0.1.7
-  resolution: "path-to-regexp@npm:0.1.7"
-  checksum: 10c0/50a1ddb1af41a9e68bd67ca8e331a705899d16fb720a1ea3a41e310480948387daf603abb14d7b0826c58f10146d49050a1291ba6a82b78a382d1c02c0b8f905
+"path-to-regexp@npm:0.1.10":
+  version: 0.1.10
+  resolution: "path-to-regexp@npm:0.1.10"
+  checksum: 10c0/34196775b9113ca6df88e94c8d83ba82c0e1a2063dd33bfe2803a980da8d49b91db8104f49d5191b44ea780d46b8670ce2b7f4a5e349b0c48c6779b653f1afe4
   languageName: node
   linkType: hard
 
@@ -11926,13 +11942,13 @@ __metadata:
   linkType: hard
 
 "postcss@npm:^8.4.32, postcss@npm:^8.4.33, postcss@npm:^8.4.35, postcss@npm:^8.4.41":
-  version: 8.4.44
-  resolution: "postcss@npm:8.4.44"
+  version: 8.4.45
+  resolution: "postcss@npm:8.4.45"
   dependencies:
     nanoid: "npm:^3.3.7"
     picocolors: "npm:^1.0.1"
     source-map-js: "npm:^1.2.0"
-  checksum: 10c0/53c33338261a3d4f4198f8893e9dfe8b828d8d9186142ee85f02d228f04245c5bbe31239411a357a556ad20ed96f28db24d0921d63edc428fdc9133289371a1d
+  checksum: 10c0/ad6f8b9b1157d678560373696109745ab97a947d449f8a997acac41c7f1e4c0f3ca4b092d6df1387f430f2c9a319987b1780dbdc27e35800a88cde9b606c1e8f
   languageName: node
   linkType: hard
 
@@ -12142,7 +12158,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"qs@npm:^6.12.3":
+"qs@npm:6.13.0, qs@npm:^6.12.3":
   version: 6.13.0
   resolution: "qs@npm:6.13.0"
   dependencies:
@@ -12471,7 +12487,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-router-dom@npm:6.26.1, react-router-dom@npm:~6.26.0":
+"react-router-dom@npm:6.26.1":
   version: 6.26.1
   resolution: "react-router-dom@npm:6.26.1"
   dependencies:
@@ -12484,6 +12500,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-router-dom@npm:~6.26.0":
+  version: 6.26.2
+  resolution: "react-router-dom@npm:6.26.2"
+  dependencies:
+    "@remix-run/router": "npm:1.19.2"
+    react-router: "npm:6.26.2"
+  peerDependencies:
+    react: ">=16.8"
+    react-dom: ">=16.8"
+  checksum: 10c0/7515128a98eef0a6b2bf354ef9dfefad03556a06be00fa9220eda6526aaada8a42f294911083473d7ced6d7128c3088bd193218bbb3d62593f9f4f7053781c23
+  languageName: node
+  linkType: hard
+
 "react-router@npm:6.26.1":
   version: 6.26.1
   resolution: "react-router@npm:6.26.1"
@@ -12495,6 +12524,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-router@npm:6.26.2":
+  version: 6.26.2
+  resolution: "react-router@npm:6.26.2"
+  dependencies:
+    "@remix-run/router": "npm:1.19.2"
+  peerDependencies:
+    react: ">=16.8"
+  checksum: 10c0/0d15a39b419c99fb5ccad76388bfc4ee2b01323b3b1b694595a9f9ea28e1fbeea25486b5398f5d3d93922f5c6a9aa751b6bb27419488d85279f6ca5ff9e0a6bb
+  languageName: node
+  linkType: hard
+
 "react-shadow@npm:^20.0.0":
   version: 20.5.0
   resolution: "react-shadow@npm:20.5.0"
@@ -13077,7 +13117,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sass@npm:^1.71.1, sass@npm:~1.77.0":
+"sass@npm:^1.71.1":
+  version: 1.78.0
+  resolution: "sass@npm:1.78.0"
+  dependencies:
+    chokidar: "npm:>=3.0.0 <4.0.0"
+    immutable: "npm:^4.0.0"
+    source-map-js: "npm:>=0.6.2 <2.0.0"
+  bin:
+    sass: sass.js
+  checksum: 10c0/6577a87c00b03a5a50f3a11b4b6592f28abce34e61812e381535a3b712151bd94db3ca06467d20395431e0f38a23f99e616d6859d771fb6d4617c359f590c48c
+  languageName: node
+  linkType: hard
+
+"sass@npm:~1.77.0":
   version: 1.77.8
   resolution: "sass@npm:1.77.8"
   dependencies:
@@ -13206,6 +13259,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"send@npm:0.19.0":
+  version: 0.19.0
+  resolution: "send@npm:0.19.0"
+  dependencies:
+    debug: "npm:2.6.9"
+    depd: "npm:2.0.0"
+    destroy: "npm:1.2.0"
+    encodeurl: "npm:~1.0.2"
+    escape-html: "npm:~1.0.3"
+    etag: "npm:~1.8.1"
+    fresh: "npm:0.5.2"
+    http-errors: "npm:2.0.0"
+    mime: "npm:1.6.0"
+    ms: "npm:2.1.3"
+    on-finished: "npm:2.4.1"
+    range-parser: "npm:~1.2.1"
+    statuses: "npm:2.0.1"
+  checksum: 10c0/ea3f8a67a8f0be3d6bf9080f0baed6d2c51d11d4f7b4470de96a5029c598a7011c497511ccc28968b70ef05508675cebff27da9151dd2ceadd60be4e6cf845e3
+  languageName: node
+  linkType: hard
+
 "serialize-javascript@npm:^6.0.1":
   version: 6.0.2
   resolution: "serialize-javascript@npm:6.0.2"
@@ -13242,6 +13316,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"serve-static@npm:1.16.0":
+  version: 1.16.0
+  resolution: "serve-static@npm:1.16.0"
+  dependencies:
+    encodeurl: "npm:~1.0.2"
+    escape-html: "npm:~1.0.3"
+    parseurl: "npm:~1.3.3"
+    send: "npm:0.18.0"
+  checksum: 10c0/d7a5beca08cc55f92998d8b87c111dd842d642404231c90c11f504f9650935da4599c13256747b0a988442a59851343271fe8e1946e03e92cd79c447b5f3ae01
+  languageName: node
+  linkType: hard
+
 "set-function-length@npm:^1.2.1":
   version: 1.2.2
   resolution: "set-function-length@npm:1.2.2"
@@ -13429,9 +13515,9 @@ __metadata:
   linkType: hard
 
 "source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.1, source-map-js@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "source-map-js@npm:1.2.0"
-  checksum: 10c0/7e5f896ac10a3a50fe2898e5009c58ff0dc102dcb056ed27a354623a0ece8954d4b2649e1a1b2b52ef2e161d26f8859c7710350930751640e71e374fe2d321a4
+  version: 1.2.1
+  resolution: "source-map-js@npm:1.2.1"
+  checksum: 10c0/7bda1fc4c197e3c6ff17de1b8b2c20e60af81b63a52cb32ec5a5d67a20a7d42651e2cb34ebe93833c5a2a084377e17455854fee3e21e7925c64a51b6a52b0faf
   languageName: node
   linkType: hard
 
@@ -14265,8 +14351,8 @@ __metadata:
   linkType: hard
 
 "terser@npm:^5.10.0, terser@npm:^5.26.0":
-  version: 5.31.6
-  resolution: "terser@npm:5.31.6"
+  version: 5.32.0
+  resolution: "terser@npm:5.32.0"
   dependencies:
     "@jridgewell/source-map": "npm:^0.3.3"
     acorn: "npm:^8.8.2"
@@ -14274,7 +14360,7 @@ __metadata:
     source-map-support: "npm:~0.5.20"
   bin:
     terser: bin/terser
-  checksum: 10c0/b17d02b65a52a5041430572b3c514475820f5e7590fa93773c0f5b4be601ccf3f6d745bf5a79f3ee58187cf85edf61c24ddf4345783839fccb44c9c8fa9b427e
+  checksum: 10c0/94daae4881258eb7d09abd46378e23d11ee46caa507b2fb26c5595c7e490914be734e0de38c50041dc38fae5fca24de11badf042dfbbfc1d336ed117335c420a
   languageName: node
   linkType: hard
 
@@ -14557,9 +14643,9 @@ __metadata:
   linkType: hard
 
 "type-fest@npm:^4.6.0, type-fest@npm:^4.7.1":
-  version: 4.26.0
-  resolution: "type-fest@npm:4.26.0"
-  checksum: 10c0/3819b65fedd4655ed90703dad9e14248fb61f0a232dce8385e59771bdeaeca08195fe0683d892d62fcd84c0f3bb18bd4b0c3c2ba29023187d267868e75c53076
+  version: 4.26.1
+  resolution: "type-fest@npm:4.26.1"
+  checksum: 10c0/d2719ff8d380befe8a3c61068f37f28d6fa2849fd140c5d2f0f143099e371da6856aad7c97e56b83329d45bfe504afe9fd936a7cff600cc0d46aa9ffb008d6c6
   languageName: node
   linkType: hard
 
@@ -14625,7 +14711,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:5.5.4, typescript@npm:^5.3.3, typescript@npm:~5.5.0":
+"typescript@npm:5.5.4, typescript@npm:~5.5.0":
   version: 5.5.4
   resolution: "typescript@npm:5.5.4"
   bin:
@@ -14635,7 +14721,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A5.5.4#optional!builtin<compat/typescript>, typescript@patch:typescript@npm%3A^5.3.3#optional!builtin<compat/typescript>, typescript@patch:typescript@npm%3A~5.5.0#optional!builtin<compat/typescript>":
+"typescript@npm:^5.3.3":
+  version: 5.6.2
+  resolution: "typescript@npm:5.6.2"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10c0/3ed8297a8c7c56b7fec282532503d1ac795239d06e7c4966b42d4330c6cf433a170b53bcf93a130a7f14ccc5235de5560df4f1045eb7f3550b46ebed16d3c5e5
+  languageName: node
+  linkType: hard
+
+"typescript@patch:typescript@npm%3A5.5.4#optional!builtin<compat/typescript>, typescript@patch:typescript@npm%3A~5.5.0#optional!builtin<compat/typescript>":
   version: 5.5.4
   resolution: "typescript@patch:typescript@npm%3A5.5.4#optional!builtin<compat/typescript>::version=5.5.4&hash=379a07"
   bin:
@@ -14645,6 +14741,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"typescript@patch:typescript@npm%3A^5.3.3#optional!builtin<compat/typescript>":
+  version: 5.6.2
+  resolution: "typescript@patch:typescript@npm%3A5.6.2#optional!builtin<compat/typescript>::version=5.6.2&hash=74658d"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10c0/e6c1662e4852e22fe4bbdca471dca3e3edc74f6f1df043135c44a18a7902037023ccb0abdfb754595ca9028df8920f2f8492c00fc3cbb4309079aae8b7de71cd
+  languageName: node
+  linkType: hard
+
 "ufo@npm:^1.5.3, ufo@npm:^1.5.4":
   version: 1.5.4
   resolution: "ufo@npm:1.5.4"
@@ -14804,13 +14910,17 @@ __metadata:
   linkType: hard
 
 "unplugin@npm:^1.3.1":
-  version: 1.12.3
-  resolution: "unplugin@npm:1.12.3"
+  version: 1.14.0
+  resolution: "unplugin@npm:1.14.0"
   dependencies:
     acorn: "npm:^8.12.1"
-    webpack-sources: "npm:^3.2.3"
     webpack-virtual-modules: "npm:^0.6.2"
-  checksum: 10c0/728d7c4e8fdbb1e1924a3d2b61ead2e39bcd25ddc8c1eb25d77912779525120c064661d18a37b53b9a7710fb83871af4b9df1f243457e30874c817c5a2c54c3f
+  peerDependencies:
+    webpack-sources: ^3
+  peerDependenciesMeta:
+    webpack-sources:
+      optional: true
+  checksum: 10c0/1a0bfb325aeb83a6a272a553161af7070f5f5264c46fe0545937fd8a9d3c237cbf0d80a43dcae1c3a0a3fadad0cb425e4c8949179807befc5d30a00a3a552cd5
   languageName: node
   linkType: hard
 

From f3382619fb32dee6e6a10ac2e944fcc95e255e5d Mon Sep 17 00:00:00 2001
From: Genevieve Morency <145023291+Genmoree@users.noreply.github.com>
Date: Tue, 10 Sep 2024 15:35:58 +0200
Subject: [PATCH 08/30] docs(storybook): update data table (#841)

* docs(storybook): update data table

* docs(storybook): larrys comments fixed

* fix: formatting

* fix: remove autodocs tag and move note to story content

* fix: eslint and button position

---------

Co-authored-by: Pierre-Yves Lafleur <pierre-yves.lafleur@equisoft.com>
---
 packages/storybook/stories/data-table.mdx     | 57 +++++++++++++++++++
 ...ble.stories.tsx => data-table.stories.tsx} | 35 ++++++------
 2 files changed, 76 insertions(+), 16 deletions(-)
 create mode 100644 packages/storybook/stories/data-table.mdx
 rename packages/storybook/stories/{table.stories.tsx => data-table.stories.tsx} (96%)

diff --git a/packages/storybook/stories/data-table.mdx b/packages/storybook/stories/data-table.mdx
new file mode 100644
index 0000000000..389bff09f8
--- /dev/null
+++ b/packages/storybook/stories/data-table.mdx
@@ -0,0 +1,57 @@
+import { Table } from '@equisoft/design-elements-react';
+import { ArgTypes, Meta, Canvas } from '@storybook/blocks';
+import * as TableStories  from './data-table.stories';
+
+<Meta of={TableStories} />
+
+# Data Table
+1. [Definition](#definition)
+2. [Usage](#usage)
+3. [Variants](#variants)
+4. [Properties](#properties)
+
+## Definition
+The data table is used to efficiently display and organize data [1].
+<Canvas of={TableStories.Default} />
+
+## Usage
+### When to use
+- Use when faced with a significant amount of interdependent data that needs to be presented in a structured and
+  organized manner [2].
+- Use when all data holds equal importance [4].
+- Use when all entries in your dataset share the same attributes [7].
+- Use when displaying data for comparison purposes [7].
+- Use when you expect your dataset to continue to grow over time [7].
+- Use when users need to enter or modify specific details of a dataset [7].
+- Use when you need to enable sorting, filtering, and searching. This can be beneficial when users need to find
+  specific information or compare data based on certain criteria [7].
+- Use when the user needs to access specific data to perform a task [1].
+
+### When not to use
+- Do not use when rows and columns are only a means of layout [9].
+- Do not use you have a small data set (less than 2 elements that will not evolve over time). It risks cluttering up
+  the interface without adding any real value [2].
+- Do not use when data is not directly comparable [5].
+- Do not use when the data is best represented as a graph or visualization.
+- Do not use when data includes long paragraphs or lists [9].
+- Do not use when there are columns whose cells will generally be empty [9].
+
+## Properties
+<ArgTypes of={Table} />
+
+## References
+1. [https://carbondesignsystem.com/components/data-table/usage/](https://carbondesignsystem.com/components/data-table/usage/)
+2. [https://m2.material.io/components/data-tables](https://m2.material.io/components/data-tables)
+3. [https://balsamiq.com/learn/ui-control-guidelines/tables-data-grids/](https://balsamiq.com/learn/ui-control-guidelines/tables-data-grids/)
+4. [https://cultureamp.design/components/table/](https://cultureamp.design/components/table/)
+5. [https://polaris.shopify.com/components/tables/data-table](https://polaris.shopify.com/components/tables/data-table)
+6. [https://www.uiprep.com/blog/the-ultimate-guide-to-designing-data-tables](https://www.uiprep.com/blog/the-ultimate-guide-to-designing-data-tables)
+7. [https://design.gitlab.com/components/table](https://design.gitlab.com/components/table)
+8. [https://pencilandpaper.io/articles/ux-pattern-analysis-enterprise-data-tables/](https://pencilandpaper.io/articles/ux-pattern-analysis-enterprise-data-tables/)
+9. [https://primer.style/design/components/data-table](https://primer.style/design/components/data-table)
+10. [https://www.delldesignsystem.com/components/table/?tab=Design](https://www.delldesignsystem.com/components/table/?tab=Design)
+11. [https://www.w3.org/WAI/tutorials/tables/](https://www.w3.org/WAI/tutorials/tables/)
+12. [https://atlassian.design/components/dynamic-table/examples](https://atlassian.design/components/dynamic-table/examples)
+13. [https://mui.com/x/react-data-grid/row-grouping/](https://mui.com/x/react-data-grid/row-grouping/)
+14. [https://www.letsnurture.ca/blog/technology/ui-ux-principle-3-the-text-box-size-should-make-your-content-easy-to-read/#:~:text=A text box that is,and 75 characters per line](https://www.letsnurture.ca/blog/technology/ui-ux-principle-3-the-text-box-size-should-make-your-content-easy-to-read/#:~:text=A%20text%20box%20that%20is,and%2075%20characters%20per%20line)
+15. [https://ux.stackexchange.com/questions/110077/best-practices-to-allow-user-to-hide-show-columns-in-a-data-table](https://ux.stackexchange.com/questions/110077/best-practices-to-allow-user-to-hide-show-columns-in-a-data-table)
diff --git a/packages/storybook/stories/table.stories.tsx b/packages/storybook/stories/data-table.stories.tsx
similarity index 96%
rename from packages/storybook/stories/table.stories.tsx
rename to packages/storybook/stories/data-table.stories.tsx
index 9332106673..6464a5cb89 100644
--- a/packages/storybook/stories/table.stories.tsx
+++ b/packages/storybook/stories/data-table.stories.tsx
@@ -5,10 +5,9 @@ import styled from 'styled-components';
 import { rawCodeParameters } from './utils/parameters';
 
 export default {
-    title: 'Components/Table',
+    title: 'Components/Data Table',
     component: Table,
     parameters: rawCodeParameters,
-    tags: ['autodocs'],
 };
 
 interface Data {
@@ -17,7 +16,7 @@ interface Data {
     column3: string;
 }
 
-export const Normal: Story = () => {
+export const Default: Story = () => {
     const columns: TableColumn<Data>[] = [
         {
             header: 'Column 1',
@@ -1371,16 +1370,6 @@ interface OptimizationData {
     country: string;
 }
 
-/**
- * When the components is re-rendering, it will always update the table with the provided data and columns, even when
- * you pass the same data and columns. But the very important key here is if you pass a different **columns** object
- * between renders, the table will UNMOUNT and RE-MOUNT every cell instead of doing the usual React update. This will
- * impact the performance and could create unwanted behaviors. So to prevent that, you should give the column
- * definitions a stable identity by memoizing it (ex: store it in a useMemo or useState hook).
- *
- * Additionally, if your columns use some dependencies, you can pass them via useRef instead, so you don't have to
- * recreate the columns object everytime the dependencies changes.
- */
 export const Optimization: Story = () => {
     const [data, setData] = useState<OptimizationData[]>([
         {
@@ -1431,9 +1420,23 @@ export const Optimization: Story = () => {
 
     return (
         <>
-            <Button type="button" buttonType='secondary' onClick={() => setAllowEditing(!allowEditing)}>
-                Toggle Editable
-            </Button>
+            <p>
+                When the component is re-rendering, it will always update the table with the provided data and columns,
+                even when you pass the same data and columns. But the very important key here is if you pass a
+                different **columns** object between renders, the table will UNMOUNT and RE-MOUNT every cell instead
+                of doing the usual React update. This will impact the performance and could create unwanted behaviors.
+                To prevent this, you should give the column definitions a stable identity by memoizing it
+                (ex: store it in a useMemo or useState hook).
+            </p>
+            <p style={{ marginBottom: '2rem' }}>
+                Additionally, if your columns use some dependencies, you can pass them via useRef instead, so you
+                don&apos;t have to recreate the columns object everytime the dependencies changes.
+            </p>
+            <p>
+                <Button type="button" buttonType='secondary' onClick={() => setAllowEditing(!allowEditing)}>
+                    Toggle Editable
+                </Button>
+            </p>
             <Table
                 columns={columns}
                 data={data}

From 9a8b3fccb6d73c536a8041448e9de2c7e42019c4 Mon Sep 17 00:00:00 2001
From: Savut Sang <savutsang@gmail.com>
Date: Tue, 10 Sep 2024 10:56:22 -0400
Subject: [PATCH 09/30] feat(SectionalBanner)!: fix html and less restrictive
 usage (#988)

---
 .../error-summary/error-summary.test.tsx.snap | 25 +++---
 .../sectional-banner.test.tsx                 | 22 +----
 .../sectional-banner.test.tsx.snap            | 81 ++++---------------
 .../sectional-banner/sectional-banner.tsx     | 46 +++--------
 packages/react/src/i18n/translations.ts       | 12 ---
 .../stories/sectional-banner.stories.tsx      |  6 ++
 6 files changed, 44 insertions(+), 148 deletions(-)

diff --git a/packages/react/src/components/error-summary/error-summary.test.tsx.snap b/packages/react/src/components/error-summary/error-summary.test.tsx.snap
index 71ea09d423..f108cc1455 100644
--- a/packages/react/src/components/error-summary/error-summary.test.tsx.snap
+++ b/packages/react/src/components/error-summary/error-summary.test.tsx.snap
@@ -38,6 +38,14 @@ exports[`ErrorSummary matches the snapshot 1`] = `
   outline-offset: -2px;
 }
 
+.c4 {
+  color: #1B1C1E;
+  font-size: 1rem;
+  font-weight: var(--font-semi-bold);
+  line-height: 1.5rem;
+  margin: 0;
+}
+
 .c2 {
   grid-area: icon;
   margin-top: var(--spacing-half);
@@ -80,7 +88,7 @@ exports[`ErrorSummary matches the snapshot 1`] = `
 
 .c5 {
   font-size: 0.875rem;
-  margin: var(--spacing-half) 0 0 0;
+  margin: 0;
 }
 
 .c3 {
@@ -89,13 +97,6 @@ exports[`ErrorSummary matches the snapshot 1`] = `
   margin-left: var(--spacing-1halfx);
 }
 
-.c4 {
-  font-size: 1rem;
-  font-weight: var(--font-semi-bold);
-  line-height: 1.5;
-  margin: 0;
-}
-
 .c6 {
   font-size: 0.875rem;
   margin: var(--spacing-1x) 0 0 0;
@@ -116,12 +117,8 @@ exports[`ErrorSummary matches the snapshot 1`] = `
   margin-bottom: var(--spacing-1x);
 }
 
-<section
-  aria-atomic="true"
-  aria-labelledby="uuid1"
-  aria-live="assertive"
+<div
   class="c0"
-  role="alert"
   tabindex="-1"
 >
   <svg
@@ -175,5 +172,5 @@ exports[`ErrorSummary matches the snapshot 1`] = `
       </ul>
     </div>
   </div>
-</section>
+</div>
 `;
diff --git a/packages/react/src/components/sectional-banner/sectional-banner.test.tsx b/packages/react/src/components/sectional-banner/sectional-banner.test.tsx
index b524f4a798..d23a6d143f 100644
--- a/packages/react/src/components/sectional-banner/sectional-banner.test.tsx
+++ b/packages/react/src/components/sectional-banner/sectional-banner.test.tsx
@@ -1,4 +1,4 @@
-import { findByTestId, getByTestId } from '../../test-utils/enzyme-selectors';
+import { getByTestId } from '../../test-utils/enzyme-selectors';
 import { mountWithProviders, renderWithProviders } from '../../test-utils/renderer';
 import { DeviceType } from '../device-context-provider/device-context-provider';
 import { SectionalBanner } from './sectional-banner';
@@ -43,22 +43,6 @@ describe('SectionalBanner', () => {
     });
 
     (['mobile', 'desktop'] as DeviceType[]).forEach((device) => {
-        it(`should not show dismiss button when type is alert (${device})`, () => {
-            const wrapper = mountWithProviders(
-                <SectionalBanner
-                    type="alert"
-                    onDismiss={jest.fn()}
-                >
-                    Test
-                </SectionalBanner>,
-                { wrappingComponentProps: { staticDevice: device } },
-            );
-
-            const dismissButton = findByTestId(wrapper, 'dismiss-button');
-
-            expect(dismissButton.exists()).toBe(false);
-        });
-
         it(`should show destructive button when type is alert (${device})`, () => {
             const wrapper = mountWithProviders(
                 <SectionalBanner
@@ -91,7 +75,7 @@ describe('SectionalBanner', () => {
 
             getByTestId(wrapper, 'dismiss-button').simulate('click');
 
-            expect(onDismiss).toBeCalled();
+            expect(onDismiss).toHaveBeenCalled();
         });
 
         it(`should call callback when button is clicked (${device})`, () => {
@@ -109,7 +93,7 @@ describe('SectionalBanner', () => {
 
             getByTestId(wrapper, `${device}-button`).simulate('click');
 
-            expect(onButtonClicked).toBeCalled();
+            expect(onButtonClicked).toHaveBeenCalled();
         });
     });
 });
diff --git a/packages/react/src/components/sectional-banner/sectional-banner.test.tsx.snap b/packages/react/src/components/sectional-banner/sectional-banner.test.tsx.snap
index ebc02566ac..e5b1dd1b09 100644
--- a/packages/react/src/components/sectional-banner/sectional-banner.test.tsx.snap
+++ b/packages/react/src/components/sectional-banner/sectional-banner.test.tsx.snap
@@ -41,9 +41,9 @@ exports[`SectionalBanner should match snapshot (custom message) 1`] = `
   width: 1rem;
 }
 
-.c5 {
+.c4 {
   font-size: 0.875rem;
-  margin: var(--spacing-half) 0 0 0;
+  margin: 0;
 }
 
 .c3 {
@@ -52,19 +52,8 @@ exports[`SectionalBanner should match snapshot (custom message) 1`] = `
   margin-left: var(--spacing-1halfx);
 }
 
-.c4 {
-  font-size: 1rem;
-  font-weight: var(--font-semi-bold);
-  line-height: 1.5;
-  margin: 0;
-}
-
-<section
-  aria-atomic="true"
-  aria-labelledby="uuid1"
-  aria-live="polite"
+<div
   class="c0"
-  role="status"
 >
   <svg
     aria-hidden="true"
@@ -77,14 +66,8 @@ exports[`SectionalBanner should match snapshot (custom message) 1`] = `
   <div
     class="c3"
   >
-    <span
-      class="c4"
-      id="uuid1"
-    >
-      Information
-    </span>
     <div
-      class="c5"
+      class="c4"
     >
       <p>
         Some sub title
@@ -96,7 +79,7 @@ exports[`SectionalBanner should match snapshot (custom message) 1`] = `
       </ul>
     </div>
   </div>
-</section>
+</div>
 `;
 
 exports[`SectionalBanner should match snapshot (desktop) 1`] = `
@@ -140,9 +123,9 @@ exports[`SectionalBanner should match snapshot (desktop) 1`] = `
   width: 1rem;
 }
 
-.c5 {
+.c4 {
   font-size: 0.875rem;
-  margin: var(--spacing-half) 0 0 0;
+  margin: 0;
 }
 
 .c3 {
@@ -151,19 +134,8 @@ exports[`SectionalBanner should match snapshot (desktop) 1`] = `
   margin-left: var(--spacing-1halfx);
 }
 
-.c4 {
-  font-size: 1rem;
-  font-weight: var(--font-semi-bold);
-  line-height: 1.5;
-  margin: 0;
-}
-
-<section
-  aria-atomic="true"
-  aria-labelledby="uuid1"
-  aria-live="polite"
+<div
   class="c0"
-  role="status"
 >
   <svg
     aria-hidden="true"
@@ -176,19 +148,13 @@ exports[`SectionalBanner should match snapshot (desktop) 1`] = `
   <div
     class="c3"
   >
-    <span
-      class="c4"
-      id="uuid1"
-    >
-      Information
-    </span>
     <p
-      class="c5"
+      class="c4"
     >
       Test
     </p>
   </div>
-</section>
+</div>
 `;
 
 exports[`SectionalBanner should match snapshot (mobile) 1`] = `
@@ -231,9 +197,9 @@ exports[`SectionalBanner should match snapshot (mobile) 1`] = `
   width: 1rem;
 }
 
-.c5 {
+.c4 {
   font-size: 1rem;
-  margin: var(--spacing-2x) 0 0 0;
+  margin: 0;
 }
 
 .c3 {
@@ -242,19 +208,8 @@ exports[`SectionalBanner should match snapshot (mobile) 1`] = `
   margin-left: var(--spacing-1halfx);
 }
 
-.c4 {
-  font-size: 1.125rem;
-  font-weight: var(--font-semi-bold);
-  line-height: 1.7;
-  margin: 0;
-}
-
-<section
-  aria-atomic="true"
-  aria-labelledby="uuid1"
-  aria-live="polite"
+<div
   class="c0"
-  role="status"
 >
   <svg
     aria-hidden="true"
@@ -267,17 +222,11 @@ exports[`SectionalBanner should match snapshot (mobile) 1`] = `
   <div
     class="c3"
   >
-    <span
-      class="c4"
-      id="uuid1"
-    >
-      Information
-    </span>
     <p
-      class="c5"
+      class="c4"
     >
       Test
     </p>
   </div>
-</section>
+</div>
 `;
diff --git a/packages/react/src/components/sectional-banner/sectional-banner.tsx b/packages/react/src/components/sectional-banner/sectional-banner.tsx
index e91ffff536..f08a142f23 100644
--- a/packages/react/src/components/sectional-banner/sectional-banner.tsx
+++ b/packages/react/src/components/sectional-banner/sectional-banner.tsx
@@ -8,6 +8,7 @@ import {
     VoidFunctionComponent,
 } from 'react';
 import styled, { css, ThemedCssFunction } from 'styled-components';
+import { Heading, Tag } from '../heading/heading';
 import { useId } from '../../hooks/use-id';
 import { useTranslation } from '../../i18n/use-translation';
 import { ResolvedTheme } from '../../themes/theme';
@@ -19,13 +20,9 @@ import { Icon, IconName } from '../icon/icon';
 
 type MobileDeviceContext = { $isMobile: boolean };
 export type SectionalBannerType = 'neutral' | 'info' | 'discovery' | 'success' | 'warning' | 'alert';
-type Role = 'status' | 'alert';
-type Live = 'polite' | 'assertive';
-type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
 
 interface AbstractContainerProps extends MobileDeviceContext {
     className?: string;
-    role: Role;
     tabIndex?: number;
 }
 
@@ -58,7 +55,7 @@ function abstractContainer(
     borderColor: keyof ResolvedTheme['component'],
     iconColor: keyof ResolvedTheme['component'],
 ): FunctionComponent<PropsWithChildren<AbstractContainerProps>> {
-    return styled.section<AbstractContainerProps>`
+    return styled.div<AbstractContainerProps>`
         background-color: ${(props) => props.theme.component[bgColor]};
         border: 1px solid ${(props) => props.theme.component[borderColor]};
         border-radius: var(--border-radius-2x);
@@ -114,7 +111,7 @@ const AlertContainer = abstractContainer(
 
 const Message = styled.p<MobileDeviceContext>`
     font-size: ${(props) => (props.$isMobile ? '1rem' : '0.875rem')};
-    margin: ${(props) => (props.$isMobile ? 'var(--spacing-2x)' : 'var(--spacing-half)')} 0 0 0;
+    margin: 0;
 `;
 
 const TextWrapper = styled.div<MobileDeviceContext>`
@@ -133,20 +130,12 @@ function getDismissButtonTop({ $marginTop }: DismissButtonProps): string {
     return `calc(var(--spacing-2x) - ${2 * $marginTop}px)`;
 }
 
-const DismissIconButton = styled(IconButton)
-    .attrs({ buttonType: 'tertiary', iconName: 'x' }) <DismissButtonProps>`
+const DismissIconButton = styled(IconButton) <DismissButtonProps>`
     position: absolute;
     right: ${getDismissButtonRight};
     top: ${getDismissButtonTop};
 `;
 
-const Heading = styled.span<MobileDeviceContext>`
-    font-size: ${(props) => (props.$isMobile ? '1.125rem' : '1rem')};
-    font-weight: var(--font-semi-bold);
-    line-height: ${(props) => (props.$isMobile ? '1.7' : '1.5')};
-    margin: 0;
-`;
-
 const StyledActionButton = styled(Button)`
     grid-area: button;
     margin-top: var(--spacing-2x);
@@ -173,10 +162,8 @@ const ActionButton: VoidFunctionComponent<ActionButtonProps> = ({
 );
 
 interface BannerTypeProps {
-    ariaLive: Live;
     container: ComponentType<PropsWithChildren<AbstractContainerProps>>;
     iconName: IconName;
-    role: Role;
     title: 'Neutral' | 'Info' | 'Discovery' | 'Success' | 'Warning' | 'Alert';
 }
 
@@ -186,48 +173,36 @@ function handleType(type: SectionalBannerType): BannerTypeProps {
             return {
                 container: NeutralContainer,
                 iconName: 'info',
-                ariaLive: 'polite',
-                role: 'status',
                 title: 'Neutral',
             };
         case 'info':
             return {
                 container: InfoContainer,
                 iconName: 'info',
-                ariaLive: 'polite',
-                role: 'status',
                 title: 'Info',
             };
         case 'discovery':
             return {
                 container: DiscoveryContainer,
                 iconName: 'lightbulb',
-                ariaLive: 'polite',
-                role: 'status',
                 title: 'Discovery',
             };
         case 'success':
             return {
                 container: SuccessContainer,
                 iconName: 'check',
-                ariaLive: 'polite',
-                role: 'status',
                 title: 'Success',
             };
         case 'warning':
             return {
                 container: WarningContainer,
                 iconName: 'alertTriangle',
-                ariaLive: 'assertive',
-                role: 'alert',
                 title: 'Warning',
             };
         case 'alert':
             return {
                 container: AlertContainer,
                 iconName: 'alertOctagon',
-                ariaLive: 'assertive',
-                role: 'alert',
                 title: 'Alert',
             };
     }
@@ -238,8 +213,7 @@ interface SectionalBannerProps {
     className?: string;
     children: ReactNode;
     focusable?: boolean;
-    /** @default `span` */
-    headingTag?: HeadingTag;
+    headingTag?: Tag;
     id?: string;
     /** Sets custom message title */
     title?: string;
@@ -285,10 +259,6 @@ export const SectionalBanner: VoidFunctionComponent<SectionalBannerProps> = ({
             className={className}
             $isMobile={isMobile}
             tabIndex={focusable ? -1 : undefined}
-            aria-live={bannerType.ariaLive}
-            aria-atomic="true"
-            aria-labelledby={headingId}
-            role={bannerType.role}
         >
             <BannerIcon
                 name={bannerType.iconName}
@@ -298,7 +268,7 @@ export const SectionalBanner: VoidFunctionComponent<SectionalBannerProps> = ({
             />
 
             <TextWrapper $isMobile={isMobile}>
-                <Heading $isMobile={isMobile} as={headingTag} id={headingId}>{title || t(bannerType.title)}</Heading>
+                {title && <Heading tag={headingTag} id={headingId} type="small" bold noMargin>{title}</Heading>}
                 <Message $isMobile={isMobile} as={messageTag}>{children}</Message>
                 {!isMobile && buttonLabel && (
                     <ActionButton
@@ -319,8 +289,10 @@ export const SectionalBanner: VoidFunctionComponent<SectionalBannerProps> = ({
                 />
             )}
 
-            {!isAlertType && onDismiss && (
+            {onDismiss && (
                 <DismissIconButton
+                    buttonType='tertiary'
+                    iconName='x'
                     onClick={onDismiss}
                     label={t('dismissLabel')}
                     $isMobile={isMobile}
diff --git a/packages/react/src/i18n/translations.ts b/packages/react/src/i18n/translations.ts
index f0b967557f..918b983a11 100644
--- a/packages/react/src/i18n/translations.ts
+++ b/packages/react/src/i18n/translations.ts
@@ -93,12 +93,6 @@ export const Translations = {
             label: 'Search',
         },
         'sectional-banner': {
-            Alert: 'Alert',
-            Warning: 'Warning',
-            Success: 'Success',
-            Info: 'Information',
-            Discovery: 'Pro-tip',
-            Neutral: 'Information',
             dismissLabel: 'Dismiss banner',
         },
         'skip-link': {
@@ -233,12 +227,6 @@ export const Translations = {
             label: 'Rechercher',
         },
         'sectional-banner': {
-            Alert: 'Alerte',
-            Warning: 'Attention',
-            Success: 'Succès',
-            Info: 'Information',
-            Discovery: 'Truc de pro',
-            Neutral: 'Information',
             dismissLabel: 'Rejeter la bannière',
         },
         'skip-link': {
diff --git a/packages/storybook/stories/sectional-banner.stories.tsx b/packages/storybook/stories/sectional-banner.stories.tsx
index e5c6f319fa..421c5bd80e 100644
--- a/packages/storybook/stories/sectional-banner.stories.tsx
+++ b/packages/storybook/stories/sectional-banner.stories.tsx
@@ -30,6 +30,7 @@ type Story = StoryObj<typeof SectionalBanner>;
 
 export const Neutral: Story = {
     args: {
+        title: 'Neutral',
         type: 'neutral',
     },
     render: (args) => {
@@ -50,6 +51,7 @@ export const Neutral: Story = {
 
 export const Informative: Story = {
     args: {
+        title: 'Informative',
         type: 'info',
     },
     render: (args) => {
@@ -70,6 +72,7 @@ export const Informative: Story = {
 
 export const Success: Story = {
     args: {
+        title: 'Success',
         type: 'success',
     },
     render: (args) => {
@@ -90,6 +93,7 @@ export const Success: Story = {
 
 export const Warning: Story = {
     args: {
+        title: 'Warning',
         type: 'warning',
     },
     render: (args) => {
@@ -110,6 +114,7 @@ export const Warning: Story = {
 
 export const Alert: Story = {
     args: {
+        title: 'Alert',
         type: 'alert',
     },
     render: (args) => {
@@ -135,6 +140,7 @@ export const Alert: Story = {
 
 export const Discovery: Story = {
     args: {
+        title: 'Discovery',
         type: 'discovery',
     },
     render: (args) => {

From 851ac4923698cf40f6916a0af949e98a9ddb4f5c Mon Sep 17 00:00:00 2001
From: LarryMatte <matte.larry@gmail.com>
Date: Fri, 13 Sep 2024 05:47:20 -0400
Subject: [PATCH 10/30] feat(Button): add loading state (#990)

* feat(Button): add loading state

* feat(Button): fix lint

* feat(Button): hide right icon
---
 .../bento-menu-button.test.tsx.snap           |  3 -
 .../components/buttons/abstract-button.tsx    |  1 -
 .../components/buttons/button.test.tsx.snap   | 15 -----
 .../react/src/components/buttons/button.tsx   | 55 +++++++++++++------
 .../buttons/icon-button.test.tsx.snap         |  7 ---
 .../carousel/carousel.test.tsx.snap           |  1 -
 .../combobox/combobox.test.tsx.snap           |  4 --
 .../date-picker/date-picker.test.tsx.snap     |  9 ---
 .../disclosure/disclosure.test.tsx.snap       |  4 --
 .../dropdown-menu-button.test.tsx.snap        |  2 -
 .../dropdown-navigation.test.tsx.snap         |  3 -
 .../global-banner/global-banner.test.tsx.snap |  8 ---
 .../global-header/global-header.test.tsx.snap |  2 -
 .../global-navigation.test.tsx.snap           |  1 -
 .../modal/modal-dialog.test.tsx.snap          |  8 ---
 .../src/components/modal/modal.test.tsx.snap  |  3 -
 .../password-input.test.tsx.snap              |  3 -
 .../search/search-input.test.tsx.snap         |  1 -
 .../skip-link/skip-link.test.tsx.snap         |  2 -
 .../components/spinner/spinner.test.tsx.snap  |  4 +-
 .../react/src/components/spinner/spinner.tsx  |  4 +-
 .../src/components/tabs/tabs.test.tsx.snap    |  3 -
 .../src/components/tag/tag.test.tsx.snap      | 12 ----
 .../theme-wrapper/theme-wrapper.test.tsx.snap |  2 -
 .../toast/toast-container.test.tsx.snap       |  5 --
 .../toggletip/toggletip.test.tsx.snap         |  4 --
 .../user-profile/user-profile.test.tsx.snap   |  4 --
 packages/react/src/i18n/translations.ts       |  6 ++
 packages/react/src/icons/enso.svg             | 14 ++---
 packages/storybook/stories/button.mdx         |  9 +++
 packages/storybook/stories/button.stories.tsx |  9 +++
 31 files changed, 74 insertions(+), 134 deletions(-)

diff --git a/packages/react/src/components/bento-menu-button/bento-menu-button.test.tsx.snap b/packages/react/src/components/bento-menu-button/bento-menu-button.test.tsx.snap
index 28fd8a2806..b8fa2beae3 100644
--- a/packages/react/src/components/bento-menu-button/bento-menu-button.test.tsx.snap
+++ b/packages/react/src/components/bento-menu-button/bento-menu-button.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`BentoMenuButton Matches Snapshot (productGroups and externalLinks) 1`]
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -874,7 +873,6 @@ exports[`BentoMenuButton Matches Snapshot (productLinks and externalLinks) 1`] =
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1607,7 +1605,6 @@ exports[`BentoMenuButton Matches Snapshot (tag="nav") 1`] = `
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/buttons/abstract-button.tsx b/packages/react/src/components/buttons/abstract-button.tsx
index 44567e8543..d3ec02e426 100755
--- a/packages/react/src/components/buttons/abstract-button.tsx
+++ b/packages/react/src/components/buttons/abstract-button.tsx
@@ -50,7 +50,6 @@ export const defaultButtonStyles = css<{ $focusable?: boolean, isMobile: boolean
     ${(props) => props.$focusable !== false && focus};
 
     > svg {
-        color: inherit;
         height: ${({ isMobile }) => (isMobile ? 'var(--size-1halfx)' : 'var(--size-1x)')};
         width: ${({ isMobile }) => (isMobile ? 'var(--size-1halfx)' : 'var(--size-1x)')};
     }
diff --git a/packages/react/src/components/buttons/button.test.tsx.snap b/packages/react/src/components/buttons/button.test.tsx.snap
index 4d39776727..819eaa3dc4 100644
--- a/packages/react/src/components/buttons/button.test.tsx.snap
+++ b/packages/react/src/components/buttons/button.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`Button has destructive styles (inverted) 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -158,7 +157,6 @@ exports[`Button has destructive styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -263,7 +261,6 @@ exports[`Button has destructive-secondary styles (inverted) 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -360,7 +357,6 @@ exports[`Button has destructive-secondary styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -465,7 +461,6 @@ exports[`Button has left and right icons 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -588,7 +583,6 @@ exports[`Button has mobile styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -685,7 +679,6 @@ exports[`Button has primary disabled styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -783,7 +776,6 @@ exports[`Button has primary styles (inverted) 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -880,7 +872,6 @@ exports[`Button has primary styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -977,7 +968,6 @@ exports[`Button has secondary styles (inverted) 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1074,7 +1064,6 @@ exports[`Button has secondary styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1171,7 +1160,6 @@ exports[`Button has small styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1268,7 +1256,6 @@ exports[`Button has small styles on mobile 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -1365,7 +1352,6 @@ exports[`Button has tertiary styles (inverted) 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1462,7 +1448,6 @@ exports[`Button has tertiary styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/buttons/button.tsx b/packages/react/src/components/buttons/button.tsx
index 82e059e8b0..2bb1103734 100644
--- a/packages/react/src/components/buttons/button.tsx
+++ b/packages/react/src/components/buttons/button.tsx
@@ -12,7 +12,9 @@ import {
     Icon,
     IconName,
 } from '../icon/icon';
+import { Spinner } from '../spinner/spinner';
 import { ResolvedTheme } from '../../themes/theme';
+import { useTranslation } from '../../i18n/use-translation';
 import { useDeviceContext } from '../device-context-provider/device-context-provider';
 import { AbstractButton, ButtonType, getButtonTypeStyles } from './abstract-button';
 
@@ -36,6 +38,11 @@ export interface ButtonProps {
     focusable?: boolean;
     inverted?: boolean;
     label?: string;
+    loading?: boolean;
+    /**
+     * @default Loading...
+     */
+    loadingLabel?: string;
     /**
      * Size variant
      * @default medium
@@ -53,6 +60,10 @@ export interface ButtonProps {
     onKeyDown?(event: KeyboardEvent<HTMLButtonElement>): void;
 }
 
+const StyledSpinner = styled(Spinner)`
+    margin-right: var(--spacing-1x);
+`;
+
 const LeftIcon = styled(Icon)`
     margin-right: var(--spacing-1x);
 `;
@@ -73,6 +84,8 @@ export const Button = forwardRef<HTMLButtonElement, PropsWithChildren<ButtonProp
     disabled,
     focusable = true,
     label,
+    loading,
+    loadingLabel,
     onClick,
     onFocus,
     onBlur,
@@ -84,6 +97,7 @@ export const Button = forwardRef<HTMLButtonElement, PropsWithChildren<ButtonProp
     ...props
 }: PropsWithChildren<ButtonProps>, ref: Ref<HTMLButtonElement>): ReactElement => {
     const { isMobile } = useDeviceContext();
+    const { t } = useTranslation('button');
     const iconSize = props?.size === 'small' && !isMobile ? '16' : '24';
 
     const handleClick = (event: MouseEvent<HTMLButtonElement>): void => {
@@ -122,22 +136,31 @@ export const Button = forwardRef<HTMLButtonElement, PropsWithChildren<ButtonProp
             {...props /* eslint-disable-line react/jsx-props-no-spreading *//* To spread aria-* and data-* */}
         >
             {children}
-            {leftIconName && (
-                <LeftIcon
-                    aria-hidden="true"
-                    data-testid="left-icon"
-                    name={leftIconName}
-                    size={iconSize}
-                />
-            )}
-            {label}
-            {rightIconName && (
-                <RightIcon
-                    aria-hidden="true"
-                    data-testid="right-icon"
-                    name={rightIconName}
-                    size={iconSize}
-                />
+            {loading ? (
+                <>
+                    <StyledSpinner />
+                    {loadingLabel || t('loadingLabel')}
+                </>
+            ) : (
+                <>
+                    {leftIconName && (
+                        <LeftIcon
+                            aria-hidden="true"
+                            data-testid="left-icon"
+                            name={leftIconName}
+                            size={iconSize}
+                        />
+                    )}
+                    {label}
+                    {rightIconName && (
+                        <RightIcon
+                            aria-hidden="true"
+                            data-testid="right-icon"
+                            name={rightIconName}
+                            size={iconSize}
+                        />
+                    )}
+                </>
             )}
         </StyledButton>
     );
diff --git a/packages/react/src/components/buttons/icon-button.test.tsx.snap b/packages/react/src/components/buttons/icon-button.test.tsx.snap
index f453c4caf4..89ad69ce8a 100644
--- a/packages/react/src/components/buttons/icon-button.test.tsx.snap
+++ b/packages/react/src/components/buttons/icon-button.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`Icon Button Has destructive-secondary styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -164,7 +163,6 @@ exports[`Icon Button Has disabled styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -276,7 +274,6 @@ exports[`Icon Button Has mobile styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -387,7 +384,6 @@ exports[`Icon Button Has primary styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -498,7 +494,6 @@ exports[`Icon Button Has secondary styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -609,7 +604,6 @@ exports[`Icon Button Has small styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -721,7 +715,6 @@ exports[`Icon Button Has tertiary styles 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/carousel/carousel.test.tsx.snap b/packages/react/src/components/carousel/carousel.test.tsx.snap
index 82a10cbb16..26ca1ff07e 100644
--- a/packages/react/src/components/carousel/carousel.test.tsx.snap
+++ b/packages/react/src/components/carousel/carousel.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`Carousel should match snapshot 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/combobox/combobox.test.tsx.snap b/packages/react/src/components/combobox/combobox.test.tsx.snap
index d6b8860c47..204f6d5e43 100644
--- a/packages/react/src/components/combobox/combobox.test.tsx.snap
+++ b/packages/react/src/components/combobox/combobox.test.tsx.snap
@@ -42,7 +42,6 @@ exports[`Combobox matches the snapshot (disabled) 1`] = `
 }
 
 .c6 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -522,7 +521,6 @@ exports[`Combobox matches the snapshot (invalid) 1`] = `
 }
 
 .c8 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1042,7 +1040,6 @@ exports[`Combobox matches the snapshot (mobile) 1`] = `
 }
 
 .c4 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -1492,7 +1489,6 @@ exports[`Combobox matches the snapshot 1`] = `
 }
 
 .c7 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/date-picker/date-picker.test.tsx.snap b/packages/react/src/components/date-picker/date-picker.test.tsx.snap
index 5167919b96..d308bfff08 100644
--- a/packages/react/src/components/date-picker/date-picker.test.tsx.snap
+++ b/packages/react/src/components/date-picker/date-picker.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`Datepicker has openToDate 1`] = `
 }
 
 .c6 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -444,7 +443,6 @@ exports[`Datepicker matches snapshot (data-testid) 1`] = `
 }
 
 .c6 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -837,7 +835,6 @@ exports[`Datepicker matches snapshot (desktop) 1`] = `
 }
 
 .c6 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1230,7 +1227,6 @@ exports[`Datepicker matches snapshot (disabled) 1`] = `
 }
 
 .c6 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1625,7 +1621,6 @@ exports[`Datepicker matches snapshot (invalid) 1`] = `
 }
 
 .c8 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -2060,7 +2055,6 @@ exports[`Datepicker matches snapshot (mobile) 1`] = `
 }
 
 .c6 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -2451,7 +2445,6 @@ exports[`Datepicker matches snapshot (open, desktop) 1`] = `
 }
 
 .c7 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -3716,7 +3709,6 @@ exports[`Datepicker matches snapshot (open, hasTodayButton) 1`] = `
 }
 
 .c7 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -5030,7 +5022,6 @@ exports[`Datepicker matches snapshot (open, mobile) 1`] = `
 }
 
 .c7 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
diff --git a/packages/react/src/components/disclosure/disclosure.test.tsx.snap b/packages/react/src/components/disclosure/disclosure.test.tsx.snap
index 535c71c4ea..2b6509b2f2 100644
--- a/packages/react/src/components/disclosure/disclosure.test.tsx.snap
+++ b/packages/react/src/components/disclosure/disclosure.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`Disclosure Button matches the snapshot when collapsed 1`] = `
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -243,7 +242,6 @@ exports[`Disclosure Button matches the snapshot when expanded 1`] = `
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -433,7 +431,6 @@ exports[`Disclosure IconButton matches the snapshot when collapsed 1`] = `
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -648,7 +645,6 @@ exports[`Disclosure IconButton matches the snapshot when expanded 1`] = `
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/dropdown-menu-button/dropdown-menu-button.test.tsx.snap b/packages/react/src/components/dropdown-menu-button/dropdown-menu-button.test.tsx.snap
index b5d0136c6f..44b869b82a 100644
--- a/packages/react/src/components/dropdown-menu-button/dropdown-menu-button.test.tsx.snap
+++ b/packages/react/src/components/dropdown-menu-button/dropdown-menu-button.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`DropdownMenuButton Matches Snapshot (defaultOpen) 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -717,7 +716,6 @@ exports[`DropdownMenuButton Matches Snapshot 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/dropdown-navigation/dropdown-navigation.test.tsx.snap b/packages/react/src/components/dropdown-navigation/dropdown-navigation.test.tsx.snap
index d11330ccc2..d0071ba712 100644
--- a/packages/react/src/components/dropdown-navigation/dropdown-navigation.test.tsx.snap
+++ b/packages/react/src/components/dropdown-navigation/dropdown-navigation.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`DropdownNavigation Matches Snapshot (defaultOpen) 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -317,7 +316,6 @@ exports[`DropdownNavigation Matches Snapshot (tag="nav") 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -582,7 +580,6 @@ exports[`DropdownNavigation Matches Snapshot 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/global-banner/global-banner.test.tsx.snap b/packages/react/src/components/global-banner/global-banner.test.tsx.snap
index 032e0c0309..def994e48c 100644
--- a/packages/react/src/components/global-banner/global-banner.test.tsx.snap
+++ b/packages/react/src/components/global-banner/global-banner.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`GlobalBanner matches snapshot (desktop, alert) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -274,7 +273,6 @@ exports[`GlobalBanner matches snapshot (desktop, discovery) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -533,7 +531,6 @@ exports[`GlobalBanner matches snapshot (desktop, neutral) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -792,7 +789,6 @@ exports[`GlobalBanner matches snapshot (desktop, warning) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1055,7 +1051,6 @@ exports[`GlobalBanner matches snapshot (mobile, alert) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -1280,7 +1275,6 @@ exports[`GlobalBanner matches snapshot (mobile, discovery) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -1543,7 +1537,6 @@ exports[`GlobalBanner matches snapshot (mobile, neutral) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -1806,7 +1799,6 @@ exports[`GlobalBanner matches snapshot (mobile, warning) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
diff --git a/packages/react/src/components/global-header/global-header.test.tsx.snap b/packages/react/src/components/global-header/global-header.test.tsx.snap
index 684f12756d..332187c7e8 100644
--- a/packages/react/src/components/global-header/global-header.test.tsx.snap
+++ b/packages/react/src/components/global-header/global-header.test.tsx.snap
@@ -149,7 +149,6 @@ exports[`Global Header Matches the snapshot (mobile) 1`] = `
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -369,7 +368,6 @@ exports[`Global Header mobileDrawerContent prop adds a side drawer and burger bu
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
diff --git a/packages/react/src/components/global-navigation/global-navigation.test.tsx.snap b/packages/react/src/components/global-navigation/global-navigation.test.tsx.snap
index 2a28fa2078..fd32577244 100644
--- a/packages/react/src/components/global-navigation/global-navigation.test.tsx.snap
+++ b/packages/react/src/components/global-navigation/global-navigation.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`Global Navigation matches snapshot 1`] = `
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/modal/modal-dialog.test.tsx.snap b/packages/react/src/components/modal/modal-dialog.test.tsx.snap
index 88b6b010ac..d2acbd1652 100644
--- a/packages/react/src/components/modal/modal-dialog.test.tsx.snap
+++ b/packages/react/src/components/modal/modal-dialog.test.tsx.snap
@@ -77,7 +77,6 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
 }
 
 .c9 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -134,7 +133,6 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
 }
 
 .c13 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -486,7 +484,6 @@ exports[`Modal-Dialog Matches snapshot (custom footer content) 1`] = `
 }
 
 .c7 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -730,7 +727,6 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
 }
 
 .c9 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -787,7 +783,6 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
 }
 
 .c13 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1139,7 +1134,6 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
 }
 
 .c9 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1196,7 +1190,6 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
 }
 
 .c13 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1548,7 +1541,6 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
 }
 
 .c9 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
diff --git a/packages/react/src/components/modal/modal.test.tsx.snap b/packages/react/src/components/modal/modal.test.tsx.snap
index 38f57e8342..120d932991 100644
--- a/packages/react/src/components/modal/modal.test.tsx.snap
+++ b/packages/react/src/components/modal/modal.test.tsx.snap
@@ -255,7 +255,6 @@ exports[`Modal Matches snapshot (noPadding) 1`] = `
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -460,7 +459,6 @@ exports[`Modal Matches snapshot (opened, desktop) 1`] = `
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -665,7 +663,6 @@ exports[`Modal Matches snapshot (opened, mobile) 1`] = `
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
diff --git a/packages/react/src/components/password-input/password-input.test.tsx.snap b/packages/react/src/components/password-input/password-input.test.tsx.snap
index 59345fc097..459d17d005 100644
--- a/packages/react/src/components/password-input/password-input.test.tsx.snap
+++ b/packages/react/src/components/password-input/password-input.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
 }
 
 .c6 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -493,7 +492,6 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
 }
 
 .c8 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -973,7 +971,6 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
 }
 
 .c6 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/search/search-input.test.tsx.snap b/packages/react/src/components/search/search-input.test.tsx.snap
index 25858a74ba..f765a5bb18 100644
--- a/packages/react/src/components/search/search-input.test.tsx.snap
+++ b/packages/react/src/components/search/search-input.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`SearchInput should match the snapshot 1`] = `
 }
 
 .c13 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/skip-link/skip-link.test.tsx.snap b/packages/react/src/components/skip-link/skip-link.test.tsx.snap
index d63ea6c292..6a0931496a 100644
--- a/packages/react/src/components/skip-link/skip-link.test.tsx.snap
+++ b/packages/react/src/components/skip-link/skip-link.test.tsx.snap
@@ -65,7 +65,6 @@ exports[`SkipLink Matches Snapshot (Desktop) 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -154,7 +153,6 @@ exports[`SkipLink Matches Snapshot (Mobile) 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
diff --git a/packages/react/src/components/spinner/spinner.test.tsx.snap b/packages/react/src/components/spinner/spinner.test.tsx.snap
index 1dd722365c..9b69ae35ed 100644
--- a/packages/react/src/components/spinner/spinner.test.tsx.snap
+++ b/packages/react/src/components/spinner/spinner.test.tsx.snap
@@ -3,8 +3,8 @@
 exports[`Spinner Matches the snapshot 1`] = `
 .c0 {
   color: #006296;
-  height: 80px;
-  width: 80px;
+  height: 64px;
+  width: 64px;
 }
 
 <svg
diff --git a/packages/react/src/components/spinner/spinner.tsx b/packages/react/src/components/spinner/spinner.tsx
index a4c5c21acd..7b60f6d18b 100644
--- a/packages/react/src/components/spinner/spinner.tsx
+++ b/packages/react/src/components/spinner/spinner.tsx
@@ -3,8 +3,8 @@ import Enso from '../../icons/enso.svg';
 
 const Spinner = styled(Enso)`
     color: ${(props) => props.theme.component['spinner-fill-color']};
-    height: 80px;
-    width: 80px;
+    height: 64px;
+    width: 64px;
 `;
 
 export { Spinner };
diff --git a/packages/react/src/components/tabs/tabs.test.tsx.snap b/packages/react/src/components/tabs/tabs.test.tsx.snap
index 12be9ca7bd..f59aeb2bb2 100644
--- a/packages/react/src/components/tabs/tabs.test.tsx.snap
+++ b/packages/react/src/components/tabs/tabs.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`Tabs matches snapshot (global) 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -503,7 +502,6 @@ exports[`Tabs matches snapshot (mobile) 1`] = `
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -964,7 +962,6 @@ exports[`Tabs matches snapshot 1`] = `
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/tag/tag.test.tsx.snap b/packages/react/src/components/tag/tag.test.tsx.snap
index da77162e3c..08ba68c0a3 100644
--- a/packages/react/src/components/tag/tag.test.tsx.snap
+++ b/packages/react/src/components/tag/tag.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`Tag Tag size=medium color=decorative-01 matches snapshot (desktop remov
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -335,7 +334,6 @@ exports[`Tag Tag size=medium color=decorative-01 matches snapshot (mobile remova
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -617,7 +615,6 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop remov
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -899,7 +896,6 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile remova
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -1181,7 +1177,6 @@ exports[`Tag Tag size=medium color=default matches snapshot (desktop removable)
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1463,7 +1458,6 @@ exports[`Tag Tag size=medium color=default matches snapshot (mobile removable) 1
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -1745,7 +1739,6 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop remova
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -2028,7 +2021,6 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile removab
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -2310,7 +2302,6 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop remova
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -2593,7 +2584,6 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile removab
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -2875,7 +2865,6 @@ exports[`Tag Tag size=small color=default matches snapshot (desktop removable) 1
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -3158,7 +3147,6 @@ exports[`Tag Tag size=small color=default matches snapshot (mobile removable) 1`
 }
 
 .c3 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
diff --git a/packages/react/src/components/theme-wrapper/theme-wrapper.test.tsx.snap b/packages/react/src/components/theme-wrapper/theme-wrapper.test.tsx.snap
index 732f6adfc0..a8f9f7dabd 100644
--- a/packages/react/src/components/theme-wrapper/theme-wrapper.test.tsx.snap
+++ b/packages/react/src/components/theme-wrapper/theme-wrapper.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`Theme Wrapper Returns component with custom theme 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -148,7 +147,6 @@ exports[`Theme Wrapper Returns component with default theme 1`] = `
 }
 
 .c0 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/toast/toast-container.test.tsx.snap b/packages/react/src/components/toast/toast-container.test.tsx.snap
index f0524fe999..182f709a5e 100644
--- a/packages/react/src/components/toast/toast-container.test.tsx.snap
+++ b/packages/react/src/components/toast/toast-container.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`ToastContainer should match snapshot (alert) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -341,7 +340,6 @@ exports[`ToastContainer should match snapshot (discovery) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -629,7 +627,6 @@ exports[`ToastContainer should match snapshot (neutral) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -917,7 +914,6 @@ exports[`ToastContainer should match snapshot (success) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1205,7 +1201,6 @@ exports[`ToastContainer should match snapshot (warning) 1`] = `
 }
 
 .c5 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/components/toggletip/toggletip.test.tsx.snap b/packages/react/src/components/toggletip/toggletip.test.tsx.snap
index d7905c2999..38921e4f81 100644
--- a/packages/react/src/components/toggletip/toggletip.test.tsx.snap
+++ b/packages/react/src/components/toggletip/toggletip.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`Toggletip Has default desktop styles (defaultOpen) 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -421,7 +420,6 @@ exports[`Toggletip Has default desktop styles 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -602,7 +600,6 @@ exports[`Toggletip Has mobile styles (defaultOpen) 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -970,7 +967,6 @@ exports[`Toggletip Has mobile styles 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
diff --git a/packages/react/src/components/user-profile/user-profile.test.tsx.snap b/packages/react/src/components/user-profile/user-profile.test.tsx.snap
index 426da6ba57..086f2871d9 100644
--- a/packages/react/src/components/user-profile/user-profile.test.tsx.snap
+++ b/packages/react/src/components/user-profile/user-profile.test.tsx.snap
@@ -53,7 +53,6 @@ exports[`UserProfile Matches Snapshot (defaultOpen) 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -746,7 +745,6 @@ exports[`UserProfile Matches Snapshot (desktop) 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1440,7 +1438,6 @@ exports[`UserProfile Matches Snapshot (mobile) 1`] = `
 }
 
 .c2 > svg {
-  color: inherit;
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -2129,7 +2126,6 @@ exports[`UserProfile Matches Snapshot (tag="nav") 1`] = `
 }
 
 .c1 > svg {
-  color: inherit;
   height: var(--size-1x);
   width: var(--size-1x);
 }
diff --git a/packages/react/src/i18n/translations.ts b/packages/react/src/i18n/translations.ts
index 918b983a11..3967327781 100644
--- a/packages/react/src/i18n/translations.ts
+++ b/packages/react/src/i18n/translations.ts
@@ -7,6 +7,9 @@ export const Translations = {
             productsLabel: 'Products',
             externalsLabel: 'Resources',
         },
+        button: {
+            loadingLabel: 'Loading...',
+        },
         combobox: {
             clearInput: 'Clear input',
             loading: 'Loading...',
@@ -141,6 +144,9 @@ export const Translations = {
             productsLabel: 'Produits',
             externalsLabel: 'Ressources',
         },
+        button: {
+            loadingLabel: 'Chargement...',
+        },
         combobox: {
             clearInput: 'Vider le champ',
             loading: 'Chargement...',
diff --git a/packages/react/src/icons/enso.svg b/packages/react/src/icons/enso.svg
index 28df424a40..0052f9f03d 100644
--- a/packages/react/src/icons/enso.svg
+++ b/packages/react/src/icons/enso.svg
@@ -1,11 +1,11 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="16" height="16">
-    <radialGradient id="a4" cx=".66" fx=".66" cy=".3125" fy=".3125" gradientTransform="scale(1.5)">
-      <stop offset="0" stop-color="currentColor" stop-opacity="0"></stop>
-      <stop offset="0.5" stop-color="currentColor" stop-opacity="0.3"></stop>
-      <stop offset="1" stop-color="currentColor"></stop>
-    </radialGradient>
-  <circle transform-origin="center" fill="none" stroke="url(#a4)" stroke-width="20" stroke-linecap="round" stroke-dasharray="220 220" stroke-dashoffset="0" cx="100" cy="100" r="70">
+  <radialGradient id="a4" cx=".66" fx=".66" cy=".3125" fy=".3125" gradientTransform="scale(1.5)">
+    <stop offset="0" stop-color="currentColor" stop-opacity="0"></stop>
+    <stop offset="0.5" stop-color="currentColor" stop-opacity="0.3"></stop>
+    <stop offset="1" stop-color="currentColor"></stop>
+  </radialGradient>
+  <circle transform-origin="center" fill="none" stroke="url(#a4)" stroke-width="24" stroke-linecap="round" stroke-dasharray="400 400" stroke-dashoffset="0" cx="100" cy="100" r="88">
     <animateTransform type="rotate" attributeName="transform" calcMode="spline" dur="1s" values="0;360" keyTimes="0;1" keySplines="0 0 1 1" repeatCount="indefinite"></animateTransform>
   </circle>
-  <circle transform-origin="center" fill="none" opacity=".2" stroke="currentColor" stroke-width="20" stroke-linecap="round" cx="100" cy="100" r="70"></circle>
+  <circle transform-origin="center" fill="none" opacity=".2" stroke="currentColor" stroke-width="24" stroke-linecap="round" cx="100" cy="100" r="88"></circle>
 </svg>
diff --git a/packages/storybook/stories/button.mdx b/packages/storybook/stories/button.mdx
index 7294e3eadd..279f816974 100644
--- a/packages/storybook/stories/button.mdx
+++ b/packages/storybook/stories/button.mdx
@@ -54,6 +54,13 @@ Buttons allow users to trigger targeted actions [1][2][3].
 - Use the destructive tertiary button for potentially irreversible actions that must not grab as much attention as the destructive secondary.
 <Canvas of={ButtonStories.DestructiveTertiary} />
 
+## States
+### Processing / Loading
+- A progress button gives users a visual cue that indicates a loading state [12]. When users don't receive feedback that the system is processing their request, they may assume that they didn't press the button correctly. This confusion can lead them to click the button repeatedly, thinking that their initial action didn't register and adds to the system's processing load, potentially causing performance issues [13].
+- Use the processing state for actions that take more than two seconds to finish.
+- Use to better inform users what's in progress, you should change the button label to describe what the system is doing (ex: change Submit to Submitting...) [12].
+<Canvas of={ButtonStories.PrimaryLoading} />
+
 ## Properties
 ### With icon
 - Use an icon to the left of the label to provide a quick visual feedback.
@@ -80,3 +87,5 @@ Buttons allow users to trigger targeted actions [1][2][3].
 9. [https://uxplanet.org/7-basic-rules-for-button-design-63dcdf5676b4](https://uxplanet.org/7-basic-rules-for-button-design-63dcdf5676b4)
 10. [https://www.lukew.com/ff/entry.asp?571](https://www.lukew.com/ff/entry.asp?571)
 11. [https://balsamiq.com/learn/articles/button-design-best-practices/](https://balsamiq.com/learn/articles/button-design-best-practices/)
+12. [https://uxmovement.medium.com/when-you-need-to-show-a-buttons-loading-state-41fc4d5e3c65](https://uxmovement.medium.com/when-you-need-to-show-a-buttons-loading-state-41fc4d5e3c65)
+13. [https://moezmustafa.medium.com/mastering-the-art-of-button-design-why-loading-states-matter-a1bdc42c0b02](https://moezmustafa.medium.com/mastering-the-art-of-button-design-why-loading-states-matter-a1bdc42c0b02)
\ No newline at end of file
diff --git a/packages/storybook/stories/button.stories.tsx b/packages/storybook/stories/button.stories.tsx
index 3511ab3717..31b7030ae8 100644
--- a/packages/storybook/stories/button.stories.tsx
+++ b/packages/storybook/stories/button.stories.tsx
@@ -65,6 +65,15 @@ export const DestructiveTertiary: Story = {
     },
 };
 
+export const PrimaryLoading: Story = {
+    args: {
+        buttonType: 'primary',
+        disabled: true,
+        label: 'Submit',
+        loading: true,
+    },
+};
+
 export const PrimaryWithIcon: Story = {
     args: {
         buttonType: 'primary',

From 351b6f4fabf9f7ced8c02b45ffeea56dfbf5ecfd Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Mon, 16 Sep 2024 16:22:08 -0400
Subject: [PATCH 11/30] fix(deps): update dependency i18next (#991)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 packages/webapp/package.json |  2 +-
 yarn.lock                    | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/webapp/package.json b/packages/webapp/package.json
index d152e1be4b..2937c8f4e2 100644
--- a/packages/webapp/package.json
+++ b/packages/webapp/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@equisoft/design-elements-react": "workspace:*",
-    "i18next": "23.14.0",
+    "i18next": "23.15.1",
     "i18next-browser-languagedetector": "8.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
diff --git a/yarn.lock b/yarn.lock
index c45d47c4f3..05cc85223a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7013,7 +7013,7 @@ __metadata:
     eslint-plugin-react: "npm:7.35.0"
     eslint-plugin-react-hooks: "npm:4.6.2"
     html-webpack-plugin: "npm:5.6.0"
-    i18next: "npm:23.14.0"
+    i18next: "npm:23.15.1"
     i18next-browser-languagedetector: "npm:8.0.0"
     postcss: "npm:8.4.41"
     postcss-styled-syntax: "npm:0.6.4"
@@ -8972,12 +8972,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"i18next@npm:23.14.0":
-  version: 23.14.0
-  resolution: "i18next@npm:23.14.0"
+"i18next@npm:23.15.1":
+  version: 23.15.1
+  resolution: "i18next@npm:23.15.1"
   dependencies:
     "@babel/runtime": "npm:^7.23.2"
-  checksum: 10c0/c26638a816e6213e515c158b17894ca3c54693911e1dc637cd279e11d53f8ded2494c3dcc6e2e94c639987ef63718193a1e2b4f3d5873fbcf89f266582140cd5
+  checksum: 10c0/06bf6c45c70ebe8cc1181ce5f367f6a60acc798abb1926329e67e092a25762cabbfed64ac149745d515f724d2a6fef3bf809bd4fd8f505a7966e9e4dd2e3fd69
   languageName: node
   linkType: hard
 

From ecb09f727ec36a45b708fe3f443d23f12313b5b2 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Mon, 16 Sep 2024 20:27:06 +0000
Subject: [PATCH 12/30] chore(deps): update dependency serve-static [security]
 (#993)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 packages/webapp/package.json |  2 +-
 yarn.lock                    | 14 +-------------
 2 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/packages/webapp/package.json b/packages/webapp/package.json
index 2937c8f4e2..f57f104675 100644
--- a/packages/webapp/package.json
+++ b/packages/webapp/package.json
@@ -69,7 +69,7 @@
     "posthtml": "0.16.6",
     "posthtml-expressions": "1.11.4",
     "pretty-format": "29.7.0",
-    "serve-static": "1.15.0",
+    "serve-static": "1.16.0",
     "stylelint": "16.8.2",
     "ts-loader": "9.5.1",
     "typescript": "5.5.4",
diff --git a/yarn.lock b/yarn.lock
index 05cc85223a..6fc77b5b1c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7026,7 +7026,7 @@ __metadata:
     react-is: "npm:18.3.1"
     react-router: "npm:6.26.1"
     react-router-dom: "npm:6.26.1"
-    serve-static: "npm:1.15.0"
+    serve-static: "npm:1.16.0"
     styled-components: "npm:5.3.11"
     stylelint: "npm:16.8.2"
     ts-loader: "npm:9.5.1"
@@ -13304,18 +13304,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"serve-static@npm:1.15.0":
-  version: 1.15.0
-  resolution: "serve-static@npm:1.15.0"
-  dependencies:
-    encodeurl: "npm:~1.0.2"
-    escape-html: "npm:~1.0.3"
-    parseurl: "npm:~1.3.3"
-    send: "npm:0.18.0"
-  checksum: 10c0/fa9f0e21a540a28f301258dfe1e57bb4f81cd460d28f0e973860477dd4acef946a1f41748b5bd41c73b621bea2029569c935faa38578fd34cd42a9b4947088ba
-  languageName: node
-  linkType: hard
-
 "serve-static@npm:1.16.0":
   version: 1.16.0
   resolution: "serve-static@npm:1.16.0"

From b0cfc5750b8fb7ee33ee58bebc297072b1d6b032 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Mon, 16 Sep 2024 16:41:29 -0400
Subject: [PATCH 13/30] fix(deps): update dependency date-fns to v4 (#992)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 packages/react/package.json |  2 +-
 yarn.lock                   | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 4e99d1dc28..257685a8a3 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@tanstack/react-table": "^8.10.7",
-    "date-fns": "^3.0.0",
+    "date-fns": "^4.0.0",
     "feather-icons": "^4.29.0",
     "prop-types": "^15.8.1",
     "react-datepicker": "^7.3.0",
diff --git a/yarn.lock b/yarn.lock
index 6fc77b5b1c..af370e366c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1747,7 +1747,7 @@ __metadata:
     "@wojtekmaj/enzyme-adapter-react-17": "npm:^0.8.0"
     cross-env: "npm:^7.0.3"
     css-loader: "npm:^7.0.0"
-    date-fns: "npm:^3.0.0"
+    date-fns: "npm:^4.0.0"
     enzyme: "npm:^3.11.0"
     enzyme-to-json: "npm:~3.6.2"
     eslint: "npm:8.57.0"
@@ -6393,13 +6393,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"date-fns@npm:^3.0.0, date-fns@npm:^3.3.1":
+"date-fns@npm:^3.3.1":
   version: 3.6.0
   resolution: "date-fns@npm:3.6.0"
   checksum: 10c0/0b5fb981590ef2f8e5a3ba6cd6d77faece0ea7f7158948f2eaae7bbb7c80a8f63ae30b01236c2923cf89bb3719c33aeb150c715ea4fe4e86e37dcf06bed42fb6
   languageName: node
   linkType: hard
 
+"date-fns@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "date-fns@npm:4.0.0"
+  checksum: 10c0/c706d29f05c28fdaea939068d688489bbc3096ef2486d1fe4a56d209c3a061ba99febae943b9562bb8ac08fe61257cf11fe74adad164adb7ba6df994e09cb99b
+  languageName: node
+  linkType: hard
+
 "debug@npm:2.6.9":
   version: 2.6.9
   resolution: "debug@npm:2.6.9"

From e225dbbf0cfde7b9e03826121b69672520724f0c Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 17 Sep 2024 08:57:32 -0400
Subject: [PATCH 14/30] chore(deps): lock file maintenance (#994)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 yarn.lock | 1623 ++++++++++++++++-------------------------------------
 1 file changed, 498 insertions(+), 1125 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index af370e366c..9cd840d905 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -39,7 +39,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:*, @babel/core@npm:7.25.2, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.18.9, @babel/core@npm:^7.21.3, @babel/core@npm:^7.23.0, @babel/core@npm:^7.23.7, @babel/core@npm:^7.23.9, @babel/core@npm:^7.24.4":
+"@babel/core@npm:*, @babel/core@npm:7.25.2, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.18.9, @babel/core@npm:^7.21.3, @babel/core@npm:^7.23.7, @babel/core@npm:^7.23.9, @babel/core@npm:^7.24.4":
   version: 7.25.2
   resolution: "@babel/core@npm:7.25.2"
   dependencies:
@@ -301,7 +301,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.6":
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.6":
   version: 7.25.6
   resolution: "@babel/parser@npm:7.25.6"
   dependencies:
@@ -446,17 +446,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-flow@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-syntax-flow@npm:7.24.7"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/2f0cb7a78379029707e61f6665634a5b758c8b4ccb602a72d798e41d36b0647c2f2de59f90e0c1d522b026962918e54d82f3aee0c194dc87cd340455aa58562a
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-syntax-import-assertions@npm:^7.24.7":
   version: 7.25.6
   resolution: "@babel/plugin-syntax-import-assertions@npm:7.25.6"
@@ -683,7 +672,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-class-properties@npm:^7.22.5, @babel/plugin-transform-class-properties@npm:^7.24.7, @babel/plugin-transform-class-properties@npm:^7.25.4":
+"@babel/plugin-transform-class-properties@npm:^7.24.7, @babel/plugin-transform-class-properties@npm:^7.25.4":
   version: 7.25.4
   resolution: "@babel/plugin-transform-class-properties@npm:7.25.4"
   dependencies:
@@ -818,18 +807,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-flow-strip-types@npm:^7.24.7":
-  version: 7.25.2
-  resolution: "@babel/plugin-transform-flow-strip-types@npm:7.25.2"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/plugin-syntax-flow": "npm:^7.24.7"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/821f5ccdb8104e09764d8a24d4c0dd4fe9e264d95e6477269c911e15240a63343d3fe71b6cf9382273766a0e86a015c2867d26fd75e5827134d990c93fa9e605
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-for-of@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-for-of@npm:7.24.7"
@@ -913,7 +890,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-commonjs@npm:^7.23.0, @babel/plugin-transform-modules-commonjs@npm:^7.24.7, @babel/plugin-transform-modules-commonjs@npm:^7.24.8":
+"@babel/plugin-transform-modules-commonjs@npm:^7.24.7, @babel/plugin-transform-modules-commonjs@npm:^7.24.8":
   version: 7.24.8
   resolution: "@babel/plugin-transform-modules-commonjs@npm:7.24.8"
   dependencies:
@@ -975,7 +952,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.22.11, @babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.7":
+"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.24.7"
   dependencies:
@@ -1037,7 +1014,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-optional-chaining@npm:^7.23.0, @babel/plugin-transform-optional-chaining@npm:^7.24.7, @babel/plugin-transform-optional-chaining@npm:^7.24.8":
+"@babel/plugin-transform-optional-chaining@npm:^7.24.7, @babel/plugin-transform-optional-chaining@npm:^7.24.8":
   version: 7.24.8
   resolution: "@babel/plugin-transform-optional-chaining@npm:7.24.8"
   dependencies:
@@ -1061,7 +1038,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-private-methods@npm:^7.22.5, @babel/plugin-transform-private-methods@npm:^7.24.7, @babel/plugin-transform-private-methods@npm:^7.25.4":
+"@babel/plugin-transform-private-methods@npm:^7.24.7, @babel/plugin-transform-private-methods@npm:^7.25.4":
   version: 7.25.4
   resolution: "@babel/plugin-transform-private-methods@npm:7.25.4"
   dependencies:
@@ -1485,19 +1462,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/preset-flow@npm:^7.22.15":
-  version: 7.24.7
-  resolution: "@babel/preset-flow@npm:7.24.7"
-  dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
-    "@babel/helper-validator-option": "npm:^7.24.7"
-    "@babel/plugin-transform-flow-strip-types": "npm:^7.24.7"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/2a99333b9aac17033cefe17fb9d8c41b20c4f2cd3eab34f56c20d7c1c528cc1cca7e6d909de92fc700739a505b43166c9de62423f8a30b484161ebdf9474e217
-  languageName: node
-  linkType: hard
-
 "@babel/preset-modules@npm:0.1.6-no-external-plugins":
   version: 0.1.6-no-external-plugins
   resolution: "@babel/preset-modules@npm:0.1.6-no-external-plugins"
@@ -1527,7 +1491,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/preset-typescript@npm:^7.21.0, @babel/preset-typescript@npm:^7.23.0, @babel/preset-typescript@npm:^7.24.1":
+"@babel/preset-typescript@npm:^7.21.0, @babel/preset-typescript@npm:^7.24.1":
   version: 7.24.7
   resolution: "@babel/preset-typescript@npm:7.24.7"
   dependencies:
@@ -1542,21 +1506,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/register@npm:^7.22.15":
-  version: 7.24.6
-  resolution: "@babel/register@npm:7.24.6"
-  dependencies:
-    clone-deep: "npm:^4.0.1"
-    find-cache-dir: "npm:^2.0.0"
-    make-dir: "npm:^2.1.0"
-    pirates: "npm:^4.0.6"
-    source-map-support: "npm:^0.5.16"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/e0c6d6c8945dd792f83dc7bd6be468246b3aedd62b32620e56a3f3328389b577a6261d4338a9de9519f4eadddfef5aa0fdc1f92082c778dedddcc5854e357f09
-  languageName: node
-  linkType: hard
-
 "@babel/regjsgen@npm:^0.8.0":
   version: 0.8.0
   resolution: "@babel/regjsgen@npm:0.8.0"
@@ -1599,7 +1548,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.24.0, @babel/types@npm:^7.24.7, @babel/types@npm:^7.24.8, @babel/types@npm:^7.25.0, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.6, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.24.7, @babel/types@npm:^7.24.8, @babel/types@npm:^7.25.0, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.6, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
   version: 7.25.6
   resolution: "@babel/types@npm:7.25.6"
   dependencies:
@@ -2032,163 +1981,170 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/aix-ppc64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/aix-ppc64@npm:0.21.5"
+"@esbuild/aix-ppc64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/aix-ppc64@npm:0.23.1"
   conditions: os=aix & cpu=ppc64
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/android-arm64@npm:0.21.5"
+"@esbuild/android-arm64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/android-arm64@npm:0.23.1"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/android-arm@npm:0.21.5"
+"@esbuild/android-arm@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/android-arm@npm:0.23.1"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/android-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/android-x64@npm:0.21.5"
+"@esbuild/android-x64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/android-x64@npm:0.23.1"
   conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-arm64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/darwin-arm64@npm:0.21.5"
+"@esbuild/darwin-arm64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/darwin-arm64@npm:0.23.1"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/darwin-x64@npm:0.21.5"
+"@esbuild/darwin-x64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/darwin-x64@npm:0.23.1"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-arm64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/freebsd-arm64@npm:0.21.5"
+"@esbuild/freebsd-arm64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/freebsd-arm64@npm:0.23.1"
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/freebsd-x64@npm:0.21.5"
+"@esbuild/freebsd-x64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/freebsd-x64@npm:0.23.1"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-arm64@npm:0.21.5"
+"@esbuild/linux-arm64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/linux-arm64@npm:0.23.1"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-arm@npm:0.21.5"
+"@esbuild/linux-arm@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/linux-arm@npm:0.23.1"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ia32@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-ia32@npm:0.21.5"
+"@esbuild/linux-ia32@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/linux-ia32@npm:0.23.1"
   conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/linux-loong64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-loong64@npm:0.21.5"
+"@esbuild/linux-loong64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/linux-loong64@npm:0.23.1"
   conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-mips64el@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-mips64el@npm:0.21.5"
+"@esbuild/linux-mips64el@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/linux-mips64el@npm:0.23.1"
   conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ppc64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-ppc64@npm:0.21.5"
+"@esbuild/linux-ppc64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/linux-ppc64@npm:0.23.1"
   conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-riscv64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-riscv64@npm:0.21.5"
+"@esbuild/linux-riscv64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/linux-riscv64@npm:0.23.1"
   conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-s390x@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-s390x@npm:0.21.5"
+"@esbuild/linux-s390x@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/linux-s390x@npm:0.23.1"
   conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
 
-"@esbuild/linux-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-x64@npm:0.21.5"
+"@esbuild/linux-x64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/linux-x64@npm:0.23.1"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/netbsd-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/netbsd-x64@npm:0.21.5"
+"@esbuild/netbsd-x64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/netbsd-x64@npm:0.23.1"
   conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/openbsd-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/openbsd-x64@npm:0.21.5"
+"@esbuild/openbsd-arm64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/openbsd-arm64@npm:0.23.1"
+  conditions: os=openbsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/openbsd-x64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/openbsd-x64@npm:0.23.1"
   conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/sunos-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/sunos-x64@npm:0.21.5"
+"@esbuild/sunos-x64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/sunos-x64@npm:0.23.1"
   conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-arm64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/win32-arm64@npm:0.21.5"
+"@esbuild/win32-arm64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/win32-arm64@npm:0.23.1"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-ia32@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/win32-ia32@npm:0.21.5"
+"@esbuild/win32-ia32@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/win32-ia32@npm:0.23.1"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/win32-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/win32-x64@npm:0.21.5"
+"@esbuild/win32-x64@npm:0.23.1":
+  version: 0.23.1
+  resolution: "@esbuild/win32-x64@npm:0.23.1"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -2205,9 +2161,9 @@ __metadata:
   linkType: hard
 
 "@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.6.1":
-  version: 4.11.0
-  resolution: "@eslint-community/regexpp@npm:4.11.0"
-  checksum: 10c0/0f6328869b2741e2794da4ad80beac55cba7de2d3b44f796a60955b0586212ec75e6b0253291fd4aad2100ad471d1480d8895f2b54f1605439ba4c875e05e523
+  version: 4.11.1
+  resolution: "@eslint-community/regexpp@npm:4.11.1"
+  checksum: 10c0/fbcc1cb65ef5ed5b92faa8dc542e035269065e7ebcc0b39c81a4fe98ad35cfff20b3c8df048641de15a7757e07d69f85e2579c1a5055f993413ba18c055654f8
   languageName: node
   linkType: hard
 
@@ -2235,55 +2191,62 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@eslint/js@npm:8.57.1":
+  version: 8.57.1
+  resolution: "@eslint/js@npm:8.57.1"
+  checksum: 10c0/b489c474a3b5b54381c62e82b3f7f65f4b8a5eaaed126546520bf2fede5532a8ed53212919fed1e9048dcf7f37167c8561d58d0ba4492a4244004e7793805223
+  languageName: node
+  linkType: hard
+
 "@floating-ui/core@npm:^1.6.0":
-  version: 1.6.7
-  resolution: "@floating-ui/core@npm:1.6.7"
+  version: 1.6.8
+  resolution: "@floating-ui/core@npm:1.6.8"
   dependencies:
-    "@floating-ui/utils": "npm:^0.2.7"
-  checksum: 10c0/5c9ae274854f87ed09a61de758377d444c2b13ade7fd1067d74287b3e66de5340ae1281e48604b631c540855a2595cfc717adf9a2331eaadc4fa6d28e8571f64
+    "@floating-ui/utils": "npm:^0.2.8"
+  checksum: 10c0/d6985462aeccae7b55a2d3f40571551c8c42bf820ae0a477fc40ef462e33edc4f3f5b7f11b100de77c9b58ecb581670c5c3f46d0af82b5e30aa185c735257eb9
   languageName: node
   linkType: hard
 
 "@floating-ui/dom@npm:^1.0.0":
-  version: 1.6.10
-  resolution: "@floating-ui/dom@npm:1.6.10"
+  version: 1.6.11
+  resolution: "@floating-ui/dom@npm:1.6.11"
   dependencies:
     "@floating-ui/core": "npm:^1.6.0"
-    "@floating-ui/utils": "npm:^0.2.7"
-  checksum: 10c0/ed7d7b400e00b2f31f1b8f11863af2cb95d0d3cd84635186ca31b41d8d9fe7fe12c85e4985617d7df7ed365abad48b327d0bae35934842007b4e1052d9780576
+    "@floating-ui/utils": "npm:^0.2.8"
+  checksum: 10c0/02ef34a75a515543c772880338eea7b66724997bd5ec7cd58d26b50325709d46d480a306b84e7d5509d734434411a4bcf23af5680c2e461e6e6a8bf45d751df8
   languageName: node
   linkType: hard
 
-"@floating-ui/react-dom@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "@floating-ui/react-dom@npm:2.1.1"
+"@floating-ui/react-dom@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "@floating-ui/react-dom@npm:2.1.2"
   dependencies:
     "@floating-ui/dom": "npm:^1.0.0"
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: 10c0/732ab64600c511ceb0563b87bc557aa61789fec4f416a3f092bab89e508fa1d3ee5ade0f42051cc56eb5e4db867b87ab7fd48ce82db9fd4c01d94ffa08f60115
+  checksum: 10c0/e855131c74e68cab505f7f44f92cd4e2efab1c125796db3116c54c0859323adae4bf697bf292ee83ac77b9335a41ad67852193d7aeace90aa2e1c4a640cafa60
   languageName: node
   linkType: hard
 
 "@floating-ui/react@npm:^0.26.2":
-  version: 0.26.23
-  resolution: "@floating-ui/react@npm:0.26.23"
+  version: 0.26.24
+  resolution: "@floating-ui/react@npm:0.26.24"
   dependencies:
-    "@floating-ui/react-dom": "npm:^2.1.1"
-    "@floating-ui/utils": "npm:^0.2.7"
+    "@floating-ui/react-dom": "npm:^2.1.2"
+    "@floating-ui/utils": "npm:^0.2.8"
     tabbable: "npm:^6.0.0"
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: 10c0/d339c3d760e83c8384a16c8a38fb47f7f855a3db4d19117fd54cccbf871a27b089887202074e9871ffc19ad769bed709ecdd69445a39d2ea9406c84814427f3b
+  checksum: 10c0/c5c3ac265802087673a69b0e08b3bea1ee02de9da4cdbc40bb1c9e06823be72628a82f1655b40d56a4383715b4ab3b6deddff4e69146f513970ee592e1dd8f92
   languageName: node
   linkType: hard
 
-"@floating-ui/utils@npm:^0.2.7":
-  version: 0.2.7
-  resolution: "@floating-ui/utils@npm:0.2.7"
-  checksum: 10c0/0559ea5df2dc82219bad26e3509e9d2b70f6987e552dc8ddf7d7f5923cfeb7c44bf884567125b1f9cdb122a4c7e6e7ddbc666740bc30b0e4091ccbca63c6fb1c
+"@floating-ui/utils@npm:^0.2.8":
+  version: 0.2.8
+  resolution: "@floating-ui/utils@npm:0.2.8"
+  checksum: 10c0/a8cee5f17406c900e1c3ef63e3ca89b35e7a2ed645418459a73627b93b7377477fc888081011c6cd177cac45ec2b92a6cab018c14ea140519465498dddd2d3f9
   languageName: node
   linkType: hard
 
@@ -2298,6 +2261,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@humanwhocodes/config-array@npm:^0.13.0":
+  version: 0.13.0
+  resolution: "@humanwhocodes/config-array@npm:0.13.0"
+  dependencies:
+    "@humanwhocodes/object-schema": "npm:^2.0.3"
+    debug: "npm:^4.3.1"
+    minimatch: "npm:^3.0.5"
+  checksum: 10c0/205c99e756b759f92e1f44a3dc6292b37db199beacba8f26c2165d4051fe73a4ae52fdcfd08ffa93e7e5cb63da7c88648f0e84e197d154bbbbe137b2e0dd332e
+  languageName: node
+  linkType: hard
+
 "@humanwhocodes/module-importer@npm:^1.0.1":
   version: 1.0.1
   resolution: "@humanwhocodes/module-importer@npm:1.0.1"
@@ -2305,7 +2279,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@humanwhocodes/object-schema@npm:^2.0.2":
+"@humanwhocodes/object-schema@npm:^2.0.2, @humanwhocodes/object-schema@npm:^2.0.3":
   version: 2.0.3
   resolution: "@humanwhocodes/object-schema@npm:2.0.3"
   checksum: 10c0/80520eabbfc2d32fe195a93557cef50dfe8c8905de447f022675aaf66abc33ae54098f5ea78548d925aa671cd4ab7c7daa5ad704fe42358c9b5e7db60f80696c
@@ -2782,13 +2756,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sindresorhus/merge-streams@npm:^2.1.0":
-  version: 2.3.0
-  resolution: "@sindresorhus/merge-streams@npm:2.3.0"
-  checksum: 10c0/69ee906f3125fb2c6bb6ec5cdd84e8827d93b49b3892bce8b62267116cc7e197b5cccf20c160a1d32c26014ecd14470a72a5e3ee37a58f1d6dadc0db1ccf3894
-  languageName: node
-  linkType: hard
-
 "@sinonjs/commons@npm:^3.0.0":
   version: 3.0.1
   resolution: "@sinonjs/commons@npm:3.0.1"
@@ -2808,20 +2775,20 @@ __metadata:
   linkType: hard
 
 "@storybook/addon-a11y@npm:^8.1.2":
-  version: 8.2.9
-  resolution: "@storybook/addon-a11y@npm:8.2.9"
+  version: 8.3.1
+  resolution: "@storybook/addon-a11y@npm:8.3.1"
   dependencies:
-    "@storybook/addon-highlight": "npm:8.2.9"
+    "@storybook/addon-highlight": "npm:8.3.1"
     axe-core: "npm:^4.2.0"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/1d627f2c30124a63caa404f06d4041333d9131d6e0c149416ab526e3b02b423f73643a7beef9f3ce91a470846b1a7e04ebbaadc51eee48ec503d5b6ff1ab7c89
+    storybook: ^8.3.1
+  checksum: 10c0/f089f882dde992231f005ede08282dad5210d43fde852c37c90f50739e954879147fb73c81c111fb401356941caa896e75d9873797b5b7b9f839faf88bf911de
   languageName: node
   linkType: hard
 
 "@storybook/addon-actions@npm:^8.1.2":
-  version: 8.2.9
-  resolution: "@storybook/addon-actions@npm:8.2.9"
+  version: 8.3.1
+  resolution: "@storybook/addon-actions@npm:8.3.1"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     "@types/uuid": "npm:^9.0.1"
@@ -2829,34 +2796,34 @@ __metadata:
     polished: "npm:^4.2.2"
     uuid: "npm:^9.0.0"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/eff86a8bba0a794aa228117706adc20b4fc561f3b3d65c860c78a7ae0514aeed8c7ae651cc2516abdda279869b554eeadbdeaec45b6cdb6479ab807e9f018847
+    storybook: ^8.3.1
+  checksum: 10c0/f8b763e5133e9f01be41f351d69b5638b9f62be58ac51c100c753bd9b66d0d42242672fd062bcf5924b9186192b6e2c7f8dfd2dd5b36799d18dcc0a1ba52ef40
   languageName: node
   linkType: hard
 
 "@storybook/addon-controls@npm:^8.1.2":
-  version: 8.2.9
-  resolution: "@storybook/addon-controls@npm:8.2.9"
+  version: 8.3.1
+  resolution: "@storybook/addon-controls@npm:8.3.1"
   dependencies:
+    "@storybook/global": "npm:^5.0.0"
     dequal: "npm:^2.0.2"
     lodash: "npm:^4.17.21"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/0b14f142ec5ea8a3e058d45462d1353868b1b6c4f8e91519183f7a981852f7f716797d936125628e91bf13dba026bb661c779d866868fc4ca9644528b2877b7e
+    storybook: ^8.3.1
+  checksum: 10c0/064c3ce93390a6ed8f75e8455413368764bb052cf2fa7eaa6f3cb0bc66444b6bc09b8c9deefe4f6f37c2655fd0038887cfd00d3f05d7aa57f9e53179f445d183
   languageName: node
   linkType: hard
 
 "@storybook/addon-docs@npm:^8.1.2":
-  version: 8.2.9
-  resolution: "@storybook/addon-docs@npm:8.2.9"
+  version: 8.3.1
+  resolution: "@storybook/addon-docs@npm:8.3.1"
   dependencies:
-    "@babel/core": "npm:^7.24.4"
     "@mdx-js/react": "npm:^3.0.0"
-    "@storybook/blocks": "npm:8.2.9"
-    "@storybook/csf-plugin": "npm:8.2.9"
+    "@storybook/blocks": "npm:8.3.1"
+    "@storybook/csf-plugin": "npm:8.3.1"
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/react-dom-shim": "npm:8.2.9"
+    "@storybook/react-dom-shim": "npm:8.3.1"
     "@types/react": "npm:^16.8.0 || ^17.0.0 || ^18.0.0"
     fs-extra: "npm:^11.1.0"
     react: "npm:^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -2865,36 +2832,36 @@ __metadata:
     rehype-slug: "npm:^6.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/8043156a5511de63ce7322f2a342abca04b83bf0f5e7425eb631bdcadf3dbb0896ffe9a7768944e3005a5fe63962f80ed46031fcc2bc3df6a1415215cae64c5e
+    storybook: ^8.3.1
+  checksum: 10c0/e4678da612da960892b00c5ef6ec241f70a963f73097a8c1716390fe776b20d37f0296b22d6994ea2966d35ad31f9385b009b4d63a2ea1e16ac6a7f89f669642
   languageName: node
   linkType: hard
 
-"@storybook/addon-highlight@npm:8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/addon-highlight@npm:8.2.9"
+"@storybook/addon-highlight@npm:8.3.1":
+  version: 8.3.1
+  resolution: "@storybook/addon-highlight@npm:8.3.1"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/cf05d92d60d5a99b3997762793f0909d77ef75a9e1b74e850f95d1bdbe137730e1d2f2acf8987aaae448b80b20a150b1219fad29da61a1094fb02ae3a57638c2
+    storybook: ^8.3.1
+  checksum: 10c0/9911024dc5324374b08ab4482a6dda25b89619c89546884d66546e3af046c714bdf178727322cdd64cbfaf02744db2d772a87617e6b2ef861bf24ff3d7faabfe
   languageName: node
   linkType: hard
 
 "@storybook/addon-links@npm:^8.1.2":
-  version: 8.2.9
-  resolution: "@storybook/addon-links@npm:8.2.9"
+  version: 8.3.1
+  resolution: "@storybook/addon-links@npm:8.3.1"
   dependencies:
-    "@storybook/csf": "npm:0.1.11"
+    "@storybook/csf": "npm:^0.1.11"
     "@storybook/global": "npm:^5.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-    storybook: ^8.2.9
+    storybook: ^8.3.1
   peerDependenciesMeta:
     react:
       optional: true
-  checksum: 10c0/ec850cbdcbe3c9f234c25d57a184745d3dd05f97b7278420e27ef350646c1a5439f0582f669ca4bcf58435c14767f21ff27b88904ce70dc1254335219b2b5b5f
+  checksum: 10c0/c9c565e33a6e6f8ec6628f74383525ad29d764f4051ba282cdfec500784249af600a97e2ce9f15547f10a0b1cd536794a45ba20ae61767ac2d10760b9378cab8
   languageName: node
   linkType: hard
 
@@ -2908,13 +2875,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/blocks@npm:8.2.9, @storybook/blocks@npm:^8.1.2":
-  version: 8.2.9
-  resolution: "@storybook/blocks@npm:8.2.9"
+"@storybook/blocks@npm:8.3.1, @storybook/blocks@npm:^8.1.2":
+  version: 8.3.1
+  resolution: "@storybook/blocks@npm:8.3.1"
   dependencies:
-    "@storybook/csf": "npm:0.1.11"
+    "@storybook/csf": "npm:^0.1.11"
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/icons": "npm:^1.2.5"
+    "@storybook/icons": "npm:^1.2.10"
     "@types/lodash": "npm:^4.14.167"
     color-convert: "npm:^2.0.1"
     dequal: "npm:^2.0.2"
@@ -2929,22 +2896,22 @@ __metadata:
   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.9
+    storybook: ^8.3.1
   peerDependenciesMeta:
     react:
       optional: true
     react-dom:
       optional: true
-  checksum: 10c0/7804e61d2c92c0ef7032ad1f4cbe166341bc4c18b73c6a16ef377b447b88412ee1aa22e886af9493f6f5d50a59c3166e7eedef839d53424a832782f36127cea8
+  checksum: 10c0/276f5164878fedce20af6f8c36ecdecbc680b8a0c507447d2c0bb096016680d7be6c6bb4a8a1ddd8ba689b864ef845a7b7f42b2c7e1e8accdd3a2e04792cdd36
   languageName: node
   linkType: hard
 
-"@storybook/builder-webpack5@npm:8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/builder-webpack5@npm:8.2.9"
+"@storybook/builder-webpack5@npm:8.3.1":
+  version: 8.3.1
+  resolution: "@storybook/builder-webpack5@npm:8.3.1"
   dependencies:
-    "@storybook/core-webpack": "npm:8.2.9"
-    "@types/node": "npm:^18.0.0"
+    "@storybook/core-webpack": "npm:8.3.1"
+    "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7.3.4"
     browser-assert: "npm:^1.2.1"
     case-sensitive-paths-webpack-plugin: "npm:^2.4.0"
@@ -2971,92 +2938,64 @@ __metadata:
     webpack-hot-middleware: "npm:^2.25.1"
     webpack-virtual-modules: "npm:^0.6.0"
   peerDependencies:
-    storybook: ^8.2.9
+    storybook: ^8.3.1
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/edc68ac8dc5c93b951abcd6234c2e9047c118ab65f479594428901e2ed351aa34bec72228de629b5c1ecad590029733b49dc1dabfd9bcddb720d15d22bd40e46
-  languageName: node
-  linkType: hard
-
-"@storybook/codemod@npm:8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/codemod@npm:8.2.9"
-  dependencies:
-    "@babel/core": "npm:^7.24.4"
-    "@babel/preset-env": "npm:^7.24.4"
-    "@babel/types": "npm:^7.24.0"
-    "@storybook/core": "npm:8.2.9"
-    "@storybook/csf": "npm:0.1.11"
-    "@types/cross-spawn": "npm:^6.0.2"
-    cross-spawn: "npm:^7.0.3"
-    globby: "npm:^14.0.1"
-    jscodeshift: "npm:^0.15.1"
-    lodash: "npm:^4.17.21"
-    prettier: "npm:^3.1.1"
-    recast: "npm:^0.23.5"
-    tiny-invariant: "npm:^1.3.1"
-  checksum: 10c0/60db7c8142789257ab8a5d49031e7bf2113c3964e07250e131843fa7ed2572d99baea9e3ce2d518c322da0db0933e1871fe17ace8872466a077802c02d13990f
+  checksum: 10c0/ff469d63c36421624760995f3b2f7dc27f7d0a4bb59450915e9fa2bf39255ac9669fb585edc326dcc4f01da72f71c3ebde24b8305c6a40bb57391336bdd52698
   languageName: node
   linkType: hard
 
-"@storybook/components@npm:^8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/components@npm:8.2.9"
+"@storybook/components@npm:^8.3.1":
+  version: 8.3.1
+  resolution: "@storybook/components@npm:8.3.1"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/2f7be8d238aefc833a3ae355ff19569701a8b13c14b4a73ce25a8a23f3b283ac814fe0ed857b9724897177fd66cbb4fb2294149e7b041c7f11ed273ebe161a31
+    storybook: ^8.3.1
+  checksum: 10c0/1a08315a5a38a2fd8ffbdbe286fa77b741c7cd49013907c2f0098b461f496be8099240401dc7b302db7741987f7b615ba157c6426172c396d83dc2f9bfa96a9a
   languageName: node
   linkType: hard
 
-"@storybook/core-webpack@npm:8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/core-webpack@npm:8.2.9"
+"@storybook/core-webpack@npm:8.3.1":
+  version: 8.3.1
+  resolution: "@storybook/core-webpack@npm:8.3.1"
   dependencies:
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/6f31f59fe8b2b6889f6e68d0dc5c6e0001fc049c25bba9b08061413561b9b737673579f7982f8008ef48826446ac53455ce3797d8dad31b282591cae3fc13e6c
+    storybook: ^8.3.1
+  checksum: 10c0/ace22a0453d33f6f009110b86f1e3a367b3ec5798b4fe5f8f9747be93d721b04d5a3bcd0977abc721610781d084e46234474c3b83b61bbe5d2e262dc9a0edb11
   languageName: node
   linkType: hard
 
-"@storybook/core@npm:8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/core@npm:8.2.9"
+"@storybook/core@npm:8.3.1":
+  version: 8.3.1
+  resolution: "@storybook/core@npm:8.3.1"
   dependencies:
-    "@storybook/csf": "npm:0.1.11"
+    "@storybook/csf": "npm:^0.1.11"
     "@types/express": "npm:^4.17.21"
-    "@types/node": "npm:^18.0.0"
+    better-opn: "npm:^3.0.2"
     browser-assert: "npm:^1.2.1"
-    esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0"
+    esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0"
     esbuild-register: "npm:^3.5.0"
     express: "npm:^4.19.2"
+    jsdoc-type-pratt-parser: "npm:^4.0.0"
     process: "npm:^0.11.10"
     recast: "npm:^0.23.5"
-    util: "npm:^0.12.4"
+    semver: "npm:^7.6.2"
+    util: "npm:^0.12.5"
     ws: "npm:^8.2.3"
-  checksum: 10c0/ea259bef45b8565fde0eec4ee0f99e3c4d2b9e4e4ecd95bb56c0c728ba8ae0da1232e0e336c7c80e2bb925ae72e708d534fb8e498eeaadf9b9428fabf0564454
+  checksum: 10c0/86df61ac0e57f080fd26744d4520145bb6c39fe81c2127fae673358f00dbe33dee250a5f368159cef299c3726b3e6864b2d7862c40a3468476e79a540c870984
   languageName: node
   linkType: hard
 
-"@storybook/csf-plugin@npm:8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/csf-plugin@npm:8.2.9"
+"@storybook/csf-plugin@npm:8.3.1":
+  version: 8.3.1
+  resolution: "@storybook/csf-plugin@npm:8.3.1"
   dependencies:
     unplugin: "npm:^1.3.1"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/5075e0676cbe3b48755073fc1f75aa9d2654a8300339b296bd86983760bb5857d0c1b15eca1019c746749ac3fec5a8a83beab91bb8ed1d0f958bf7b348a67d8b
-  languageName: node
-  linkType: hard
-
-"@storybook/csf@npm:0.1.11":
-  version: 0.1.11
-  resolution: "@storybook/csf@npm:0.1.11"
-  dependencies:
-    type-fest: "npm:^2.19.0"
-  checksum: 10c0/c5329fc13e7d762049b5c91df1bc1c0e510a1a898c401b72b68f1ff64139a85ab64a92f8e681d2fcb226c0a4a55d0f23b569b2bdb517e0f067bd05ea46228356
+    storybook: ^8.3.1
+  checksum: 10c0/5bebf37e2391bee53f256bc7951a85f7dec91c469ab7601e5e6fbb62c53b9242fb17e9bbf11a9bf3abcf6c7d5163a207a493faa8e5b0cbfe06f66c00d0667b8b
   languageName: node
   linkType: hard
 
@@ -3069,6 +3008,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/csf@npm:^0.1.11":
+  version: 0.1.11
+  resolution: "@storybook/csf@npm:0.1.11"
+  dependencies:
+    type-fest: "npm:^2.19.0"
+  checksum: 10c0/c5329fc13e7d762049b5c91df1bc1c0e510a1a898c401b72b68f1ff64139a85ab64a92f8e681d2fcb226c0a4a55d0f23b569b2bdb517e0f067bd05ea46228356
+  languageName: node
+  linkType: hard
+
 "@storybook/global@npm:^5.0.0":
   version: 5.0.0
   resolution: "@storybook/global@npm:5.0.0"
@@ -3076,7 +3024,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/icons@npm:^1.2.5":
+"@storybook/icons@npm:^1.2.10":
   version: 1.2.10
   resolution: "@storybook/icons@npm:1.2.10"
   peerDependencies:
@@ -3086,23 +3034,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/manager-api@npm:^8.1.2, @storybook/manager-api@npm:^8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/manager-api@npm:8.2.9"
+"@storybook/manager-api@npm:^8.1.2, @storybook/manager-api@npm:^8.3.1":
+  version: 8.3.1
+  resolution: "@storybook/manager-api@npm:8.3.1"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/7787df142723a3607a57ae653d4884a8a911dd0b7d6244d11db29653994d16922729299b1e9f595352ea2a3e23dc7a77268e2ad6f4aacf1c6bf2a5a53f4fc442
+    storybook: ^8.3.1
+  checksum: 10c0/01fb12103352cd14e31749bb2a612dd9ebde39288430be1d2d94d28a94963e27a480f00e61a3f3064b952328cef5d212e8bb97fe2061bcaebbdde2dea6abf682
   languageName: node
   linkType: hard
 
-"@storybook/preset-react-webpack@npm:8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/preset-react-webpack@npm:8.2.9"
+"@storybook/preset-react-webpack@npm:8.3.1":
+  version: 8.3.1
+  resolution: "@storybook/preset-react-webpack@npm:8.3.1"
   dependencies:
-    "@storybook/core-webpack": "npm:8.2.9"
-    "@storybook/react": "npm:8.2.9"
+    "@storybook/core-webpack": "npm:8.3.1"
+    "@storybook/react": "npm:8.3.1"
     "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7.3.4"
     find-up: "npm:^5.0.0"
     fs-extra: "npm:^11.1.0"
@@ -3115,29 +3063,29 @@ __metadata:
   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.9
+    storybook: ^8.3.1
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/0cd9a6812e2c05c89650eb2205c8ba6f30cc7df05c7d1a2b51b249082470ab2b85c14a97b9d217d1fd2cff66e141206296eb6560fe35924db8fd060d4f7933c6
+  checksum: 10c0/64c3d1ae797b2c0ad5595166eae29d01dd01e6cf09facc49f2362837719cd762e4470439a8dc3135396c6bd65db69066691963d9976f39343762d66e65b374fc
   languageName: node
   linkType: hard
 
-"@storybook/preview-api@npm:^8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/preview-api@npm:8.2.9"
+"@storybook/preview-api@npm:^8.3.1":
+  version: 8.3.1
+  resolution: "@storybook/preview-api@npm:8.3.1"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/159cd0b70076a76de217c3820d4c826cfe1a89cc42c47c23394a8d38c0470397b768d24c67c8f982d097dfb0bfda85631d57969e0978483f64f81bb8488039d9
+    storybook: ^8.3.1
+  checksum: 10c0/2c2a99542b5f0c1342224e980ed35f3561717e2f2629444357d89d48c45b91b8f4c327d2ff339042af1e881185d5e0e33df46e567244694e1c6007a6eda12764
   languageName: node
   linkType: hard
 
 "@storybook/preview@npm:^8.1.2":
-  version: 8.2.9
-  resolution: "@storybook/preview@npm:8.2.9"
+  version: 8.3.1
+  resolution: "@storybook/preview@npm:8.3.1"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/bb6f7e8afd5dea4796e8c0a3eced584940d5616a8dcd900b47037064e7a7b3c5542d3444c82a76f041bc1addb80e3d033600edc97c4f66e074535fbe53d33658
+    storybook: ^8.3.1
+  checksum: 10c0/bfba662b3f2144e686d0889de0a6eb712fa7d2c0437e58854e93fa7c9137dfd308335a1759e3891216dbb7e8839819c119664327dbc21d6dc950c0cf71ac238f
   languageName: node
   linkType: hard
 
@@ -3159,56 +3107,55 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-dom-shim@npm:8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/react-dom-shim@npm:8.2.9"
+"@storybook/react-dom-shim@npm:8.3.1":
+  version: 8.3.1
+  resolution: "@storybook/react-dom-shim@npm:8.3.1"
   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.9
-  checksum: 10c0/aed0666aefd518f5c60292feb3c06f0a0f6960601f973090f0be67145dbcefdcd33fbd993373da1e2eab8810be9b55a322a71b072dc28e0bb4cdc0198ba8660a
+    storybook: ^8.3.1
+  checksum: 10c0/0c77443852873e49b8616fc2995d2c83c6f17f1fa73117af444b18d0b9a40b81b02e1695b349adc4c0bafaecc0853621eae06629e2d2334e6ee101114f75bc7c
   languageName: node
   linkType: hard
 
 "@storybook/react-webpack5@npm:^8.1.2":
-  version: 8.2.9
-  resolution: "@storybook/react-webpack5@npm:8.2.9"
+  version: 8.3.1
+  resolution: "@storybook/react-webpack5@npm:8.3.1"
   dependencies:
-    "@storybook/builder-webpack5": "npm:8.2.9"
-    "@storybook/preset-react-webpack": "npm:8.2.9"
-    "@storybook/react": "npm:8.2.9"
-    "@types/node": "npm:^18.0.0"
+    "@storybook/builder-webpack5": "npm:8.3.1"
+    "@storybook/preset-react-webpack": "npm:8.3.1"
+    "@storybook/react": "npm:8.3.1"
+    "@types/node": "npm:^22.0.0"
   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.9
+    storybook: ^8.3.1
     typescript: ">= 4.2.x"
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/5a2d8e625a2f04403a26dc219014a67b1850e52ccfc48b3738d26e1a02a9053a3e7b813f98017cea09ad37a6848753c42dbd9b30caa24795340ad400b16d9a40
+  checksum: 10c0/a4fce31908e8c95a15b47a3eb48a3616238ceb8ac957128e95cceee1548cb699655293a3907353177ffb780640e39abf4f1b63b10e2574f37c03f525741c09b9
   languageName: node
   linkType: hard
 
-"@storybook/react@npm:8.2.9, @storybook/react@npm:^8.1.2":
-  version: 8.2.9
-  resolution: "@storybook/react@npm:8.2.9"
+"@storybook/react@npm:8.3.1, @storybook/react@npm:^8.1.2":
+  version: 8.3.1
+  resolution: "@storybook/react@npm:8.3.1"
   dependencies:
-    "@storybook/components": "npm:^8.2.9"
+    "@storybook/components": "npm:^8.3.1"
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/manager-api": "npm:^8.2.9"
-    "@storybook/preview-api": "npm:^8.2.9"
-    "@storybook/react-dom-shim": "npm:8.2.9"
-    "@storybook/theming": "npm:^8.2.9"
+    "@storybook/manager-api": "npm:^8.3.1"
+    "@storybook/preview-api": "npm:^8.3.1"
+    "@storybook/react-dom-shim": "npm:8.3.1"
+    "@storybook/theming": "npm:^8.3.1"
     "@types/escodegen": "npm:^0.0.6"
     "@types/estree": "npm:^0.0.51"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     acorn: "npm:^7.4.1"
     acorn-jsx: "npm:^5.3.1"
     acorn-walk: "npm:^7.2.0"
     escodegen: "npm:^2.1.0"
     html-tags: "npm:^3.1.0"
-    lodash: "npm:^4.17.21"
     prop-types: "npm:^15.7.2"
     react-element-to-jsx-string: "npm:^15.0.0"
     semver: "npm:^7.3.7"
@@ -3216,23 +3163,26 @@ __metadata:
     type-fest: "npm:~2.19"
     util-deprecate: "npm:^1.0.2"
   peerDependencies:
+    "@storybook/test": 8.3.1
     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.9
+    storybook: ^8.3.1
     typescript: ">= 4.2.x"
   peerDependenciesMeta:
+    "@storybook/test":
+      optional: true
     typescript:
       optional: true
-  checksum: 10c0/319134bf466d172d62cf59f9d9b9ebc1499ffa8428a77aa0184e0a75e234cfd4b1d968eda6776309ab719c5bc9a332a87346522854ed74069039f6f971dd16e4
+  checksum: 10c0/34b7812654c2d2f7aa745b8c3bd9c8d56012a3cc8dda01a93e7411ee4b02a0fe9b69e9f3760bc9131ba3198bf69f8aec1f472dfb0995c9c832f89f84e75ee50c
   languageName: node
   linkType: hard
 
-"@storybook/theming@npm:^8.1.2, @storybook/theming@npm:^8.2.9":
-  version: 8.2.9
-  resolution: "@storybook/theming@npm:8.2.9"
+"@storybook/theming@npm:^8.1.2, @storybook/theming@npm:^8.3.1":
+  version: 8.3.1
+  resolution: "@storybook/theming@npm:8.3.1"
   peerDependencies:
-    storybook: ^8.2.9
-  checksum: 10c0/13b08829699ef95398133c7b5dd260842cca72485b905d2616202e97a6215cc24e3fb2c86499d357672437b2d7b60177ba53fd8741b00f8a0c280a32464c3295
+    storybook: ^8.3.1
+  checksum: 10c0/79cf3afe164c8b4a0653260a5b2462bb667f1bd52690cd39a83be96c08c24bd5654123709c1f1e881e4d17742a076aed1deabaf97a9da8aad3beaef7a581a44b
   languageName: node
   linkType: hard
 
@@ -3601,15 +3551,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/cross-spawn@npm:^6.0.2":
-  version: 6.0.6
-  resolution: "@types/cross-spawn@npm:6.0.6"
-  dependencies:
-    "@types/node": "npm:*"
-  checksum: 10c0/e3d476bb6b3a54a8934a97fe6ee4bd13e2e5eb29073929a4be76a52466602ffaea420b20774ffe8503f9fa24f3ae34817e95e7f625689fb0d1c10404f5b2889c
-  languageName: node
-  linkType: hard
-
 "@types/doctrine@npm:^0.0.9":
   version: 0.0.9
   resolution: "@types/doctrine@npm:0.0.9"
@@ -3617,13 +3558,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/emscripten@npm:^1.39.6":
-  version: 1.39.13
-  resolution: "@types/emscripten@npm:1.39.13"
-  checksum: 10c0/99c314418b6fbe113c4c81dc89501bdf723020d1de262a36a4e45236b268dcec3deab104e3a7d3569e6d7c5c942de30c9c6d77b93170c1bcaa85620c7ee4c2ba
-  languageName: node
-  linkType: hard
-
 "@types/enzyme@npm:^3.10.13":
   version: 3.10.18
   resolution: "@types/enzyme@npm:3.10.18"
@@ -3773,12 +3707,12 @@ __metadata:
   linkType: hard
 
 "@types/jest@npm:^29.5.1":
-  version: 29.5.12
-  resolution: "@types/jest@npm:29.5.12"
+  version: 29.5.13
+  resolution: "@types/jest@npm:29.5.13"
   dependencies:
     expect: "npm:^29.0.0"
     pretty-format: "npm:^29.0.0"
-  checksum: 10c0/25fc8e4c611fa6c4421e631432e9f0a6865a8cb07c9815ec9ac90d630271cad773b2ee5fe08066f7b95bebd18bb967f8ce05d018ee9ab0430f9dfd1d84665b6f
+  checksum: 10c0/9c31af0b155387b9860908830de63c6b79011d7c87c8b61b39da124e26e55423dd51b006749aafe4f0ef3a065016619a1f93ef4b055157d43727f448e67824b7
   languageName: node
   linkType: hard
 
@@ -3837,12 +3771,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:*":
-  version: 22.5.4
-  resolution: "@types/node@npm:22.5.4"
+"@types/node@npm:*, @types/node@npm:^22.0.0":
+  version: 22.5.5
+  resolution: "@types/node@npm:22.5.5"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/b445daa7eecd761ad4d778b882d6ff7bcc3b4baad2086ea9804db7c5d4a4ab0298b00d7f5315fc640a73b5a1d52bbf9628e09c9fec0cf44dbf9b4df674a8717d
+  checksum: 10c0/ead9495cfc6b1da5e7025856dcce2591e9bae635357410c0d2dd619fce797d2a1d402887580ca4b336cb78168b195224869967de370a23f61663cf1e4836121c
   languageName: node
   linkType: hard
 
@@ -3855,15 +3789,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:^18.0.0":
-  version: 18.19.50
-  resolution: "@types/node@npm:18.19.50"
-  dependencies:
-    undici-types: "npm:~5.26.4"
-  checksum: 10c0/36e6bc9eb47213ce94a868dad9504465ad89fba6af9f7954e22bb27fb17a32ac495f263d0cf4fdaee74becd7b2629609a446ec8c2b59b7a07bd587567c8a4782
-  languageName: node
-  linkType: hard
-
 "@types/node@npm:^20.12.7":
   version: 20.16.5
   resolution: "@types/node@npm:20.16.5"
@@ -3888,16 +3813,16 @@ __metadata:
   linkType: hard
 
 "@types/prop-types@npm:*":
-  version: 15.7.12
-  resolution: "@types/prop-types@npm:15.7.12"
-  checksum: 10c0/1babcc7db6a1177779f8fde0ccc78d64d459906e6ef69a4ed4dd6339c920c2e05b074ee5a92120fe4e9d9f1a01c952f843ebd550bee2332fc2ef81d1706878f8
+  version: 15.7.13
+  resolution: "@types/prop-types@npm:15.7.13"
+  checksum: 10c0/1b20fc67281902c6743379960247bc161f3f0406ffc0df8e7058745a85ea1538612109db0406290512947f9632fe9e10e7337bf0ce6338a91d6c948df16a7c61
   languageName: node
   linkType: hard
 
 "@types/qs@npm:*":
-  version: 6.9.15
-  resolution: "@types/qs@npm:6.9.15"
-  checksum: 10c0/49c5ff75ca3adb18a1939310042d273c9fc55920861bd8e5100c8a923b3cda90d759e1a95e18334092da1c8f7b820084687770c83a1ccef04fb2c6908117c823
+  version: 6.9.16
+  resolution: "@types/qs@npm:6.9.16"
+  checksum: 10c0/a4e871b80fff623755e356fd1f225aea45ff7a29da30f99fddee1a05f4f5f33485b314ab5758145144ed45708f97e44595aa9a8368e9bbc083932f931b12dbb6
   languageName: node
   linkType: hard
 
@@ -3955,13 +3880,13 @@ __metadata:
   linkType: hard
 
 "@types/react@npm:^17":
-  version: 17.0.80
-  resolution: "@types/react@npm:17.0.80"
+  version: 17.0.81
+  resolution: "@types/react@npm:17.0.81"
   dependencies:
     "@types/prop-types": "npm:*"
     "@types/scheduler": "npm:^0.16"
     csstype: "npm:^3.0.2"
-  checksum: 10c0/c5d2862564212a41a327ea9c7e70b9d3996d9b0f67971d39519d42d1f3ae6ddf76b183457b7b0be9d7b5d6ff0aaeed5711448423406d20018f082077c984eec4
+  checksum: 10c0/7c371002b6443d92b3df33b24d2989d5eb555765bc2c31917b1325279bdeb79103aac524ea5a52cf36d8c61baed0f30a55dc87521b35771ec5cd4c0a4fef8245
   languageName: node
   linkType: hard
 
@@ -4530,26 +4455,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@yarnpkg/fslib@npm:2.10.3":
-  version: 2.10.3
-  resolution: "@yarnpkg/fslib@npm:2.10.3"
-  dependencies:
-    "@yarnpkg/libzip": "npm:^2.3.0"
-    tslib: "npm:^1.13.0"
-  checksum: 10c0/c4fbbed99e801f17c381204e9699d9ea4fb51b14e99968985f477bdbc7b02b61e026860173f3f46bd60d9f46ae6a06f420a3edb3c02c3a45ae83779095928094
-  languageName: node
-  linkType: hard
-
-"@yarnpkg/libzip@npm:2.3.0, @yarnpkg/libzip@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "@yarnpkg/libzip@npm:2.3.0"
-  dependencies:
-    "@types/emscripten": "npm:^1.39.6"
-    tslib: "npm:^1.13.0"
-  checksum: 10c0/0c2361ccb002e28463ed98541f3bdaab54f52aad6a2080666c2a9ea605ebd9cdfb7b0340b1db6f105820d05bcb803cdfb3ce755a8f6034657298c291bf884f81
-  languageName: node
-  linkType: hard
-
 "abab@npm:^2.0.6":
   version: 2.0.6
   resolution: "abab@npm:2.0.6"
@@ -4627,7 +4532,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.1.0, acorn@npm:^8.11.0, acorn@npm:^8.11.3, acorn@npm:^8.12.1, acorn@npm:^8.7.1, acorn@npm:^8.8.1, acorn@npm:^8.8.2, acorn@npm:^8.9.0":
+"acorn@npm:^8.1.0, acorn@npm:^8.11.0, acorn@npm:^8.12.1, acorn@npm:^8.7.1, acorn@npm:^8.8.1, acorn@npm:^8.8.2, acorn@npm:^8.9.0":
   version: 8.12.1
   resolution: "acorn@npm:8.12.1"
   bin:
@@ -5043,15 +4948,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-core@npm:^7.0.0-bridge.0":
-  version: 7.0.0-bridge.0
-  resolution: "babel-core@npm:7.0.0-bridge.0"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 10c0/f57576e30267be4607d163b7288031d332cf9200ea35efe9fb33c97f834e304376774c28c1f9d6928d6733fcde7041e4010f1248a0519e7730c590d4b07b9608
-  languageName: node
-  linkType: hard
-
 "babel-jest@npm:^29.7.0":
   version: 29.7.0
   resolution: "babel-jest@npm:29.7.0"
@@ -5070,15 +4966,15 @@ __metadata:
   linkType: hard
 
 "babel-loader@npm:^9.1.3":
-  version: 9.1.3
-  resolution: "babel-loader@npm:9.1.3"
+  version: 9.2.1
+  resolution: "babel-loader@npm:9.2.1"
   dependencies:
     find-cache-dir: "npm:^4.0.0"
     schema-utils: "npm:^4.0.0"
   peerDependencies:
     "@babel/core": ^7.12.0
     webpack: ">=5"
-  checksum: 10c0/e3fc3c9e02bd908b37e8e8cd4f3d7280cf6ac45e33fc203aedbb615135a0fecc33bf92573b71a166a827af029d302c0b060354985cd91d510320bd70a2f949eb
+  checksum: 10c0/efb82faff4c7c27e9c15bb28bf11c73200e61cf365118a9514e8d74dd489d0afc2a0d5aaa62cb4254eefc2ab631579224d95a03fd245410f28ea75e24de54ba4
   languageName: node
   linkType: hard
 
@@ -5209,13 +5105,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"base64-js@npm:^1.3.1":
-  version: 1.5.1
-  resolution: "base64-js@npm:1.5.1"
-  checksum: 10c0/f23823513b63173a001030fae4f2dabe283b99a9d324ade3ad3d148e218134676f1ee8568c877cd79ec1c53158dcf2d2ba527a97c606618928ba99dd930102bf
-  languageName: node
-  linkType: hard
-
 "batch@npm:0.6.1":
   version: 0.6.1
   resolution: "batch@npm:0.6.1"
@@ -5223,6 +5112,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"better-opn@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "better-opn@npm:3.0.2"
+  dependencies:
+    open: "npm:^8.0.4"
+  checksum: 10c0/911ef25d44da75aabfd2444ce7a4294a8000ebcac73068c04a60298b0f7c7506b60421aa4cd02ac82502fb42baaff7e4892234b51e6923eded44c5a11185f2f5
+  languageName: node
+  linkType: hard
+
 "binary-extensions@npm:^2.0.0":
   version: 2.3.0
   resolution: "binary-extensions@npm:2.3.0"
@@ -5230,17 +5128,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bl@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "bl@npm:4.1.0"
-  dependencies:
-    buffer: "npm:^5.5.0"
-    inherits: "npm:^2.0.4"
-    readable-stream: "npm:^3.4.0"
-  checksum: 10c0/02847e1d2cb089c9dc6958add42e3cdeaf07d13f575973963335ac0fdece563a50ac770ac4c8fa06492d2dd276f6cc3b7f08c7cd9c7a7ad0f8d388b2a28def5f
-  languageName: node
-  linkType: hard
-
 "body-parser@npm:1.20.3":
   version: 1.20.3
   resolution: "body-parser@npm:1.20.3"
@@ -5352,16 +5239,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"buffer@npm:^5.5.0":
-  version: 5.7.1
-  resolution: "buffer@npm:5.7.1"
-  dependencies:
-    base64-js: "npm:^1.3.1"
-    ieee754: "npm:^1.1.13"
-  checksum: 10c0/27cac81cff434ed2876058d72e7c4789d11ff1120ef32c9de48f59eab58179b66710c488987d295ae89a228f835fc66d088652dffeb8e3ba8659f80eb091d55e
-  languageName: node
-  linkType: hard
-
 "bundle-name@npm:^4.1.0":
   version: 4.1.0
   resolution: "bundle-name@npm:4.1.0"
@@ -5567,15 +5444,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"citty@npm:^0.1.6":
-  version: 0.1.6
-  resolution: "citty@npm:0.1.6"
-  dependencies:
-    consola: "npm:^3.2.3"
-  checksum: 10c0/d26ad82a9a4a8858c7e149d90b878a3eceecd4cfd3e2ed3cd5f9a06212e451fb4f8cbe0fa39a3acb1b3e8f18e22db8ee5def5829384bad50e823d4b301609b48
-  languageName: node
-  linkType: hard
-
 "cjs-module-lexer@npm:^1.0.0, cjs-module-lexer@npm:^1.2.3":
   version: 1.4.1
   resolution: "cjs-module-lexer@npm:1.4.1"
@@ -5606,22 +5474,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cli-cursor@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "cli-cursor@npm:3.1.0"
-  dependencies:
-    restore-cursor: "npm:^3.1.0"
-  checksum: 10c0/92a2f98ff9037d09be3dfe1f0d749664797fb674bf388375a2207a1203b69d41847abf16434203e0089212479e47a358b13a0222ab9fccfe8e2644a7ccebd111
-  languageName: node
-  linkType: hard
-
-"cli-spinners@npm:^2.5.0":
-  version: 2.9.2
-  resolution: "cli-spinners@npm:2.9.2"
-  checksum: 10c0/907a1c227ddf0d7a101e7ab8b300affc742ead4b4ebe920a5bf1bc6d45dce2958fcd195eb28fa25275062fe6fa9b109b93b63bc8033396ed3bcb50297008b3a3
-  languageName: node
-  linkType: hard
-
 "cliui@npm:^8.0.1":
   version: 8.0.1
   resolution: "cliui@npm:8.0.1"
@@ -5644,13 +5496,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clone@npm:^1.0.2":
-  version: 1.0.4
-  resolution: "clone@npm:1.0.4"
-  checksum: 10c0/2176952b3649293473999a95d7bebfc9dc96410f6cbd3d2595cf12fd401f63a4bf41a7adbfd3ab2ff09ed60cb9870c58c6acdd18b87767366fabfc163700f13b
-  languageName: node
-  linkType: hard
-
 "clsx@npm:^2.1.0":
   version: 2.1.1
   resolution: "clsx@npm:2.1.1"
@@ -5741,13 +5586,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^6.2.1":
-  version: 6.2.1
-  resolution: "commander@npm:6.2.1"
-  checksum: 10c0/85748abd9d18c8bc88febed58b98f66b7c591d9b5017cad459565761d7b29ca13b7783ea2ee5ce84bf235897333706c4ce29adf1ce15c8252780e7000e2ce9ea
-  languageName: node
-  linkType: hard
-
 "commander@npm:^7.2.0":
   version: 7.2.0
   resolution: "commander@npm:7.2.0"
@@ -5817,13 +5655,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"confbox@npm:^0.1.7":
-  version: 0.1.7
-  resolution: "confbox@npm:0.1.7"
-  checksum: 10c0/18b40c2f652196a833f3f1a5db2326a8a579cd14eacabfe637e4fc8cb9b68d7cf296139a38c5e7c688ce5041bf46f9adce05932d43fde44cf7e012840b5da111
-  languageName: node
-  linkType: hard
-
 "confusing-browser-globals@npm:^1.0.10":
   version: 1.0.11
   resolution: "confusing-browser-globals@npm:1.0.11"
@@ -5838,13 +5669,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"consola@npm:^3.2.3":
-  version: 3.2.3
-  resolution: "consola@npm:3.2.3"
-  checksum: 10c0/c606220524ec88a05bb1baf557e9e0e04a0c08a9c35d7a08652d99de195c4ddcb6572040a7df57a18ff38bbc13ce9880ad032d56630cef27bef72768ef0ac078
-  languageName: node
-  linkType: hard
-
 "constants-browserify@npm:^1.0.0":
   version: 1.0.0
   resolution: "constants-browserify@npm:1.0.0"
@@ -6159,15 +5983,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"crypto-random-string@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "crypto-random-string@npm:4.0.0"
-  dependencies:
-    type-fest: "npm:^1.0.1"
-  checksum: 10c0/16e11a3c8140398f5408b7fded35a961b9423c5dac39a60cbbd08bd3f0e07d7de130e87262adea7db03ec1a7a4b7551054e0db07ee5408b012bac5400cfc07a5
-  languageName: node
-  linkType: hard
-
 "css-color-keywords@npm:^1.0.0":
   version: 1.0.0
   resolution: "css-color-keywords@npm:1.0.0"
@@ -6401,9 +6216,9 @@ __metadata:
   linkType: hard
 
 "date-fns@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "date-fns@npm:4.0.0"
-  checksum: 10c0/c706d29f05c28fdaea939068d688489bbc3096ef2486d1fe4a56d209c3a061ba99febae943b9562bb8ac08fe61257cf11fe74adad164adb7ba6df994e09cb99b
+  version: 4.1.0
+  resolution: "date-fns@npm:4.1.0"
+  checksum: 10c0/b79ff32830e6b7faa009590af6ae0fb8c3fd9ffad46d930548fbb5acf473773b4712ae887e156ba91a7b3dc30591ce0f517d69fd83bd9c38650fdc03b4e0bac8
   languageName: node
   linkType: hard
 
@@ -6529,15 +6344,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"defaults@npm:^1.0.3":
-  version: 1.0.4
-  resolution: "defaults@npm:1.0.4"
-  dependencies:
-    clone: "npm:^1.0.2"
-  checksum: 10c0/9cfbe498f5c8ed733775db62dfd585780387d93c17477949e1670bfcfb9346e0281ce8c4bf9f4ac1fc0f9b851113bd6dc9e41182ea1644ccd97de639fa13c35a
-  languageName: node
-  linkType: hard
-
 "define-data-property@npm:^1.0.1, define-data-property@npm:^1.1.4":
   version: 1.1.4
   resolution: "define-data-property@npm:1.1.4"
@@ -6549,6 +6355,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"define-lazy-prop@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "define-lazy-prop@npm:2.0.0"
+  checksum: 10c0/db6c63864a9d3b7dc9def55d52764968a5af296de87c1b2cc71d8be8142e445208071953649e0386a8cc37cfcf9a2067a47207f1eb9ff250c2a269658fdae422
+  languageName: node
+  linkType: hard
+
 "define-lazy-prop@npm:^3.0.0":
   version: 3.0.0
   resolution: "define-lazy-prop@npm:3.0.0"
@@ -6567,13 +6380,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"defu@npm:^6.1.4":
-  version: 6.1.4
-  resolution: "defu@npm:6.1.4"
-  checksum: 10c0/2d6cc366262dc0cb8096e429368e44052fdf43ed48e53ad84cc7c9407f890301aa5fcb80d0995abaaf842b3949f154d060be4160f7a46cb2bc2f7726c81526f5
-  languageName: node
-  linkType: hard
-
 "delayed-stream@npm:~1.0.0":
   version: 1.0.0
   resolution: "delayed-stream@npm:1.0.0"
@@ -6609,13 +6415,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"detect-indent@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "detect-indent@npm:6.1.0"
-  checksum: 10c0/dd83cdeda9af219cf77f5e9a0dc31d828c045337386cfb55ce04fad94ba872ee7957336834154f7647b89b899c3c7acc977c57a79b7c776b506240993f97acc7
-  languageName: node
-  linkType: hard
-
 "detect-newline@npm:^3.0.0":
   version: 3.1.0
   resolution: "detect-newline@npm:3.1.0"
@@ -6826,9 +6625,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.5.4":
-  version: 1.5.18
-  resolution: "electron-to-chromium@npm:1.5.18"
-  checksum: 10c0/2c553c4e7618e887398af0fb7ddd8055beb69d37a810ad73fcea0f3e9027f1fc879ef280151fb6bae8e5b961f5597452eafc1ae5a0adca5bd49211545a34afe7
+  version: 1.5.24
+  resolution: "electron-to-chromium@npm:1.5.24"
+  checksum: 10c0/c20a6fc69145c0b470778ee0a952226d3480d611949bea00c9f8ed3bac0a205e5cd8ba76cfa99034d9ee717482741cf1c7e41eb151ccffc933e1eefe501d3bc7
   languageName: node
   linkType: hard
 
@@ -6926,11 +6725,11 @@ __metadata:
   linkType: hard
 
 "envinfo@npm:^7.7.3":
-  version: 7.13.0
-  resolution: "envinfo@npm:7.13.0"
+  version: 7.14.0
+  resolution: "envinfo@npm:7.14.0"
   bin:
     envinfo: dist/cli.js
-  checksum: 10c0/9c279213cbbb353b3171e8e333fd2ed564054abade08ab3d735fe136e10a0e14e0588e1ce77e6f01285f2462eaca945d64f0778be5ae3d9e82804943e36a4411
+  checksum: 10c0/059a031eee101e056bd9cc5cbfe25c2fab433fe1780e86cf0a82d24a000c6931e327da6a8ffb3dce528a24f83f256e7efc0b36813113eff8fdc6839018efe327
   languageName: node
   linkType: hard
 
@@ -7237,33 +7036,34 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild@npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0":
-  version: 0.21.5
-  resolution: "esbuild@npm:0.21.5"
-  dependencies:
-    "@esbuild/aix-ppc64": "npm:0.21.5"
-    "@esbuild/android-arm": "npm:0.21.5"
-    "@esbuild/android-arm64": "npm:0.21.5"
-    "@esbuild/android-x64": "npm:0.21.5"
-    "@esbuild/darwin-arm64": "npm:0.21.5"
-    "@esbuild/darwin-x64": "npm:0.21.5"
-    "@esbuild/freebsd-arm64": "npm:0.21.5"
-    "@esbuild/freebsd-x64": "npm:0.21.5"
-    "@esbuild/linux-arm": "npm:0.21.5"
-    "@esbuild/linux-arm64": "npm:0.21.5"
-    "@esbuild/linux-ia32": "npm:0.21.5"
-    "@esbuild/linux-loong64": "npm:0.21.5"
-    "@esbuild/linux-mips64el": "npm:0.21.5"
-    "@esbuild/linux-ppc64": "npm:0.21.5"
-    "@esbuild/linux-riscv64": "npm:0.21.5"
-    "@esbuild/linux-s390x": "npm:0.21.5"
-    "@esbuild/linux-x64": "npm:0.21.5"
-    "@esbuild/netbsd-x64": "npm:0.21.5"
-    "@esbuild/openbsd-x64": "npm:0.21.5"
-    "@esbuild/sunos-x64": "npm:0.21.5"
-    "@esbuild/win32-arm64": "npm:0.21.5"
-    "@esbuild/win32-ia32": "npm:0.21.5"
-    "@esbuild/win32-x64": "npm:0.21.5"
+"esbuild@npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0":
+  version: 0.23.1
+  resolution: "esbuild@npm:0.23.1"
+  dependencies:
+    "@esbuild/aix-ppc64": "npm:0.23.1"
+    "@esbuild/android-arm": "npm:0.23.1"
+    "@esbuild/android-arm64": "npm:0.23.1"
+    "@esbuild/android-x64": "npm:0.23.1"
+    "@esbuild/darwin-arm64": "npm:0.23.1"
+    "@esbuild/darwin-x64": "npm:0.23.1"
+    "@esbuild/freebsd-arm64": "npm:0.23.1"
+    "@esbuild/freebsd-x64": "npm:0.23.1"
+    "@esbuild/linux-arm": "npm:0.23.1"
+    "@esbuild/linux-arm64": "npm:0.23.1"
+    "@esbuild/linux-ia32": "npm:0.23.1"
+    "@esbuild/linux-loong64": "npm:0.23.1"
+    "@esbuild/linux-mips64el": "npm:0.23.1"
+    "@esbuild/linux-ppc64": "npm:0.23.1"
+    "@esbuild/linux-riscv64": "npm:0.23.1"
+    "@esbuild/linux-s390x": "npm:0.23.1"
+    "@esbuild/linux-x64": "npm:0.23.1"
+    "@esbuild/netbsd-x64": "npm:0.23.1"
+    "@esbuild/openbsd-arm64": "npm:0.23.1"
+    "@esbuild/openbsd-x64": "npm:0.23.1"
+    "@esbuild/sunos-x64": "npm:0.23.1"
+    "@esbuild/win32-arm64": "npm:0.23.1"
+    "@esbuild/win32-ia32": "npm:0.23.1"
+    "@esbuild/win32-x64": "npm:0.23.1"
   dependenciesMeta:
     "@esbuild/aix-ppc64":
       optional: true
@@ -7301,6 +7101,8 @@ __metadata:
       optional: true
     "@esbuild/netbsd-x64":
       optional: true
+    "@esbuild/openbsd-arm64":
+      optional: true
     "@esbuild/openbsd-x64":
       optional: true
     "@esbuild/sunos-x64":
@@ -7313,7 +7115,7 @@ __metadata:
       optional: true
   bin:
     esbuild: bin/esbuild
-  checksum: 10c0/fa08508adf683c3f399e8a014a6382a6b65542213431e26206c0720e536b31c09b50798747c2a105a4bbba1d9767b8d3615a74c2f7bf1ddf6d836cd11eb672de
+  checksum: 10c0/08c2ed1105cc3c5e3a24a771e35532fe6089dd24a39c10097899072cef4a99f20860e41e9294e000d86380f353b04d8c50af482483d7f69f5208481cce61eec7
   languageName: node
   linkType: hard
 
@@ -7574,7 +7376,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint@npm:8.57.0, eslint@npm:^8.39.0, eslint@npm:^8.9.0":
+"eslint@npm:8.57.0":
   version: 8.57.0
   resolution: "eslint@npm:8.57.0"
   dependencies:
@@ -7622,6 +7424,54 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint@npm:^8.39.0, eslint@npm:^8.9.0":
+  version: 8.57.1
+  resolution: "eslint@npm:8.57.1"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.2.0"
+    "@eslint-community/regexpp": "npm:^4.6.1"
+    "@eslint/eslintrc": "npm:^2.1.4"
+    "@eslint/js": "npm:8.57.1"
+    "@humanwhocodes/config-array": "npm:^0.13.0"
+    "@humanwhocodes/module-importer": "npm:^1.0.1"
+    "@nodelib/fs.walk": "npm:^1.2.8"
+    "@ungap/structured-clone": "npm:^1.2.0"
+    ajv: "npm:^6.12.4"
+    chalk: "npm:^4.0.0"
+    cross-spawn: "npm:^7.0.2"
+    debug: "npm:^4.3.2"
+    doctrine: "npm:^3.0.0"
+    escape-string-regexp: "npm:^4.0.0"
+    eslint-scope: "npm:^7.2.2"
+    eslint-visitor-keys: "npm:^3.4.3"
+    espree: "npm:^9.6.1"
+    esquery: "npm:^1.4.2"
+    esutils: "npm:^2.0.2"
+    fast-deep-equal: "npm:^3.1.3"
+    file-entry-cache: "npm:^6.0.1"
+    find-up: "npm:^5.0.0"
+    glob-parent: "npm:^6.0.2"
+    globals: "npm:^13.19.0"
+    graphemer: "npm:^1.4.0"
+    ignore: "npm:^5.2.0"
+    imurmurhash: "npm:^0.1.4"
+    is-glob: "npm:^4.0.0"
+    is-path-inside: "npm:^3.0.3"
+    js-yaml: "npm:^4.1.0"
+    json-stable-stringify-without-jsonify: "npm:^1.0.1"
+    levn: "npm:^0.4.1"
+    lodash.merge: "npm:^4.6.2"
+    minimatch: "npm:^3.1.2"
+    natural-compare: "npm:^1.4.0"
+    optionator: "npm:^0.9.3"
+    strip-ansi: "npm:^6.0.1"
+    text-table: "npm:^0.2.0"
+  bin:
+    eslint: bin/eslint.js
+  checksum: 10c0/1fd31533086c1b72f86770a4d9d7058ee8b4643fd1cfd10c7aac1ecb8725698e88352a87805cf4b2ce890aa35947df4b4da9655fb7fdfa60dbb448a43f6ebcf1
+  languageName: node
+  linkType: hard
+
 "espree@npm:^9.6.0, espree@npm:^9.6.1":
   version: 9.6.1
   resolution: "espree@npm:9.6.1"
@@ -7720,23 +7570,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"execa@npm:^8.0.1":
-  version: 8.0.1
-  resolution: "execa@npm:8.0.1"
-  dependencies:
-    cross-spawn: "npm:^7.0.3"
-    get-stream: "npm:^8.0.1"
-    human-signals: "npm:^5.0.0"
-    is-stream: "npm:^3.0.0"
-    merge-stream: "npm:^2.0.0"
-    npm-run-path: "npm:^5.1.0"
-    onetime: "npm:^6.0.0"
-    signal-exit: "npm:^4.1.0"
-    strip-final-newline: "npm:^3.0.0"
-  checksum: 10c0/2c52d8775f5bf103ce8eec9c7ab3059909ba350a5164744e9947ed14a53f51687c040a250bda833f906d1283aa8803975b84e6c8f7a7c42f99dc8ef80250d1af
-  languageName: node
-  linkType: hard
-
 "exenv@npm:^1.2.0":
   version: 1.2.2
   resolution: "exenv@npm:1.2.2"
@@ -7772,8 +7605,8 @@ __metadata:
   linkType: hard
 
 "express@npm:^4.17.3, express@npm:^4.19.2":
-  version: 4.20.0
-  resolution: "express@npm:4.20.0"
+  version: 4.21.0
+  resolution: "express@npm:4.21.0"
   dependencies:
     accepts: "npm:~1.3.8"
     array-flatten: "npm:1.1.1"
@@ -7787,7 +7620,7 @@ __metadata:
     encodeurl: "npm:~2.0.0"
     escape-html: "npm:~1.0.3"
     etag: "npm:~1.8.1"
-    finalhandler: "npm:1.2.0"
+    finalhandler: "npm:1.3.1"
     fresh: "npm:0.5.2"
     http-errors: "npm:2.0.0"
     merge-descriptors: "npm:1.0.3"
@@ -7796,17 +7629,17 @@ __metadata:
     parseurl: "npm:~1.3.3"
     path-to-regexp: "npm:0.1.10"
     proxy-addr: "npm:~2.0.7"
-    qs: "npm:6.11.0"
+    qs: "npm:6.13.0"
     range-parser: "npm:~1.2.1"
     safe-buffer: "npm:5.2.1"
     send: "npm:0.19.0"
-    serve-static: "npm:1.16.0"
+    serve-static: "npm:1.16.2"
     setprototypeof: "npm:1.2.0"
     statuses: "npm:2.0.1"
     type-is: "npm:~1.6.18"
     utils-merge: "npm:1.0.1"
     vary: "npm:~1.1.2"
-  checksum: 10c0/626e440e9feffa3f82ebce5e7dc0ad7a74fa96079994f30048cce450f4855a258abbcabf021f691aeb72154867f0d28440a8498c62888805faf667a829fb65aa
+  checksum: 10c0/4cf7ca328f3fdeb720f30ccb2ea7708bfa7d345f9cc460b64a82bf1b2c91e5b5852ba15a9a11b2a165d6089acf83457fc477dc904d59cd71ed34c7a91762c6cc
   languageName: node
   linkType: hard
 
@@ -7899,15 +7732,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fd-package-json@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "fd-package-json@npm:1.2.0"
-  dependencies:
-    walk-up-path: "npm:^3.0.1"
-  checksum: 10c0/712a78a12bd8ec8482867b26bbcb2ff1dca9b096a416150c138e1512f1879c6d23dfb41b03b8e9226afc1e58a35df4738e9f9ae57032ff1dbbae75acfb70343b
-  languageName: node
-  linkType: hard
-
 "feather-icons@npm:^4.29.0":
   version: 4.29.2
   resolution: "feather-icons@npm:4.29.2"
@@ -7954,29 +7778,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"finalhandler@npm:1.2.0":
-  version: 1.2.0
-  resolution: "finalhandler@npm:1.2.0"
+"finalhandler@npm:1.3.1":
+  version: 1.3.1
+  resolution: "finalhandler@npm:1.3.1"
   dependencies:
     debug: "npm:2.6.9"
-    encodeurl: "npm:~1.0.2"
+    encodeurl: "npm:~2.0.0"
     escape-html: "npm:~1.0.3"
     on-finished: "npm:2.4.1"
     parseurl: "npm:~1.3.3"
     statuses: "npm:2.0.1"
     unpipe: "npm:~1.0.0"
-  checksum: 10c0/64b7e5ff2ad1fcb14931cd012651631b721ce657da24aedb5650ddde9378bf8e95daa451da43398123f5de161a81e79ff5affe4f9f2a6d2df4a813d6d3e254b7
-  languageName: node
-  linkType: hard
-
-"find-cache-dir@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "find-cache-dir@npm:2.1.0"
-  dependencies:
-    commondir: "npm:^1.0.1"
-    make-dir: "npm:^2.0.0"
-    pkg-dir: "npm:^3.0.0"
-  checksum: 10c0/556117fd0af14eb88fb69250f4bba9e905e7c355c6136dff0e161b9cbd1f5285f761b778565a278da73a130f42eccc723d7ad4c002ae547ed1d698d39779dabb
+  checksum: 10c0/d38035831865a49b5610206a3a9a9aae4e8523cbbcd01175d0480ffbf1278c47f11d89be3ca7f617ae6d94f29cf797546a4619cd84dd109009ef33f12f69019f
   languageName: node
   linkType: hard
 
@@ -8008,15 +7821,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"find-up@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "find-up@npm:3.0.0"
-  dependencies:
-    locate-path: "npm:^3.0.0"
-  checksum: 10c0/2c2e7d0a26db858e2f624f39038c74739e38306dee42b45f404f770db357947be9d0d587f1cac72d20c114deb38aa57316e879eb0a78b17b46da7dab0a3bd6e3
-  languageName: node
-  linkType: hard
-
 "find-up@npm:^4.0.0, find-up@npm:^4.1.0":
   version: 4.1.0
   resolution: "find-up@npm:4.1.0"
@@ -8084,13 +7888,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"flow-parser@npm:0.*":
-  version: 0.245.2
-  resolution: "flow-parser@npm:0.245.2"
-  checksum: 10c0/4e691714f5507a079ef28286625ad7f8212e4acaf377866ce9643264dd4fc26793b7d114227ef6b4e255f63d2493d52cd38778abc0afd640aab602f7f283899c
-  languageName: node
-  linkType: hard
-
 "follow-redirects@npm:^1.0.0":
   version: 1.15.9
   resolution: "follow-redirects@npm:1.15.9"
@@ -8308,13 +8105,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-stream@npm:^8.0.1":
-  version: 8.0.1
-  resolution: "get-stream@npm:8.0.1"
-  checksum: 10c0/5c2181e98202b9dae0bb4a849979291043e5892eb40312b47f0c22b9414fc9b28a3b6063d2375705eb24abc41ecf97894d9a51f64ff021511b504477b27b4290
-  languageName: node
-  linkType: hard
-
 "get-symbol-description@npm:^1.0.2":
   version: 1.0.2
   resolution: "get-symbol-description@npm:1.0.2"
@@ -8327,29 +8117,11 @@ __metadata:
   linkType: hard
 
 "get-tsconfig@npm:^4.5.0":
-  version: 4.8.0
-  resolution: "get-tsconfig@npm:4.8.0"
+  version: 4.8.1
+  resolution: "get-tsconfig@npm:4.8.1"
   dependencies:
     resolve-pkg-maps: "npm:^1.0.0"
-  checksum: 10c0/943721c996d9a77351aa7c07956de77baece97f997bd30f3247f46907e4b743f7b9da02c7b3692a36f0884d3724271faeb88ed1c3aca3aba2afe3f27d6c4aeb3
-  languageName: node
-  linkType: hard
-
-"giget@npm:^1.0.0":
-  version: 1.2.3
-  resolution: "giget@npm:1.2.3"
-  dependencies:
-    citty: "npm:^0.1.6"
-    consola: "npm:^3.2.3"
-    defu: "npm:^6.1.4"
-    node-fetch-native: "npm:^1.6.3"
-    nypm: "npm:^0.3.8"
-    ohash: "npm:^1.1.3"
-    pathe: "npm:^1.1.2"
-    tar: "npm:^6.2.0"
-  bin:
-    giget: dist/cli.mjs
-  checksum: 10c0/0e82836783c704346fdda83e23d144e97f28a959320b1d8ee73c69a5af562362bcb727cf6ad99f90e45ed8a6abec140833534bb1fedcaa1c06fa026daaf3119c
+  checksum: 10c0/536ee85d202f604f4b5fb6be81bcd6e6d9a96846811e83e9acc6de4a04fb49506edea0e1b8cf1d5ee7af33e469916ec2809d4c5445ab8ae015a7a51fbd1572f9
   languageName: node
   linkType: hard
 
@@ -8499,20 +8271,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globby@npm:^14.0.1":
-  version: 14.0.2
-  resolution: "globby@npm:14.0.2"
-  dependencies:
-    "@sindresorhus/merge-streams": "npm:^2.1.0"
-    fast-glob: "npm:^3.3.2"
-    ignore: "npm:^5.2.4"
-    path-type: "npm:^5.0.0"
-    slash: "npm:^5.1.0"
-    unicorn-magic: "npm:^0.1.0"
-  checksum: 10c0/3f771cd683b8794db1e7ebc8b6b888d43496d93a82aad4e9d974620f578581210b6c5a6e75ea29573ed16a1345222fab6e9b877a8d1ed56eeb147e09f69c6f78
-  languageName: node
-  linkType: hard
-
 "globjoin@npm:^0.1.4":
   version: 0.1.4
   resolution: "globjoin@npm:0.1.4"
@@ -8529,7 +8287,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
+"graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
   version: 4.2.11
   resolution: "graceful-fs@npm:4.2.11"
   checksum: 10c0/386d011a553e02bc594ac2ca0bd6d9e4c22d7fa8cfbfc448a6d148c59ea881b092db9dbe3547ae4b88e55f1b01f7c4a2ecc53b310c042793e63aa44cf6c257f2
@@ -8949,13 +8707,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"human-signals@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "human-signals@npm:5.0.0"
-  checksum: 10c0/5a9359073fe17a8b58e5a085e9a39a950366d9f00217c4ff5878bd312e09d80f460536ea6a3f260b5943a01fe55c158d1cea3fc7bee3d0520aeef04f6d915c82
-  languageName: node
-  linkType: hard
-
 "humps@npm:^2.0.1":
   version: 2.0.1
   resolution: "humps@npm:2.0.1"
@@ -8979,7 +8730,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"i18next@npm:23.15.1":
+"i18next@npm:23.15.1, i18next@npm:^23.0.0":
   version: 23.15.1
   resolution: "i18next@npm:23.15.1"
   dependencies:
@@ -8988,15 +8739,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"i18next@npm:^23.0.0":
-  version: 23.15.0
-  resolution: "i18next@npm:23.15.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.23.2"
-  checksum: 10c0/0ccda93fbdb41f23e773df537f4467cccabff43aaba8c1ba617e6776a2f5e5952262870974ba7922eb8fc70f21262614c58c8b5d17998f4c749ca0f99f57b9db
-  languageName: node
-  linkType: hard
-
 "iconv-lite@npm:0.4.24":
   version: 0.4.24
   resolution: "iconv-lite@npm:0.4.24"
@@ -9024,14 +8766,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ieee754@npm:^1.1.13":
-  version: 1.2.1
-  resolution: "ieee754@npm:1.2.1"
-  checksum: 10c0/b0782ef5e0935b9f12883a2e2aa37baa75da6e66ce6515c168697b42160807d9330de9a32ec1ed73149aea02e0d822e572bca6f1e22bdcbd2149e13b050b17bb
-  languageName: node
-  linkType: hard
-
-"ignore@npm:^5.2.0, ignore@npm:^5.2.4, ignore@npm:^5.3.1, ignore@npm:^5.3.2":
+"ignore@npm:^5.2.0, ignore@npm:^5.3.1, ignore@npm:^5.3.2":
   version: 5.3.2
   resolution: "ignore@npm:5.3.2"
   checksum: 10c0/f9f652c957983634ded1e7f02da3b559a0d4cc210fca3792cb67f1b153623c9c42efdc1c4121af171e295444459fc4a9201101fb041b1104a3c000bccb188337
@@ -9098,7 +8833,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inherits@npm:2, inherits@npm:2.0.4, inherits@npm:^2.0.1, inherits@npm:^2.0.3, inherits@npm:^2.0.4, inherits@npm:~2.0.3, inherits@npm:~2.0.4":
+"inherits@npm:2, inherits@npm:2.0.4, inherits@npm:^2.0.1, inherits@npm:^2.0.3, inherits@npm:~2.0.3, inherits@npm:~2.0.4":
   version: 2.0.4
   resolution: "inherits@npm:2.0.4"
   checksum: 10c0/4e531f648b29039fb7426fb94075e6545faa1eb9fe83c29f0b6d9e7263aceb4289d2d4557db0d428188eeb449cc7c5e77b0a0b2c4e248ff2a65933a0dee49ef2
@@ -9266,6 +9001,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-docker@npm:^2.0.0, is-docker@npm:^2.1.1":
+  version: 2.2.1
+  resolution: "is-docker@npm:2.2.1"
+  bin:
+    is-docker: cli.js
+  checksum: 10c0/e828365958d155f90c409cdbe958f64051d99e8aedc2c8c4cd7c89dcf35329daed42f7b99346f7828df013e27deb8f721cf9408ba878c76eb9e8290235fbcdcc
+  languageName: node
+  linkType: hard
+
 "is-docker@npm:^3.0.0":
   version: 3.0.0
   resolution: "is-docker@npm:3.0.0"
@@ -9334,13 +9078,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-interactive@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "is-interactive@npm:1.0.0"
-  checksum: 10c0/dd47904dbf286cd20aa58c5192161be1a67138485b9836d5a70433b21a45442e9611b8498b8ab1f839fc962c7620667a50535fdfb4a6bc7989b8858645c06b4d
-  languageName: node
-  linkType: hard
-
 "is-json@npm:^2.0.1":
   version: 2.0.1
   resolution: "is-json@npm:2.0.1"
@@ -9479,13 +9216,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-stream@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "is-stream@npm:3.0.0"
-  checksum: 10c0/eb2f7127af02ee9aa2a0237b730e47ac2de0d4e76a4a905a50a11557f2339df5765eaea4ceb8029f1efa978586abe776908720bfcb1900c20c6ec5145f6f29d8
-  languageName: node
-  linkType: hard
-
 "is-string@npm:^1.0.5, is-string@npm:^1.0.7":
   version: 1.0.7
   resolution: "is-string@npm:1.0.7"
@@ -9520,13 +9250,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-unicode-supported@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "is-unicode-supported@npm:0.1.0"
-  checksum: 10c0/00cbe3455c3756be68d2542c416cab888aebd5012781d6819749fefb15162ff23e38501fe681b3d751c73e8ff561ac09a5293eba6f58fdf0178462ce6dcb3453
-  languageName: node
-  linkType: hard
-
 "is-weakmap@npm:^2.0.2":
   version: 2.0.2
   resolution: "is-weakmap@npm:2.0.2"
@@ -9553,6 +9276,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-wsl@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "is-wsl@npm:2.2.0"
+  dependencies:
+    is-docker: "npm:^2.0.0"
+  checksum: 10c0/a6fa2d370d21be487c0165c7a440d567274fbba1a817f2f0bfa41cc5e3af25041d84267baa22df66696956038a43973e72fca117918c91431920bdef490fa25e
+  languageName: node
+  linkType: hard
+
 "is-wsl@npm:^3.1.0":
   version: 3.1.0
   resolution: "is-wsl@npm:3.1.0"
@@ -10240,38 +9972,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jscodeshift@npm:^0.15.1":
-  version: 0.15.2
-  resolution: "jscodeshift@npm:0.15.2"
-  dependencies:
-    "@babel/core": "npm:^7.23.0"
-    "@babel/parser": "npm:^7.23.0"
-    "@babel/plugin-transform-class-properties": "npm:^7.22.5"
-    "@babel/plugin-transform-modules-commonjs": "npm:^7.23.0"
-    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.22.11"
-    "@babel/plugin-transform-optional-chaining": "npm:^7.23.0"
-    "@babel/plugin-transform-private-methods": "npm:^7.22.5"
-    "@babel/preset-flow": "npm:^7.22.15"
-    "@babel/preset-typescript": "npm:^7.23.0"
-    "@babel/register": "npm:^7.22.15"
-    babel-core: "npm:^7.0.0-bridge.0"
-    chalk: "npm:^4.1.2"
-    flow-parser: "npm:0.*"
-    graceful-fs: "npm:^4.2.4"
-    micromatch: "npm:^4.0.4"
-    neo-async: "npm:^2.5.0"
-    node-dir: "npm:^0.1.17"
-    recast: "npm:^0.23.3"
-    temp: "npm:^0.8.4"
-    write-file-atomic: "npm:^2.3.0"
-  peerDependencies:
-    "@babel/preset-env": ^7.1.6
-  peerDependenciesMeta:
-    "@babel/preset-env":
-      optional: true
-  bin:
-    jscodeshift: bin/jscodeshift.js
-  checksum: 10c0/79afb059b9ca92712af02bdc8d6ff144de7aaf5e2cdcc6f6534e7a86a7347b0a278d9f4884f2c78dac424162a353aafff183a60e868f71132be2c5b5304aeeb8
+"jsdoc-type-pratt-parser@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "jsdoc-type-pratt-parser@npm:4.1.0"
+  checksum: 10c0/7700372d2e733a32f7ea0a1df9cec6752321a5345c11a91b2ab478a031a426e934f16d5c1f15c8566c7b2c10af9f27892a29c2c789039f595470e929a4aa60ea
   languageName: node
   linkType: hard
 
@@ -10499,16 +10203,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"locate-path@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "locate-path@npm:3.0.0"
-  dependencies:
-    p-locate: "npm:^3.0.0"
-    path-exists: "npm:^3.0.0"
-  checksum: 10c0/3db394b7829a7fe2f4fbdd25d3c4689b85f003c318c5da4052c7e56eed697da8f1bce5294f685c69ff76e32cba7a33629d94396976f6d05fb7f4c755c5e2ae8b
-  languageName: node
-  linkType: hard
-
 "locate-path@npm:^5.0.0":
   version: 5.0.0
   resolution: "locate-path@npm:5.0.0"
@@ -10592,16 +10286,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"log-symbols@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "log-symbols@npm:4.1.0"
-  dependencies:
-    chalk: "npm:^4.1.0"
-    is-unicode-supported: "npm:^0.1.0"
-  checksum: 10c0/67f445a9ffa76db1989d0fa98586e5bc2fd5247260dafb8ad93d9f0ccd5896d53fb830b0e54dade5ad838b9de2006c826831a3c528913093af20dff8bd24aca6
-  languageName: node
-  linkType: hard
-
 "loose-envify@npm:^1.0.0, loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0":
   version: 1.4.0
   resolution: "loose-envify@npm:1.4.0"
@@ -10656,16 +10340,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"make-dir@npm:^2.0.0, make-dir@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "make-dir@npm:2.1.0"
-  dependencies:
-    pify: "npm:^4.0.1"
-    semver: "npm:^5.6.0"
-  checksum: 10c0/ada869944d866229819735bee5548944caef560d7a8536ecbc6536edca28c72add47cc4f6fc39c54fb25d06b58da1f8994cf7d9df7dadea047064749efc085d8
-  languageName: node
-  linkType: hard
-
 "make-dir@npm:^3.0.2":
   version: 3.1.0
   resolution: "make-dir@npm:3.1.0"
@@ -10878,13 +10552,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mimic-fn@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "mimic-fn@npm:4.0.0"
-  checksum: 10c0/de9cc32be9996fd941e512248338e43407f63f6d497abe8441fa33447d922e927de54d4cc3c1a3c6d652857acd770389d5a3823f311a744132760ce2be15ccbf
-  languageName: node
-  linkType: hard
-
 "min-indent@npm:^1.0.1":
   version: 1.0.1
   resolution: "min-indent@npm:1.0.1"
@@ -10899,7 +10566,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^3.0.2, minimatch@npm:^3.0.4, minimatch@npm:^3.0.5, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2":
+"minimatch@npm:^3.0.4, minimatch@npm:^3.0.5, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2":
   version: 3.1.2
   resolution: "minimatch@npm:3.1.2"
   dependencies:
@@ -11026,18 +10693,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mlly@npm:^1.7.1":
-  version: 1.7.1
-  resolution: "mlly@npm:1.7.1"
-  dependencies:
-    acorn: "npm:^8.11.3"
-    pathe: "npm:^1.1.2"
-    pkg-types: "npm:^1.1.1"
-    ufo: "npm:^1.5.3"
-  checksum: 10c0/d836a7b0adff4d118af41fb93ad4d9e57f80e694a681185280ba220a4607603c19e86c80f9a6c57512b04280567f2599e3386081705c5b5fd74c9ddfd571d0fa
-  languageName: node
-  linkType: hard
-
 "moo@npm:^0.5.0":
   version: 0.5.2
   resolution: "moo@npm:0.5.2"
@@ -11111,7 +10766,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"neo-async@npm:^2.5.0, neo-async@npm:^2.6.2":
+"neo-async@npm:^2.6.2":
   version: 2.6.2
   resolution: "neo-async@npm:2.6.2"
   checksum: 10c0/c2f5a604a54a8ec5438a342e1f356dff4bc33ccccdb6dc668d94fe8e5eccfc9d2c2eea6064b0967a767ba63b33763f51ccf2cd2441b461a7322656c1f06b3f5d
@@ -11135,22 +10790,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-dir@npm:^0.1.17":
-  version: 0.1.17
-  resolution: "node-dir@npm:0.1.17"
-  dependencies:
-    minimatch: "npm:^3.0.2"
-  checksum: 10c0/16222e871708c405079ff8122d4a7e1d522c5b90fc8f12b3112140af871cfc70128c376e845dcd0044c625db0d2efebd2d852414599d240564db61d53402b4c1
-  languageName: node
-  linkType: hard
-
-"node-fetch-native@npm:^1.6.3":
-  version: 1.6.4
-  resolution: "node-fetch-native@npm:1.6.4"
-  checksum: 10c0/78334dc6def5d1d95cfe87b33ac76c4833592c5eb84779ad2b0c23c689f9dd5d1cfc827035ada72d6b8b218f717798968c5a99aeff0a1a8bf06657e80592f9c3
-  languageName: node
-  linkType: hard
-
 "node-forge@npm:^1":
   version: 1.3.1
   resolution: "node-forge@npm:1.3.1"
@@ -11230,15 +10869,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"npm-run-path@npm:^5.1.0":
-  version: 5.3.0
-  resolution: "npm-run-path@npm:5.3.0"
-  dependencies:
-    path-key: "npm:^4.0.0"
-  checksum: 10c0/124df74820c40c2eb9a8612a254ea1d557ddfab1581c3e751f825e3e366d9f00b0d76a3c94ecd8398e7f3eee193018622677e95816e8491f0797b21e30b2deba
-  languageName: node
-  linkType: hard
-
 "nth-check@npm:^2.0.1":
   version: 2.1.1
   resolution: "nth-check@npm:2.1.1"
@@ -11255,22 +10885,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nypm@npm:^0.3.8":
-  version: 0.3.11
-  resolution: "nypm@npm:0.3.11"
-  dependencies:
-    citty: "npm:^0.1.6"
-    consola: "npm:^3.2.3"
-    execa: "npm:^8.0.1"
-    pathe: "npm:^1.1.2"
-    pkg-types: "npm:^1.2.0"
-    ufo: "npm:^1.5.4"
-  bin:
-    nypm: dist/cli.mjs
-  checksum: 10c0/016a74110f9629ddb9ee06d378aca56004ba0cbf824defb1f558342e411051443f95ae20171f538691798d4ac1da72d7582192c1a9c858843a2a90d6f5c3f86b
-  languageName: node
-  linkType: hard
-
 "object-assign@npm:^4.1.1":
   version: 4.1.1
   resolution: "object-assign@npm:4.1.1"
@@ -11373,13 +10987,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ohash@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "ohash@npm:1.1.3"
-  checksum: 10c0/928f5bdbd8cd73f90cf544c0533dbda8e0a42d9b8c7454ab89e64e4d11bc85f85242830b4e107426ce13dc4dd3013286f8f5e0c84abd8942a014b907d9692540
-  languageName: node
-  linkType: hard
-
 "on-finished@npm:2.4.1, on-finished@npm:^2.4.1":
   version: 2.4.1
   resolution: "on-finished@npm:2.4.1"
@@ -11405,7 +11012,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"onetime@npm:^5.1.0, onetime@npm:^5.1.2":
+"onetime@npm:^5.1.2":
   version: 5.1.2
   resolution: "onetime@npm:5.1.2"
   dependencies:
@@ -11414,15 +11021,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"onetime@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "onetime@npm:6.0.0"
-  dependencies:
-    mimic-fn: "npm:^4.0.0"
-  checksum: 10c0/4eef7c6abfef697dd4479345a4100c382d73c149d2d56170a54a07418c50816937ad09500e1ed1e79d235989d073a9bade8557122aee24f0576ecde0f392bb6c
-  languageName: node
-  linkType: hard
-
 "open@npm:^10.0.3":
   version: 10.1.0
   resolution: "open@npm:10.1.0"
@@ -11435,6 +11033,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"open@npm:^8.0.4":
+  version: 8.4.2
+  resolution: "open@npm:8.4.2"
+  dependencies:
+    define-lazy-prop: "npm:^2.0.0"
+    is-docker: "npm:^2.1.1"
+    is-wsl: "npm:^2.2.0"
+  checksum: 10c0/bb6b3a58401dacdb0aad14360626faf3fb7fba4b77816b373495988b724fb48941cad80c1b65d62bb31a17609b2cd91c41a181602caea597ca80dfbcc27e84c9
+  languageName: node
+  linkType: hard
+
 "optionator@npm:^0.9.3":
   version: 0.9.4
   resolution: "optionator@npm:0.9.4"
@@ -11449,24 +11058,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ora@npm:^5.4.1":
-  version: 5.4.1
-  resolution: "ora@npm:5.4.1"
-  dependencies:
-    bl: "npm:^4.1.0"
-    chalk: "npm:^4.1.0"
-    cli-cursor: "npm:^3.1.0"
-    cli-spinners: "npm:^2.5.0"
-    is-interactive: "npm:^1.0.0"
-    is-unicode-supported: "npm:^0.1.0"
-    log-symbols: "npm:^4.1.0"
-    strip-ansi: "npm:^6.0.0"
-    wcwidth: "npm:^1.0.1"
-  checksum: 10c0/10ff14aace236d0e2f044193362b22edce4784add08b779eccc8f8ef97195cae1248db8ec1ec5f5ff076f91acbe573f5f42a98c19b78dba8c54eefff983cae85
-  languageName: node
-  linkType: hard
-
-"p-limit@npm:^2.0.0, p-limit@npm:^2.2.0":
+"p-limit@npm:^2.2.0":
   version: 2.3.0
   resolution: "p-limit@npm:2.3.0"
   dependencies:
@@ -11493,15 +11085,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-locate@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "p-locate@npm:3.0.0"
-  dependencies:
-    p-limit: "npm:^2.0.0"
-  checksum: 10c0/7b7f06f718f19e989ce6280ed4396fb3c34dabdee0df948376483032f9d5ec22fdf7077ec942143a75827bb85b11da72016497fc10dac1106c837ed593969ee8
-  languageName: node
-  linkType: hard
-
 "p-locate@npm:^4.1.0":
   version: 4.1.0
   resolution: "p-locate@npm:4.1.0"
@@ -11648,13 +11231,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-exists@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "path-exists@npm:3.0.0"
-  checksum: 10c0/17d6a5664bc0a11d48e2b2127d28a0e58822c6740bde30403f08013da599182289c56518bec89407e3f31d3c2b6b296a4220bc3f867f0911fee6952208b04167
-  languageName: node
-  linkType: hard
-
 "path-exists@npm:^4.0.0":
   version: 4.0.0
   resolution: "path-exists@npm:4.0.0"
@@ -11683,13 +11259,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-key@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "path-key@npm:4.0.0"
-  checksum: 10c0/794efeef32863a65ac312f3c0b0a99f921f3e827ff63afa5cb09a377e202c262b671f7b3832a4e64731003fa94af0263713962d317b9887bd1e0c48a342efba3
-  languageName: node
-  linkType: hard
-
 "path-parse@npm:^1.0.7":
   version: 1.0.7
   resolution: "path-parse@npm:1.0.7"
@@ -11721,20 +11290,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-type@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "path-type@npm:5.0.0"
-  checksum: 10c0/e8f4b15111bf483900c75609e5e74e3fcb79f2ddb73e41470028fcd3e4b5162ec65da9907be077ee5012c18801ff7fffb35f9f37a077f3f81d85a0b7d6578efd
-  languageName: node
-  linkType: hard
-
-"pathe@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "pathe@npm:1.1.2"
-  checksum: 10c0/64ee0a4e587fb0f208d9777a6c56e4f9050039268faaaaecd50e959ef01bf847b7872785c36483fa5cdcdbdfdb31fef2ff222684d4fc21c330ab60395c681897
-  languageName: node
-  linkType: hard
-
 "performance-now@npm:^2.1.0":
   version: 2.1.0
   resolution: "performance-now@npm:2.1.0"
@@ -11742,7 +11297,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picocolors@npm:^1.0.0, picocolors@npm:^1.0.1":
+"picocolors@npm:^1.0.0, picocolors@npm:^1.0.1, picocolors@npm:^1.1.0":
   version: 1.1.0
   resolution: "picocolors@npm:1.1.0"
   checksum: 10c0/86946f6032148801ef09c051c6fb13b5cf942eaf147e30ea79edb91dd32d700934edebe782a1078ff859fb2b816792e97ef4dab03d7f0b804f6b01a0df35e023
@@ -11756,29 +11311,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pify@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "pify@npm:4.0.1"
-  checksum: 10c0/6f9d404b0d47a965437403c9b90eca8bb2536407f03de165940e62e72c8c8b75adda5516c6b9b23675a5877cc0bcac6bdfb0ef0e39414cd2476d5495da40e7cf
-  languageName: node
-  linkType: hard
-
-"pirates@npm:^4.0.4, pirates@npm:^4.0.6":
+"pirates@npm:^4.0.4":
   version: 4.0.6
   resolution: "pirates@npm:4.0.6"
   checksum: 10c0/00d5fa51f8dded94d7429700fb91a0c1ead00ae2c7fd27089f0c5b63e6eca36197fe46384631872690a66f390c5e27198e99006ab77ae472692ab9c2ca903f36
   languageName: node
   linkType: hard
 
-"pkg-dir@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "pkg-dir@npm:3.0.0"
-  dependencies:
-    find-up: "npm:^3.0.0"
-  checksum: 10c0/902a3d0c1f8ac43b1795fa1ba6ffeb37dfd53c91469e969790f6ed5e29ff2bdc50b63ba6115dc056d2efb4a040aa2446d512b3804bdafdf302f734fb3ec21847
-  languageName: node
-  linkType: hard
-
 "pkg-dir@npm:^4.1.0, pkg-dir@npm:^4.2.0":
   version: 4.2.0
   resolution: "pkg-dir@npm:4.2.0"
@@ -11797,17 +11336,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pkg-types@npm:^1.1.1, pkg-types@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "pkg-types@npm:1.2.0"
-  dependencies:
-    confbox: "npm:^0.1.7"
-    mlly: "npm:^1.7.1"
-    pathe: "npm:^1.1.2"
-  checksum: 10c0/111cf6ad4235438821ea195a0d70570b1bd36a71d094d258349027c9c304dea8b4f9669c9f7ce813f9a48a02942fb0d7fe9809127dbe7bb4b18a8de71583a081
-  languageName: node
-  linkType: hard
-
 "polished@npm:^4.2.2":
   version: 4.3.1
   resolution: "polished@npm:4.3.1"
@@ -11875,7 +11403,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-resolve-nested-selector@npm:^0.1.4, postcss-resolve-nested-selector@npm:^0.1.6":
+"postcss-resolve-nested-selector@npm:^0.1.6":
   version: 0.1.6
   resolution: "postcss-resolve-nested-selector@npm:0.1.6"
   checksum: 10c0/84213a2bccce481b1569c595a3c547b25c6ef1cca839fbd6c82c12ab407559966e968613c7454b573aa54f38cfd7e900c1fd603f0efc9f51939ab9f93f115455
@@ -11900,7 +11428,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.1.1, postcss-selector-parser@npm:^6.1.2":
+"postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.1.2":
   version: 6.1.2
   resolution: "postcss-selector-parser@npm:6.1.2"
   dependencies:
@@ -11949,13 +11477,13 @@ __metadata:
   linkType: hard
 
 "postcss@npm:^8.4.32, postcss@npm:^8.4.33, postcss@npm:^8.4.35, postcss@npm:^8.4.41":
-  version: 8.4.45
-  resolution: "postcss@npm:8.4.45"
+  version: 8.4.47
+  resolution: "postcss@npm:8.4.47"
   dependencies:
     nanoid: "npm:^3.3.7"
-    picocolors: "npm:^1.0.1"
-    source-map-js: "npm:^1.2.0"
-  checksum: 10c0/ad6f8b9b1157d678560373696109745ab97a947d449f8a997acac41c7f1e4c0f3ca4b092d6df1387f430f2c9a319987b1780dbdc27e35800a88cde9b606c1e8f
+    picocolors: "npm:^1.1.0"
+    source-map-js: "npm:^1.2.1"
+  checksum: 10c0/929f68b5081b7202709456532cee2a145c1843d391508c5a09de2517e8c4791638f71dd63b1898dba6712f8839d7a6da046c72a5e44c162e908f5911f57b5f44
   languageName: node
   linkType: hard
 
@@ -12025,15 +11553,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^3.1.1":
-  version: 3.3.3
-  resolution: "prettier@npm:3.3.3"
-  bin:
-    prettier: bin/prettier.cjs
-  checksum: 10c0/b85828b08e7505716324e4245549b9205c0cacb25342a030ba8885aba2039a115dbcf75a0b7ca3b37bc9d101ee61fab8113fc69ca3359f2a226f1ecc07ad2e26
-  languageName: node
-  linkType: hard
-
 "pretty-error@npm:^4.0.0":
   version: 4.0.0
   resolution: "pretty-error@npm:4.0.0"
@@ -12097,7 +11616,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prompts@npm:^2.0.1, prompts@npm:^2.4.0":
+"prompts@npm:^2.0.1":
   version: 2.4.2
   resolution: "prompts@npm:2.4.2"
   dependencies:
@@ -12156,15 +11675,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"qs@npm:6.11.0":
-  version: 6.11.0
-  resolution: "qs@npm:6.11.0"
-  dependencies:
-    side-channel: "npm:^1.0.4"
-  checksum: 10c0/4e4875e4d7c7c31c233d07a448e7e4650f456178b9dd3766b7cfa13158fdb24ecb8c4f059fa91e820dc6ab9f2d243721d071c9c0378892dcdad86e9e9a27c68f
-  languageName: node
-  linkType: hard
-
 "qs@npm:6.13.0, qs@npm:^6.12.3":
   version: 6.13.0
   resolution: "qs@npm:6.13.0"
@@ -12648,7 +12158,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"readable-stream@npm:^3.0.6, readable-stream@npm:^3.4.0, readable-stream@npm:^3.5.0":
+"readable-stream@npm:^3.0.6, readable-stream@npm:^3.5.0":
   version: 3.6.2
   resolution: "readable-stream@npm:3.6.2"
   dependencies:
@@ -12668,7 +12178,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"recast@npm:^0.23.3, recast@npm:^0.23.5":
+"recast@npm:^0.23.5":
   version: 0.23.9
   resolution: "recast@npm:0.23.9"
   dependencies:
@@ -12706,11 +12216,11 @@ __metadata:
   linkType: hard
 
 "regenerate-unicode-properties@npm:^10.1.0":
-  version: 10.1.1
-  resolution: "regenerate-unicode-properties@npm:10.1.1"
+  version: 10.2.0
+  resolution: "regenerate-unicode-properties@npm:10.2.0"
   dependencies:
     regenerate: "npm:^1.4.2"
-  checksum: 10c0/89adb5ee5ba081380c78f9057c02e156a8181969f6fcca72451efc45612e0c3df767b4333f8d8479c274d9c6fe52ec4854f0d8a22ef95dccbe87da8e5f2ac77d
+  checksum: 10c0/5510785eeaf56bbfdf4e663d6753f125c08d2a372d4107bc1b756b7bf142e2ed80c2733a8b54e68fb309ba37690e66a0362699b0e21d5c1f0255dea1b00e6460
   languageName: node
   linkType: hard
 
@@ -12938,16 +12448,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"restore-cursor@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "restore-cursor@npm:3.1.0"
-  dependencies:
-    onetime: "npm:^5.1.0"
-    signal-exit: "npm:^3.0.2"
-  checksum: 10c0/8051a371d6aa67ff21625fa94e2357bd81ffdc96267f3fb0fc4aaf4534028343836548ef34c240ffa8c25b280ca35eb36be00b3cb2133fa4f51896d7e73c6b4f
-  languageName: node
-  linkType: hard
-
 "ret@npm:~0.1.10":
   version: 0.1.15
   resolution: "ret@npm:0.1.15"
@@ -12998,17 +12498,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rimraf@npm:~2.6.2":
-  version: 2.6.3
-  resolution: "rimraf@npm:2.6.3"
-  dependencies:
-    glob: "npm:^7.1.3"
-  bin:
-    rimraf: ./bin.js
-  checksum: 10c0/f1e646f8c567795f2916aef7aadf685b543da6b9a53e482bb04b07472c7eef2b476045ba1e29f401c301c66b630b22b815ab31fdd60c5e1ae6566ff523debf45
-  languageName: node
-  linkType: hard
-
 "root-workspace-0b6124@workspace:.":
   version: 0.0.0-use.local
   resolution: "root-workspace-0b6124@workspace:."
@@ -13218,15 +12707,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^5.6.0":
-  version: 5.7.2
-  resolution: "semver@npm:5.7.2"
-  bin:
-    semver: bin/semver
-  checksum: 10c0/e4cf10f86f168db772ae95d86ba65b3fd6c5967c94d97c708ccb463b778c2ee53b914cd7167620950fc07faf5a564e6efe903836639e512a1aa15fbc9667fa25
-  languageName: node
-  linkType: hard
-
 "semver@npm:^6.0.0, semver@npm:^6.3.0, semver@npm:^6.3.1":
   version: 6.3.1
   resolution: "semver@npm:6.3.1"
@@ -13236,7 +12716,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0, semver@npm:^7.6.3":
+"semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0, semver@npm:^7.6.2, semver@npm:^7.6.3":
   version: 7.6.3
   resolution: "semver@npm:7.6.3"
   bin:
@@ -13323,6 +12803,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"serve-static@npm:1.16.2":
+  version: 1.16.2
+  resolution: "serve-static@npm:1.16.2"
+  dependencies:
+    encodeurl: "npm:~2.0.0"
+    escape-html: "npm:~1.0.3"
+    parseurl: "npm:~1.3.3"
+    send: "npm:0.19.0"
+  checksum: 10c0/528fff6f5e12d0c5a391229ad893910709bc51b5705962b09404a1d813857578149b8815f35d3ee5752f44cd378d0f31669d4b1d7e2d11f41e08283d5134bd1f
+  languageName: node
+  linkType: hard
+
 "set-function-length@npm:^1.2.1":
   version: 1.2.2
   resolution: "set-function-length@npm:1.2.2"
@@ -13414,14 +12906,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"signal-exit@npm:^3.0.2, signal-exit@npm:^3.0.3, signal-exit@npm:^3.0.7":
+"signal-exit@npm:^3.0.3, signal-exit@npm:^3.0.7":
   version: 3.0.7
   resolution: "signal-exit@npm:3.0.7"
   checksum: 10c0/25d272fa73e146048565e08f3309d5b942c1979a6f4a58a8c59d5fa299728e9c2fcd1a759ec870863b1fd38653670240cd420dad2ad9330c71f36608a6a1c912
   languageName: node
   linkType: hard
 
-"signal-exit@npm:^4.0.1, signal-exit@npm:^4.1.0":
+"signal-exit@npm:^4.0.1":
   version: 4.1.0
   resolution: "signal-exit@npm:4.1.0"
   checksum: 10c0/41602dce540e46d599edba9d9860193398d135f7ff72cab629db5171516cfae628d21e7bfccde1bbfdf11c48726bc2a6d1a8fb8701125852fbfda7cf19c6aa83
@@ -13442,13 +12934,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"slash@npm:^5.1.0":
-  version: 5.1.0
-  resolution: "slash@npm:5.1.0"
-  checksum: 10c0/eb48b815caf0bdc390d0519d41b9e0556a14380f6799c72ba35caf03544d501d18befdeeef074bc9c052acf69654bc9e0d79d7f1de0866284137a40805299eb3
-  languageName: node
-  linkType: hard
-
 "slice-ansi@npm:^4.0.0":
   version: 4.0.0
   resolution: "slice-ansi@npm:4.0.0"
@@ -13509,7 +12994,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.1, source-map-js@npm:^1.2.0":
+"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.1, source-map-js@npm:^1.2.0, source-map-js@npm:^1.2.1":
   version: 1.2.1
   resolution: "source-map-js@npm:1.2.1"
   checksum: 10c0/7bda1fc4c197e3c6ff17de1b8b2c20e60af81b63a52cb32ec5a5d67a20a7d42651e2cb34ebe93833c5a2a084377e17455854fee3e21e7925c64a51b6a52b0faf
@@ -13526,7 +13011,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-support@npm:^0.5.16, source-map-support@npm:~0.5.20":
+"source-map-support@npm:~0.5.20":
   version: 0.5.21
   resolution: "source-map-support@npm:0.5.21"
   dependencies:
@@ -13674,42 +13159,15 @@ __metadata:
   linkType: hard
 
 "storybook@npm:^8.1.2":
-  version: 8.2.9
-  resolution: "storybook@npm:8.2.9"
+  version: 8.3.1
+  resolution: "storybook@npm:8.3.1"
   dependencies:
-    "@babel/core": "npm:^7.24.4"
-    "@babel/types": "npm:^7.24.0"
-    "@storybook/codemod": "npm:8.2.9"
-    "@storybook/core": "npm:8.2.9"
-    "@types/semver": "npm:^7.3.4"
-    "@yarnpkg/fslib": "npm:2.10.3"
-    "@yarnpkg/libzip": "npm:2.3.0"
-    chalk: "npm:^4.1.0"
-    commander: "npm:^6.2.1"
-    cross-spawn: "npm:^7.0.3"
-    detect-indent: "npm:^6.1.0"
-    envinfo: "npm:^7.7.3"
-    execa: "npm:^5.0.0"
-    fd-package-json: "npm:^1.2.0"
-    find-up: "npm:^5.0.0"
-    fs-extra: "npm:^11.1.0"
-    giget: "npm:^1.0.0"
-    globby: "npm:^14.0.1"
-    jscodeshift: "npm:^0.15.1"
-    leven: "npm:^3.1.0"
-    ora: "npm:^5.4.1"
-    prettier: "npm:^3.1.1"
-    prompts: "npm:^2.4.0"
-    semver: "npm:^7.3.7"
-    strip-json-comments: "npm:^3.0.1"
-    tempy: "npm:^3.1.0"
-    tiny-invariant: "npm:^1.3.1"
-    ts-dedent: "npm:^2.0.0"
+    "@storybook/core": "npm:8.3.1"
   bin:
     getstorybook: ./bin/index.cjs
     sb: ./bin/index.cjs
     storybook: ./bin/index.cjs
-  checksum: 10c0/a0ad2b85fa9c062e94fb0bcfcd3f2cb50638d4274a09dcb4b972cf731b090db8c4433789e3d55aff5fb076f661aae33487591ee57a1853e407d513ef13e12da5
+  checksum: 10c0/da39ef6951c06b342f9bdd8371e99e71d85a6e90377f313e400501b9e195fcacf5577dd0c61c5a343933fff1a7d1ece02645ca9beefc18e791ca8b9faff2a8e1
   languageName: node
   linkType: hard
 
@@ -13886,13 +13344,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-final-newline@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "strip-final-newline@npm:3.0.0"
-  checksum: 10c0/a771a17901427bac6293fd416db7577e2bc1c34a19d38351e9d5478c3c415f523f391003b42ed475f27e33a78233035df183525395f731d3bfb8cdcbd4da08ce
-  languageName: node
-  linkType: hard
-
 "strip-indent@npm:^4.0.0":
   version: 4.0.0
   resolution: "strip-indent@npm:4.0.0"
@@ -13902,7 +13353,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-json-comments@npm:^3.0.1, strip-json-comments@npm:^3.1.1":
+"strip-json-comments@npm:^3.1.1":
   version: 3.1.1
   resolution: "strip-json-comments@npm:3.1.1"
   checksum: 10c0/9681a6257b925a7fa0f285851c0e613cc934a50661fa7bb41ca9cbbff89686bb4a0ee366e6ecedc4daafd01e83eee0720111ab294366fe7c185e935475ebcecd
@@ -14040,19 +13491,19 @@ __metadata:
   linkType: hard
 
 "stylelint-scss@npm:^6.4.0":
-  version: 6.5.1
-  resolution: "stylelint-scss@npm:6.5.1"
+  version: 6.6.0
+  resolution: "stylelint-scss@npm:6.6.0"
   dependencies:
     css-tree: "npm:2.3.1"
     is-plain-object: "npm:5.0.0"
     known-css-properties: "npm:^0.34.0"
     postcss-media-query-parser: "npm:^0.2.3"
-    postcss-resolve-nested-selector: "npm:^0.1.4"
-    postcss-selector-parser: "npm:^6.1.1"
+    postcss-resolve-nested-selector: "npm:^0.1.6"
+    postcss-selector-parser: "npm:^6.1.2"
     postcss-value-parser: "npm:^4.2.0"
   peerDependencies:
     stylelint: ^16.0.2
-  checksum: 10c0/72712633eb5cd358667b814d5cc9fdd8f90729e34b4260cce69c3daa0bd91d6732fcd7abad424f3e2adfa60b7784bf8e98b1396ecce6e628b13540e110978357
+  checksum: 10c0/bd9dc0e93973a63ee6ea4edfeef2f4123cafb4d2d99a923b94fac22e6b12aa7bfe246d6536aec681055f934d0af0e3a19f83bad95024cc099a87e15d58a8f2d2
   languageName: node
   linkType: hard
 
@@ -14263,7 +13714,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tar@npm:^6.1.11, tar@npm:^6.2.0, tar@npm:^6.2.1":
+"tar@npm:^6.1.11, tar@npm:^6.2.1":
   version: 6.2.1
   resolution: "tar@npm:6.2.1"
   dependencies:
@@ -14293,15 +13744,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"temp@npm:^0.8.4":
-  version: 0.8.4
-  resolution: "temp@npm:0.8.4"
-  dependencies:
-    rimraf: "npm:~2.6.2"
-  checksum: 10c0/7f071c963031bfece37e13c5da11e9bb451e4ddfc4653e23e327a2f91594102dc826ef6a693648e09a6e0eb856f507967ec759ae55635e0878091eccf411db37
-  languageName: node
-  linkType: hard
-
 "tempfile@npm:^5.0.0":
   version: 5.0.0
   resolution: "tempfile@npm:5.0.0"
@@ -14311,18 +13753,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tempy@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "tempy@npm:3.1.0"
-  dependencies:
-    is-stream: "npm:^3.0.0"
-    temp-dir: "npm:^3.0.0"
-    type-fest: "npm:^2.12.2"
-    unique-string: "npm:^3.0.0"
-  checksum: 10c0/b88e70baa8d935ba8f0e0372b59ad1a961121f098da5fb4a6e05bec98ec32a49026b553532fb75c1c102ec782fd4c6a6bde0d46cbe87013fa324451ce476fb76
-  languageName: node
-  linkType: hard
-
 "terser-webpack-plugin@npm:^5.3.1, terser-webpack-plugin@npm:^5.3.10":
   version: 5.3.10
   resolution: "terser-webpack-plugin@npm:5.3.10"
@@ -14393,7 +13823,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tiny-invariant@npm:^1.3.1, tiny-invariant@npm:^1.3.3":
+"tiny-invariant@npm:^1.3.3":
   version: 1.3.3
   resolution: "tiny-invariant@npm:1.3.3"
   checksum: 10c0/65af4a07324b591a059b35269cd696aba21bef2107f29b9f5894d83cc143159a204b299553435b03874ebb5b94d019afa8b8eff241c8a4cfee95872c2e1c1c4a
@@ -14568,7 +13998,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^1.13.0, tslib@npm:^1.8.1":
+"tslib@npm:^1.8.1":
   version: 1.14.1
   resolution: "tslib@npm:1.14.1"
   checksum: 10c0/69ae09c49eea644bc5ebe1bca4fa4cc2c82b7b3e02f43b84bd891504edf66dbc6b2ec0eef31a957042de2269139e4acff911e6d186a258fb14069cd7f6febce2
@@ -14623,14 +14053,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^1.0.1":
-  version: 1.4.0
-  resolution: "type-fest@npm:1.4.0"
-  checksum: 10c0/a3c0f4ee28ff6ddf800d769eafafcdeab32efa38763c1a1b8daeae681920f6e345d7920bf277245235561d8117dab765cb5f829c76b713b4c9de0998a5397141
-  languageName: node
-  linkType: hard
-
-"type-fest@npm:^2.12.2, type-fest@npm:^2.19.0, type-fest@npm:~2.19":
+"type-fest@npm:^2.19.0, type-fest@npm:~2.19":
   version: 2.19.0
   resolution: "type-fest@npm:2.19.0"
   checksum: 10c0/a5a7ecf2e654251613218c215c7493574594951c08e52ab9881c9df6a6da0aeca7528c213c622bc374b4e0cb5c443aa3ab758da4e3c959783ce884c3194e12cb
@@ -14746,13 +14169,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ufo@npm:^1.5.3, ufo@npm:^1.5.4":
-  version: 1.5.4
-  resolution: "ufo@npm:1.5.4"
-  checksum: 10c0/b5dc4dc435c49c9ef8890f1b280a19ee4d0954d1d6f9ab66ce62ce64dd04c7be476781531f952a07c678d51638d02ad4b98e16237be29149295b0f7c09cda765
-  languageName: node
-  linkType: hard
-
 "uglify-js@npm:^3.1.4":
   version: 3.19.3
   resolution: "uglify-js@npm:3.19.3"
@@ -14774,13 +14190,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"undici-types@npm:~5.26.4":
-  version: 5.26.5
-  resolution: "undici-types@npm:5.26.5"
-  checksum: 10c0/bb673d7876c2d411b6eb6c560e0c571eef4a01c1c19925175d16e3a30c4c428181fb8d7ae802a261f283e4166a0ac435e2f505743aa9e45d893f9a3df017b501
-  languageName: node
-  linkType: hard
-
 "undici-types@npm:~6.19.2":
   version: 6.19.8
   resolution: "undici-types@npm:6.19.8"
@@ -14789,9 +14198,9 @@ __metadata:
   linkType: hard
 
 "unicode-canonical-property-names-ecmascript@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "unicode-canonical-property-names-ecmascript@npm:2.0.0"
-  checksum: 10c0/0fe812641bcfa3ae433025178a64afb5d9afebc21a922dafa7cba971deebb5e4a37350423890750132a85c936c290fb988146d0b1bd86838ad4897f4fc5bd0de
+  version: 2.0.1
+  resolution: "unicode-canonical-property-names-ecmascript@npm:2.0.1"
+  checksum: 10c0/f83bc492fdbe662860795ef37a85910944df7310cac91bd778f1c19ebc911e8b9cde84e703de631e5a2fcca3905e39896f8fc5fc6a44ddaf7f4aff1cda24f381
   languageName: node
   linkType: hard
 
@@ -14806,9 +14215,9 @@ __metadata:
   linkType: hard
 
 "unicode-match-property-value-ecmascript@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "unicode-match-property-value-ecmascript@npm:2.1.0"
-  checksum: 10c0/f5b9499b9e0ffdc6027b744d528f17ec27dd7c15da03254ed06851feec47e0531f20d410910c8a49af4a6a190f4978413794c8d75ce112950b56d583b5d5c7f2
+  version: 2.2.0
+  resolution: "unicode-match-property-value-ecmascript@npm:2.2.0"
+  checksum: 10c0/1d0a2deefd97974ddff5b7cb84f9884177f4489928dfcebb4b2b091d6124f2739df51fc6ea15958e1b5637ac2a24cff9bf21ea81e45335086ac52c0b4c717d6d
   languageName: node
   linkType: hard
 
@@ -14844,15 +14253,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unique-string@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "unique-string@npm:3.0.0"
-  dependencies:
-    crypto-random-string: "npm:^4.0.0"
-  checksum: 10c0/b35ea034b161b2a573666ec16c93076b4b6106b8b16c2415808d747ab3a0566b5db0c4be231d4b11cfbc16d7fd915c9d8a45884bff0e2db11b799775b2e1e017
-  languageName: node
-  linkType: hard
-
 "unist-util-is@npm:^6.0.0":
   version: 6.0.0
   resolution: "unist-util-is@npm:6.0.0"
@@ -14905,8 +14305,8 @@ __metadata:
   linkType: hard
 
 "unplugin@npm:^1.3.1":
-  version: 1.14.0
-  resolution: "unplugin@npm:1.14.0"
+  version: 1.14.1
+  resolution: "unplugin@npm:1.14.1"
   dependencies:
     acorn: "npm:^8.12.1"
     webpack-virtual-modules: "npm:^0.6.2"
@@ -14915,7 +14315,7 @@ __metadata:
   peerDependenciesMeta:
     webpack-sources:
       optional: true
-  checksum: 10c0/1a0bfb325aeb83a6a272a553161af7070f5f5264c46fe0545937fd8a9d3c237cbf0d80a43dcae1c3a0a3fadad0cb425e4c8949179807befc5d30a00a3a552cd5
+  checksum: 10c0/a74342b8f0cbbdc7b1da1f78f1898c0c915e3f67b22281fcd61a5495a585f4a1fd0fc270a7e59643a41c138c94c852cb69ea17af72965fb15f86f18ee76c2ed1
   languageName: node
   linkType: hard
 
@@ -15065,13 +14465,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"walk-up-path@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "walk-up-path@npm:3.0.1"
-  checksum: 10c0/3184738e0cf33698dd58b0ee4418285b9c811e58698f52c1f025435a85c25cbc5a63fee599f1a79cb29ca7ef09a44ec9417b16bfd906b1a37c305f7aa20ee5bc
-  languageName: node
-  linkType: hard
-
 "walker@npm:^1.0.8":
   version: 1.0.8
   resolution: "walker@npm:1.0.8"
@@ -15109,15 +14502,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"wcwidth@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "wcwidth@npm:1.0.1"
-  dependencies:
-    defaults: "npm:^1.0.3"
-  checksum: 10c0/5b61ca583a95e2dd85d7078400190efd452e05751a64accb8c06ce4db65d7e0b0cde9917d705e826a2e05cc2548f61efde115ffa374c3e436d04be45c889e5b4
-  languageName: node
-  linkType: hard
-
 "webidl-conversions@npm:^7.0.0":
   version: 7.0.0
   resolution: "webidl-conversions@npm:7.0.0"
@@ -15509,17 +14893,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"write-file-atomic@npm:^2.3.0":
-  version: 2.4.3
-  resolution: "write-file-atomic@npm:2.4.3"
-  dependencies:
-    graceful-fs: "npm:^4.1.11"
-    imurmurhash: "npm:^0.1.4"
-    signal-exit: "npm:^3.0.2"
-  checksum: 10c0/8cb4bba0c1ab814a9b127844da0db4fb8c5e06ddbe6317b8b319377c73b283673036c8b9360120062898508b9428d81611cf7fa97584504a00bc179b2a580b92
-  languageName: node
-  linkType: hard
-
 "write-file-atomic@npm:^4.0.2":
   version: 4.0.2
   resolution: "write-file-atomic@npm:4.0.2"

From 9c9e0056e4970d6e95f99c3dc12844dc9331ce1e Mon Sep 17 00:00:00 2001
From: LarryMatte <matte.larry@gmail.com>
Date: Fri, 20 Sep 2024 10:17:25 -0400
Subject: [PATCH 15/30] feat(Icons): add table and export icons (#996)

---
 packages/react/src/components/icon/icon.tsx | 4 ++++
 packages/react/src/icons/export.svg         | 3 +++
 packages/react/src/icons/table.svg          | 3 +++
 packages/storybook/stories/icon-library.mdx | 6 ++++++
 4 files changed, 16 insertions(+)
 create mode 100644 packages/react/src/icons/export.svg
 create mode 100644 packages/react/src/icons/table.svg

diff --git a/packages/react/src/components/icon/icon.tsx b/packages/react/src/components/icon/icon.tsx
index ce11874ee9..26c2883537 100644
--- a/packages/react/src/components/icon/icon.tsx
+++ b/packages/react/src/components/icon/icon.tsx
@@ -58,6 +58,8 @@ import Equisoft from '../../logos/logo-equisoft-ico.svg';
 import CaretDown from '../../icons/caret-down.svg';
 import CaretRight from '../../icons/caret-right.svg';
 import Unlink from '../../icons/unlink.svg';
+import Export from '../../icons/export.svg';
+import Table from '../../icons/table.svg';
 
 const iconMapping = {
     alertCircle: AlertCircle,
@@ -88,6 +90,7 @@ const iconMapping = {
     edit: Edit,
     equisoft: Equisoft,
     externalLink: ExternalLink,
+    export: Export,
     eye: Eye,
     eyeOff: EyeOff,
     files: Files,
@@ -112,6 +115,7 @@ const iconMapping = {
     search: Search,
     settings: Settings,
     star: Star,
+    table: Table,
     transfer: Transfer,
     trash: Trash,
     unlink: Unlink,
diff --git a/packages/react/src/icons/export.svg b/packages/react/src/icons/export.svg
new file mode 100644
index 0000000000..c984a2fb3f
--- /dev/null
+++ b/packages/react/src/icons/export.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.81986 3.68654C4.6246 3.88181 4.6246 4.19839 4.81986 4.39365C5.01512 4.58891 5.33171 4.58891 5.52697 4.39365L7.5102 2.41042L7.51028 10.5002C7.51029 10.7763 7.73415 11.0002 8.01029 11.0002C8.28643 11.0002 8.51029 10.7763 8.51028 10.5002L8.5102 2.42713L10.4767 4.39365C10.672 4.58891 10.9886 4.58891 11.1838 4.39365C11.3791 4.19839 11.3791 3.88181 11.1838 3.68654L8.3554 0.858117C8.16013 0.662854 7.84355 0.662854 7.64829 0.858117L4.81986 3.68654ZM3.33333 7.00011C2.8731 7.00011 2.5 7.37321 2.5 7.83344V12.6666C2.5 13.1269 2.8731 13.4999 3.33333 13.4999H12.6667C13.1269 13.4999 13.5 13.1269 13.5 12.6666V7.83344C13.5 7.37321 13.1269 7.00011 12.6667 7.00011H11.5C11.2239 7.00011 11 6.77625 11 6.50011C11 6.22397 11.2239 6.00011 11.5 6.00011H12.6667C13.6792 6.00011 14.5 6.82092 14.5 7.83344V12.6666C14.5 13.6791 13.6792 14.4999 12.6667 14.4999H3.33333C2.32081 14.4999 1.5 13.6791 1.5 12.6666V7.83344C1.5 6.82092 2.32081 6.00011 3.33333 6.00011H4.5C4.77614 6.00011 5 6.22397 5 6.50011C5 6.77625 4.77614 7.00011 4.5 7.00011H3.33333Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/packages/react/src/icons/table.svg b/packages/react/src/icons/table.svg
new file mode 100644
index 0000000000..ac088999ee
--- /dev/null
+++ b/packages/react/src/icons/table.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.03697 2.03697C2.38079 1.69315 2.8471 1.5 3.33333 1.5H12.6667C13.1529 1.5 13.6192 1.69315 13.963 2.03697C14.3068 2.38079 14.5 2.8471 14.5 3.33333V12.6667C14.5 13.1529 14.3068 13.6192 13.963 13.963C13.6192 14.3068 13.1529 14.5 12.6667 14.5H3.33333C2.8471 14.5 2.38079 14.3068 2.03697 13.963C1.69315 13.6192 1.5 13.1529 1.5 12.6667V3.33333C1.5 2.8471 1.69315 2.38079 2.03697 2.03697ZM2.5 10.5V12.6667C2.5 12.8877 2.5878 13.0996 2.74408 13.2559C2.90036 13.4122 3.11232 13.5 3.33333 13.5H7.5V10.5H2.5ZM7.5 9.5H2.5V6.5H7.5V9.5ZM8.5 10.5V13.5H12.6667C12.8877 13.5 13.0996 13.4122 13.2559 13.2559C13.4122 13.0996 13.5 12.8877 13.5 12.6667V10.5H8.5ZM13.5 9.5H8.5V6.5H13.5V9.5ZM13.5 5.5V3.33333C13.5 3.11232 13.4122 2.90036 13.2559 2.74408C13.0996 2.5878 12.8877 2.5 12.6667 2.5H3.33333C3.11232 2.5 2.90036 2.5878 2.74408 2.74408C2.5878 2.90036 2.5 3.11232 2.5 3.33333V5.5H13.5Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/packages/storybook/stories/icon-library.mdx b/packages/storybook/stories/icon-library.mdx
index db9661cd8d..185c5a2eda 100644
--- a/packages/storybook/stories/icon-library.mdx
+++ b/packages/storybook/stories/icon-library.mdx
@@ -87,6 +87,9 @@ import { ArgTypes, Canvas, IconGallery, IconItem, Meta, Title } from '@storybook
     <IconItem name="eye">
         <Icon name="eye" />
     </IconItem>
+    <IconItem name="export">
+        <Icon name="export" />
+    </IconItem>
     <IconItem name="files">
         <Icon name="files" />
     </IconItem>
@@ -153,6 +156,9 @@ import { ArgTypes, Canvas, IconGallery, IconItem, Meta, Title } from '@storybook
     <IconItem name="star">
         <Icon name="star" />
     </IconItem>
+    <IconItem name="table">
+        <Icon name="table" />
+    </IconItem>
     <IconItem name="transfer">
         <Icon name="transfer" />
     </IconItem>

From 148a25fda1fb30f67c8b0133e0606433b93f9ccd Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Sun, 22 Sep 2024 21:12:32 -0400
Subject: [PATCH 16/30] fix(deps): update dependency react-datepicker (#997)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 yarn.lock | 31 ++++++++++---------------------
 1 file changed, 10 insertions(+), 21 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 9cd840d905..4e89904f76 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2229,7 +2229,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@floating-ui/react@npm:^0.26.2":
+"@floating-ui/react@npm:^0.26.23":
   version: 0.26.24
   resolution: "@floating-ui/react@npm:0.26.24"
   dependencies:
@@ -5496,7 +5496,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clsx@npm:^2.1.0":
+"clsx@npm:^2.1.1":
   version: 2.1.1
   resolution: "clsx@npm:2.1.1"
   checksum: 10c0/c4c8eb865f8c82baab07e71bfa8897c73454881c4f99d6bc81585aecd7c441746c1399d08363dc096c550cceaf97bd4ce1e8854e1771e9998d9f94c4fe075839
@@ -6208,7 +6208,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"date-fns@npm:^3.3.1":
+"date-fns@npm:^3.6.0":
   version: 3.6.0
   resolution: "date-fns@npm:3.6.0"
   checksum: 10c0/0b5fb981590ef2f8e5a3ba6cd6d77faece0ea7f7158948f2eaae7bbb7c80a8f63ae30b01236c2923cf89bb3719c33aeb150c715ea4fe4e86e37dcf06bed42fb6
@@ -11763,18 +11763,17 @@ __metadata:
   linkType: hard
 
 "react-datepicker@npm:^7.3.0":
-  version: 7.3.0
-  resolution: "react-datepicker@npm:7.3.0"
+  version: 7.4.0
+  resolution: "react-datepicker@npm:7.4.0"
   dependencies:
-    "@floating-ui/react": "npm:^0.26.2"
-    clsx: "npm:^2.1.0"
-    date-fns: "npm:^3.3.1"
-    prop-types: "npm:^15.7.2"
-    react-onclickoutside: "npm:^6.13.0"
+    "@floating-ui/react": "npm:^0.26.23"
+    clsx: "npm:^2.1.1"
+    date-fns: "npm:^3.6.0"
+    prop-types: "npm:^15.8.1"
   peerDependencies:
     react: ^16.9.0 || ^17 || ^18
     react-dom: ^16.9.0 || ^17 || ^18
-  checksum: 10c0/a926c896fbd827bd6195e5fdbf98bf48fc86a076112bcff38dcbd580da24a98c0c8f5ed1a1dfb2d91076134e41b209e118ccd41cbc3b2036e94c54af25e1788c
+  checksum: 10c0/07f32a5b719106e1a3b933f5eb5aa18c0458bf5f712709df920fd78ac49858396219981874c02fb244b1b4d903b1df07d8860e32974ddb526bf56fd6942e0ddd
   languageName: node
   linkType: hard
 
@@ -11966,16 +11965,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-onclickoutside@npm:^6.13.0":
-  version: 6.13.1
-  resolution: "react-onclickoutside@npm:6.13.1"
-  peerDependencies:
-    react: ^15.5.x || ^16.x || ^17.x || ^18.x
-    react-dom: ^15.5.x || ^16.x || ^17.x || ^18.x
-  checksum: 10c0/93b02c493332ca7f8b480a1e185386c4af55d1daf33af2f68ddf440e4fc9b22ad13f59d7e204694aa31c1c2e332f0766c7ee302fe3b0cecbd0e0b45d55905c96
-  languageName: node
-  linkType: hard
-
 "react-popper-tooltip@npm:^4.4.2":
   version: 4.4.2
   resolution: "react-popper-tooltip@npm:4.4.2"

From a7958f42ffa6fd429751a63c83ebb5151650fba6 Mon Sep 17 00:00:00 2001
From: ogermain <olivier.germain@equisoft.com>
Date: Mon, 23 Sep 2024 14:48:02 -0400
Subject: [PATCH 17/30] feat(table): adds single rowselectionmode to table
 (#976)

* feat(table): adds single rowselectionmode to table
---
 .../radio-button/radio-button.test.tsx.snap   |  11 +-
 .../components/radio-button/radio-button.tsx  |   5 +-
 .../react/src/components/table/table-row.tsx  |   1 +
 .../react/src/components/table/table.test.tsx |  52 ++++++++-
 .../src/components/table/table.test.tsx.snap  | 102 ++++++++++++++++++
 packages/react/src/components/table/table.tsx |  94 +++++++++++-----
 packages/react/src/i18n/translations.ts       |   2 +
 .../storybook/stories/data-table.stories.tsx  |  51 ++++++++-
 8 files changed, 276 insertions(+), 42 deletions(-)

diff --git a/packages/react/src/components/radio-button/radio-button.test.tsx.snap b/packages/react/src/components/radio-button/radio-button.test.tsx.snap
index 02a60b93dd..4de01e7f10 100644
--- a/packages/react/src/components/radio-button/radio-button.test.tsx.snap
+++ b/packages/react/src/components/radio-button/radio-button.test.tsx.snap
@@ -14,8 +14,7 @@ exports[`Radio button matches snapshot 1`] = `
   -ms-flex-negative: 0;
   flex-shrink: 0;
   height: var(--size-1x);
-  margin: 0;
-  margin-top: var(--spacing-half);
+  margin: var(--spacing-half) var(--spacing-1x) 0 0;
   position: relative;
   width: var(--size-1x);
 }
@@ -61,10 +60,10 @@ exports[`Radio button matches snapshot 1`] = `
   -webkit-box-align: flex-start;
   -ms-flex-align: flex-start;
   align-items: flex-start;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
   position: relative;
 }
 
diff --git a/packages/react/src/components/radio-button/radio-button.tsx b/packages/react/src/components/radio-button/radio-button.tsx
index 74fd60722f..c19feaa6d3 100644
--- a/packages/react/src/components/radio-button/radio-button.tsx
+++ b/packages/react/src/components/radio-button/radio-button.tsx
@@ -20,8 +20,7 @@ const StyledInput = styled.input<{ disabled?: boolean }>`
     display: inline-block;
     flex-shrink: 0;
     height: var(--size-1x);
-    margin: 0;
-    margin-top: var(--spacing-half);
+    margin: var(--spacing-half) var(--spacing-1x) 0 0;
     position: relative;
     width: var(--size-1x);
     
@@ -59,7 +58,7 @@ const StyledLabel = styled.label`
 
 const StyledContainer = styled.div`
     align-items: flex-start;
-    display: inline-flex;
+    display: flex;
     position: relative;
 `;
 
diff --git a/packages/react/src/components/table/table-row.tsx b/packages/react/src/components/table/table-row.tsx
index b16be0196b..d04a712fba 100644
--- a/packages/react/src/components/table/table-row.tsx
+++ b/packages/react/src/components/table/table-row.tsx
@@ -133,6 +133,7 @@ function getCell<TData extends object, TValue>(cell: CustomCell<TData, TValue>):
             $textAlign={cell.column.columnDef.textAlign}
             $startOffset={cell.column.getStart()}
             key={cell.id}
+            id={cell.id}
             hasRightBorder={isLastColumnInAGroup(cell.column)}
         >
             {flexRender(cell.column.columnDef.cell, cell.getContext())}
diff --git a/packages/react/src/components/table/table.test.tsx b/packages/react/src/components/table/table.test.tsx
index fe96165c83..923ce08779 100644
--- a/packages/react/src/components/table/table.test.tsx
+++ b/packages/react/src/components/table/table.test.tsx
@@ -188,7 +188,7 @@ describe('Table', () => {
         const callback = jest.fn();
         const wrapper = mountWithTheme(
             <Table
-                selectableRows
+                rowSelectionMode="multiple"
                 columns={columns}
                 data={data}
                 onRowClick={callback}
@@ -205,7 +205,7 @@ describe('Table', () => {
 
         mountWithTheme(
             <Table
-                selectableRows
+                rowSelectionMode="multiple"
                 columns={columns}
                 data={data}
                 onSelectedRowsChange={callback}
@@ -220,7 +220,7 @@ describe('Table', () => {
         const callback = jest.fn();
         const wrapper = mountWithTheme(
             <Table
-                selectableRows
+                rowSelectionMode="multiple"
                 columns={columns}
                 data={data}
                 onSelectedRowsChange={callback}
@@ -236,7 +236,7 @@ describe('Table', () => {
         const callback = jest.fn();
         const wrapper = mountWithTheme(
             <Table
-                selectableRows
+                rowSelectionMode="multiple"
                 columns={columns}
                 data={data}
                 onSelectedRowsChange={callback}
@@ -309,7 +309,7 @@ describe('Table', () => {
     });
 
     test('has selectable rows styles', () => {
-        const tree = renderWithProviders(<Table selectableRows columns={columns} data={data} />);
+        const tree = renderWithProviders(<Table rowSelectionMode="multiple" columns={columns} data={data} />);
 
         expect(tree).toMatchSnapshot();
     });
@@ -347,4 +347,46 @@ describe('Table', () => {
 
         expect(tree).toMatchSnapshot();
     });
+
+    test('has radio buttons in single selection mode', () => {
+        const callback = jest.fn();
+        const wrapper = mountWithTheme(
+            <Table
+                rowSelectionMode="single"
+                columns={columns}
+                data={data}
+                onSelectedRowsChange={callback}
+            />,
+        );
+
+        expect(getByTestId(wrapper, 'row-radiobutton-0')
+            .find('input')
+            .prop('type')).toBe('radio');
+    });
+
+    test('has single selection when selecting other row in single selection mode', () => {
+        const callback = jest.fn();
+        const wrapper = mountWithTheme(
+            <Table
+                rowSelectionMode="single"
+                columns={columns}
+                data={data}
+                onSelectedRowsChange={callback}
+            />,
+        );
+
+        getByTestId(wrapper, 'radiobutton-row-radiobutton-0')
+            .find('input')
+            .simulate('change', { target: { checked: true } });
+        getByTestId(wrapper, 'radiobutton-row-radiobutton-1')
+            .find('input')
+            .simulate('change', { target: { checked: true } });
+
+        expect(getByTestId(wrapper, 'radiobutton-row-radiobutton-0')
+            .find('input')
+            .prop('checked')).toBe(false);
+        expect(getByTestId(wrapper, 'radiobutton-row-radiobutton-1')
+            .find('input')
+            .prop('checked')).toBe(true);
+    });
 });
diff --git a/packages/react/src/components/table/table.test.tsx.snap b/packages/react/src/components/table/table.test.tsx.snap
index 53e0cecd52..e070d43052 100644
--- a/packages/react/src/components/table/table.test.tsx.snap
+++ b/packages/react/src/components/table/table.test.tsx.snap
@@ -109,11 +109,13 @@ exports[`Table has aria-label on header columns 1`] = `
     >
       <td
         class="c6"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="0_column2"
       >
         World
       </td>
@@ -124,11 +126,13 @@ exports[`Table has aria-label on header columns 1`] = `
     >
       <td
         class="c6"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="1_column2"
       >
         Planet
       </td>
@@ -139,11 +143,13 @@ exports[`Table has aria-label on header columns 1`] = `
     >
       <td
         class="c6"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="2_column2"
       >
         Galaxy
       </td>
@@ -296,11 +302,13 @@ exports[`Table has clickable rows styles 1`] = `
     >
       <td
         class="c6"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="0_column2"
       >
         World
       </td>
@@ -313,11 +321,13 @@ exports[`Table has clickable rows styles 1`] = `
     >
       <td
         class="c6"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="1_column2"
       >
         Planet
       </td>
@@ -330,11 +340,13 @@ exports[`Table has clickable rows styles 1`] = `
     >
       <td
         class="c6"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="2_column2"
       >
         Galaxy
       </td>
@@ -496,16 +508,19 @@ exports[`Table has column with headers grouped 1`] = `
     >
       <td
         class="c7"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c8"
+        id="0_column2"
       >
         World
       </td>
       <td
         class="c8"
+        id="0_column3"
       />
     </tr>
     <tr
@@ -514,16 +529,19 @@ exports[`Table has column with headers grouped 1`] = `
     >
       <td
         class="c7"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c8"
+        id="1_column2"
       >
         Planet
       </td>
       <td
         class="c8"
+        id="1_column3"
       />
     </tr>
     <tr
@@ -532,16 +550,19 @@ exports[`Table has column with headers grouped 1`] = `
     >
       <td
         class="c7"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c8"
+        id="2_column2"
       >
         Galaxy
       </td>
       <td
         class="c8"
+        id="2_column3"
       />
     </tr>
   </tbody>
@@ -680,11 +701,13 @@ exports[`Table has custom text alignment 1`] = `
     >
       <td
         class="c7"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c8"
+        id="0_column2"
       >
         World
       </td>
@@ -695,11 +718,13 @@ exports[`Table has custom text alignment 1`] = `
     >
       <td
         class="c7"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c8"
+        id="1_column2"
       >
         Planet
       </td>
@@ -710,11 +735,13 @@ exports[`Table has custom text alignment 1`] = `
     >
       <td
         class="c7"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c8"
+        id="2_column2"
       >
         Galaxy
       </td>
@@ -832,11 +859,13 @@ exports[`Table has desktop styles 1`] = `
     >
       <td
         class="c6"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="0_column2"
       >
         World
       </td>
@@ -847,11 +876,13 @@ exports[`Table has desktop styles 1`] = `
     >
       <td
         class="c6"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="1_column2"
       >
         Planet
       </td>
@@ -862,11 +893,13 @@ exports[`Table has desktop styles 1`] = `
     >
       <td
         class="c6"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="2_column2"
       >
         Galaxy
       </td>
@@ -996,11 +1029,13 @@ exports[`Table has error rows styles 1`] = `
     >
       <td
         class="c6"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="0_column2"
       >
         World
       </td>
@@ -1011,11 +1046,13 @@ exports[`Table has error rows styles 1`] = `
     >
       <td
         class="c6"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="1_column2"
       >
         World
       </td>
@@ -1026,11 +1063,13 @@ exports[`Table has error rows styles 1`] = `
     >
       <td
         class="c6"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="2_column2"
       >
         World
       </td>
@@ -1148,11 +1187,13 @@ exports[`Table has mobile styles 1`] = `
     >
       <td
         class="c6"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="0_column2"
       >
         World
       </td>
@@ -1163,11 +1204,13 @@ exports[`Table has mobile styles 1`] = `
     >
       <td
         class="c6"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="1_column2"
       >
         Planet
       </td>
@@ -1178,11 +1221,13 @@ exports[`Table has mobile styles 1`] = `
     >
       <td
         class="c6"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="2_column2"
       >
         Galaxy
       </td>
@@ -1316,6 +1361,7 @@ exports[`Table has rowNumbers styles 1`] = `
     >
       <td
         class="c6"
+        id="0_numbers"
       >
         <span
           class="c7"
@@ -1325,11 +1371,13 @@ exports[`Table has rowNumbers styles 1`] = `
       </td>
       <td
         class="c6"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="0_column2"
       >
         World
       </td>
@@ -1340,6 +1388,7 @@ exports[`Table has rowNumbers styles 1`] = `
     >
       <td
         class="c6"
+        id="1_numbers"
       >
         <span
           class="c7"
@@ -1349,11 +1398,13 @@ exports[`Table has rowNumbers styles 1`] = `
       </td>
       <td
         class="c6"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="1_column2"
       >
         Planet
       </td>
@@ -1364,6 +1415,7 @@ exports[`Table has rowNumbers styles 1`] = `
     >
       <td
         class="c6"
+        id="2_numbers"
       >
         <span
           class="c7"
@@ -1373,11 +1425,13 @@ exports[`Table has rowNumbers styles 1`] = `
       </td>
       <td
         class="c6"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="2_column2"
       >
         Galaxy
       </td>
@@ -1623,6 +1677,7 @@ exports[`Table has selectable rows styles 1`] = `
     >
       <td
         class="c14"
+        id="0_selection"
       >
         <label
           class="c4"
@@ -1654,11 +1709,13 @@ exports[`Table has selectable rows styles 1`] = `
       </td>
       <td
         class="c14"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c14"
+        id="0_column2"
       >
         World
       </td>
@@ -1669,6 +1726,7 @@ exports[`Table has selectable rows styles 1`] = `
     >
       <td
         class="c14"
+        id="1_selection"
       >
         <label
           class="c4"
@@ -1700,11 +1758,13 @@ exports[`Table has selectable rows styles 1`] = `
       </td>
       <td
         class="c14"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c14"
+        id="1_column2"
       >
         Planet
       </td>
@@ -1715,6 +1775,7 @@ exports[`Table has selectable rows styles 1`] = `
     >
       <td
         class="c14"
+        id="2_selection"
       >
         <label
           class="c4"
@@ -1746,11 +1807,13 @@ exports[`Table has selectable rows styles 1`] = `
       </td>
       <td
         class="c14"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c14"
+        id="2_column2"
       >
         Galaxy
       </td>
@@ -1868,11 +1931,13 @@ exports[`Table has small rowSize styles 1`] = `
     >
       <td
         class="c6"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="0_column2"
       >
         World
       </td>
@@ -1883,11 +1948,13 @@ exports[`Table has small rowSize styles 1`] = `
     >
       <td
         class="c6"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="1_column2"
       >
         Planet
       </td>
@@ -1898,11 +1965,13 @@ exports[`Table has small rowSize styles 1`] = `
     >
       <td
         class="c6"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="2_column2"
       >
         Galaxy
       </td>
@@ -2074,11 +2143,13 @@ exports[`Table has sorting styles 1`] = `
     >
       <td
         class="c8"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c8"
+        id="0_column2"
       >
         World
       </td>
@@ -2089,11 +2160,13 @@ exports[`Table has sorting styles 1`] = `
     >
       <td
         class="c8"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c8"
+        id="1_column2"
       >
         Planet
       </td>
@@ -2104,11 +2177,13 @@ exports[`Table has sorting styles 1`] = `
     >
       <td
         class="c8"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c8"
+        id="2_column2"
       >
         Galaxy
       </td>
@@ -2286,16 +2361,19 @@ exports[`Table has sticky column styles 1`] = `
     >
       <td
         class="c8"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c9"
+        id="0_column2"
       >
         Big
       </td>
       <td
         class="c10"
+        id="0_column3"
       >
         World
       </td>
@@ -2306,16 +2384,19 @@ exports[`Table has sticky column styles 1`] = `
     >
       <td
         class="c8"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c9"
+        id="1_column2"
       >
         Big
       </td>
       <td
         class="c10"
+        id="1_column3"
       >
         World
       </td>
@@ -2326,16 +2407,19 @@ exports[`Table has sticky column styles 1`] = `
     >
       <td
         class="c8"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c9"
+        id="2_column2"
       >
         Big
       </td>
       <td
         class="c10"
+        id="2_column3"
       >
         World
       </td>
@@ -2457,11 +2541,13 @@ exports[`Table has sticky header styles 1`] = `
     >
       <td
         class="c6"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="0_column2"
       >
         World
       </td>
@@ -2472,11 +2558,13 @@ exports[`Table has sticky header styles 1`] = `
     >
       <td
         class="c6"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="1_column2"
       >
         Planet
       </td>
@@ -2487,11 +2575,13 @@ exports[`Table has sticky header styles 1`] = `
     >
       <td
         class="c6"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="2_column2"
       >
         Galaxy
       </td>
@@ -2613,11 +2703,13 @@ exports[`Table has striped styles 1`] = `
     >
       <td
         class="c6"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="0_column2"
       >
         World
       </td>
@@ -2628,11 +2720,13 @@ exports[`Table has striped styles 1`] = `
     >
       <td
         class="c6"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="1_column2"
       >
         Planet
       </td>
@@ -2643,11 +2737,13 @@ exports[`Table has striped styles 1`] = `
     >
       <td
         class="c6"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="2_column2"
       >
         Galaxy
       </td>
@@ -2765,11 +2861,13 @@ exports[`Table has tablet styles 1`] = `
     >
       <td
         class="c6"
+        id="0_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="0_column2"
       >
         World
       </td>
@@ -2780,11 +2878,13 @@ exports[`Table has tablet styles 1`] = `
     >
       <td
         class="c6"
+        id="1_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="1_column2"
       >
         Planet
       </td>
@@ -2795,11 +2895,13 @@ exports[`Table has tablet styles 1`] = `
     >
       <td
         class="c6"
+        id="2_column1"
       >
         Hello
       </td>
       <td
         class="c6"
+        id="2_column2"
       >
         Galaxy
       </td>
diff --git a/packages/react/src/components/table/table.tsx b/packages/react/src/components/table/table.tsx
index 5f5938adeb..c91aa53cec 100644
--- a/packages/react/src/components/table/table.tsx
+++ b/packages/react/src/components/table/table.tsx
@@ -23,11 +23,16 @@ import { TableFooter } from './table-footer';
 import { Checkbox } from '../checkbox/checkbox';
 import { DeviceType, useDeviceContext } from '../device-context-provider/device-context-provider';
 import { TableData, TableColumn } from './types';
+import { RadioButton } from '../radio-button/radio-button';
+import { devConsole } from '../../utils/dev-console';
+import { v4 as uuid } from '../../utils/uuid';
 
 type RowSize = 'small' | 'medium' | 'large';
 
 type UtilityColumnType = 'selection' | 'numbers' | 'expand';
 
+type RowSelectionMode = 'single' | 'multiple';
+
 function getThPadding(device: DeviceType, rowSize?: RowSize): string {
     switch (rowSize) {
         case 'small':
@@ -168,7 +173,16 @@ const ExpandButton = styled(IconButton) <{ $expanded: boolean }>`
     }
 `;
 
-function getUtilityColumn<T extends object>(type: UtilityColumnType, t: TFunction<'translation'>): TableColumn<T> {
+const StyledRadioButton = styled(RadioButton)`
+    margin-top: 0;
+`;
+
+function getUtilityColumn<T extends object>(
+    type: UtilityColumnType,
+    t: TFunction<'translation'>,
+    rowSelectionMode?: RowSelectionMode,
+    ariaLabelledByColumnId?: string,
+): TableColumn<T> {
     const column: TableColumn<T> = {
         id: type,
         className: utilColumnClassName,
@@ -176,23 +190,51 @@ function getUtilityColumn<T extends object>(type: UtilityColumnType, t: TFunctio
 
     switch (type) {
         case 'selection':
-            column.header = ({ table }) => (
-                <Checkbox
-                    data-testid="row-checkbox-all"
-                    checked={table.getIsAllRowsSelected()}
-                    indeterminate={table.getIsSomeRowsSelected()}
-                    onChange={table.getToggleAllRowsSelectedHandler()}
-                />
-            );
-            column.cell = ({ row }) => (
-                <Checkbox
-                    data-testid={`row-checkbox-${row.index}`}
-                    checked={row.getIsSelected()}
-                    disabled={!row.getCanSelect()}
-                    indeterminate={row.getIsSomeSelected()}
-                    onChange={row.getToggleSelectedHandler()}
-                />
-            );
+            if (rowSelectionMode === 'multiple') {
+                column.header = ({ table }) => (
+                    <Checkbox
+                        data-testid="row-checkbox-all"
+                        checked={table.getIsAllRowsSelected()}
+                        indeterminate={table.getIsSomeRowsSelected()}
+                        onChange={table.getToggleAllRowsSelectedHandler()}
+                    />
+                );
+                column.cell = ({ row }) => (
+                    <Checkbox
+                        data-testid={`row-checkbox-${row.index}`}
+                        checked={row.getIsSelected()}
+                        disabled={!row.getCanSelect()}
+                        indeterminate={row.getIsSomeSelected()}
+                        onChange={row.getToggleSelectedHandler()}
+                    />
+                );
+            } else if (rowSelectionMode === 'single') {
+                if (!ariaLabelledByColumnId) {
+                    devConsole.warn('ariaLabelledByColumnId is recommended for Accessibility');
+                }
+
+                const radioBtnName = `row-radiobutton-${uuid()}`;
+
+                column.cell = ({ table, row }) => {
+                    const radioBtnId = `row-radiobutton-${row.index}`;
+                    return (
+                        <StyledRadioButton
+                            id={radioBtnId}
+                            data-testid={radioBtnId}
+                            ariaLabel={t('selectRow')}
+                            ariaLabelledBy={ariaLabelledByColumnId ? [radioBtnId, `${row.id}_${ariaLabelledByColumnId}`] : []}
+                            checked={row.getIsSelected()}
+                            disabled={!row.getCanSelect()}
+                            name={radioBtnName}
+                            onChange={() => {
+                                const selected = row.getIsSelected;
+                                table.toggleAllRowsSelected(false);
+                                row.toggleSelected(!selected());
+                        }}
+                        />
+                    );
+                };
+            }
             break;
 
         case 'numbers':
@@ -228,6 +270,7 @@ function getUtilityColumn<T extends object>(type: UtilityColumnType, t: TFunctio
 }
 
 export interface TableProps<T extends object> {
+    ariaLabelledByColumnId?: string,
     data: T[];
     defaultSort?: ColumnSort;
     columns: TableColumn<T>[];
@@ -242,7 +285,7 @@ export interface TableProps<T extends object> {
      * @default medium
      */
     rowSize?: RowSize;
-    selectableRows?: boolean;
+    rowSelectionMode?: RowSelectionMode;
     /**
      * Adds striped rows
      * @default false
@@ -258,6 +301,7 @@ export interface TableProps<T extends object> {
 }
 
 export const Table = <T extends object>({
+    ariaLabelledByColumnId,
     className,
     data,
     defaultSort,
@@ -267,7 +311,7 @@ export const Table = <T extends object>({
     stickyFooter = false,
     rowNumbers = false,
     rowSize = 'medium',
-    selectableRows,
+    rowSelectionMode,
     striped = false,
     manualSort = false,
     onRowClick,
@@ -285,8 +329,8 @@ export const Table = <T extends object>({
     const columns = useMemo(() => {
         const cols = [...providedColumns];
 
-        if (selectableRows) {
-            cols.unshift(getUtilityColumn<T>('selection', t));
+        if (rowSelectionMode) {
+            cols.unshift(getUtilityColumn<T>('selection', t, rowSelectionMode, ariaLabelledByColumnId));
         } else if (expandableRows) {
             cols.unshift(getUtilityColumn<T>('expand', t));
         } else if (rowNumbers) {
@@ -294,7 +338,7 @@ export const Table = <T extends object>({
         }
 
         return cols;
-    }, [selectableRows, expandableRows, rowNumbers, providedColumns, t]);
+    }, [rowSelectionMode, expandableRows, rowNumbers, providedColumns, t, ariaLabelledByColumnId]);
 
     const tableOptions: TableOptions<T> = {
         data,
@@ -339,13 +383,13 @@ export const Table = <T extends object>({
     const currentRowSelection = table.getState().rowSelection;
 
     useEffect(() => {
-        if (selectableRows && onSelectedRowsChange) {
+        if (rowSelectionMode && onSelectedRowsChange) {
             const selectedRowIds = currentRowSelection;
             const selectedIndexes = Object.keys(selectedRowIds).filter((index) => selectedRowIds[index]);
             const selectedRows = selectedIndexes.map((index) => data[parseInt(index, 10)]);
             onSelectedRowsChange(selectedRows);
         }
-    }, [selectableRows, currentRowSelection, onSelectedRowsChange, data]);
+    }, [rowSelectionMode, currentRowSelection, onSelectedRowsChange, data]);
 
     return (
         <StyledTable
diff --git a/packages/react/src/i18n/translations.ts b/packages/react/src/i18n/translations.ts
index 3967327781..86377db2ba 100644
--- a/packages/react/src/i18n/translations.ts
+++ b/packages/react/src/i18n/translations.ts
@@ -110,6 +110,7 @@ export const Translations = {
         },
         table: {
             subrowsAriaLabel: '{{count}} subrows for this item',
+            selectRow: 'Select row',
         },
         tabs: {
             addTab: 'Add Tabs',
@@ -247,6 +248,7 @@ export const Translations = {
         },
         table: {
             subrowsAriaLabel: '{{count}} sous-éléments pour cet élément',
+            selectRow: 'Sélectionnez une rangée',
         },
         tabs: {
             addTab: 'Ajouter des onglets',
diff --git a/packages/storybook/stories/data-table.stories.tsx b/packages/storybook/stories/data-table.stories.tsx
index 6464a5cb89..df3a979e95 100644
--- a/packages/storybook/stories/data-table.stories.tsx
+++ b/packages/storybook/stories/data-table.stories.tsx
@@ -571,7 +571,7 @@ export const SortableRows: Story = () => {
     );
 };
 
-export const SelectableRows: Story = () => {
+export const MultipleSelectableRows: Story = () => {
     interface SelectableData {
         column1: string;
         column2: string;
@@ -606,7 +606,52 @@ export const SelectableRows: Story = () => {
         },
     ];
     return (
-        <Table selectableRows columns={columns} data={data} onSelectedRowsChange={console.info} />
+        <Table rowSelectionMode="multiple" columns={columns} data={data} onSelectedRowsChange={console.info} />
+    );
+};
+
+export const SingleSelectableRows: Story = () => {
+    interface SelectableData {
+        column1: string;
+        column2: string;
+        column3: number;
+    }
+
+    const columns: TableColumn<SelectableData>[] = [
+        {
+            header: 'Column 1',
+            accessorKey: 'column1',
+        },
+        {
+            header: 'Column 2',
+            accessorKey: 'column2',
+        },
+        {
+            header: 'Column 3',
+            accessorKey: 'column3',
+        },
+    ];
+
+    const data: TableData<SelectableData>[] = [
+        {
+            column1: 'a',
+            column2: 'a',
+            column3: 10,
+        },
+        {
+            column1: 'b',
+            column2: 'b',
+            column3: 20,
+        },
+    ];
+    return (
+        <Table
+            rowSelectionMode="single"
+            columns={columns}
+            data={data}
+            onSelectedRowsChange={console.info}
+            ariaLabelledByColumnId="column2"
+        />
     );
 };
 
@@ -1273,7 +1318,7 @@ export const WithBackgroundColor: Story = () => {
     return (
         <ScrollableWrap>
             <StyledTableWithBackground
-                selectableRows
+                rowSelectionMode="multiple"
                 stickyHeader
                 stickyFooter
                 columns={columns}

From 9e85a885b1578c32ea04545b8d5c9825ab3dd8c6 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 24 Sep 2024 08:32:33 -0400
Subject: [PATCH 18/30] chore(deps): lock file maintenance (#998)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 yarn.lock | 344 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 180 insertions(+), 164 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 4e89904f76..a8cdac819c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1641,11 +1641,11 @@ __metadata:
   linkType: hard
 
 "@emotion/is-prop-valid@npm:^1.1.0":
-  version: 1.3.0
-  resolution: "@emotion/is-prop-valid@npm:1.3.0"
+  version: 1.3.1
+  resolution: "@emotion/is-prop-valid@npm:1.3.1"
   dependencies:
     "@emotion/memoize": "npm:^0.9.0"
-  checksum: 10c0/4620b62aaca4b3b610202513652872756d7f4a8b84b2cea6b798dd6e8ccdfe43944b956c6a6a8cb5da0b0fe61bef6caca273d198ba32b5c658df22a6c7371b1b
+  checksum: 10c0/123215540c816ff510737ec68dcc499c53ea4deb0bb6c2c27c03ed21046e2e69f6ad07a7a174d271c6cfcbcc9ea44e1763e0cf3875c92192f7689216174803cd
   languageName: node
   linkType: hard
 
@@ -2775,20 +2775,20 @@ __metadata:
   linkType: hard
 
 "@storybook/addon-a11y@npm:^8.1.2":
-  version: 8.3.1
-  resolution: "@storybook/addon-a11y@npm:8.3.1"
+  version: 8.3.2
+  resolution: "@storybook/addon-a11y@npm:8.3.2"
   dependencies:
-    "@storybook/addon-highlight": "npm:8.3.1"
+    "@storybook/addon-highlight": "npm:8.3.2"
     axe-core: "npm:^4.2.0"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/f089f882dde992231f005ede08282dad5210d43fde852c37c90f50739e954879147fb73c81c111fb401356941caa896e75d9873797b5b7b9f839faf88bf911de
+    storybook: ^8.3.2
+  checksum: 10c0/3cb021fb435165bd028a88bae6674e7c3c46934cf219e503f6583cd5612078560e7f07847acca8339ab232e5de85aea911be32f6ae9957a7ea0de097981a6e56
   languageName: node
   linkType: hard
 
 "@storybook/addon-actions@npm:^8.1.2":
-  version: 8.3.1
-  resolution: "@storybook/addon-actions@npm:8.3.1"
+  version: 8.3.2
+  resolution: "@storybook/addon-actions@npm:8.3.2"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     "@types/uuid": "npm:^9.0.1"
@@ -2796,34 +2796,34 @@ __metadata:
     polished: "npm:^4.2.2"
     uuid: "npm:^9.0.0"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/f8b763e5133e9f01be41f351d69b5638b9f62be58ac51c100c753bd9b66d0d42242672fd062bcf5924b9186192b6e2c7f8dfd2dd5b36799d18dcc0a1ba52ef40
+    storybook: ^8.3.2
+  checksum: 10c0/a697e07d240648a287872f7ccf0c9fa393837e569e3361bd1d3ccb3f4bb8dcb3e38747aa2829f14ca51a5856443efda15f6988fc0d57ae188906dd0e13108fd2
   languageName: node
   linkType: hard
 
 "@storybook/addon-controls@npm:^8.1.2":
-  version: 8.3.1
-  resolution: "@storybook/addon-controls@npm:8.3.1"
+  version: 8.3.2
+  resolution: "@storybook/addon-controls@npm:8.3.2"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     dequal: "npm:^2.0.2"
     lodash: "npm:^4.17.21"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/064c3ce93390a6ed8f75e8455413368764bb052cf2fa7eaa6f3cb0bc66444b6bc09b8c9deefe4f6f37c2655fd0038887cfd00d3f05d7aa57f9e53179f445d183
+    storybook: ^8.3.2
+  checksum: 10c0/abbc755425bf3db4973a815d1c259c8eec3eb5e2b5748665250c449faeeed4df424909206e4fba46e93c8ac235826180db9cda1f08189a4710788d0677e8ad84
   languageName: node
   linkType: hard
 
 "@storybook/addon-docs@npm:^8.1.2":
-  version: 8.3.1
-  resolution: "@storybook/addon-docs@npm:8.3.1"
+  version: 8.3.2
+  resolution: "@storybook/addon-docs@npm:8.3.2"
   dependencies:
     "@mdx-js/react": "npm:^3.0.0"
-    "@storybook/blocks": "npm:8.3.1"
-    "@storybook/csf-plugin": "npm:8.3.1"
+    "@storybook/blocks": "npm:8.3.2"
+    "@storybook/csf-plugin": "npm:8.3.2"
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/react-dom-shim": "npm:8.3.1"
+    "@storybook/react-dom-shim": "npm:8.3.2"
     "@types/react": "npm:^16.8.0 || ^17.0.0 || ^18.0.0"
     fs-extra: "npm:^11.1.0"
     react: "npm:^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -2832,36 +2832,36 @@ __metadata:
     rehype-slug: "npm:^6.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/e4678da612da960892b00c5ef6ec241f70a963f73097a8c1716390fe776b20d37f0296b22d6994ea2966d35ad31f9385b009b4d63a2ea1e16ac6a7f89f669642
+    storybook: ^8.3.2
+  checksum: 10c0/05664db4c271de3c5cae20e6046b3ee2c331334277ff81fdc22e3dbc4cba20f0d0e0ab7681d7f0fbaefd81f35e15c05cee4c434cf31d9f26272dc006a05f7d82
   languageName: node
   linkType: hard
 
-"@storybook/addon-highlight@npm:8.3.1":
-  version: 8.3.1
-  resolution: "@storybook/addon-highlight@npm:8.3.1"
+"@storybook/addon-highlight@npm:8.3.2":
+  version: 8.3.2
+  resolution: "@storybook/addon-highlight@npm:8.3.2"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/9911024dc5324374b08ab4482a6dda25b89619c89546884d66546e3af046c714bdf178727322cdd64cbfaf02744db2d772a87617e6b2ef861bf24ff3d7faabfe
+    storybook: ^8.3.2
+  checksum: 10c0/4439a2c51da41af9df4918f7ec3dba9e56cabc0d99bad7d9ebd776e12c5673a300324873c5a49d65428ed867ffbc909f7b5bc0df2489dad881047720e9a2619d
   languageName: node
   linkType: hard
 
 "@storybook/addon-links@npm:^8.1.2":
-  version: 8.3.1
-  resolution: "@storybook/addon-links@npm:8.3.1"
+  version: 8.3.2
+  resolution: "@storybook/addon-links@npm:8.3.2"
   dependencies:
     "@storybook/csf": "npm:^0.1.11"
     "@storybook/global": "npm:^5.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-    storybook: ^8.3.1
+    storybook: ^8.3.2
   peerDependenciesMeta:
     react:
       optional: true
-  checksum: 10c0/c9c565e33a6e6f8ec6628f74383525ad29d764f4051ba282cdfec500784249af600a97e2ce9f15547f10a0b1cd536794a45ba20ae61767ac2d10760b9378cab8
+  checksum: 10c0/7e7f0052a005f505c3790ba4131fa9cd328c3a805c515911751fdd721ba2375cf19064dc6071db322015f69b4e875a7a593956b5e70be755a53799a902c122de
   languageName: node
   linkType: hard
 
@@ -2875,9 +2875,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/blocks@npm:8.3.1, @storybook/blocks@npm:^8.1.2":
-  version: 8.3.1
-  resolution: "@storybook/blocks@npm:8.3.1"
+"@storybook/blocks@npm:8.3.2, @storybook/blocks@npm:^8.1.2":
+  version: 8.3.2
+  resolution: "@storybook/blocks@npm:8.3.2"
   dependencies:
     "@storybook/csf": "npm:^0.1.11"
     "@storybook/global": "npm:^5.0.0"
@@ -2896,21 +2896,21 @@ __metadata:
   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.3.1
+    storybook: ^8.3.2
   peerDependenciesMeta:
     react:
       optional: true
     react-dom:
       optional: true
-  checksum: 10c0/276f5164878fedce20af6f8c36ecdecbc680b8a0c507447d2c0bb096016680d7be6c6bb4a8a1ddd8ba689b864ef845a7b7f42b2c7e1e8accdd3a2e04792cdd36
+  checksum: 10c0/c233ab5062d0d10b8335d2fc3b548bf54c4ed2cc345047303eedffcb4c4ed0a93474f085d6279719c47162adcb18dd12e0b5483997865868d5f0f37c74485575
   languageName: node
   linkType: hard
 
-"@storybook/builder-webpack5@npm:8.3.1":
-  version: 8.3.1
-  resolution: "@storybook/builder-webpack5@npm:8.3.1"
+"@storybook/builder-webpack5@npm:8.3.2":
+  version: 8.3.2
+  resolution: "@storybook/builder-webpack5@npm:8.3.2"
   dependencies:
-    "@storybook/core-webpack": "npm:8.3.1"
+    "@storybook/core-webpack": "npm:8.3.2"
     "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7.3.4"
     browser-assert: "npm:^1.2.1"
@@ -2938,38 +2938,38 @@ __metadata:
     webpack-hot-middleware: "npm:^2.25.1"
     webpack-virtual-modules: "npm:^0.6.0"
   peerDependencies:
-    storybook: ^8.3.1
+    storybook: ^8.3.2
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/ff469d63c36421624760995f3b2f7dc27f7d0a4bb59450915e9fa2bf39255ac9669fb585edc326dcc4f01da72f71c3ebde24b8305c6a40bb57391336bdd52698
+  checksum: 10c0/095c358b3f8f364584f1bf0dc3c221849465ea5643640d482628e06e7cc9574f3a006d5b7a9ce29543d563e854255ceebbfca6bba38c07908e4a2fdb5deb6d83
   languageName: node
   linkType: hard
 
-"@storybook/components@npm:^8.3.1":
-  version: 8.3.1
-  resolution: "@storybook/components@npm:8.3.1"
+"@storybook/components@npm:^8.3.2":
+  version: 8.3.2
+  resolution: "@storybook/components@npm:8.3.2"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/1a08315a5a38a2fd8ffbdbe286fa77b741c7cd49013907c2f0098b461f496be8099240401dc7b302db7741987f7b615ba157c6426172c396d83dc2f9bfa96a9a
+    storybook: ^8.3.2
+  checksum: 10c0/8f0d04e271337a791897c01f0f9e4dec9b458dde9853e626575040413d2760eac2f58674d057d989ffa9051b5eb41a9ae437cba9cbeaee95b1894a68c98482bf
   languageName: node
   linkType: hard
 
-"@storybook/core-webpack@npm:8.3.1":
-  version: 8.3.1
-  resolution: "@storybook/core-webpack@npm:8.3.1"
+"@storybook/core-webpack@npm:8.3.2":
+  version: 8.3.2
+  resolution: "@storybook/core-webpack@npm:8.3.2"
   dependencies:
     "@types/node": "npm:^22.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/ace22a0453d33f6f009110b86f1e3a367b3ec5798b4fe5f8f9747be93d721b04d5a3bcd0977abc721610781d084e46234474c3b83b61bbe5d2e262dc9a0edb11
+    storybook: ^8.3.2
+  checksum: 10c0/c1a75abf8cf25a7845fa1b1e80561569f46cd7d58bb97c097904b2b5d9fcbf814f62511e2fb3a44bef6434eb5b0bafb5b4a134fe3d7d968e0f6a2364bab1a7ea
   languageName: node
   linkType: hard
 
-"@storybook/core@npm:8.3.1":
-  version: 8.3.1
-  resolution: "@storybook/core@npm:8.3.1"
+"@storybook/core@npm:8.3.2":
+  version: 8.3.2
+  resolution: "@storybook/core@npm:8.3.2"
   dependencies:
     "@storybook/csf": "npm:^0.1.11"
     "@types/express": "npm:^4.17.21"
@@ -2984,18 +2984,18 @@ __metadata:
     semver: "npm:^7.6.2"
     util: "npm:^0.12.5"
     ws: "npm:^8.2.3"
-  checksum: 10c0/86df61ac0e57f080fd26744d4520145bb6c39fe81c2127fae673358f00dbe33dee250a5f368159cef299c3726b3e6864b2d7862c40a3468476e79a540c870984
+  checksum: 10c0/0086512c212c1a27878a982fecf0258c33b7b752c8ab985f73673568b3ab304258606f0f7d5efc1db14fef70d18c81937c98bde03c51d8c69774c51d846b67d6
   languageName: node
   linkType: hard
 
-"@storybook/csf-plugin@npm:8.3.1":
-  version: 8.3.1
-  resolution: "@storybook/csf-plugin@npm:8.3.1"
+"@storybook/csf-plugin@npm:8.3.2":
+  version: 8.3.2
+  resolution: "@storybook/csf-plugin@npm:8.3.2"
   dependencies:
     unplugin: "npm:^1.3.1"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/5bebf37e2391bee53f256bc7951a85f7dec91c469ab7601e5e6fbb62c53b9242fb17e9bbf11a9bf3abcf6c7d5163a207a493faa8e5b0cbfe06f66c00d0667b8b
+    storybook: ^8.3.2
+  checksum: 10c0/56717f8627f24547ae9038ed858d0d349a43cb85f948ea1f0bc5ff5d1b51d8c13b5990097090accceceabb0ccd514083329379c0ef70b9d24098410a85ee5d2d
   languageName: node
   linkType: hard
 
@@ -3025,30 +3025,30 @@ __metadata:
   linkType: hard
 
 "@storybook/icons@npm:^1.2.10":
-  version: 1.2.10
-  resolution: "@storybook/icons@npm:1.2.10"
+  version: 1.2.12
+  resolution: "@storybook/icons@npm:1.2.12"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/aadde2efd5c471b78096f29a6393db111ee95174cab94ade0d2859d476262f080aa8ffb414f82932afd81d5c57bed813193a04e92086962bde2224774dac9060
+  checksum: 10c0/97f6a7b7841fb5a0d1c8a30c36173469e7b0814a674c8103c7c0fd8803f0f7c2a778545af864012d40883195a533534dbc98541deac2bafe31e6a3fe37fdfc66
   languageName: node
   linkType: hard
 
-"@storybook/manager-api@npm:^8.1.2, @storybook/manager-api@npm:^8.3.1":
-  version: 8.3.1
-  resolution: "@storybook/manager-api@npm:8.3.1"
+"@storybook/manager-api@npm:^8.1.2, @storybook/manager-api@npm:^8.3.2":
+  version: 8.3.2
+  resolution: "@storybook/manager-api@npm:8.3.2"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/01fb12103352cd14e31749bb2a612dd9ebde39288430be1d2d94d28a94963e27a480f00e61a3f3064b952328cef5d212e8bb97fe2061bcaebbdde2dea6abf682
+    storybook: ^8.3.2
+  checksum: 10c0/1ed88fa6323ffc0158373c6173ae76f3a66c66ddb47b5a3ffebb3d5f6cf3fbe27e36e41881136489060b40319032e72c3bf34a8c38daee725ce169a7ccddd8ef
   languageName: node
   linkType: hard
 
-"@storybook/preset-react-webpack@npm:8.3.1":
-  version: 8.3.1
-  resolution: "@storybook/preset-react-webpack@npm:8.3.1"
+"@storybook/preset-react-webpack@npm:8.3.2":
+  version: 8.3.2
+  resolution: "@storybook/preset-react-webpack@npm:8.3.2"
   dependencies:
-    "@storybook/core-webpack": "npm:8.3.1"
-    "@storybook/react": "npm:8.3.1"
+    "@storybook/core-webpack": "npm:8.3.2"
+    "@storybook/react": "npm:8.3.2"
     "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0"
     "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7.3.4"
@@ -3063,29 +3063,29 @@ __metadata:
   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.3.1
+    storybook: ^8.3.2
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/64c3d1ae797b2c0ad5595166eae29d01dd01e6cf09facc49f2362837719cd762e4470439a8dc3135396c6bd65db69066691963d9976f39343762d66e65b374fc
+  checksum: 10c0/47c98d60547f045db6b78813a65e88957e571d06cd875ca2f738d3471fc5441b8d06aa0153db45b544bc103465a9ff6490f22fdf7a81360faccb4a7bb2d26599
   languageName: node
   linkType: hard
 
-"@storybook/preview-api@npm:^8.3.1":
-  version: 8.3.1
-  resolution: "@storybook/preview-api@npm:8.3.1"
+"@storybook/preview-api@npm:^8.3.2":
+  version: 8.3.2
+  resolution: "@storybook/preview-api@npm:8.3.2"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/2c2a99542b5f0c1342224e980ed35f3561717e2f2629444357d89d48c45b91b8f4c327d2ff339042af1e881185d5e0e33df46e567244694e1c6007a6eda12764
+    storybook: ^8.3.2
+  checksum: 10c0/ac4765f8ac3f0e3fa7c85d61cb28cea5da035cd8797697a2f8962e341a03ebf8f858b9e4615f434eea7d554734f11d541f201c9d422a42a99fd887a66d88a64f
   languageName: node
   linkType: hard
 
 "@storybook/preview@npm:^8.1.2":
-  version: 8.3.1
-  resolution: "@storybook/preview@npm:8.3.1"
+  version: 8.3.2
+  resolution: "@storybook/preview@npm:8.3.2"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/bfba662b3f2144e686d0889de0a6eb712fa7d2c0437e58854e93fa7c9137dfd308335a1759e3891216dbb7e8839819c119664327dbc21d6dc950c0cf71ac238f
+    storybook: ^8.3.2
+  checksum: 10c0/dc5a83b0cc459ec3fed87423e4711a5fd1c8044021304152ed737b58603f828621bd1738dff814a3cec89d806fe39cbb323ba204a188d3277506079eee7bf523
   languageName: node
   linkType: hard
 
@@ -3107,47 +3107,47 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-dom-shim@npm:8.3.1":
-  version: 8.3.1
-  resolution: "@storybook/react-dom-shim@npm:8.3.1"
+"@storybook/react-dom-shim@npm:8.3.2":
+  version: 8.3.2
+  resolution: "@storybook/react-dom-shim@npm:8.3.2"
   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.3.1
-  checksum: 10c0/0c77443852873e49b8616fc2995d2c83c6f17f1fa73117af444b18d0b9a40b81b02e1695b349adc4c0bafaecc0853621eae06629e2d2334e6ee101114f75bc7c
+    storybook: ^8.3.2
+  checksum: 10c0/c650f9399a9cd4af449876e9ffcfe702109dfa686d42790ca624c5230fc862f15fd31ecb9180d6c67595bac7f8f8d496011585cec3583a2b4e389859b81b53b6
   languageName: node
   linkType: hard
 
 "@storybook/react-webpack5@npm:^8.1.2":
-  version: 8.3.1
-  resolution: "@storybook/react-webpack5@npm:8.3.1"
+  version: 8.3.2
+  resolution: "@storybook/react-webpack5@npm:8.3.2"
   dependencies:
-    "@storybook/builder-webpack5": "npm:8.3.1"
-    "@storybook/preset-react-webpack": "npm:8.3.1"
-    "@storybook/react": "npm:8.3.1"
+    "@storybook/builder-webpack5": "npm:8.3.2"
+    "@storybook/preset-react-webpack": "npm:8.3.2"
+    "@storybook/react": "npm:8.3.2"
     "@types/node": "npm:^22.0.0"
   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.3.1
+    storybook: ^8.3.2
     typescript: ">= 4.2.x"
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/a4fce31908e8c95a15b47a3eb48a3616238ceb8ac957128e95cceee1548cb699655293a3907353177ffb780640e39abf4f1b63b10e2574f37c03f525741c09b9
+  checksum: 10c0/3c51277fe05c663af38584420c68033be093d6db6578e4b99aa66c9f37900b4deca48084152c09cbf806782aa36741ef9cf264f233e6f2b50aca9000d415b724
   languageName: node
   linkType: hard
 
-"@storybook/react@npm:8.3.1, @storybook/react@npm:^8.1.2":
-  version: 8.3.1
-  resolution: "@storybook/react@npm:8.3.1"
+"@storybook/react@npm:8.3.2, @storybook/react@npm:^8.1.2":
+  version: 8.3.2
+  resolution: "@storybook/react@npm:8.3.2"
   dependencies:
-    "@storybook/components": "npm:^8.3.1"
+    "@storybook/components": "npm:^8.3.2"
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/manager-api": "npm:^8.3.1"
-    "@storybook/preview-api": "npm:^8.3.1"
-    "@storybook/react-dom-shim": "npm:8.3.1"
-    "@storybook/theming": "npm:^8.3.1"
+    "@storybook/manager-api": "npm:^8.3.2"
+    "@storybook/preview-api": "npm:^8.3.2"
+    "@storybook/react-dom-shim": "npm:8.3.2"
+    "@storybook/theming": "npm:^8.3.2"
     "@types/escodegen": "npm:^0.0.6"
     "@types/estree": "npm:^0.0.51"
     "@types/node": "npm:^22.0.0"
@@ -3163,26 +3163,26 @@ __metadata:
     type-fest: "npm:~2.19"
     util-deprecate: "npm:^1.0.2"
   peerDependencies:
-    "@storybook/test": 8.3.1
+    "@storybook/test": 8.3.2
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-    storybook: ^8.3.1
+    storybook: ^8.3.2
     typescript: ">= 4.2.x"
   peerDependenciesMeta:
     "@storybook/test":
       optional: true
     typescript:
       optional: true
-  checksum: 10c0/34b7812654c2d2f7aa745b8c3bd9c8d56012a3cc8dda01a93e7411ee4b02a0fe9b69e9f3760bc9131ba3198bf69f8aec1f472dfb0995c9c832f89f84e75ee50c
+  checksum: 10c0/7216a4d17d636065e600c3cd16732fe90ce80deac64a70ffbb285a5b49f138fea1caa73d2114755b2b2f0fe8fd4b91815722cea51fd825c5a5857bb31728aa2c
   languageName: node
   linkType: hard
 
-"@storybook/theming@npm:^8.1.2, @storybook/theming@npm:^8.3.1":
-  version: 8.3.1
-  resolution: "@storybook/theming@npm:8.3.1"
+"@storybook/theming@npm:^8.1.2, @storybook/theming@npm:^8.3.2":
+  version: 8.3.2
+  resolution: "@storybook/theming@npm:8.3.2"
   peerDependencies:
-    storybook: ^8.3.1
-  checksum: 10c0/79cf3afe164c8b4a0653260a5b2462bb667f1bd52690cd39a83be96c08c24bd5654123709c1f1e881e4d17742a076aed1deabaf97a9da8aad3beaef7a581a44b
+    storybook: ^8.3.2
+  checksum: 10c0/3542ec6a9ec45f9a52136cb0ba3e715c3a42e952f42a9036aca9fd019d1115baf3463e8f42afb9839704c2fce60ebb62d926c28df816f7decc0df493f3edfb24
   languageName: node
   linkType: hard
 
@@ -3198,12 +3198,12 @@ __metadata:
   linkType: hard
 
 "@stylistic/stylelint-plugin@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "@stylistic/stylelint-plugin@npm:3.0.1"
+  version: 3.1.0
+  resolution: "@stylistic/stylelint-plugin@npm:3.1.0"
   dependencies:
-    "@csstools/css-parser-algorithms": "npm:^3.0.0"
-    "@csstools/css-tokenizer": "npm:^3.0.0"
-    "@csstools/media-query-list-parser": "npm:^3.0.0"
+    "@csstools/css-parser-algorithms": "npm:^3.0.1"
+    "@csstools/css-tokenizer": "npm:^3.0.1"
+    "@csstools/media-query-list-parser": "npm:^3.0.1"
     is-plain-object: "npm:^5.0.0"
     postcss-selector-parser: "npm:^6.1.2"
     postcss-value-parser: "npm:^4.2.0"
@@ -3211,7 +3211,7 @@ __metadata:
     stylelint: "npm:^16.8.2"
   peerDependencies:
     stylelint: ^16.8.0
-  checksum: 10c0/1a7297345ca25d56e5cdc9d1307bdcf2c04fcca67d46a28dcc1464abdd8c8c214f1bc77ea41a2936d6cb3ca5caa1bab75947ee365cf1990cb079fe3a112cd4d1
+  checksum: 10c0/eb1bc7f3839be09437f0ecc76ce95fd212ffbc6ca15f6fc1ac981331c24b467f3fee54668bd0b6bcb61e258ce2dd58293fd20936e781f8952b086bc3e0fa777f
   languageName: node
   linkType: hard
 
@@ -3586,9 +3586,9 @@ __metadata:
   linkType: hard
 
 "@types/estree@npm:*, @types/estree@npm:^1.0.5":
-  version: 1.0.5
-  resolution: "@types/estree@npm:1.0.5"
-  checksum: 10c0/b3b0e334288ddb407c7b3357ca67dbee75ee22db242ca7c56fe27db4e1a31989cb8af48a84dd401deb787fe10cc6b2ab1ee82dc4783be87ededbe3d53c79c70d
+  version: 1.0.6
+  resolution: "@types/estree@npm:1.0.6"
+  checksum: 10c0/cdfd751f6f9065442cd40957c07fd80361c962869aa853c1c2fd03e101af8b9389d8ff4955a43a6fcfa223dd387a089937f95be0f3eec21ca527039fd2d9859a
   languageName: node
   linkType: hard
 
@@ -3742,9 +3742,9 @@ __metadata:
   linkType: hard
 
 "@types/lodash@npm:^4.14.167, @types/lodash@npm:^4.14.186":
-  version: 4.17.7
-  resolution: "@types/lodash@npm:4.17.7"
-  checksum: 10c0/40c965b5ffdcf7ff5c9105307ee08b782da228c01b5c0529122c554c64f6b7168fc8f11dc79aa7bae4e67e17efafaba685dc3a47e294dbf52a65ed2b67100561
+  version: 4.17.9
+  resolution: "@types/lodash@npm:4.17.9"
+  checksum: 10c0/54de935e835508b5f835a5dfaedd2b9a299685a21d11e9c5cd2dde57331d03bc2f98b71d2424ca8460f447ecd55a673e45ccdb70e58f9f72745710f6b91abc60
   languageName: node
   linkType: hard
 
@@ -3772,11 +3772,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:*, @types/node@npm:^22.0.0":
-  version: 22.5.5
-  resolution: "@types/node@npm:22.5.5"
+  version: 22.6.1
+  resolution: "@types/node@npm:22.6.1"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/ead9495cfc6b1da5e7025856dcce2591e9bae635357410c0d2dd619fce797d2a1d402887580ca4b336cb78168b195224869967de370a23f61663cf1e4836121c
+  checksum: 10c0/79fdb14f268070eb21d25f3e81811b73c10dfcc65a638a6546fd97aa3e7dfe473f31a547fd21c43b8559a435b6ab26057066a47b5453bd1b1cdffe14430ac399
   languageName: node
   linkType: hard
 
@@ -3790,11 +3790,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^20.12.7":
-  version: 20.16.5
-  resolution: "@types/node@npm:20.16.5"
+  version: 20.16.6
+  resolution: "@types/node@npm:20.16.6"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/6af7994129815010bcbc4cf8221865559c8116ff43e74a6549525c2108267596fc2d18aff5d5ecfe089fb60a119f975631343e2c65c52bfa0955ed9dc56733d6
+  checksum: 10c0/a3bd104b4061451625ed3b320c88e01e1261d41dbcaa7248d376f60a1a831e1cbc4362eef5be3445ccc1ea2d0a9178fc1ddd5e55a4f5df571dce78e5d91375a8
   languageName: node
   linkType: hard
 
@@ -3880,13 +3880,13 @@ __metadata:
   linkType: hard
 
 "@types/react@npm:^17":
-  version: 17.0.81
-  resolution: "@types/react@npm:17.0.81"
+  version: 17.0.82
+  resolution: "@types/react@npm:17.0.82"
   dependencies:
     "@types/prop-types": "npm:*"
     "@types/scheduler": "npm:^0.16"
     csstype: "npm:^3.0.2"
-  checksum: 10c0/7c371002b6443d92b3df33b24d2989d5eb555765bc2c31917b1325279bdeb79103aac524ea5a52cf36d8c61baed0f30a55dc87521b35771ec5cd4c0a4fef8245
+  checksum: 10c0/86a6797988cea1b63083eb1742be7bccce77bd0e240bce490b89f3e420c1fa24cd45454d8c0bb6f1b4465ca8e9f35a7bbe60beada8b5bd05a2cf62d3f0c2460e
   languageName: node
   linkType: hard
 
@@ -5334,9 +5334,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.30001646":
-  version: 1.0.30001660
-  resolution: "caniuse-lite@npm:1.0.30001660"
-  checksum: 10c0/d28900b56c597176d515c3175ca75c454f2d30cb2c09a44d7bdb009bb0c4d8a2557905adb77642889bbe9feb85fbfe9d974c8b8e53521fb4b50ee16ab246104e
+  version: 1.0.30001663
+  resolution: "caniuse-lite@npm:1.0.30001663"
+  checksum: 10c0/6508e27bf7fdec657f26f318b1ab64ace6e1208ef9fedaf0975bc89046e0c683bfba837f108840ada1686ff09b8ffd01e05ac791dcf598b8f16eefb636875cf2
   languageName: node
   linkType: hard
 
@@ -5423,6 +5423,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chokidar@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "chokidar@npm:4.0.1"
+  dependencies:
+    readdirp: "npm:^4.0.1"
+  checksum: 10c0/4bb7a3adc304059810bb6c420c43261a15bb44f610d77c35547addc84faa0374265c3adc67f25d06f363d9a4571962b02679268c40de07676d260de1986efea9
+  languageName: node
+  linkType: hard
+
 "chownr@npm:^2.0.0":
   version: 2.0.0
   resolution: "chownr@npm:2.0.0"
@@ -6625,9 +6634,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.5.4":
-  version: 1.5.24
-  resolution: "electron-to-chromium@npm:1.5.24"
-  checksum: 10c0/c20a6fc69145c0b470778ee0a952226d3480d611949bea00c9f8ed3bac0a205e5cd8ba76cfa99034d9ee717482741cf1c7e41eb151ccffc933e1eefe501d3bc7
+  version: 1.5.28
+  resolution: "electron-to-chromium@npm:1.5.28"
+  checksum: 10c0/6e2f4150ba03ce53ca128955c7d2da071d3774362a10c68848a85b71c29857915e2256cb53cd2de17fdbf0f56bf76ec174d24965abef7430d8c414ec733030b2
   languageName: node
   linkType: hard
 
@@ -7234,14 +7243,14 @@ __metadata:
   linkType: hard
 
 "eslint-module-utils@npm:^2.7.4, eslint-module-utils@npm:^2.8.0":
-  version: 2.11.0
-  resolution: "eslint-module-utils@npm:2.11.0"
+  version: 2.11.1
+  resolution: "eslint-module-utils@npm:2.11.1"
   dependencies:
     debug: "npm:^3.2.7"
   peerDependenciesMeta:
     eslint:
       optional: true
-  checksum: 10c0/c1b02e83429878ab22596f17a5ac138e51a520e96a5ef89a5a6698769a2d174ab28302d45eb563c0fc418d21a5842e328c37a6e8f294bf2e64e675ba55203dd7
+  checksum: 10c0/d1c23397eddc42a7824de08348095483bc270a4a3222bc0d54a76382c6411111c33e44a0a1819489e1e209d9e4721de2a8438e7ca4e6fe6be32ff818af9b11b4
   languageName: node
   linkType: hard
 
@@ -10448,14 +10457,14 @@ __metadata:
   linkType: hard
 
 "memfs@npm:^4.6.0":
-  version: 4.11.1
-  resolution: "memfs@npm:4.11.1"
+  version: 4.12.0
+  resolution: "memfs@npm:4.12.0"
   dependencies:
     "@jsonjoy.com/json-pack": "npm:^1.0.3"
     "@jsonjoy.com/util": "npm:^1.3.0"
     tree-dump: "npm:^1.0.1"
     tslib: "npm:^2.0.0"
-  checksum: 10c0/738f3ba7204d7f0a5bc09ae9f62d4151e0bbb14b5f5c2bb39c59e93d1b6da1bfc0c94240f23f450538578a331d1458da995b4976aee889da0fac2219322e8377
+  checksum: 10c0/e3ccf01e41334893fc8e32e1c551b4b3af962f851c848650533e54fb2d4702a520bd1269fc9a8152f8e4d6e775c8866d49abfc35627b4ff3d6594d96af62c9b4
   languageName: node
   linkType: hard
 
@@ -12158,6 +12167,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"readdirp@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "readdirp@npm:4.0.1"
+  checksum: 10c0/e5a0b547015f68ecc918f115b62b75b2b840611480a9240cb3317090a0ddac01bb9b40315a8fa08acdf52a43eea17b808c89b645263cba3ab64dc557d7f801f1
+  languageName: node
+  linkType: hard
+
 "readdirp@npm:~3.6.0":
   version: 3.6.0
   resolution: "readdirp@npm:3.6.0"
@@ -12577,8 +12593,8 @@ __metadata:
   linkType: hard
 
 "sass-loader@npm:^16.0.0, sass-loader@npm:~16.0.0":
-  version: 16.0.1
-  resolution: "sass-loader@npm:16.0.1"
+  version: 16.0.2
+  resolution: "sass-loader@npm:16.0.2"
   dependencies:
     neo-async: "npm:^2.6.2"
   peerDependencies:
@@ -12598,20 +12614,20 @@ __metadata:
       optional: true
     webpack:
       optional: true
-  checksum: 10c0/ac841ea8881354e4bf286c2c5f331b60c2edf73c6e4abbc85b954024ec16dfda01accf59ea6fcb4b29ec7dd5a81a9950fc9138dcb262b9130865367201b7699a
+  checksum: 10c0/9c5165b44fc6229d8f36fb2af3ebb9d1e3a837bcc80040d3f3fc5793cd2998407e2ed55853c2b342cca2b5e17fa141160198ad034685a95b17126200c320ae11
   languageName: node
   linkType: hard
 
 "sass@npm:^1.71.1":
-  version: 1.78.0
-  resolution: "sass@npm:1.78.0"
+  version: 1.79.3
+  resolution: "sass@npm:1.79.3"
   dependencies:
-    chokidar: "npm:>=3.0.0 <4.0.0"
+    chokidar: "npm:^4.0.0"
     immutable: "npm:^4.0.0"
     source-map-js: "npm:>=0.6.2 <2.0.0"
   bin:
     sass: sass.js
-  checksum: 10c0/6577a87c00b03a5a50f3a11b4b6592f28abce34e61812e381535a3b712151bd94db3ca06467d20395431e0f38a23f99e616d6859d771fb6d4617c359f590c48c
+  checksum: 10c0/ad171bbbb2d7a789cc47803a59dcf2d0ac92ede34b538bb3fd683b6391a9ac3dc3eabaac264fc9582c770c4e435b85840e011785b7adfc0ac002b51ba91179c9
   languageName: node
   linkType: hard
 
@@ -13148,15 +13164,15 @@ __metadata:
   linkType: hard
 
 "storybook@npm:^8.1.2":
-  version: 8.3.1
-  resolution: "storybook@npm:8.3.1"
+  version: 8.3.2
+  resolution: "storybook@npm:8.3.2"
   dependencies:
-    "@storybook/core": "npm:8.3.1"
+    "@storybook/core": "npm:8.3.2"
   bin:
     getstorybook: ./bin/index.cjs
     sb: ./bin/index.cjs
     storybook: ./bin/index.cjs
-  checksum: 10c0/da39ef6951c06b342f9bdd8371e99e71d85a6e90377f313e400501b9e195fcacf5577dd0c61c5a343933fff1a7d1ece02645ca9beefc18e791ca8b9faff2a8e1
+  checksum: 10c0/0c840f1d8e2db71fb485b23a15ca42f845f4a785234d08c2b406cdc415c3d086e2021d74c22b6ad9a970c30101b424508b6ce24ed2dee4a0fb3e60d3b952376e
   languageName: node
   linkType: hard
 
@@ -13480,8 +13496,8 @@ __metadata:
   linkType: hard
 
 "stylelint-scss@npm:^6.4.0":
-  version: 6.6.0
-  resolution: "stylelint-scss@npm:6.6.0"
+  version: 6.7.0
+  resolution: "stylelint-scss@npm:6.7.0"
   dependencies:
     css-tree: "npm:2.3.1"
     is-plain-object: "npm:5.0.0"
@@ -13492,7 +13508,7 @@ __metadata:
     postcss-value-parser: "npm:^4.2.0"
   peerDependencies:
     stylelint: ^16.0.2
-  checksum: 10c0/bd9dc0e93973a63ee6ea4edfeef2f4123cafb4d2d99a923b94fac22e6b12aa7bfe246d6536aec681055f934d0af0e3a19f83bad95024cc099a87e15d58a8f2d2
+  checksum: 10c0/8464f8295109fb562a428111a6d1b8e5f66a9c79543334cf6307c5a85ffc5f5c27d44cb251334aa339d63dfaa544d02671d4d43c3bec3f993d618c8cd103fa47
   languageName: node
   linkType: hard
 
@@ -13765,8 +13781,8 @@ __metadata:
   linkType: hard
 
 "terser@npm:^5.10.0, terser@npm:^5.26.0":
-  version: 5.32.0
-  resolution: "terser@npm:5.32.0"
+  version: 5.33.0
+  resolution: "terser@npm:5.33.0"
   dependencies:
     "@jridgewell/source-map": "npm:^0.3.3"
     acorn: "npm:^8.8.2"
@@ -13774,7 +13790,7 @@ __metadata:
     source-map-support: "npm:~0.5.20"
   bin:
     terser: bin/terser
-  checksum: 10c0/94daae4881258eb7d09abd46378e23d11ee46caa507b2fb26c5595c7e490914be734e0de38c50041dc38fae5fca24de11badf042dfbbfc1d336ed117335c420a
+  checksum: 10c0/18a1cd33366dcd8fee7d6eef78c9c417cbe688e5153841e6a574f9d4937066dc40f67b1e96305f73f25bc6f2c458dbe442a056092c99619d4dbee8ad9fae4a3e
   languageName: node
   linkType: hard
 

From aea2a85a2a2bd4144b7eaabe3e077bd1b0d15edf Mon Sep 17 00:00:00 2001
From: Williams Tardif <32278060+WilliamsTardif@users.noreply.github.com>
Date: Fri, 27 Sep 2024 10:41:12 -0400
Subject: [PATCH 19/30] feat(TextInput): ajout adornment (DS-1140) (#949)

---
 .../money-input/money-input.test.tsx.snap     | 219 +++--
 .../password-creation-input.tsx               |   5 +-
 .../password-input.test.tsx.snap              | 348 ++++----
 .../password-input/password-input.tsx         |   5 +-
 .../components/text-input/text-input.test.tsx |  50 ++
 .../text-input/text-input.test.tsx.snap       | 795 ++++++++++++++++--
 .../src/components/text-input/text-input.tsx  | 151 +++-
 .../tokens/component/text-input-tokens.ts     |   8 +-
 packages/storybook/stories/text-input.mdx     |  14 +-
 .../storybook/stories/text-input.stories.tsx  |  22 +-
 10 files changed, 1244 insertions(+), 373 deletions(-)

diff --git a/packages/react/src/components/money-input/money-input.test.tsx.snap b/packages/react/src/components/money-input/money-input.test.tsx.snap
index 8f48aa6938..1a7338f42d 100644
--- a/packages/react/src/components/money-input/money-input.test.tsx.snap
+++ b/packages/react/src/components/money-input/money-input.test.tsx.snap
@@ -15,7 +15,7 @@ exports[`CurrencyInput Component matches snapshot (en-CA) 1`] = `
   margin-bottom: var(--spacing-half);
 }
 
-.c2 {
+.c3 {
   background: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
@@ -33,56 +33,79 @@ exports[`CurrencyInput Component matches snapshot (en-CA) 1`] = `
   outline: none;
   padding: 0 var(--spacing-1x);
   width: 100%;
+  border: 0;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 100%;
 }
 
-.c2::-webkit-input-placeholder {
+.c3::-webkit-input-placeholder {
   color: #60666E;
 }
 
-.c2::-moz-placeholder {
+.c3::-moz-placeholder {
   color: #60666E;
 }
 
-.c2:-ms-input-placeholder {
+.c3:-ms-input-placeholder {
   color: #60666E;
 }
 
-.c2::placeholder {
+.c3::placeholder {
   color: #60666E;
 }
 
-.c2:disabled {
+.c3:disabled {
   background-color: #F1F2F2;
   border-color: #B7BBC2;
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled::-webkit-input-placeholder {
+.c3:disabled,
+.c3:disabled::-webkit-input-placeholder {
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled::-moz-placeholder {
+.c3:disabled,
+.c3:disabled::-moz-placeholder {
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled:-ms-input-placeholder {
+.c3:disabled,
+.c3:disabled:-ms-input-placeholder {
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled::placeholder {
+.c3:disabled,
+.c3:disabled::placeholder {
   color: #B7BBC2;
 }
 
+.c3:focus,
+.c3:disabled {
+  border: 0;
+  box-shadow: none;
+}
+
+.c2 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: var(--size-2x);
+}
+
 .c2 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c2:focus {
+.c2:focus-within {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
@@ -100,15 +123,19 @@ exports[`CurrencyInput Component matches snapshot (en-CA) 1`] = `
     class="c1"
     data-testid="field-container"
   >
-    <input
+    <div
       class="c2"
-      data-testid="text-input"
-      id="uuid1"
-      inputmode="numeric"
-      placeholder="$"
-      type="text"
-      value="$100.00"
-    />
+    >
+      <input
+        class="c3"
+        data-testid="text-input"
+        id="uuid1"
+        inputmode="numeric"
+        placeholder="$"
+        type="text"
+        value="$100.00"
+      />
+    </div>
   </div>
 </div>
 `;
@@ -128,7 +155,7 @@ exports[`CurrencyInput Component matches snapshot (en-US) 1`] = `
   margin-bottom: var(--spacing-half);
 }
 
-.c2 {
+.c3 {
   background: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
@@ -146,56 +173,79 @@ exports[`CurrencyInput Component matches snapshot (en-US) 1`] = `
   outline: none;
   padding: 0 var(--spacing-1x);
   width: 100%;
+  border: 0;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 100%;
 }
 
-.c2::-webkit-input-placeholder {
+.c3::-webkit-input-placeholder {
   color: #60666E;
 }
 
-.c2::-moz-placeholder {
+.c3::-moz-placeholder {
   color: #60666E;
 }
 
-.c2:-ms-input-placeholder {
+.c3:-ms-input-placeholder {
   color: #60666E;
 }
 
-.c2::placeholder {
+.c3::placeholder {
   color: #60666E;
 }
 
-.c2:disabled {
+.c3:disabled {
   background-color: #F1F2F2;
   border-color: #B7BBC2;
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled::-webkit-input-placeholder {
+.c3:disabled,
+.c3:disabled::-webkit-input-placeholder {
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled::-moz-placeholder {
+.c3:disabled,
+.c3:disabled::-moz-placeholder {
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled:-ms-input-placeholder {
+.c3:disabled,
+.c3:disabled:-ms-input-placeholder {
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled::placeholder {
+.c3:disabled,
+.c3:disabled::placeholder {
   color: #B7BBC2;
 }
 
+.c3:focus,
+.c3:disabled {
+  border: 0;
+  box-shadow: none;
+}
+
+.c2 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: var(--size-2x);
+}
+
 .c2 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c2:focus {
+.c2:focus-within {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
@@ -213,15 +263,19 @@ exports[`CurrencyInput Component matches snapshot (en-US) 1`] = `
     class="c1"
     data-testid="field-container"
   >
-    <input
+    <div
       class="c2"
-      data-testid="text-input"
-      id="uuid1"
-      inputmode="numeric"
-      placeholder="$"
-      type="text"
-      value="$100.00"
-    />
+    >
+      <input
+        class="c3"
+        data-testid="text-input"
+        id="uuid1"
+        inputmode="numeric"
+        placeholder="$"
+        type="text"
+        value="$100.00"
+      />
+    </div>
   </div>
 </div>
 `;
@@ -241,7 +295,7 @@ exports[`CurrencyInput Component matches snapshot (fr-CA) 1`] = `
   margin-bottom: var(--spacing-half);
 }
 
-.c2 {
+.c3 {
   background: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
@@ -259,56 +313,79 @@ exports[`CurrencyInput Component matches snapshot (fr-CA) 1`] = `
   outline: none;
   padding: 0 var(--spacing-1x);
   width: 100%;
+  border: 0;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 100%;
 }
 
-.c2::-webkit-input-placeholder {
+.c3::-webkit-input-placeholder {
   color: #60666E;
 }
 
-.c2::-moz-placeholder {
+.c3::-moz-placeholder {
   color: #60666E;
 }
 
-.c2:-ms-input-placeholder {
+.c3:-ms-input-placeholder {
   color: #60666E;
 }
 
-.c2::placeholder {
+.c3::placeholder {
   color: #60666E;
 }
 
-.c2:disabled {
+.c3:disabled {
   background-color: #F1F2F2;
   border-color: #B7BBC2;
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled::-webkit-input-placeholder {
+.c3:disabled,
+.c3:disabled::-webkit-input-placeholder {
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled::-moz-placeholder {
+.c3:disabled,
+.c3:disabled::-moz-placeholder {
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled:-ms-input-placeholder {
+.c3:disabled,
+.c3:disabled:-ms-input-placeholder {
   color: #B7BBC2;
 }
 
-.c2:disabled,
-.c2:disabled::placeholder {
+.c3:disabled,
+.c3:disabled::placeholder {
   color: #B7BBC2;
 }
 
+.c3:focus,
+.c3:disabled {
+  border: 0;
+  box-shadow: none;
+}
+
+.c2 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: var(--size-2x);
+}
+
 .c2 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c2:focus {
+.c2:focus-within {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
@@ -326,15 +403,19 @@ exports[`CurrencyInput Component matches snapshot (fr-CA) 1`] = `
     class="c1"
     data-testid="field-container"
   >
-    <input
+    <div
       class="c2"
-      data-testid="text-input"
-      id="uuid1"
-      inputmode="numeric"
-      placeholder="$"
-      type="text"
-      value="100,00 $"
-    />
+    >
+      <input
+        class="c3"
+        data-testid="text-input"
+        id="uuid1"
+        inputmode="numeric"
+        placeholder="$"
+        type="text"
+        value="100,00 $"
+      />
+    </div>
   </div>
 </div>
 `;
diff --git a/packages/react/src/components/password-creation-input/password-creation-input.tsx b/packages/react/src/components/password-creation-input/password-creation-input.tsx
index 6f0219ddc3..86bcb8e333 100644
--- a/packages/react/src/components/password-creation-input/password-creation-input.tsx
+++ b/packages/react/src/components/password-creation-input/password-creation-input.tsx
@@ -3,7 +3,6 @@ import styled from 'styled-components';
 import { useDeviceContext } from '../device-context-provider/device-context-provider';
 import { IconButton } from '../buttons/icon-button';
 import { FieldContainer } from '../field-container/field-container';
-import { Input } from '../text-input/text-input';
 import { useTranslation } from '../../i18n/use-translation';
 import { Tooltip } from '../tooltip/tooltip';
 import { getPasswordStrength } from './password-strength';
@@ -12,6 +11,7 @@ import { getDefaultValidationConditions, ValidationCondition } from './validatio
 import { v4 as uuid } from '../../utils/uuid';
 import { PasswordStrengthContainer } from './password-strength-container';
 import { useDataAttributes } from '../../hooks/use-data-attributes';
+import { inputsStyle } from '../text-input/styles/inputs';
 
 const StyledUl = styled.ul`
     font-size: 0.75rem;
@@ -26,7 +26,8 @@ const PasswordInputContainer = styled.div`
     position: relative;
 `;
 
-const StyledInput = styled(Input)`
+const StyledInput = styled.input<{ isMobile: boolean }>`
+    ${({ theme, isMobile }) => inputsStyle({ theme, isMobile, isFocusable: false })};
     padding-right: var(--size-2x);
 `;
 
diff --git a/packages/react/src/components/password-input/password-input.test.tsx.snap b/packages/react/src/components/password-input/password-input.test.tsx.snap
index 459d17d005..69c406502f 100644
--- a/packages/react/src/components/password-input/password-input.test.tsx.snap
+++ b/packages/react/src/components/password-input/password-input.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
-.c6 {
+.c5 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -41,23 +41,23 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   user-select: none;
 }
 
-.c6 {
+.c5 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c6:focus {
+.c5:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c6 > svg {
+.c5 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c7 {
+.c6 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
@@ -66,43 +66,43 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   width: var(--size-1halfx);
 }
 
-.c7 {
+.c6 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c7:focus {
+.c6:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c7:hover,
-.c7[aria-expanded='true'] {
+.c6:hover,
+.c6[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c7[aria-disabled='true'] {
+.c6[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c7 > svg {
+.c6 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c10 {
+.c9 {
   height: 1.25rem;
   position: absolute;
   width: 1rem;
 }
 
-.c10::before {
+.c9::before {
   border-style: solid;
   content: '';
   display: block;
@@ -111,7 +111,7 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   width: 0;
 }
 
-.c10::after {
+.c9::after {
   border-style: solid;
   content: '';
   display: block;
@@ -121,7 +121,7 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   width: 0;
 }
 
-.c8 {
+.c7 {
   background-color: #60666E;
   border: 1px solid #FFFFFF;
   border-radius: var(--border-radius-half);
@@ -147,7 +147,7 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   z-index: 1000;
 }
 
-.c8[data-popper-placement*="bottom"] > .c9 {
+.c7[data-popper-placement*="bottom"] > .c8 {
   height: 1rem;
   left: 0;
   margin-top: -0.375rem;
@@ -155,19 +155,19 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   width: 1rem;
 }
 
-.c8[data-popper-placement*="bottom"] > .c9::before {
+.c7[data-popper-placement*="bottom"] > .c8::before {
   border-color: transparent transparent #FFFFFF transparent;
   border-width: 0 0.5rem 0.5rem;
   position: absolute;
   top: -2px;
 }
 
-.c8[data-popper-placement*="bottom"] > .c9::after {
+.c7[data-popper-placement*="bottom"] > .c8::after {
   border-color: transparent transparent #60666E transparent;
   border-width: 0 0.5rem 0.5rem;
 }
 
-.c8[data-popper-placement*="top"] > .c9 {
+.c7[data-popper-placement*="top"] > .c8 {
   bottom: 0;
   height: 0;
   left: 0;
@@ -175,58 +175,58 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   width: 1rem;
 }
 
-.c8[data-popper-placement*="top"] > .c9::before {
+.c7[data-popper-placement*="top"] > .c8::before {
   border-color: #FFFFFF transparent transparent transparent;
   border-width: 0.5rem 0.5rem 0;
   position: absolute;
   top: 0;
 }
 
-.c8[data-popper-placement*="top"] > .c9::after {
+.c7[data-popper-placement*="top"] > .c8::after {
   border-color: #60666E transparent transparent transparent;
   border-width: 0.5rem 0.5rem 0;
   top: -0.1rem;
 }
 
-.c8[data-popper-placement*="right"] > .c9 {
+.c7[data-popper-placement*="right"] > .c8 {
   height: 1rem;
   left: 0;
   margin-left: -0.8rem;
   width: 1rem;
 }
 
-.c8[data-popper-placement*="right"] > .c9::before {
+.c7[data-popper-placement*="right"] > .c8::before {
   border-color: transparent #FFFFFF transparent transparent;
   border-width: 0.5rem 0.5rem 0.5rem 0;
 }
 
-.c8[data-popper-placement*="right"] > .c9::after {
+.c7[data-popper-placement*="right"] > .c8::after {
   border-color: transparent #60666E transparent transparent;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   left: 0.375rem;
   top: 0;
 }
 
-.c8[data-popper-placement*="left"] > .c9 {
+.c7[data-popper-placement*="left"] > .c8 {
   height: 1rem;
   margin-right: -0.7rem;
   right: -1px;
   width: 1rem;
 }
 
-.c8[data-popper-placement*="left"] > .c9::before {
+.c7[data-popper-placement*="left"] > .c8::before {
   border-color: transparent transparent transparent #FFFFFF;
   border-width: 0.5rem 0 0.5rem 0.5rem;
 }
 
-.c8[data-popper-placement*="left"] > .c9::after {
+.c7[data-popper-placement*="left"] > .c8::after {
   border-color: transparent transparent transparent #60666E;
   border-width: 0.5rem 0 0.5rem 0.5rem;
   left: 0.17rem;
   top: 0;
 }
 
-.c11 {
+.c10 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -237,7 +237,7 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   display: flex;
 }
 
-.c5 {
+.c4 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -251,12 +251,12 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   width: fit-content;
 }
 
-.c5 {
+.c4 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c5:focus {
+.c4:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
@@ -276,6 +276,18 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   margin-bottom: var(--spacing-half);
 }
 
+.c1 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+}
+
 .c2 {
   background: #FFFFFF;
   border: 1px solid #60666E;
@@ -294,6 +306,7 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   outline: none;
   padding: 0 var(--spacing-1x);
   width: 100%;
+  padding-right: var(--size-2x);
 }
 
 .c2::-webkit-input-placeholder {
@@ -338,34 +351,7 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   color: #B7BBC2;
 }
 
-.c2 {
-  outline: 2px solid transparent;
-  outline-offset: -2px;
-}
-
-.c2:focus {
-  box-shadow: 0 0 0 2px #006296;
-  outline: 2px solid #84C6EA;
-  outline-offset: -2px;
-}
-
-.c1 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-}
-
 .c3 {
-  padding-right: var(--size-2x);
-}
-
-.c4 {
   position: absolute;
   right: 0.25rem;
 }
@@ -379,7 +365,7 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
     <input
       aria-invalid="false"
       autocomplete="current-password"
-      class="c2 c3"
+      class="c2"
       data-testid="password-input"
       disabled=""
       id="uuid1"
@@ -388,11 +374,11 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
       value="Pass123"
     />
     <div
-      class="c4"
+      class="c3"
     >
       <span
         aria-describedby="uuid2"
-        class="c5"
+        class="c4"
         data-testid="tooltip"
         id="tooltip-trigger-uuid2"
         tabindex="-1"
@@ -400,7 +386,7 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
         <button
           aria-label="Show password in plain text."
           aria-pressed="false"
-          class="c6 c7"
+          class="c5 c6"
           data-testid="show-password-button"
           disabled=""
           type="button"
@@ -416,7 +402,7 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
       </span>
       <div
         aria-hidden="true"
-        class="c8"
+        class="c7"
         data-popper-interactive="false"
         data-testid="tooltip-content-container"
         id="uuid2"
@@ -424,12 +410,12 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
         style="position:absolute;left:0;top:0"
       >
         <div
-          class="c9 c10"
+          class="c8 c9"
           data-popper-arrow="true"
           style="position:absolute"
         />
         <div
-          class="c11"
+          class="c10"
         >
           Show password in plain text.
         </div>
@@ -440,7 +426,7 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
 `;
 
 exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
-.c8 {
+.c7 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -480,23 +466,23 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   user-select: none;
 }
 
-.c8 {
+.c7 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c8:focus {
+.c7:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c8 > svg {
+.c7 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c9 {
+.c8 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
@@ -505,32 +491,32 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   width: var(--size-1halfx);
 }
 
-.c9 {
+.c8 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c9:focus {
+.c8:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c9:hover,
-.c9[aria-expanded='true'] {
+.c8:hover,
+.c8[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c9[aria-disabled='true'] {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c9 > svg {
+.c8 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -561,13 +547,13 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   margin-right: var(--spacing-base);
 }
 
-.c12 {
+.c11 {
   height: 1.25rem;
   position: absolute;
   width: 1rem;
 }
 
-.c12::before {
+.c11::before {
   border-style: solid;
   content: '';
   display: block;
@@ -576,7 +562,7 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   width: 0;
 }
 
-.c12::after {
+.c11::after {
   border-style: solid;
   content: '';
   display: block;
@@ -586,7 +572,7 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   width: 0;
 }
 
-.c10 {
+.c9 {
   background-color: #60666E;
   border: 1px solid #FFFFFF;
   border-radius: var(--border-radius-half);
@@ -612,7 +598,7 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   z-index: 1000;
 }
 
-.c10[data-popper-placement*="bottom"] > .c11 {
+.c9[data-popper-placement*="bottom"] > .c10 {
   height: 1rem;
   left: 0;
   margin-top: -0.375rem;
@@ -620,19 +606,19 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   width: 1rem;
 }
 
-.c10[data-popper-placement*="bottom"] > .c11::before {
+.c9[data-popper-placement*="bottom"] > .c10::before {
   border-color: transparent transparent #FFFFFF transparent;
   border-width: 0 0.5rem 0.5rem;
   position: absolute;
   top: -2px;
 }
 
-.c10[data-popper-placement*="bottom"] > .c11::after {
+.c9[data-popper-placement*="bottom"] > .c10::after {
   border-color: transparent transparent #60666E transparent;
   border-width: 0 0.5rem 0.5rem;
 }
 
-.c10[data-popper-placement*="top"] > .c11 {
+.c9[data-popper-placement*="top"] > .c10 {
   bottom: 0;
   height: 0;
   left: 0;
@@ -640,58 +626,58 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   width: 1rem;
 }
 
-.c10[data-popper-placement*="top"] > .c11::before {
+.c9[data-popper-placement*="top"] > .c10::before {
   border-color: #FFFFFF transparent transparent transparent;
   border-width: 0.5rem 0.5rem 0;
   position: absolute;
   top: 0;
 }
 
-.c10[data-popper-placement*="top"] > .c11::after {
+.c9[data-popper-placement*="top"] > .c10::after {
   border-color: #60666E transparent transparent transparent;
   border-width: 0.5rem 0.5rem 0;
   top: -0.1rem;
 }
 
-.c10[data-popper-placement*="right"] > .c11 {
+.c9[data-popper-placement*="right"] > .c10 {
   height: 1rem;
   left: 0;
   margin-left: -0.8rem;
   width: 1rem;
 }
 
-.c10[data-popper-placement*="right"] > .c11::before {
+.c9[data-popper-placement*="right"] > .c10::before {
   border-color: transparent #FFFFFF transparent transparent;
   border-width: 0.5rem 0.5rem 0.5rem 0;
 }
 
-.c10[data-popper-placement*="right"] > .c11::after {
+.c9[data-popper-placement*="right"] > .c10::after {
   border-color: transparent #60666E transparent transparent;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   left: 0.375rem;
   top: 0;
 }
 
-.c10[data-popper-placement*="left"] > .c11 {
+.c9[data-popper-placement*="left"] > .c10 {
   height: 1rem;
   margin-right: -0.7rem;
   right: -1px;
   width: 1rem;
 }
 
-.c10[data-popper-placement*="left"] > .c11::before {
+.c9[data-popper-placement*="left"] > .c10::before {
   border-color: transparent transparent transparent #FFFFFF;
   border-width: 0.5rem 0 0.5rem 0.5rem;
 }
 
-.c10[data-popper-placement*="left"] > .c11::after {
+.c9[data-popper-placement*="left"] > .c10::after {
   border-color: transparent transparent transparent #60666E;
   border-width: 0.5rem 0 0.5rem 0.5rem;
   left: 0.17rem;
   top: 0;
 }
 
-.c13 {
+.c12 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -702,7 +688,7 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   display: flex;
 }
 
-.c7 {
+.c6 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -716,12 +702,12 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   width: fit-content;
 }
 
-.c7 {
+.c6 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c7:focus {
+.c6:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
@@ -741,6 +727,18 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   margin-bottom: var(--spacing-half);
 }
 
+.c3 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+}
+
 .c4 {
   background: #FFFFFF;
   border: 1px solid #60666E;
@@ -759,6 +757,7 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   outline: none;
   padding: 0 var(--spacing-1x);
   width: 100%;
+  padding-right: var(--size-2x);
 }
 
 .c4::-webkit-input-placeholder {
@@ -803,34 +802,7 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   color: #B7BBC2;
 }
 
-.c4 {
-  outline: 2px solid transparent;
-  outline-offset: -2px;
-}
-
-.c4:focus {
-  box-shadow: 0 0 0 2px #006296;
-  outline: 2px solid #84C6EA;
-  outline-offset: -2px;
-}
-
-.c3 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-}
-
 .c5 {
-  padding-right: var(--size-2x);
-}
-
-.c6 {
   position: absolute;
   right: 0.25rem;
 }
@@ -860,7 +832,7 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
     <input
       aria-invalid="true"
       autocomplete="current-password"
-      class="c4 c5"
+      class="c4"
       data-testid="password-input"
       id="uuid1"
       name="password"
@@ -868,11 +840,11 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
       value="Pass123"
     />
     <div
-      class="c6"
+      class="c5"
     >
       <span
         aria-describedby="uuid2"
-        class="c7"
+        class="c6"
         data-testid="tooltip"
         id="tooltip-trigger-uuid2"
         tabindex="-1"
@@ -880,7 +852,7 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
         <button
           aria-label="Show password in plain text."
           aria-pressed="false"
-          class="c8 c9"
+          class="c7 c8"
           data-testid="show-password-button"
           type="button"
         >
@@ -895,7 +867,7 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
       </span>
       <div
         aria-hidden="true"
-        class="c10"
+        class="c9"
         data-popper-interactive="false"
         data-testid="tooltip-content-container"
         id="uuid2"
@@ -903,12 +875,12 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
         style="position:absolute;left:0;top:0"
       >
         <div
-          class="c11 c12"
+          class="c10 c11"
           data-popper-arrow="true"
           style="position:absolute"
         />
         <div
-          class="c13"
+          class="c12"
         >
           Show password in plain text.
         </div>
@@ -919,7 +891,7 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
 `;
 
 exports[`PasswordInput matches the snapshot (Normal) 1`] = `
-.c6 {
+.c5 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -959,23 +931,23 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   user-select: none;
 }
 
-.c6 {
+.c5 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c6:focus {
+.c5:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c6 > svg {
+.c5 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c7 {
+.c6 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
@@ -984,43 +956,43 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   width: var(--size-1halfx);
 }
 
-.c7 {
+.c6 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c7:focus {
+.c6:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c7:hover,
-.c7[aria-expanded='true'] {
+.c6:hover,
+.c6[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c7[aria-disabled='true'] {
+.c6[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c7 > svg {
+.c6 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c10 {
+.c9 {
   height: 1.25rem;
   position: absolute;
   width: 1rem;
 }
 
-.c10::before {
+.c9::before {
   border-style: solid;
   content: '';
   display: block;
@@ -1029,7 +1001,7 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   width: 0;
 }
 
-.c10::after {
+.c9::after {
   border-style: solid;
   content: '';
   display: block;
@@ -1039,7 +1011,7 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   width: 0;
 }
 
-.c8 {
+.c7 {
   background-color: #60666E;
   border: 1px solid #FFFFFF;
   border-radius: var(--border-radius-half);
@@ -1065,7 +1037,7 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   z-index: 1000;
 }
 
-.c8[data-popper-placement*="bottom"] > .c9 {
+.c7[data-popper-placement*="bottom"] > .c8 {
   height: 1rem;
   left: 0;
   margin-top: -0.375rem;
@@ -1073,19 +1045,19 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   width: 1rem;
 }
 
-.c8[data-popper-placement*="bottom"] > .c9::before {
+.c7[data-popper-placement*="bottom"] > .c8::before {
   border-color: transparent transparent #FFFFFF transparent;
   border-width: 0 0.5rem 0.5rem;
   position: absolute;
   top: -2px;
 }
 
-.c8[data-popper-placement*="bottom"] > .c9::after {
+.c7[data-popper-placement*="bottom"] > .c8::after {
   border-color: transparent transparent #60666E transparent;
   border-width: 0 0.5rem 0.5rem;
 }
 
-.c8[data-popper-placement*="top"] > .c9 {
+.c7[data-popper-placement*="top"] > .c8 {
   bottom: 0;
   height: 0;
   left: 0;
@@ -1093,58 +1065,58 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   width: 1rem;
 }
 
-.c8[data-popper-placement*="top"] > .c9::before {
+.c7[data-popper-placement*="top"] > .c8::before {
   border-color: #FFFFFF transparent transparent transparent;
   border-width: 0.5rem 0.5rem 0;
   position: absolute;
   top: 0;
 }
 
-.c8[data-popper-placement*="top"] > .c9::after {
+.c7[data-popper-placement*="top"] > .c8::after {
   border-color: #60666E transparent transparent transparent;
   border-width: 0.5rem 0.5rem 0;
   top: -0.1rem;
 }
 
-.c8[data-popper-placement*="right"] > .c9 {
+.c7[data-popper-placement*="right"] > .c8 {
   height: 1rem;
   left: 0;
   margin-left: -0.8rem;
   width: 1rem;
 }
 
-.c8[data-popper-placement*="right"] > .c9::before {
+.c7[data-popper-placement*="right"] > .c8::before {
   border-color: transparent #FFFFFF transparent transparent;
   border-width: 0.5rem 0.5rem 0.5rem 0;
 }
 
-.c8[data-popper-placement*="right"] > .c9::after {
+.c7[data-popper-placement*="right"] > .c8::after {
   border-color: transparent #60666E transparent transparent;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   left: 0.375rem;
   top: 0;
 }
 
-.c8[data-popper-placement*="left"] > .c9 {
+.c7[data-popper-placement*="left"] > .c8 {
   height: 1rem;
   margin-right: -0.7rem;
   right: -1px;
   width: 1rem;
 }
 
-.c8[data-popper-placement*="left"] > .c9::before {
+.c7[data-popper-placement*="left"] > .c8::before {
   border-color: transparent transparent transparent #FFFFFF;
   border-width: 0.5rem 0 0.5rem 0.5rem;
 }
 
-.c8[data-popper-placement*="left"] > .c9::after {
+.c7[data-popper-placement*="left"] > .c8::after {
   border-color: transparent transparent transparent #60666E;
   border-width: 0.5rem 0 0.5rem 0.5rem;
   left: 0.17rem;
   top: 0;
 }
 
-.c11 {
+.c10 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1155,7 +1127,7 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   display: flex;
 }
 
-.c5 {
+.c4 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1169,12 +1141,12 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   width: fit-content;
 }
 
-.c5 {
+.c4 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c5:focus {
+.c4:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
@@ -1194,6 +1166,18 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   margin-bottom: var(--spacing-half);
 }
 
+.c1 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+}
+
 .c2 {
   background: #FFFFFF;
   border: 1px solid #60666E;
@@ -1212,6 +1196,7 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   outline: none;
   padding: 0 var(--spacing-1x);
   width: 100%;
+  padding-right: var(--size-2x);
 }
 
 .c2::-webkit-input-placeholder {
@@ -1256,34 +1241,7 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   color: #B7BBC2;
 }
 
-.c2 {
-  outline: 2px solid transparent;
-  outline-offset: -2px;
-}
-
-.c2:focus {
-  box-shadow: 0 0 0 2px #006296;
-  outline: 2px solid #84C6EA;
-  outline-offset: -2px;
-}
-
-.c1 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-}
-
 .c3 {
-  padding-right: var(--size-2x);
-}
-
-.c4 {
   position: absolute;
   right: 0.25rem;
 }
@@ -1297,7 +1255,7 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
     <input
       aria-invalid="false"
       autocomplete="current-password"
-      class="c2 c3"
+      class="c2"
       data-testid="password-input"
       id="uuid1"
       name="password"
@@ -1305,11 +1263,11 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
       value="Pass123"
     />
     <div
-      class="c4"
+      class="c3"
     >
       <span
         aria-describedby="uuid2"
-        class="c5"
+        class="c4"
         data-testid="tooltip"
         id="tooltip-trigger-uuid2"
         tabindex="-1"
@@ -1317,7 +1275,7 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
         <button
           aria-label="Show password in plain text."
           aria-pressed="false"
-          class="c6 c7"
+          class="c5 c6"
           data-testid="show-password-button"
           type="button"
         >
@@ -1332,7 +1290,7 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
       </span>
       <div
         aria-hidden="true"
-        class="c8"
+        class="c7"
         data-popper-interactive="false"
         data-testid="tooltip-content-container"
         id="uuid2"
@@ -1340,12 +1298,12 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
         style="position:absolute;left:0;top:0"
       >
         <div
-          class="c9 c10"
+          class="c8 c9"
           data-popper-arrow="true"
           style="position:absolute"
         />
         <div
-          class="c11"
+          class="c10"
         >
           Show password in plain text.
         </div>
diff --git a/packages/react/src/components/password-input/password-input.tsx b/packages/react/src/components/password-input/password-input.tsx
index 483adb9c03..995f9eefdb 100644
--- a/packages/react/src/components/password-input/password-input.tsx
+++ b/packages/react/src/components/password-input/password-input.tsx
@@ -13,8 +13,8 @@ import { v4 as uuid } from '../../utils/uuid';
 import { useDataAttributes } from '../../hooks/use-data-attributes';
 import { useDeviceContext } from '../device-context-provider/device-context-provider';
 import { FieldContainer } from '../field-container/field-container';
-import { Input } from '../text-input/text-input';
 import { Tooltip } from '../tooltip/tooltip';
+import { inputsStyle } from '../text-input/styles/inputs';
 
 interface PasswordInputProps {
     id?: string;
@@ -37,7 +37,8 @@ const PasswordInputContainer = styled.div`
     position: relative;
 `;
 
-const StyledInput = styled(Input)`
+const StyledInput = styled.input<{ isMobile: boolean }>`
+    ${({ theme, isMobile }) => inputsStyle({ theme, isMobile, isFocusable: false })};
     padding-right: var(--size-2x);
 `;
 
diff --git a/packages/react/src/components/text-input/text-input.test.tsx b/packages/react/src/components/text-input/text-input.test.tsx
index fd47712801..ccff23e80a 100644
--- a/packages/react/src/components/text-input/text-input.test.tsx
+++ b/packages/react/src/components/text-input/text-input.test.tsx
@@ -4,6 +4,7 @@ import { doNothing } from '../../test-utils/callbacks';
 import { getByTestId } from '../../test-utils/enzyme-selectors';
 import { mountWithTheme, renderWithTheme } from '../../test-utils/renderer';
 import { TextInput } from './text-input';
+import { Icon } from '../icon/icon';
 
 describe('TextInput', () => {
     const initialProps = {
@@ -186,6 +187,55 @@ describe('TextInput', () => {
         expect(tree).toMatchSnapshot();
     });
 
+    test('Matches the snapshot adornment text', () => {
+        const tree = renderWithTheme(
+            <TextInput
+                label="Telephone"
+                pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
+                placeholder="Ex.: 555-123-4567"
+                type="tel"
+                validationErrorMessage="Please enter a valid phone number"
+                defaultValue="foo"
+                leftAdornment='#'
+            />,
+        );
+
+        expect(tree).toMatchSnapshot();
+    });
+
+    test('Matches the snapshot adornment icon', () => {
+        const tree = renderWithTheme(
+            <TextInput
+                label="Telephone"
+                pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
+                placeholder="Ex.: 555-123-4567"
+                type="tel"
+                validationErrorMessage="Please enter a valid phone number"
+                defaultValue="foo"
+                leftAdornment={<Icon name='phone' />}
+            />,
+        );
+
+        expect(tree).toMatchSnapshot();
+    });
+
+    test('matches the snapshot (Normal - Adornment at end)', () => {
+        const tree = renderWithTheme(
+            <TextInput
+                label="Telephone"
+                pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
+                placeholder="Ex.: 555-123-4567"
+                type="tel"
+                validationErrorMessage="Please enter a valid phone number"
+                defaultValue="foo"
+                leftAdornment='#'
+                rightAdornment='end'
+            />,
+        );
+
+        expect(tree).toMatchSnapshot();
+    });
+
     test('Matches the snapshot [disabled = true]', () => {
         const tree = renderWithTheme(
             <TextInput
diff --git a/packages/react/src/components/text-input/text-input.test.tsx.snap b/packages/react/src/components/text-input/text-input.test.tsx.snap
index 1974734edd..56cf4e0e81 100644
--- a/packages/react/src/components/text-input/text-input.test.tsx.snap
+++ b/packages/react/src/components/text-input/text-input.test.tsx.snap
@@ -35,7 +35,7 @@ input + .c1 {
   margin-bottom: var(--spacing-half);
 }
 
-.c3 {
+.c4 {
   background: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
@@ -53,56 +53,81 @@ input + .c1 {
   outline: none;
   padding: 0 var(--spacing-1x);
   width: 100%;
+  border: 0;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 100%;
 }
 
-.c3::-webkit-input-placeholder {
+.c4::-webkit-input-placeholder {
   color: #60666E;
 }
 
-.c3::-moz-placeholder {
+.c4::-moz-placeholder {
   color: #60666E;
 }
 
-.c3:-ms-input-placeholder {
+.c4:-ms-input-placeholder {
   color: #60666E;
 }
 
-.c3::placeholder {
+.c4::placeholder {
   color: #60666E;
 }
 
-.c3:disabled {
+.c4:disabled {
   background-color: #F1F2F2;
   border-color: #B7BBC2;
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled::-webkit-input-placeholder {
+.c4:disabled,
+.c4:disabled::-webkit-input-placeholder {
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled::-moz-placeholder {
+.c4:disabled,
+.c4:disabled::-moz-placeholder {
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled:-ms-input-placeholder {
+.c4:disabled,
+.c4:disabled:-ms-input-placeholder {
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled::placeholder {
+.c4:disabled,
+.c4:disabled::placeholder {
   color: #B7BBC2;
 }
 
+.c4:focus,
+.c4:disabled {
+  border: 0;
+  box-shadow: none;
+}
+
+.c3 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: var(--size-2x);
+  background-color: #F1F2F2;
+  border-color: #B7BBC2;
+}
+
 .c3 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c3:focus {
+.c3:focus-within {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
@@ -119,16 +144,20 @@ input + .c1 {
   >
     Telephone
   </label>
-  <input
+  <div
     class="c3"
-    data-testid="text-input"
-    disabled=""
-    id="uuid1"
-    pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
-    placeholder="Ex.: 555-123-4567"
-    type="tel"
-    value="foo"
-  />
+  >
+    <input
+      class="c4"
+      data-testid="text-input"
+      disabled=""
+      id="uuid1"
+      pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
+      placeholder="Ex.: 555-123-4567"
+      type="tel"
+      value="foo"
+    />
+  </div>
 </div>
 `;
 
@@ -167,7 +196,7 @@ input + .c1 {
   margin-bottom: var(--spacing-half);
 }
 
-.c3 {
+.c4 {
   background: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
@@ -185,56 +214,79 @@ input + .c1 {
   outline: none;
   padding: 0 var(--spacing-1x);
   width: 100%;
+  border: 0;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 100%;
 }
 
-.c3::-webkit-input-placeholder {
+.c4::-webkit-input-placeholder {
   color: #60666E;
 }
 
-.c3::-moz-placeholder {
+.c4::-moz-placeholder {
   color: #60666E;
 }
 
-.c3:-ms-input-placeholder {
+.c4:-ms-input-placeholder {
   color: #60666E;
 }
 
-.c3::placeholder {
+.c4::placeholder {
   color: #60666E;
 }
 
-.c3:disabled {
+.c4:disabled {
   background-color: #F1F2F2;
   border-color: #B7BBC2;
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled::-webkit-input-placeholder {
+.c4:disabled,
+.c4:disabled::-webkit-input-placeholder {
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled::-moz-placeholder {
+.c4:disabled,
+.c4:disabled::-moz-placeholder {
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled:-ms-input-placeholder {
+.c4:disabled,
+.c4:disabled:-ms-input-placeholder {
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled::placeholder {
+.c4:disabled,
+.c4:disabled::placeholder {
   color: #B7BBC2;
 }
 
+.c4:focus,
+.c4:disabled {
+  border: 0;
+  box-shadow: none;
+}
+
+.c3 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: var(--size-2x);
+}
+
 .c3 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c3:focus {
+.c3:focus-within {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
@@ -251,16 +303,20 @@ input + .c1 {
   >
     Telephone (required)
   </label>
-  <input
+  <div
     class="c3"
-    data-testid="text-input"
-    id="uuid1"
-    pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
-    placeholder="Ex.: 555-123-4567"
-    required=""
-    type="tel"
-    value="foo"
-  />
+  >
+    <input
+      class="c4"
+      data-testid="text-input"
+      id="uuid1"
+      pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
+      placeholder="Ex.: 555-123-4567"
+      required=""
+      type="tel"
+      value="foo"
+    />
+  </div>
 </div>
 `;
 
@@ -299,7 +355,165 @@ input + .c1 {
   margin-bottom: var(--spacing-half);
 }
 
+.c4 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  color: #1B1C1E;
+  font-family: inherit;
+  font-size: 0.875rem;
+  -webkit-letter-spacing: 0.015rem;
+  -moz-letter-spacing: 0.015rem;
+  -ms-letter-spacing: 0.015rem;
+  letter-spacing: 0.015rem;
+  line-height: 1.5rem;
+  margin: 0;
+  min-height: var(--size-2x);
+  outline: none;
+  padding: 0 var(--spacing-1x);
+  width: 100%;
+  border: 0;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 100%;
+}
+
+.c4::-webkit-input-placeholder {
+  color: #60666E;
+}
+
+.c4::-moz-placeholder {
+  color: #60666E;
+}
+
+.c4:-ms-input-placeholder {
+  color: #60666E;
+}
+
+.c4::placeholder {
+  color: #60666E;
+}
+
+.c4:disabled {
+  background-color: #F1F2F2;
+  border-color: #B7BBC2;
+  color: #B7BBC2;
+}
+
+.c4:disabled,
+.c4:disabled::-webkit-input-placeholder {
+  color: #B7BBC2;
+}
+
+.c4:disabled,
+.c4:disabled::-moz-placeholder {
+  color: #B7BBC2;
+}
+
+.c4:disabled,
+.c4:disabled:-ms-input-placeholder {
+  color: #B7BBC2;
+}
+
+.c4:disabled,
+.c4:disabled::placeholder {
+  color: #B7BBC2;
+}
+
+.c4:focus,
+.c4:disabled {
+  border: 0;
+  box-shadow: none;
+}
+
 .c3 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: var(--size-2x);
+}
+
+.c3 {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+}
+
+.c3:focus-within {
+  box-shadow: 0 0 0 2px #006296;
+  outline: 2px solid #84C6EA;
+  outline-offset: -2px;
+}
+
+<div
+  class="c0"
+  data-testid="field-container"
+>
+  <label
+    class="c1 c2"
+    for="uuid1"
+    id="uuid1_label"
+  >
+    Telephone
+  </label>
+  <div
+    class="c3"
+  >
+    <input
+      class="c4"
+      data-testid="text-input"
+      id="uuid1"
+      pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
+      placeholder="Ex.: 555-123-4567"
+      type="tel"
+      value="foo"
+    />
+  </div>
+</div>
+`;
+
+exports[`TextInput Matches the snapshot adornment icon 1`] = `
+.c2 {
+  color: #1B1C1E;
+  display: block;
+  font-size: 0.75rem;
+  font-weight: var(--font-normal);
+  -webkit-letter-spacing: 0.02rem;
+  -moz-letter-spacing: 0.02rem;
+  -ms-letter-spacing: 0.02rem;
+  letter-spacing: 0.02rem;
+  line-height: 1.25rem;
+  margin: 0;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+input + .c1 {
+  margin-left: var(--spacing-half);
+}
+
+.c0 {
+  margin: 0 0 var(--spacing-3x);
+}
+
+.c0 input,
+.c0 select,
+.c0 textarea {
+  border-color: #60666E;
+}
+
+.c0 > :nth-child(1) {
+  margin-bottom: var(--spacing-half);
+}
+
+.c6 {
   background: #FFFFFF;
   border: 1px solid #60666E;
   border-radius: var(--border-radius);
@@ -317,56 +531,102 @@ input + .c1 {
   outline: none;
   padding: 0 var(--spacing-1x);
   width: 100%;
+  border: 0;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 100%;
 }
 
-.c3::-webkit-input-placeholder {
+.c6::-webkit-input-placeholder {
   color: #60666E;
 }
 
-.c3::-moz-placeholder {
+.c6::-moz-placeholder {
   color: #60666E;
 }
 
-.c3:-ms-input-placeholder {
+.c6:-ms-input-placeholder {
   color: #60666E;
 }
 
-.c3::placeholder {
+.c6::placeholder {
   color: #60666E;
 }
 
-.c3:disabled {
+.c6:disabled {
   background-color: #F1F2F2;
   border-color: #B7BBC2;
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled::-webkit-input-placeholder {
+.c6:disabled,
+.c6:disabled::-webkit-input-placeholder {
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled::-moz-placeholder {
+.c6:disabled,
+.c6:disabled::-moz-placeholder {
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled:-ms-input-placeholder {
+.c6:disabled,
+.c6:disabled:-ms-input-placeholder {
   color: #B7BBC2;
 }
 
-.c3:disabled,
-.c3:disabled::placeholder {
+.c6:disabled,
+.c6:disabled::placeholder {
   color: #B7BBC2;
 }
 
+.c6:focus,
+.c6:disabled {
+  border: 0;
+  box-shadow: none;
+}
+
+.c4 {
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  color: #60666E;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c4 > svg {
+  height: 16px;
+  width: 16px;
+}
+
+.c5 {
+  padding-left: var(--spacing-1x);
+}
+
+.c3 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: var(--size-2x);
+}
+
 .c3 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c3:focus {
+.c3:focus-within {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
@@ -383,14 +643,409 @@ input + .c1 {
   >
     Telephone
   </label>
-  <input
+  <div
     class="c3"
-    data-testid="text-input"
-    id="uuid1"
-    pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
-    placeholder="Ex.: 555-123-4567"
-    type="tel"
-    value="foo"
-  />
+  >
+    <span
+      class="c4 c5"
+    >
+      <svg
+        color="currentColor"
+        focusable="false"
+        height="24"
+        width="24"
+      />
+    </span>
+    <input
+      class="c6"
+      data-testid="text-input"
+      id="uuid1"
+      pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
+      placeholder="Ex.: 555-123-4567"
+      type="tel"
+      value="foo"
+    />
+  </div>
+</div>
+`;
+
+exports[`TextInput Matches the snapshot adornment text 1`] = `
+.c2 {
+  color: #1B1C1E;
+  display: block;
+  font-size: 0.75rem;
+  font-weight: var(--font-normal);
+  -webkit-letter-spacing: 0.02rem;
+  -moz-letter-spacing: 0.02rem;
+  -ms-letter-spacing: 0.02rem;
+  letter-spacing: 0.02rem;
+  line-height: 1.25rem;
+  margin: 0;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+input + .c1 {
+  margin-left: var(--spacing-half);
+}
+
+.c0 {
+  margin: 0 0 var(--spacing-3x);
+}
+
+.c0 input,
+.c0 select,
+.c0 textarea {
+  border-color: #60666E;
+}
+
+.c0 > :nth-child(1) {
+  margin-bottom: var(--spacing-half);
+}
+
+.c6 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  color: #1B1C1E;
+  font-family: inherit;
+  font-size: 0.875rem;
+  -webkit-letter-spacing: 0.015rem;
+  -moz-letter-spacing: 0.015rem;
+  -ms-letter-spacing: 0.015rem;
+  letter-spacing: 0.015rem;
+  line-height: 1.5rem;
+  margin: 0;
+  min-height: var(--size-2x);
+  outline: none;
+  padding: 0 var(--spacing-1x);
+  width: 100%;
+  border: 0;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 100%;
+}
+
+.c6::-webkit-input-placeholder {
+  color: #60666E;
+}
+
+.c6::-moz-placeholder {
+  color: #60666E;
+}
+
+.c6:-ms-input-placeholder {
+  color: #60666E;
+}
+
+.c6::placeholder {
+  color: #60666E;
+}
+
+.c6:disabled {
+  background-color: #F1F2F2;
+  border-color: #B7BBC2;
+  color: #B7BBC2;
+}
+
+.c6:disabled,
+.c6:disabled::-webkit-input-placeholder {
+  color: #B7BBC2;
+}
+
+.c6:disabled,
+.c6:disabled::-moz-placeholder {
+  color: #B7BBC2;
+}
+
+.c6:disabled,
+.c6:disabled:-ms-input-placeholder {
+  color: #B7BBC2;
+}
+
+.c6:disabled,
+.c6:disabled::placeholder {
+  color: #B7BBC2;
+}
+
+.c6:focus,
+.c6:disabled {
+  border: 0;
+  box-shadow: none;
+}
+
+.c4 {
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  color: #60666E;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c4 > svg {
+  height: 16px;
+  width: 16px;
+}
+
+.c5 {
+  padding-left: var(--spacing-1x);
+}
+
+.c3 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: var(--size-2x);
+}
+
+.c3 {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+}
+
+.c3:focus-within {
+  box-shadow: 0 0 0 2px #006296;
+  outline: 2px solid #84C6EA;
+  outline-offset: -2px;
+}
+
+<div
+  class="c0"
+  data-testid="field-container"
+>
+  <label
+    class="c1 c2"
+    for="uuid1"
+    id="uuid1_label"
+  >
+    Telephone
+  </label>
+  <div
+    class="c3"
+  >
+    <span
+      class="c4 c5"
+    >
+      #
+    </span>
+    <input
+      class="c6"
+      data-testid="text-input"
+      id="uuid1"
+      pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
+      placeholder="Ex.: 555-123-4567"
+      type="tel"
+      value="foo"
+    />
+  </div>
+</div>
+`;
+
+exports[`TextInput matches the snapshot (Normal - Adornment at end) 1`] = `
+.c2 {
+  color: #1B1C1E;
+  display: block;
+  font-size: 0.75rem;
+  font-weight: var(--font-normal);
+  -webkit-letter-spacing: 0.02rem;
+  -moz-letter-spacing: 0.02rem;
+  -ms-letter-spacing: 0.02rem;
+  letter-spacing: 0.02rem;
+  line-height: 1.25rem;
+  margin: 0;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+input + .c1 {
+  margin-left: var(--spacing-half);
+}
+
+.c0 {
+  margin: 0 0 var(--spacing-3x);
+}
+
+.c0 input,
+.c0 select,
+.c0 textarea {
+  border-color: #60666E;
+}
+
+.c0 > :nth-child(1) {
+  margin-bottom: var(--spacing-half);
+}
+
+.c6 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  color: #1B1C1E;
+  font-family: inherit;
+  font-size: 0.875rem;
+  -webkit-letter-spacing: 0.015rem;
+  -moz-letter-spacing: 0.015rem;
+  -ms-letter-spacing: 0.015rem;
+  letter-spacing: 0.015rem;
+  line-height: 1.5rem;
+  margin: 0;
+  min-height: var(--size-2x);
+  outline: none;
+  padding: 0 var(--spacing-1x);
+  width: 100%;
+  border: 0;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-height: 100%;
+}
+
+.c6::-webkit-input-placeholder {
+  color: #60666E;
+}
+
+.c6::-moz-placeholder {
+  color: #60666E;
+}
+
+.c6:-ms-input-placeholder {
+  color: #60666E;
+}
+
+.c6::placeholder {
+  color: #60666E;
+}
+
+.c6:disabled {
+  background-color: #F1F2F2;
+  border-color: #B7BBC2;
+  color: #B7BBC2;
+}
+
+.c6:disabled,
+.c6:disabled::-webkit-input-placeholder {
+  color: #B7BBC2;
+}
+
+.c6:disabled,
+.c6:disabled::-moz-placeholder {
+  color: #B7BBC2;
+}
+
+.c6:disabled,
+.c6:disabled:-ms-input-placeholder {
+  color: #B7BBC2;
+}
+
+.c6:disabled,
+.c6:disabled::placeholder {
+  color: #B7BBC2;
+}
+
+.c6:focus,
+.c6:disabled {
+  border: 0;
+  box-shadow: none;
+}
+
+.c4 {
+  -webkit-align-self: center;
+  -ms-flex-item-align: center;
+  align-self: center;
+  color: #60666E;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+}
+
+.c4 > svg {
+  height: 16px;
+  width: 16px;
+}
+
+.c5 {
+  padding-left: var(--spacing-1x);
+}
+
+.c7 {
+  padding-right: var(--spacing-1x);
+}
+
+.c3 {
+  background: #FFFFFF;
+  border: 1px solid #60666E;
+  border-radius: var(--border-radius);
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: var(--size-2x);
+}
+
+.c3 {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+}
+
+.c3:focus-within {
+  box-shadow: 0 0 0 2px #006296;
+  outline: 2px solid #84C6EA;
+  outline-offset: -2px;
+}
+
+<div
+  class="c0"
+  data-testid="field-container"
+>
+  <label
+    class="c1 c2"
+    for="uuid1"
+    id="uuid1_label"
+  >
+    Telephone
+  </label>
+  <div
+    class="c3"
+  >
+    <span
+      class="c4 c5"
+    >
+      #
+    </span>
+    <input
+      class="c6"
+      data-testid="text-input"
+      id="uuid1"
+      pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
+      placeholder="Ex.: 555-123-4567"
+      type="tel"
+      value="foo"
+    />
+    <span
+      class="c4 c7"
+    >
+      end
+    </span>
+  </div>
 </div>
 `;
diff --git a/packages/react/src/components/text-input/text-input.tsx b/packages/react/src/components/text-input/text-input.tsx
index 731ee6cc6b..4fd0e5e5ab 100644
--- a/packages/react/src/components/text-input/text-input.tsx
+++ b/packages/react/src/components/text-input/text-input.tsx
@@ -8,12 +8,15 @@ import {
     KeyboardEvent,
     MouseEvent,
     ReactElement,
+    ReactNode,
     Ref,
     useCallback,
     useEffect,
+    useImperativeHandle,
+    useRef,
     useState,
 } from 'react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { useDataAttributes } from '../../hooks/use-data-attributes';
 import { useTranslation } from '../../i18n/use-translation';
 import { useDeviceContext } from '../device-context-provider/device-context-provider';
@@ -22,9 +25,69 @@ import { TooltipProps } from '../tooltip/tooltip';
 import { inputsStyle } from './styles/inputs';
 import { useAriaConditionalIds } from '../../hooks/use-aria-conditional-ids';
 import { useId } from '../../hooks/use-id';
+import { focus } from '../../utils/css-state';
 
-export const Input = styled.input<{ isMobile: boolean; }>`
-    ${({ theme, isMobile }) => inputsStyle({ theme, isMobile })}
+const StyleInput = styled.input<{ isMobile: boolean }>`
+    ${({ theme, isMobile }) => inputsStyle({ theme, isMobile, isFocusable: false })};
+    border: 0;
+    flex: 1 1 auto;
+    min-height: 100%;
+    &:focus,
+    &:disabled {
+        border: 0;
+        box-shadow: none;
+    }
+`;
+
+interface AdornmentProps {
+    $isMobile: boolean;
+}
+
+const Adornment = styled.span<AdornmentProps>`
+    align-self: center;
+    color: ${({ theme }) => theme.component['text-input-adornment-color']};
+    display: flex;
+    flex-shrink: 0;
+
+    > svg {
+        height: ${({ $isMobile }) => ($isMobile ? '24px' : '16px')};
+        width: ${({ $isMobile }) => ($isMobile ? '24px' : '16px')};
+    }
+`;
+
+const LeftAdornment = styled(Adornment)`
+    padding-left: var(--spacing-1x);
+`;
+const RightAdornment = styled(Adornment)`
+    padding-right: var(--spacing-1x);
+`;
+
+interface StyledWrapperProps {
+    $disabled?: boolean;
+    $valid?: boolean;
+}
+
+const StyleWrapper = styled.div<StyledWrapperProps>`
+    background: ${({ theme }) => theme.component['text-input-background-color']};
+    border: 1px solid ${({ theme }) => theme.component['text-input-border-color']};
+    border-radius: var(--border-radius);
+    box-sizing: border-box;
+    display: flex;
+    height: var(--size-2x);
+
+    ${({ theme }) => focus({ theme }, { focusType: 'focus-within' })};
+
+    ${({ $valid, theme }) => !$valid && css`
+        border-color: ${theme.component['text-input-error-border-color']};
+`};
+    ${({ $disabled, theme }) => $disabled && css`
+        background-color: ${theme.component['text-input-disabled-background-color']};
+        border-color: ${theme.component['text-input-disabled-border-color']};
+
+        ${Adornment} {
+            color: ${theme.component['text-input-disabled-adornment-text-color']};
+        }
+    `};
 `;
 
 type PartialInputProps = Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,
@@ -40,10 +103,12 @@ interface TextInputProps extends PartialInputProps {
     noMargin?: boolean;
     id?: string;
     label?: string;
+    leftAdornment?: ReactNode;
     tooltip?: TooltipProps;
     pattern?: string;
     placeholder?: string;
     required?: boolean;
+    rightAdornment?: ReactNode;
     type?: string;
     valid?: boolean;
     validationErrorMessage?: string;
@@ -72,12 +137,14 @@ export const TextInput = forwardRef(({
     id: providedId,
     inputMode,
     label,
+    leftAdornment,
     tooltip,
     name,
     noMargin,
     pattern,
     placeholder,
     required,
+    rightAdornment,
     type,
     valid,
     validationErrorMessage,
@@ -96,6 +163,7 @@ export const TextInput = forwardRef(({
     const [{ validity }, setValidity] = useState({ validity: valid ?? true });
     const fieldId = useId(providedId);
     const dataAttributes = useDataAttributes(otherProps);
+    const inputRef = useRef<HTMLInputElement>(null);
 
     const processedAriaDescribedBy = useAriaConditionalIds([
         { id: ariaDescribedBy },
@@ -131,6 +199,11 @@ export const TextInput = forwardRef(({
         }
     }, [onFocus]);
 
+    useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);
+    const handleAdornmentClick = (): void => {
+        inputRef.current?.focus();
+    };
+
     useEffect(() => {
         if (valid !== undefined) {
             setValidity({ validity: valid });
@@ -150,32 +223,52 @@ export const TextInput = forwardRef(({
             hint={hint}
             data-testid="field-container"
         >
-            <Input
-                aria-describedby={processedAriaDescribedBy || undefined}
-                aria-invalid={ariaInvalid}
-                autoComplete={autoComplete}
-                data-testid="text-input"
-                isMobile={isMobile}
-                defaultValue={defaultValue}
-                disabled={disabled}
-                id={fieldId}
-                inputMode={inputMode}
-                name={name}
-                ref={ref}
-                onBlur={handleBlur}
-                onChange={handleChange}
-                onFocus={handleFocus}
-                onMouseUp={onMouseUp}
-                onKeyUp={onKeyUp}
-                onKeyDown={onKeyDown}
-                onInvalid={handleOnInvalid}
-                pattern={pattern}
-                placeholder={placeholder}
-                required={required}
-                type={type || 'text'}
-                value={value}
-                {...dataAttributes /* eslint-disable-line react/jsx-props-no-spreading */}
-            />
+            <StyleWrapper $disabled={disabled} $valid={validity}>
+                {leftAdornment && (
+                    <LeftAdornment
+                        onClick={handleAdornmentClick}
+                        $isMobile={isMobile}
+                    >
+                        {leftAdornment}
+                    </LeftAdornment>
+                )}
+
+                <StyleInput
+                    aria-describedby={processedAriaDescribedBy || undefined}
+                    aria-invalid={ariaInvalid}
+                    autoComplete={autoComplete}
+                    data-testid="text-input"
+                    isMobile={isMobile}
+                    defaultValue={defaultValue}
+                    disabled={disabled}
+                    id={fieldId}
+                    inputMode={inputMode}
+                    name={name}
+                    ref={inputRef}
+                    onBlur={handleBlur}
+                    onChange={handleChange}
+                    onFocus={handleFocus}
+                    onMouseUp={onMouseUp}
+                    onKeyUp={onKeyUp}
+                    onKeyDown={onKeyDown}
+                    onInvalid={handleOnInvalid}
+                    pattern={pattern}
+                    placeholder={placeholder}
+                    required={required}
+                    type={type || 'text'}
+                    value={value}
+                    {...dataAttributes /* eslint-disable-line react/jsx-props-no-spreading */}
+                />
+                {rightAdornment && (
+                    <RightAdornment
+                        onClick={handleAdornmentClick}
+                        $isMobile={isMobile}
+                    >
+                        {rightAdornment}
+                    </RightAdornment>
+                )}
+
+            </StyleWrapper>
         </FieldContainer>
     );
 });
diff --git a/packages/react/src/themes/tokens/component/text-input-tokens.ts b/packages/react/src/themes/tokens/component/text-input-tokens.ts
index c28cf83442..e1e4d6b8c3 100644
--- a/packages/react/src/themes/tokens/component/text-input-tokens.ts
+++ b/packages/react/src/themes/tokens/component/text-input-tokens.ts
@@ -10,7 +10,9 @@ export type TextInputTokens =
     | 'text-input-disabled-background-color'
     | 'text-input-disabled-border-color'
     | 'text-input-disabled-text-color'
-    | 'text-input-placeholder-disabled-text-color';
+    | 'text-input-placeholder-disabled-text-color'
+    | 'text-input-disabled-adornment-text-color'
+    | 'text-input-adornment-color';
 
 export type TextInputTokenValue = AliasTokens | RefTokens;
 
@@ -32,4 +34,8 @@ export const defaultTextInputTokens: TextInputTokenMap = {
 
     'text-input-placeholder-text-color': 'color-control-auxiliary',
     'text-input-placeholder-disabled-text-color': 'color-control-auxiliary-disabled',
+
+    'text-input-disabled-adornment-text-color': 'color-control-auxiliary-disabled',
+
+    'text-input-adornment-color': 'color-control-auxiliary',
 };
diff --git a/packages/storybook/stories/text-input.mdx b/packages/storybook/stories/text-input.mdx
index c59edce886..6852ef5801 100644
--- a/packages/storybook/stories/text-input.mdx
+++ b/packages/storybook/stories/text-input.mdx
@@ -11,25 +11,31 @@ import * as TextInputStories  from './text-input.stories';
 4. [Properties](#properties)
 
 ## Definition
-Text input allows users to enter a single line of text into a form. 
+- Text input allows users to enter a single line of text into a form.
 <Canvas of={TextInputStories.Default} />
 
 ## Usage
-### When to use 
+### When to use
 - Use to enter a short text (usually one or two words) [1].
     - E.g. Name, Last Name, Role, Organization, etc.
 - Use for input that needs unique information that cannot be predicted with a preset of options [2]
 - Use to input data that can be entered more quickly in a free-hand format versus a more complex control [2].
 
-### When not to use 
+### When not to use
 - Do not use for numeric inputs, date input, passwords or long text strings.
     - For long text strings, consider using the text area component.
 - Do not use if a user can only enter an option from a predefined list as it is likely to result in an error. Consider using a control component such as a dropdown, select, or radio button group instead [2].
 
-## Variants 
+## Variants
 ### Default
 <Canvas of={TextInputStories.Default} />
 
+### With icon as adornment
+<Canvas of={TextInputStories.IconAsAdornment} />
+
+### With text as adornment
+<Canvas of={TextInputStories.TextAsAdornment} />
+
 ## Properties
 <ArgTypes of={TextInput} />
 
diff --git a/packages/storybook/stories/text-input.stories.tsx b/packages/storybook/stories/text-input.stories.tsx
index 236cf54b16..d40d53397e 100644
--- a/packages/storybook/stories/text-input.stories.tsx
+++ b/packages/storybook/stories/text-input.stories.tsx
@@ -1,4 +1,4 @@
-import { TextInput } from '@equisoft/design-elements-react';
+import { Icon, TextInput } from '@equisoft/design-elements-react';
 import { Meta, StoryObj } from '@storybook/react';
 import { rawCodeParameters } from './utils/parameters';
 
@@ -45,6 +45,26 @@ export const Default: Story = {
     },
 };
 
+export const IconAsAdornment: Story = {
+    ...TextInputMeta,
+    args: {
+        label: 'First Name',
+        validationErrorMessage: 'Error message',
+        leftAdornment: <Icon name='user' />,
+        hint: 'Hint',
+    },
+};
+
+export const TextAsAdornment: Story = {
+    ...TextInputMeta,
+    args: {
+        label: 'First Name',
+        validationErrorMessage: 'Error message',
+        rightAdornment: '%',
+        hint: 'Hint',
+    },
+};
+
 export const EventCallbacks: Story = {
     ...TextInputMeta,
     parameters: rawCodeParameters,

From 0a783765f375b9bc69d513eeeb3b4a77f854dfc0 Mon Sep 17 00:00:00 2001
From: LarryMatte <matte.larry@gmail.com>
Date: Mon, 30 Sep 2024 15:34:23 -0400
Subject: [PATCH 20/30] feat(SegmentedControl)!: new Style and add icon (#995)

* feat(SegmentedControl)!: new Style and add icon

* feat(SegmentedControl)!: fix lint

* feat(SegmentedControl)!: fix lint

* feat(SegmentedControl)!: fix lint

* feat(SegmentedControl)!: fix savuts comments

* feat(SegmentedControl)!: fix savuts comments replace ariaDisabled

* feat(SegmentedControl)!: add test

* feat(SegmentedControl)!: fix marcs comment

* feat(SegmentedControl)!: fix doc

* feat(SegmentedControl)!: fix comment Max
---
 .../segmented-control.test.tsx                |  16 +-
 .../segmented-control.test.tsx.snap           | 364 ++++++++++++------
 .../segmented-control/segmented-control.tsx   | 124 +++---
 .../react/src/themes/tokens/alias-tokens.ts   |   2 +
 .../component/segmented-control-tokens.ts     |  28 +-
 .../storybook/stories/segmented-control.mdx   |   9 +-
 .../stories/segmented-control.stories.tsx     |  37 +-
 7 files changed, 392 insertions(+), 188 deletions(-)

diff --git a/packages/react/src/components/segmented-control/segmented-control.test.tsx b/packages/react/src/components/segmented-control/segmented-control.test.tsx
index bc32f62df4..eee0b6fe74 100644
--- a/packages/react/src/components/segmented-control/segmented-control.test.tsx
+++ b/packages/react/src/components/segmented-control/segmented-control.test.tsx
@@ -6,7 +6,7 @@ import { SegmentedControl } from './segmented-control';
 const buttonGroup = [
     { label: 'Option 1', value: 'option1' },
     { label: 'Option 2', value: 'option2', defaultPressed: true },
-    { label: 'Option 3', value: 'option3' },
+    { label: 'Option 3', value: 'option3', disabled: true },
     { label: 'Option 4', value: 'option4' },
 ];
 
@@ -25,6 +25,20 @@ describe('SegmentedControl', () => {
         expect(getByTestId(wrapper, 'test-toggle-button-1').prop('pressed')).toBe(true);
     });
 
+    test('should have aria-pressed="true" for the default pressed button', () => {
+        const wrapper = shallow(<SegmentedControl buttonGroup={buttonGroup} groupName="Test2" />);
+        const button = getByTestId(wrapper, 'test-toggle-button-1');
+
+        expect(button.prop('aria-pressed')).toBe(true);
+    });
+
+    test('should have aria-disabled="true" for disabled button', () => {
+        const wrapper = shallow(<SegmentedControl buttonGroup={buttonGroup} groupName="Test" />);
+        const button = getByTestId(wrapper, 'test-toggle-button-2');
+
+        expect(button.prop('aria-disabled')).toBe(true);
+    });
+
     test('Matches snapshot (desktop)', () => {
         const tree = renderWithProviders(
             <SegmentedControl buttonGroup={buttonGroup} groupName="Test4" />,
diff --git a/packages/react/src/components/segmented-control/segmented-control.test.tsx.snap b/packages/react/src/components/segmented-control/segmented-control.test.tsx.snap
index f38db06f94..1139ba3918 100644
--- a/packages/react/src/components/segmented-control/segmented-control.test.tsx.snap
+++ b/packages/react/src/components/segmented-control/segmented-control.test.tsx.snap
@@ -2,18 +2,15 @@
 
 exports[`SegmentedControl Matches snapshot (desktop) 1`] = `
 .c0 {
+  background-color: rgb(0 0 0 / 0.05);
+  border-radius: var(--border-radius);
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-}
-
-.c0 button:first-child {
-  border-radius: var(--border-radius) 0 0 var(--border-radius);
-}
-
-.c0 button:last-child {
-  border-radius: 0 var(--border-radius) var(--border-radius) 0;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
 }
 
 .c1 {
@@ -21,23 +18,44 @@ exports[`SegmentedControl Matches snapshot (desktop) 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background-color: #FFFFFF;
-  border: 1px solid #60666E;
-  border-right: 0;
-  box-sizing: border-box;
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-radius: var(--border-radius);
   color: #60666E;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-family: var(--font-family);
   font-size: 0.875rem;
-  -webkit-letter-spacing: 0.02875rem;
-  -moz-letter-spacing: 0.02875rem;
-  -ms-letter-spacing: 0.02875rem;
-  letter-spacing: 0.02875rem;
+  font-weight: var(--font-normal);
+  gap: var(--spacing-1x);
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  line-height: 1.25rem;
   min-height: var(--size-2x);
-  padding: 0 var(--spacing-2x);
+  padding: 0 var(--spacing-1halfx);
+  position: relative;
+}
+
+.c1:hover {
+  background-color: transparent;
+  color: #000000;
 }
 
-.c1:last-child {
-  border-right: 1px solid #60666E;
-  margin: 0;
+.c1:hover::before {
+  background-color: rgb(0 0 0 / 0.05);
+  border-radius: var(--border-radius);
+  content: " ";
+  display: block;
+  height: calc(100% - 0.375rem);
+  left: 0.1875rem;
+  min-height: 1.5rem;
+  position: absolute;
+  top: 0.1875rem;
+  width: calc(100% - 0.375rem);
 }
 
 .c1:focus {
@@ -55,21 +73,24 @@ exports[`SegmentedControl Matches snapshot (desktop) 1`] = `
   outline-offset: -2px;
 }
 
-.c1:disabled,
-.c1:disabled:hover {
-  background-color: #F1F2F2;
-  border-color: #B7BBC2;
+.c1[aria-disabled='true'],
+.c1[aria-disabled='true']:hover {
   color: #B7BBC2;
+  pointer-events: none;
 }
 
-.c1:hover {
-  background-color: #DBDEE1;
-  border-color: #000000;
-  color: #000000;
-}
-
-.c1:hover + button {
-  border-left-color: #000000;
+.c1 span::after {
+  content: attr(data-text);
+  display: block;
+  font-weight: var(--font-semi-bold);
+  height: 0;
+  overflow: hidden;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  visibility: hidden;
 }
 
 .c2 {
@@ -79,25 +100,42 @@ exports[`SegmentedControl Matches snapshot (desktop) 1`] = `
   align-items: center;
   background-color: #E0F0F9;
   border: 1px solid #006296;
-  border-right: 1px solid #006296;
-  box-sizing: border-box;
+  border-radius: var(--border-radius);
   color: #003A5A;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-family: var(--font-family);
   font-size: 0.875rem;
-  -webkit-letter-spacing: 0.02875rem;
-  -moz-letter-spacing: 0.02875rem;
-  -ms-letter-spacing: 0.02875rem;
-  letter-spacing: 0.02875rem;
+  font-weight: var(--font-semi-bold);
+  gap: var(--spacing-1x);
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  line-height: 1.25rem;
   min-height: var(--size-2x);
-  padding: 0 var(--spacing-2x);
+  padding: 0 var(--spacing-1halfx);
+  position: relative;
 }
 
-.c2 + button {
-  border-left: 0;
+.c2:hover {
+  background-color: #C2E2F4;
+  color: #003A5A;
 }
 
-.c2:last-child {
-  border-right: 1px solid #006296;
-  margin: 0;
+.c2:hover::before {
+  background-color: rgb(0 0 0 / 0.05);
+  border-radius: var(--border-radius);
+  content: none;
+  display: block;
+  height: calc(100% - 0.375rem);
+  left: 0.1875rem;
+  min-height: 1.5rem;
+  position: absolute;
+  top: 0.1875rem;
+  width: calc(100% - 0.375rem);
 }
 
 .c2:focus {
@@ -115,21 +153,24 @@ exports[`SegmentedControl Matches snapshot (desktop) 1`] = `
   outline-offset: -2px;
 }
 
-.c2:disabled,
-.c2:disabled:hover {
-  background-color: #F1F2F2;
-  border-color: #B7BBC2;
+.c2[aria-disabled='true'],
+.c2[aria-disabled='true']:hover {
   color: #B7BBC2;
+  pointer-events: none;
 }
 
-.c2:hover {
-  background-color: #DBDEE1;
-  border-color: #000000;
-  color: #000000;
-}
-
-.c2:hover + button {
-  border-left-color: #000000;
+.c2 span::after {
+  content: attr(data-text);
+  display: block;
+  font-weight: var(--font-semi-bold);
+  height: 0;
+  overflow: hidden;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  visibility: hidden;
 }
 
 <div
@@ -138,62 +179,72 @@ exports[`SegmentedControl Matches snapshot (desktop) 1`] = `
   role="group"
 >
   <button
-    aria-label="Option 1"
     aria-pressed="false"
     class="c1"
     data-testid="test-toggle-button-0"
     type="button"
     value="option1"
   >
-    Option 1
+    <span
+      data-text="Option 1"
+    >
+      Option 1
+    </span>
   </button>
   <button
-    aria-label="Option 2"
     aria-pressed="true"
     class="c2"
     data-testid="test-toggle-button-1"
     type="button"
     value="option2"
   >
-    Option 2
+    <span
+      data-text="Option 2"
+    >
+      Option 2
+    </span>
   </button>
   <button
-    aria-label="Option 3"
+    aria-disabled="true"
     aria-pressed="false"
     class="c1"
     data-testid="test-toggle-button-2"
     type="button"
     value="option3"
   >
-    Option 3
+    <span
+      data-text="Option 3"
+    >
+      Option 3
+    </span>
   </button>
   <button
-    aria-label="Option 4"
     aria-pressed="false"
     class="c1"
     data-testid="test-toggle-button-3"
     type="button"
     value="option4"
   >
-    Option 4
+    <span
+      data-text="Option 4"
+    >
+      Option 4
+    </span>
   </button>
 </div>
 `;
 
 exports[`SegmentedControl Matches snapshot (mobile) 1`] = `
 .c0 {
+  background-color: rgb(0 0 0 / 0.05);
+  border-radius: var(--border-radius);
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-}
-
-.c0 button:first-child {
-  border-radius: var(--border-radius) 0 0 var(--border-radius);
-}
-
-.c0 button:last-child {
-  border-radius: 0 var(--border-radius) var(--border-radius) 0;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
 }
 
 .c1 {
@@ -201,23 +252,44 @@ exports[`SegmentedControl Matches snapshot (mobile) 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background-color: #FFFFFF;
-  border: 1px solid #60666E;
-  border-right: 0;
-  box-sizing: border-box;
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-radius: var(--border-radius);
   color: #60666E;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-family: var(--font-family);
   font-size: 1rem;
-  -webkit-letter-spacing: 0.02875rem;
-  -moz-letter-spacing: 0.02875rem;
-  -ms-letter-spacing: 0.02875rem;
-  letter-spacing: 0.02875rem;
+  font-weight: var(--font-normal);
+  gap: var(--spacing-1x);
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  line-height: 1.25rem;
   min-height: var(--size-3x);
-  padding: 0 var(--spacing-2x);
+  padding: 0 var(--spacing-1halfx);
+  position: relative;
+}
+
+.c1:hover {
+  background-color: transparent;
+  color: #000000;
 }
 
-.c1:last-child {
-  border-right: 1px solid #60666E;
-  margin: 0;
+.c1:hover::before {
+  background-color: rgb(0 0 0 / 0.05);
+  border-radius: var(--border-radius);
+  content: " ";
+  display: block;
+  height: calc(100% - 0.375rem);
+  left: 0.1875rem;
+  min-height: 1.5rem;
+  position: absolute;
+  top: 0.1875rem;
+  width: calc(100% - 0.375rem);
 }
 
 .c1:focus {
@@ -235,21 +307,24 @@ exports[`SegmentedControl Matches snapshot (mobile) 1`] = `
   outline-offset: -2px;
 }
 
-.c1:disabled,
-.c1:disabled:hover {
-  background-color: #F1F2F2;
-  border-color: #B7BBC2;
+.c1[aria-disabled='true'],
+.c1[aria-disabled='true']:hover {
   color: #B7BBC2;
+  pointer-events: none;
 }
 
-.c1:hover {
-  background-color: #DBDEE1;
-  border-color: #000000;
-  color: #000000;
-}
-
-.c1:hover + button {
-  border-left-color: #000000;
+.c1 span::after {
+  content: attr(data-text);
+  display: block;
+  font-weight: var(--font-semi-bold);
+  height: 0;
+  overflow: hidden;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  visibility: hidden;
 }
 
 .c2 {
@@ -259,25 +334,42 @@ exports[`SegmentedControl Matches snapshot (mobile) 1`] = `
   align-items: center;
   background-color: #E0F0F9;
   border: 1px solid #006296;
-  border-right: 1px solid #006296;
-  box-sizing: border-box;
+  border-radius: var(--border-radius);
   color: #003A5A;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-family: var(--font-family);
   font-size: 1rem;
-  -webkit-letter-spacing: 0.02875rem;
-  -moz-letter-spacing: 0.02875rem;
-  -ms-letter-spacing: 0.02875rem;
-  letter-spacing: 0.02875rem;
+  font-weight: var(--font-semi-bold);
+  gap: var(--spacing-1x);
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  line-height: 1.25rem;
   min-height: var(--size-3x);
-  padding: 0 var(--spacing-2x);
+  padding: 0 var(--spacing-1halfx);
+  position: relative;
 }
 
-.c2 + button {
-  border-left: 0;
+.c2:hover {
+  background-color: #C2E2F4;
+  color: #003A5A;
 }
 
-.c2:last-child {
-  border-right: 1px solid #006296;
-  margin: 0;
+.c2:hover::before {
+  background-color: rgb(0 0 0 / 0.05);
+  border-radius: var(--border-radius);
+  content: none;
+  display: block;
+  height: calc(100% - 0.375rem);
+  left: 0.1875rem;
+  min-height: 1.5rem;
+  position: absolute;
+  top: 0.1875rem;
+  width: calc(100% - 0.375rem);
 }
 
 .c2:focus {
@@ -295,21 +387,24 @@ exports[`SegmentedControl Matches snapshot (mobile) 1`] = `
   outline-offset: -2px;
 }
 
-.c2:disabled,
-.c2:disabled:hover {
-  background-color: #F1F2F2;
-  border-color: #B7BBC2;
+.c2[aria-disabled='true'],
+.c2[aria-disabled='true']:hover {
   color: #B7BBC2;
+  pointer-events: none;
 }
 
-.c2:hover {
-  background-color: #DBDEE1;
-  border-color: #000000;
-  color: #000000;
-}
-
-.c2:hover + button {
-  border-left-color: #000000;
+.c2 span::after {
+  content: attr(data-text);
+  display: block;
+  font-weight: var(--font-semi-bold);
+  height: 0;
+  overflow: hidden;
+  pointer-events: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  visibility: hidden;
 }
 
 <div
@@ -318,44 +413,57 @@ exports[`SegmentedControl Matches snapshot (mobile) 1`] = `
   role="group"
 >
   <button
-    aria-label="Option 1"
     aria-pressed="false"
     class="c1"
     data-testid="test-toggle-button-0"
     type="button"
     value="option1"
   >
-    Option 1
+    <span
+      data-text="Option 1"
+    >
+      Option 1
+    </span>
   </button>
   <button
-    aria-label="Option 2"
     aria-pressed="true"
     class="c2"
     data-testid="test-toggle-button-1"
     type="button"
     value="option2"
   >
-    Option 2
+    <span
+      data-text="Option 2"
+    >
+      Option 2
+    </span>
   </button>
   <button
-    aria-label="Option 3"
+    aria-disabled="true"
     aria-pressed="false"
     class="c1"
     data-testid="test-toggle-button-2"
     type="button"
     value="option3"
   >
-    Option 3
+    <span
+      data-text="Option 3"
+    >
+      Option 3
+    </span>
   </button>
   <button
-    aria-label="Option 4"
     aria-pressed="false"
     class="c1"
     data-testid="test-toggle-button-3"
     type="button"
     value="option4"
   >
-    Option 4
+    <span
+      data-text="Option 4"
+    >
+      Option 4
+    </span>
   </button>
 </div>
 `;
diff --git a/packages/react/src/components/segmented-control/segmented-control.tsx b/packages/react/src/components/segmented-control/segmented-control.tsx
index 65be93957f..755cfb1ec9 100644
--- a/packages/react/src/components/segmented-control/segmented-control.tsx
+++ b/packages/react/src/components/segmented-control/segmented-control.tsx
@@ -1,20 +1,14 @@
 import { MouseEvent, useState, VoidFunctionComponent } from 'react';
-import styled, { css } from 'styled-components';
+import styled from 'styled-components';
 import { focus } from '../../utils/css-state';
+import { Icon, IconName } from '../icon/icon';
 import { useDeviceContext } from '../device-context-provider/device-context-provider';
 
 const Container = styled.div`
+    background-color: ${({ theme }) => (theme.component['segmented-control-list-background-color'])};
+    border-radius: var(--border-radius);
     display: flex;
-
-    button {
-        &:first-child {
-            border-radius: var(--border-radius) 0 0 var(--border-radius);
-        }
-
-        &:last-child {
-            border-radius: 0 var(--border-radius) var(--border-radius) 0;
-        }
-    }
+    width: fit-content;
 `;
 
 interface ToggleButtonProps {
@@ -26,21 +20,35 @@ const ToggleButton = styled.button<ToggleButtonProps>`
     align-items: center;
     background-color: ${({ theme, pressed }) => (pressed ? theme.component['segmented-control-pressed-background-color'] : theme.component['segmented-control-background-color'])};
     border: 1px solid ${({ theme, pressed }) => (pressed ? theme.component['segmented-control-pressed-border-color'] : theme.component['segmented-control-border-color'])};
-    border-right: ${({ theme, pressed }) => (pressed ? `1px solid ${theme.component['segmented-control-pressed-border-color']}` : 0)};
-    box-sizing: border-box;
+    border-radius: var(--border-radius);
     color: ${({ theme, pressed }) => (pressed ? theme.component['segmented-control-pressed-text-color'] : theme.component['segmented-control-text-color'])};
+    display: flex;
+    font-family: var(--font-family);
     font-size: ${({ isMobile }) => (isMobile ? '1rem' : '0.875rem')};
-    letter-spacing: 0.02875rem;
+    font-weight: ${({ pressed }) => (pressed ? 'var(--font-semi-bold)' : 'var(--font-normal)')};
+    gap: var(--spacing-1x);
+    justify-content: center;
+    line-height: 1.25rem;
     min-height: ${({ isMobile }) => (isMobile ? 'var(--size-3x)' : 'var(--size-2x)')};
-    padding: 0 var(--spacing-2x);
-
-    ${({ pressed }) => pressed && css`
-        & + button { border-left: 0; }
-    `}
+    padding: 0 var(--spacing-1halfx);
+    position: relative;
 
-    &:last-child {
-        border-right: 1px solid ${({ theme, pressed }) => (pressed ? theme.component['segmented-control-pressed-border-color'] : theme.component['segmented-control-border-color'])};
-        margin: 0;
+    &:hover {
+        background-color: ${({ theme, pressed }) => (pressed ? theme.component['segmented-control-pressed-hover-background-color'] : 'transparent')};
+        color: ${({ theme, pressed }) => (pressed ? theme.component['segmented-control-pressed-hover-text-color'] : theme.component['segmented-control-hover-text-color'])};
+
+        &::before {
+            background-color: ${({ theme }) => (theme.component['segmented-control-hover-background-color'])};
+            border-radius: var(--border-radius);
+            content: ${({ pressed }) => (pressed ? 'none' : '" "')};
+            display: block;
+            height: calc(100% - 0.375rem);
+            left: 0.1875rem;
+            min-height: 1.5rem;
+            position: absolute;
+            top: 0.1875rem;
+            width: calc(100% - 0.375rem);
+        }
     }
 
     &:focus {
@@ -49,21 +57,22 @@ const ToggleButton = styled.button<ToggleButtonProps>`
 
     ${focus};
 
-    &:disabled,
-    &:disabled:hover {
-        background-color: ${({ theme }) => theme.component['segmented-control-disabled-background-color']};
-        border-color: ${({ theme }) => theme.component['segmented-control-disabled-border-color']};
+    &[aria-disabled='true'],
+    &[aria-disabled='true']:hover {
         color: ${({ theme }) => theme.component['segmented-control-disabled-text-color']};
+        pointer-events: none;
     }
-        
-    &:hover {
-        background-color: ${({ theme }) => theme.component['segmented-control-hover-background-color']};
-        border-color: ${({ theme }) => theme.component['segmented-control-hover-border-color']};
-        color: ${({ theme }) => theme.component['segmented-control-hover-text-color']};
 
-        & + button {
-            border-left-color: ${({ theme }) => theme.component['segmented-control-hover-border-color']};
-        }
+    // Prevent layout shift when the label changes from normal to bold upon selection.
+    span::after {
+        content: attr(data-text);
+        display: block;
+        font-weight: var(--font-semi-bold);
+        height: 0;
+        overflow: hidden;
+        pointer-events: none;
+        user-select: none;
+        visibility: hidden;
     }
 `;
 
@@ -73,8 +82,10 @@ interface SegmentedControlProps {
      */
     buttonGroup: {
         defaultPressed?: boolean;
+        icon?: IconName;
+        ariaLabel?: string;
         disabled?: boolean;
-        label: string;
+        label?: string;
         value: string
     }[];
     className?: string;
@@ -82,7 +93,7 @@ interface SegmentedControlProps {
      * Sets common name for all buttons
      */
     groupName: string;
-
+    toggleable?: boolean;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
 
@@ -90,27 +101,40 @@ export const SegmentedControl: VoidFunctionComponent<SegmentedControlProps> = ({
     buttonGroup,
     className,
     groupName,
+    toggleable = true,
     onClick,
 }) => {
     const { isMobile } = useDeviceContext();
     const defaultPressedButton = buttonGroup.find((button) => button.defaultPressed);
-    const [selectedButton, setSelectedButton] = useState(defaultPressedButton ? defaultPressedButton.value : '');
+    const [selectedButton, setSelectedButton] = useState<string>(
+        defaultPressedButton ? defaultPressedButton.value : '',
+    );
 
-    function handleClick(event: MouseEvent<HTMLButtonElement>): void {
-        if (selectedButton === event.currentTarget.value) {
-            setSelectedButton('');
+    const handleClick = (event: MouseEvent<HTMLButtonElement>): void => {
+        const newValue = event.currentTarget.value;
+        const clickedButton = buttonGroup.find((btn) => btn.value === newValue);
+
+        if (clickedButton?.disabled) {
+            return;
+        }
+
+        if (!toggleable) {
+            if (selectedButton !== newValue) {
+                setSelectedButton(newValue);
+            }
         } else {
-            setSelectedButton(event.currentTarget.value);
+            setSelectedButton(newValue === selectedButton ? '' : newValue);
         }
 
         onClick?.(event);
-    }
+    };
 
     return (
         <Container className={className} role="group" aria-label={groupName}>
             {buttonGroup.map((button, i) => (
                 <ToggleButton
-                    aria-label={button.label}
+                    aria-label={button.ariaLabel || undefined}
+                    aria-disabled={button.disabled ? true : undefined}
                     aria-pressed={button.value === selectedButton}
                     pressed={button.value === selectedButton}
                     data-testid={`test-toggle-button-${i}`}
@@ -119,9 +143,19 @@ export const SegmentedControl: VoidFunctionComponent<SegmentedControlProps> = ({
                     onClick={handleClick}
                     type="button"
                     value={button.value}
-                    disabled={button.disabled}
                 >
-                    {button.label}
+                    {button.icon && (
+                        <Icon
+                            aria-hidden="true"
+                            name={button.icon}
+                            size="16"
+                        />
+                    )}
+                    {button.label && (
+                        <span data-text={button.label}>
+                            {button.label}
+                        </span>
+                    )}
                 </ToggleButton>
             ))}
         </Container>
diff --git a/packages/react/src/themes/tokens/alias-tokens.ts b/packages/react/src/themes/tokens/alias-tokens.ts
index 3a6fa1370d..f36e9870ed 100644
--- a/packages/react/src/themes/tokens/alias-tokens.ts
+++ b/packages/react/src/themes/tokens/alias-tokens.ts
@@ -55,6 +55,7 @@ export type AliasTokens =
     | 'color-control-background-disabled'
     | 'color-control-background-checked'
     | 'color-control-background-selected'
+    | 'color-control-background-selected-hover'
     | 'color-control-border'
     | 'color-control-border-hover'
     | 'color-control-border-disabled'
@@ -240,6 +241,7 @@ export const defaultAliasTokens: AliasTokenMap = {
     'color-control-background-disabled': 'color-neutral-05',
     'color-control-background-checked': 'color-brand-50',
     'color-control-background-selected': 'color-brand-05',
+    'color-control-background-selected-hover': 'color-brand-10',
 
     'color-control-border': 'color-neutral-65',
     'color-control-border-hover': 'color-black',
diff --git a/packages/react/src/themes/tokens/component/segmented-control-tokens.ts b/packages/react/src/themes/tokens/component/segmented-control-tokens.ts
index 8a34d36efb..a175720bff 100644
--- a/packages/react/src/themes/tokens/component/segmented-control-tokens.ts
+++ b/packages/react/src/themes/tokens/component/segmented-control-tokens.ts
@@ -2,18 +2,21 @@ import { AliasTokens } from '../alias-tokens';
 import { RefTokens } from '../ref-tokens';
 
 export type SegmentedControlTokens =
+    | 'segmented-control-list-background-color'
     | 'segmented-control-background-color'
-    | 'segmented-control-pressed-background-color'
-    | 'segmented-control-hover-background-color'
-    | 'segmented-control-disabled-background-color'
     | 'segmented-control-border-color'
-    | 'segmented-control-pressed-border-color'
+    | 'segmented-control-text-color'
+    | 'segmented-control-hover-background-color'
     | 'segmented-control-hover-border-color'
+    | 'segmented-control-hover-text-color'
+    | 'segmented-control-disabled-background-color'
     | 'segmented-control-disabled-border-color'
-    | 'segmented-control-text-color'
+    | 'segmented-control-disabled-text-color'
+    | 'segmented-control-pressed-background-color'
+    | 'segmented-control-pressed-border-color'
     | 'segmented-control-pressed-text-color'
-    | 'segmented-control-hover-text-color'
-    | 'segmented-control-disabled-text-color';
+    | 'segmented-control-pressed-hover-background-color'
+    | 'segmented-control-pressed-hover-text-color';
 
 export type SegmentedControlTokenValue = AliasTokens | RefTokens;
 
@@ -22,11 +25,13 @@ export type SegmentedControlTokenMap = {
 };
 
 export const defaultSegmentedControlTokens: SegmentedControlTokenMap = {
-    'segmented-control-background-color': 'color-control-background',
-    'segmented-control-border-color': 'color-control-border',
+    'segmented-control-list-background-color': 'transparent-dark-5',
+
+    'segmented-control-background-color': 'transparent-100',
+    'segmented-control-border-color': 'transparent-100',
     'segmented-control-text-color': 'color-control-auxiliary',
 
-    'segmented-control-hover-background-color': 'color-control-background-hover',
+    'segmented-control-hover-background-color': 'transparent-dark-5',
     'segmented-control-hover-border-color': 'color-control-border-hover',
     'segmented-control-hover-text-color': 'color-control-auxiliary-hover',
 
@@ -37,4 +42,7 @@ export const defaultSegmentedControlTokens: SegmentedControlTokenMap = {
     'segmented-control-pressed-background-color': 'color-control-background-selected',
     'segmented-control-pressed-border-color': 'color-control-border-selected',
     'segmented-control-pressed-text-color': 'color-control-auxiliary-selected',
+
+    'segmented-control-pressed-hover-background-color': 'color-control-background-selected-hover',
+    'segmented-control-pressed-hover-text-color': 'color-control-auxiliary-selected',
 };
diff --git a/packages/storybook/stories/segmented-control.mdx b/packages/storybook/stories/segmented-control.mdx
index 51c5e25b96..17d040ef46 100644
--- a/packages/storybook/stories/segmented-control.mdx
+++ b/packages/storybook/stories/segmented-control.mdx
@@ -17,14 +17,16 @@ Segmented control is a row of 2 to 5 exclusive buttons where only one can be sel
 ## Usage
 ### When to use
 - Use when the change has an immediate effect on the UI [2].
-- Use when activating a segment, changes the formatting of the same content [5]. 
 - Use when the options function as mutually exclusive buttons [2].
+- Use if your options are short and consistent [4].
 - Use when there is a default value [1].
+- Use to restrict large groups of content or to sort related content [5].
+- Use to provide closely related choices that affect an object, state, or view [6].
 
 ### When not to use
 - Do not use in forms. Use checkboxes or radio buttons instead [2].
-- Do not use if you want to change a system state, use a toggle switch instead.
-- Do not use to change content within the same context, use Tabs instead [4].
+- Do not use if you want to change an option's state (on/off), use a toggle switch instead.
+- Do not use to navigate content, use Tabs instead [4].
 
 ## Variants
 ### Default
@@ -39,3 +41,4 @@ Segmented control is a row of 2 to 5 exclusive buttons where only one can be sel
 3. [https://uxdesign.cc/reducing-ambiguity-on-the-segmented-control-design-a5a1feef54f0](https://uxdesign.cc/reducing-ambiguity-on-the-segmented-control-design-a5a1feef54f0)
 4. [https://medium.com/tap-to-dismiss/a-better-segmented-control-9e662de2ef57](https://medium.com/tap-to-dismiss/a-better-segmented-control-9e662de2ef57)
 5. [https://primer.style/components/segmented-control](https://primer.style/components/segmented-control)
+6. [https://developer.apple.com/design/human-interface-guidelines/segmented-controls](https://developer.apple.com/design/human-interface-guidelines/segmented-controls)
diff --git a/packages/storybook/stories/segmented-control.stories.tsx b/packages/storybook/stories/segmented-control.stories.tsx
index d74bfedfbd..c340b4955c 100644
--- a/packages/storybook/stories/segmented-control.stories.tsx
+++ b/packages/storybook/stories/segmented-control.stories.tsx
@@ -7,8 +7,13 @@ const SegmentedControlMeta: Meta<typeof SegmentedControl> = {
     title: 'Components/Segmented Control',
     component: SegmentedControl,
     argTypes: {
+        toggleable: {
+            control: 'boolean',
+            description: 'When true, a button must always be selected',
+            defaultValue: true,
+        },
         onClick: {
-            control: { disable: true },
+            control: { disabled: true },
         },
     },
 };
@@ -29,6 +34,36 @@ export const Default: Story = {
     },
 };
 
+export const WithIcon: Story = {
+    args: {
+        buttonGroup: [
+            {
+                value: 'option1',
+                icon: 'alertCircle',
+                ariaLabel: 'Alert',
+            },
+            {
+                label: 'Option',
+                value: 'option2',
+                icon: 'alertCircle',
+            },
+            {
+                label: 'Option',
+                value: 'option3',
+                icon: 'alertCircle',
+                disabled: true,
+            },
+            {
+                label: 'Option',
+                value: 'option4',
+                defaultPressed: true,
+            },
+        ],
+        groupName: 'Story1',
+        toggleable: false,
+    },
+};
+
 export const WithCallback: Story = {
     parameters: rawCodeParameters,
     args: {

From a51938192d5adfd2dad2b11b789ec01449069f3a Mon Sep 17 00:00:00 2001
From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com>
Date: Mon, 30 Sep 2024 15:34:51 -0400
Subject: [PATCH 21/30] feat(Fieldset): implement fieldset component (#952)

* feat(fieldset): first iteration

* feat(fieldset): second iteration

* fix(fieldset): stylelint

* fix(fieldset): snapshots

* feat(fieldset): remove deprecated legend component

* fix(fieldset): html validator

* fix(fieldset): bring back legacy legend

* fix(fieldset): bring back legacy legend

* fix(fieldset): bring back legacy legend

* fix(fieldset): bring back legacy legend

* fix(Fieldset): post review changes

* fix(fieldset): remove redundant tests

* fix(Fieldset): post review changes

* fix(Fieldset): update snapshots

* fix(Fieldset): post review changes

* fix(Fieldset): update snapshots

* fix(Legend): remove display table css
---
 .../src/components/fieldset/fieldset.test.tsx | 162 +++++++++
 .../fieldset/fieldset.test.tsx.snap           | 281 +++++++++++++++
 .../src/components/fieldset/fieldset.tsx      |  40 +++
 .../react/src/components/fieldset/index.ts    |   1 +
 .../src/components/fieldset/legend.test.tsx   |  24 ++
 .../components/fieldset/legend.test.tsx.snap  | 325 ++++++++++++++++++
 .../react/src/components/fieldset/legend.tsx  |  25 ++
 .../react/src/components/fieldset/styled.ts   |  41 +++
 .../react/src/components/fieldset/types.ts    |  21 ++
 packages/react/src/index.ts                   |   1 +
 .../themes/tokens/component/legend-tokens.ts  |   4 +
 .../storybook/stories/fieldset.stories.tsx    |  88 +++++
 12 files changed, 1013 insertions(+)
 create mode 100644 packages/react/src/components/fieldset/fieldset.test.tsx
 create mode 100644 packages/react/src/components/fieldset/fieldset.test.tsx.snap
 create mode 100644 packages/react/src/components/fieldset/fieldset.tsx
 create mode 100644 packages/react/src/components/fieldset/index.ts
 create mode 100644 packages/react/src/components/fieldset/legend.test.tsx
 create mode 100644 packages/react/src/components/fieldset/legend.test.tsx.snap
 create mode 100644 packages/react/src/components/fieldset/legend.tsx
 create mode 100644 packages/react/src/components/fieldset/styled.ts
 create mode 100644 packages/react/src/components/fieldset/types.ts
 create mode 100644 packages/storybook/stories/fieldset.stories.tsx

diff --git a/packages/react/src/components/fieldset/fieldset.test.tsx b/packages/react/src/components/fieldset/fieldset.test.tsx
new file mode 100644
index 0000000000..5c04f00ec4
--- /dev/null
+++ b/packages/react/src/components/fieldset/fieldset.test.tsx
@@ -0,0 +1,162 @@
+import { mountWithProviders } from '../../test-utils/renderer';
+import { Fieldset } from './fieldset';
+import { Legend } from './legend';
+
+describe('Fieldset Component', () => {
+    describe('Features', () => {
+        it('applies provided ID to the fieldset', () => {
+            const tree = mountWithProviders(
+                <Fieldset id='customId' legend={{ text: 'Legend Text' }}>
+                    Test Content
+                </Fieldset>,
+            );
+
+            const fieldset = tree.find('fieldset');
+            const legend = tree.find(Legend);
+
+            expect(tree.find('#customId').exists()).toBeTruthy();
+            expect(fieldset.props()).toHaveProperty('id', 'customId');
+            expect(legend.props()).toHaveProperty('id', 'customId-legend');
+        });
+
+        it('generates an ID if none is provided', () => {
+            const tree = mountWithProviders(
+                <Fieldset>
+                    Test Content
+                </Fieldset>,
+            );
+
+            const fieldset = tree.find('fieldset');
+
+            expect(fieldset.props()).toHaveProperty('id');
+        });
+
+        it('does not render a legend when not provided', () => {
+            const tree = mountWithProviders(
+                <Fieldset>
+                    Test Content
+                </Fieldset>,
+            );
+
+            const legend = tree.find(Legend);
+
+            expect(legend.exists()).toBeFalsy();
+        });
+
+        it('renders a legend when props provided', () => {
+            const tree = mountWithProviders(
+                <Fieldset legend={{ text: 'Legend text' }}>
+                    Test Content
+                </Fieldset>,
+            );
+
+            const legend = tree.find(Legend);
+
+            expect(legend.prop('children')).toBe('Legend text');
+        });
+
+        it('updates legend text dynamically', () => {
+            const tree = mountWithProviders(
+                <Fieldset legend={{ text: 'Initial Legend Text' }}>
+                    Test Content
+                </Fieldset>,
+            );
+
+            tree.setProps({ legend: { text: 'Updated Legend Text' } });
+
+            expect(tree.find(Legend).text()).toContain('Updated Legend Text');
+        });
+    });
+
+    describe('Styling', () => {
+        it('matches default', () => {
+            const tree = mountWithProviders(
+                <Fieldset>
+                    Test Content
+                </Fieldset>,
+            );
+
+            expect(tree).toMatchSnapshot();
+        });
+
+        it('matches with bold legend', () => {
+            const tree = mountWithProviders(
+                <Fieldset legend={{ text: 'Text Legend', bold: true }}>
+                    Test Content
+                </Fieldset>,
+            );
+
+            expect(tree).toMatchSnapshot();
+        });
+
+        it('matches with disabled legend', () => {
+            const tree = mountWithProviders(
+                <Fieldset disabled legend={{ text: 'Text Legend' }}>
+                    Test Content
+                </Fieldset>,
+            );
+
+            expect(tree).toMatchSnapshot();
+        });
+
+        it('matches vertical orientation', () => {
+            const tree = mountWithProviders(
+                <Fieldset orientation='vertical'>
+                    Test Content
+                </Fieldset>,
+            );
+
+            const fieldset = tree.find('fieldset');
+
+            expect(tree).toMatchSnapshot();
+            expect(fieldset.props()).toHaveProperty('data-orientation', 'vertical');
+        });
+
+        it('matches horizontal orientation', () => {
+            const tree = mountWithProviders(
+                <Fieldset orientation='horizontal'>
+                    Test Content
+                </Fieldset>,
+            );
+
+            const fieldset = tree.find('fieldset');
+
+            expect(tree).toMatchSnapshot();
+            expect(fieldset.props()).toHaveProperty('data-orientation', 'horizontal');
+        });
+    });
+
+    describe('Accessibility', () => {
+        it('applies aria-label when provided', () => {
+            const tree = mountWithProviders(
+                <Fieldset aria-label="Test Fieldset">Test Content</Fieldset>,
+            );
+
+            const fieldset = tree.find('fieldset');
+
+            expect(fieldset.props()).toHaveProperty('aria-label', 'Test Fieldset');
+        });
+
+        it('applies aria-disabled when provided', () => {
+            const tree = mountWithProviders(
+                <Fieldset disabled>Test Content</Fieldset>,
+            );
+
+            const fieldset = tree.find('fieldset');
+
+            expect(fieldset.props()).toHaveProperty('aria-disabled', true);
+        });
+
+        it('applies role to specified group role', () => {
+            const tree = mountWithProviders(
+                <Fieldset role='group'>
+                    Test Content
+                </Fieldset>,
+            );
+
+            const fieldset = tree.find('fieldset');
+
+            expect(fieldset.props()).toHaveProperty('role', 'group');
+        });
+    });
+});
diff --git a/packages/react/src/components/fieldset/fieldset.test.tsx.snap b/packages/react/src/components/fieldset/fieldset.test.tsx.snap
new file mode 100644
index 0000000000..8884241a8f
--- /dev/null
+++ b/packages/react/src/components/fieldset/fieldset.test.tsx.snap
@@ -0,0 +1,281 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Fieldset Component Styling matches default 1`] = `
+.c0 {
+  border: 0;
+  border: none;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-1x);
+  margin: 0;
+  min-inline-size: 0;
+  min-width: 0;
+  padding: 0;
+}
+
+.c0:disabled legend,
+.c0[aria-disabled='true'] legend {
+  color: #B7BBC2;
+}
+
+<ForwardRef>
+  <styled.fieldset
+    $orientation="vertical"
+    data-orientation="vertical"
+    data-testid="fieldset"
+    id="uuid1"
+  >
+    <fieldset
+      className="c0"
+      data-orientation="vertical"
+      data-testid="fieldset"
+      id="uuid1"
+    >
+      Test Content
+    </fieldset>
+  </styled.fieldset>
+</ForwardRef>
+`;
+
+exports[`Fieldset Component Styling matches horizontal orientation 1`] = `
+.c0 {
+  border: 0;
+  border: none;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  gap: var(--spacing-1x);
+  margin: 0;
+  min-inline-size: 0;
+  min-width: 0;
+  padding: 0;
+}
+
+.c0:disabled legend,
+.c0[aria-disabled='true'] legend {
+  color: #B7BBC2;
+}
+
+<ForwardRef
+  orientation="horizontal"
+>
+  <styled.fieldset
+    $orientation="horizontal"
+    data-orientation="horizontal"
+    data-testid="fieldset"
+    id="uuid1"
+  >
+    <fieldset
+      className="c0"
+      data-orientation="horizontal"
+      data-testid="fieldset"
+      id="uuid1"
+    >
+      Test Content
+    </fieldset>
+  </styled.fieldset>
+</ForwardRef>
+`;
+
+exports[`Fieldset Component Styling matches vertical orientation 1`] = `
+.c0 {
+  border: 0;
+  border: none;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-1x);
+  margin: 0;
+  min-inline-size: 0;
+  min-width: 0;
+  padding: 0;
+}
+
+.c0:disabled legend,
+.c0[aria-disabled='true'] legend {
+  color: #B7BBC2;
+}
+
+<ForwardRef
+  orientation="vertical"
+>
+  <styled.fieldset
+    $orientation="vertical"
+    data-orientation="vertical"
+    data-testid="fieldset"
+    id="uuid1"
+  >
+    <fieldset
+      className="c0"
+      data-orientation="vertical"
+      data-testid="fieldset"
+      id="uuid1"
+    >
+      Test Content
+    </fieldset>
+  </styled.fieldset>
+</ForwardRef>
+`;
+
+exports[`Fieldset Component Styling matches with bold legend 1`] = `
+.c1 {
+  color: #1B1C1E;
+  font-size: 0.75rem;
+  font-weight: var(--font-bold);
+  margin: 0 0 var(--spacing-1x);
+}
+
+.c0 {
+  border: 0;
+  border: none;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-1x);
+  margin: 0;
+  min-inline-size: 0;
+  min-width: 0;
+  padding: 0;
+}
+
+.c0:disabled legend,
+.c0[aria-disabled='true'] legend {
+  color: #B7BBC2;
+}
+
+<ForwardRef
+  legend={
+    {
+      "bold": true,
+      "text": "Text Legend",
+    }
+  }
+>
+  <styled.fieldset
+    $orientation="vertical"
+    data-orientation="vertical"
+    data-testid="fieldset"
+    id="uuid1"
+  >
+    <fieldset
+      className="c0"
+      data-orientation="vertical"
+      data-testid="fieldset"
+      id="uuid1"
+    >
+      <Legend
+        bold={true}
+        id="uuid1-legend"
+      >
+        <styled.legend
+          $bold={true}
+          $isMobile={false}
+          datatest-id="legend"
+          id="uuid1-legend"
+        >
+          <legend
+            className="c1"
+            id="uuid1-legend"
+          >
+            Text Legend
+          </legend>
+        </styled.legend>
+      </Legend>
+      Test Content
+    </fieldset>
+  </styled.fieldset>
+</ForwardRef>
+`;
+
+exports[`Fieldset Component Styling matches with disabled legend 1`] = `
+.c1 {
+  color: #1B1C1E;
+  font-size: 0.75rem;
+  font-weight: var(--font-normal);
+  margin: 0 0 var(--spacing-1x);
+}
+
+.c0 {
+  border: 0;
+  border: none;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-1x);
+  margin: 0;
+  min-inline-size: 0;
+  min-width: 0;
+  padding: 0;
+}
+
+.c0:disabled legend,
+.c0[aria-disabled='true'] legend {
+  color: #B7BBC2;
+}
+
+<ForwardRef
+  disabled={true}
+  legend={
+    {
+      "text": "Text Legend",
+    }
+  }
+>
+  <styled.fieldset
+    $orientation="vertical"
+    aria-disabled={true}
+    data-orientation="vertical"
+    data-testid="fieldset"
+    disabled={true}
+    id="uuid1"
+  >
+    <fieldset
+      aria-disabled={true}
+      className="c0"
+      data-orientation="vertical"
+      data-testid="fieldset"
+      disabled={true}
+      id="uuid1"
+    >
+      <Legend
+        id="uuid1-legend"
+      >
+        <styled.legend
+          $isMobile={false}
+          datatest-id="legend"
+          id="uuid1-legend"
+        >
+          <legend
+            className="c1"
+            id="uuid1-legend"
+          >
+            Text Legend
+          </legend>
+        </styled.legend>
+      </Legend>
+      Test Content
+    </fieldset>
+  </styled.fieldset>
+</ForwardRef>
+`;
diff --git a/packages/react/src/components/fieldset/fieldset.tsx b/packages/react/src/components/fieldset/fieldset.tsx
new file mode 100644
index 0000000000..d8355ca62d
--- /dev/null
+++ b/packages/react/src/components/fieldset/fieldset.tsx
@@ -0,0 +1,40 @@
+import { forwardRef, ReactElement, Ref } from 'react';
+import { useId } from '../../hooks/use-id';
+import { Legend } from './legend';
+import { StyledFieldset } from './styled';
+import { FieldsetProps } from './types';
+
+export const Fieldset = forwardRef(({
+    id: providedId,
+    children,
+    orientation = 'vertical',
+    legend,
+    disabled,
+    ...props
+}: FieldsetProps, ref: Ref<HTMLFieldSetElement>): ReactElement => {
+    const id = useId(providedId);
+    const { text, ...legendProps } = legend || {};
+
+    return (
+        <StyledFieldset
+            data-testid="fieldset"
+            id={id}
+            $orientation={orientation}
+            data-orientation={orientation}
+            aria-disabled={disabled}
+            disabled={disabled}
+            ref={ref}
+            {...props /* eslint-disable-line react/jsx-props-no-spreading */}
+        >
+            {legend && (
+                <Legend
+                    {...legendProps /* eslint-disable-line react/jsx-props-no-spreading */}
+                    id={`${id}-legend`}
+                >
+                    {text}
+                </Legend>
+            )}
+            {children}
+        </StyledFieldset>
+    );
+});
diff --git a/packages/react/src/components/fieldset/index.ts b/packages/react/src/components/fieldset/index.ts
new file mode 100644
index 0000000000..00ef1f8474
--- /dev/null
+++ b/packages/react/src/components/fieldset/index.ts
@@ -0,0 +1 @@
+export * from './fieldset';
diff --git a/packages/react/src/components/fieldset/legend.test.tsx b/packages/react/src/components/fieldset/legend.test.tsx
new file mode 100644
index 0000000000..010264dff0
--- /dev/null
+++ b/packages/react/src/components/fieldset/legend.test.tsx
@@ -0,0 +1,24 @@
+import { mountWithProviders } from '../../test-utils/renderer';
+import { DeviceContextProviderProps } from '../device-context-provider/device-context-provider';
+import { Legend } from './legend';
+import { LegendSize } from './types';
+
+describe('Legend Component', () => {
+    const sizes: LegendSize[] = ['small', 'medium', 'large'];
+    const boldStates = [true, false];
+    const devices: DeviceContextProviderProps['staticDevice'][] = ['mobile', 'desktop'];
+
+    describe('Styling', () => {
+        describe.each(devices)('Device: %s', (device) => {
+            describe.each(sizes)('Size: %s', (size) => {
+                it.each(boldStates)('Bold: %s', (bold) => {
+                    const tree = mountWithProviders(
+                        <Legend size={size} bold={bold}>Sample Legend</Legend>,
+                        { wrappingComponentProps: { staticDevice: device } },
+                    );
+                    expect(tree).toMatchSnapshot();
+                });
+            });
+        });
+    });
+});
diff --git a/packages/react/src/components/fieldset/legend.test.tsx.snap b/packages/react/src/components/fieldset/legend.test.tsx.snap
new file mode 100644
index 0000000000..4d08175685
--- /dev/null
+++ b/packages/react/src/components/fieldset/legend.test.tsx.snap
@@ -0,0 +1,325 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Legend Component Styling Device: desktop Size: large Bold: false 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 0.875rem;
+  font-weight: var(--font-normal);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={false}
+  size="large"
+>
+  <styled.legend
+    $bold={false}
+    $isMobile={false}
+    $size="large"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
+
+exports[`Legend Component Styling Device: desktop Size: large Bold: true 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 0.875rem;
+  font-weight: var(--font-bold);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={true}
+  size="large"
+>
+  <styled.legend
+    $bold={true}
+    $isMobile={false}
+    $size="large"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
+
+exports[`Legend Component Styling Device: desktop Size: medium Bold: false 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 0.75rem;
+  font-weight: var(--font-normal);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={false}
+  size="medium"
+>
+  <styled.legend
+    $bold={false}
+    $isMobile={false}
+    $size="medium"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
+
+exports[`Legend Component Styling Device: desktop Size: medium Bold: true 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 0.75rem;
+  font-weight: var(--font-bold);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={true}
+  size="medium"
+>
+  <styled.legend
+    $bold={true}
+    $isMobile={false}
+    $size="medium"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
+
+exports[`Legend Component Styling Device: desktop Size: small Bold: false 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 0.625rem;
+  font-weight: var(--font-normal);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={false}
+  size="small"
+>
+  <styled.legend
+    $bold={false}
+    $isMobile={false}
+    $size="small"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
+
+exports[`Legend Component Styling Device: desktop Size: small Bold: true 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 0.625rem;
+  font-weight: var(--font-bold);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={true}
+  size="small"
+>
+  <styled.legend
+    $bold={true}
+    $isMobile={false}
+    $size="small"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
+
+exports[`Legend Component Styling Device: mobile Size: large Bold: false 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 1rem;
+  font-weight: var(--font-normal);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={false}
+  size="large"
+>
+  <styled.legend
+    $bold={false}
+    $isMobile={true}
+    $size="large"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
+
+exports[`Legend Component Styling Device: mobile Size: large Bold: true 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 1rem;
+  font-weight: var(--font-bold);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={true}
+  size="large"
+>
+  <styled.legend
+    $bold={true}
+    $isMobile={true}
+    $size="large"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
+
+exports[`Legend Component Styling Device: mobile Size: medium Bold: false 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 0.875rem;
+  font-weight: var(--font-normal);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={false}
+  size="medium"
+>
+  <styled.legend
+    $bold={false}
+    $isMobile={true}
+    $size="medium"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
+
+exports[`Legend Component Styling Device: mobile Size: medium Bold: true 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 0.875rem;
+  font-weight: var(--font-bold);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={true}
+  size="medium"
+>
+  <styled.legend
+    $bold={true}
+    $isMobile={true}
+    $size="medium"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
+
+exports[`Legend Component Styling Device: mobile Size: small Bold: false 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 0.75rem;
+  font-weight: var(--font-normal);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={false}
+  size="small"
+>
+  <styled.legend
+    $bold={false}
+    $isMobile={true}
+    $size="small"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
+
+exports[`Legend Component Styling Device: mobile Size: small Bold: true 1`] = `
+.c0 {
+  color: #1B1C1E;
+  font-size: 0.75rem;
+  font-weight: var(--font-bold);
+  margin: 0 0 var(--spacing-1x);
+}
+
+<Legend
+  bold={true}
+  size="small"
+>
+  <styled.legend
+    $bold={true}
+    $isMobile={true}
+    $size="small"
+    datatest-id="legend"
+  >
+    <legend
+      className="c0"
+    >
+      Sample Legend
+    </legend>
+  </styled.legend>
+</Legend>
+`;
diff --git a/packages/react/src/components/fieldset/legend.tsx b/packages/react/src/components/fieldset/legend.tsx
new file mode 100644
index 0000000000..033ddbaf06
--- /dev/null
+++ b/packages/react/src/components/fieldset/legend.tsx
@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { useDeviceContext } from '../device-context-provider/device-context-provider';
+import { StyledLegend } from './styled';
+import { LegendProps } from './types';
+
+export const Legend: FC<LegendProps> = ({
+    children,
+    size,
+    bold,
+    ...props
+}) => {
+    const { isMobile } = useDeviceContext();
+
+    return (
+        <StyledLegend
+            datatest-id='legend'
+            $size={size}
+            $bold={bold}
+            $isMobile={isMobile}
+            {...props /* eslint-disable-line react/jsx-props-no-spreading */}
+        >
+            {children}
+        </StyledLegend>
+    );
+};
diff --git a/packages/react/src/components/fieldset/styled.ts b/packages/react/src/components/fieldset/styled.ts
new file mode 100644
index 0000000000..8cedcf7b28
--- /dev/null
+++ b/packages/react/src/components/fieldset/styled.ts
@@ -0,0 +1,41 @@
+import styled from 'styled-components';
+import { FieldsetProps, LegendProps } from './types';
+
+function getFontSize({ $isMobile, $size = 'medium' }: { $isMobile: boolean, $size?: LegendProps['size'] }): string {
+    const mobileSizes = { small: '0.75rem', medium: '0.875rem', large: '1rem' };
+    const desktopSizes = { small: '0.625rem', medium: '0.75rem', large: '0.875rem' };
+    const sizes = $isMobile ? mobileSizes : desktopSizes;
+    return sizes[$size] || sizes.medium;
+}
+
+export const StyledLegend = styled.legend<{
+    $size: LegendProps['size'],
+    $bold: LegendProps['bold'],
+    $isMobile: boolean,
+}>`
+    color: ${({ theme }) => theme.component['legend-text-color']};
+    font-size: ${getFontSize};
+    font-weight: ${({ $bold }) => ($bold ? 'var(--font-bold)' : 'var(--font-normal)')};
+    margin: 0 0 var(--spacing-1x);
+`;
+
+export const StyledFieldset = styled.fieldset<{
+    $orientation: FieldsetProps['orientation'],
+}>`
+    border: 0;
+    border: none;
+    display: flex;
+    flex-direction: ${({ $orientation }) => ($orientation === 'horizontal' ? 'row' : 'column')};
+    gap: var(--spacing-1x);
+    margin: 0;
+    min-inline-size: 0;
+    min-width: 0;
+    padding: 0;
+
+    &:disabled,
+    &[aria-disabled='true'] {
+        legend {
+            color: ${({ theme }) => theme.component['legend-disabled-text-color']};
+        }
+    }
+`;
diff --git a/packages/react/src/components/fieldset/types.ts b/packages/react/src/components/fieldset/types.ts
new file mode 100644
index 0000000000..983d1a1620
--- /dev/null
+++ b/packages/react/src/components/fieldset/types.ts
@@ -0,0 +1,21 @@
+import { FieldsetHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+
+export type LegendSize = 'small' | 'medium' | 'large';
+
+export interface LegendProps extends HTMLAttributes<HTMLLegendElement> {
+    className?: string;
+    size?: LegendSize;
+    bold?: boolean;
+}
+
+export type FieldsetOrientation = 'horizontal' | 'vertical';
+
+type BaseFieldsetProps = Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>,
+    'disabled' | 'id' | 'aria-disabled' | 'aria-label' | 'role'
+>;
+
+export interface FieldsetProps extends BaseFieldsetProps {
+    legend?: Omit<LegendProps, 'children'> & { text: string };
+    orientation?: FieldsetOrientation;
+    children: ReactNode;
+}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 90bc21391e..9e6c331da1 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -97,6 +97,7 @@ export { RouteLink } from './components/route-link/route-link';
 
 // Results
 export * from './components/legend/legend';
+export { Fieldset } from './components/fieldset';
 export { ProgressIndicator } from './components/progress-indicator/progress-indicator';
 export { ProgressCircle } from './components/progress-circle/progress-circle';
 export { Pagination } from './components/pagination/pagination';
diff --git a/packages/react/src/themes/tokens/component/legend-tokens.ts b/packages/react/src/themes/tokens/component/legend-tokens.ts
index 6d8f37aa77..7eb375aaff 100644
--- a/packages/react/src/themes/tokens/component/legend-tokens.ts
+++ b/packages/react/src/themes/tokens/component/legend-tokens.ts
@@ -4,6 +4,8 @@ import { RefTokens } from '../ref-tokens';
 export type LegendTokens =
     | 'legend-item-bullet-color'
     | 'legend-item-description-text-color'
+    | 'legend-text-color'
+    | 'legend-disabled-text-color';
 
 export type LegendTokenValue = AliasTokens | RefTokens;
 
@@ -14,4 +16,6 @@ export type LegendTokenMap = {
 export const defaultLegendTokens: LegendTokenMap = {
     'legend-item-bullet-color': 'color-background-brand-subtle',
     'legend-item-description-text-color': 'color-content-subtle',
+    'legend-text-color': 'color-content',
+    'legend-disabled-text-color': 'color-content-disabled',
 };
diff --git a/packages/storybook/stories/fieldset.stories.tsx b/packages/storybook/stories/fieldset.stories.tsx
new file mode 100644
index 0000000000..32ed8f4b69
--- /dev/null
+++ b/packages/storybook/stories/fieldset.stories.tsx
@@ -0,0 +1,88 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Checkbox, Fieldset, RadioButton, RadioCard, TextInput } from '@equisoft/design-elements-react';
+import { rawCodeParameters } from './utils/parameters';
+
+const fieldsetMeta: Meta<typeof Fieldset> = {
+    title: 'Components/Fieldset',
+    component: Fieldset,
+    parameters: rawCodeParameters,
+};
+
+export default fieldsetMeta;
+
+type Story = StoryObj<typeof Fieldset>;
+
+const withCheckboxes = (
+    <>
+        <Checkbox label='Checkbox 1!' />
+        <Checkbox label='Checkbox 2!' />
+        <Checkbox label='Checkbox 3!' />
+    </>
+);
+
+const withRadioButtons = (
+    <>
+        <RadioButton label='Radio 1!' />
+        <RadioButton label='Radio 2!' />
+        <RadioButton label='Radio 3!' />
+    </>
+);
+
+const withTextInputs = (
+    <>
+        <TextInput label='Text Input 1!' />
+        <TextInput label='Text Input 2!' />
+        <TextInput label='Text Input 2!' />
+    </>
+);
+
+const withRadioCards = (
+    <>
+        <RadioCard label='Radio Card 1!' name='radio-card-1' value='radio-1' />
+        <RadioCard label='Radio Card 2!' name='radio-card-2' value='radio-2' />
+        <RadioCard label='Radio Card 3!' name='radio-card-3' value='radio-3' />
+    </>
+);
+
+export const Default: Story = {
+    args: {
+        children: withCheckboxes,
+    },
+};
+
+export const Legend: Story = {
+    args: {
+        legend: { text: 'This is a legend!', bold: true, size: 'large' },
+        children: withCheckboxes,
+    },
+};
+
+export const Disabled: Story = {
+    args: {
+        disabled: true,
+        legend: { text: 'This is disabled!', size: 'large' },
+        children: withCheckboxes,
+    },
+};
+
+export const Horizontal: Story = {
+    args: {
+        orientation: 'horizontal',
+        legend: { text: 'This is horizontal with text inputs!', size: 'large' },
+        children: withTextInputs,
+    },
+};
+
+export const WithRadioButtons: Story = {
+    args: {
+        legend: { text: 'With Radio Buttons!', size: 'large' },
+        children: withRadioButtons,
+    },
+};
+
+export const WithRadioCards: Story = {
+    args: {
+        legend: { text: 'With Radio Buttons!', size: 'large' },
+        children: withRadioCards,
+    },
+};

From 10fe3aac8ede2fde305798995db83db149274277 Mon Sep 17 00:00:00 2001
From: mmorin-equisoft <106986557+mmorin-equisoft@users.noreply.github.com>
Date: Mon, 30 Sep 2024 15:50:36 -0400
Subject: [PATCH 22/30] chore(ComboBox): make combobox able to select and
 stored multiple options (#971)

---
 .../src/components/combobox/combobox.tsx      | 33 +++++-----
 packages/react/src/hooks/use-list-select.ts   | 66 +++++++++++++++++++
 2 files changed, 84 insertions(+), 15 deletions(-)
 create mode 100644 packages/react/src/hooks/use-list-select.ts

diff --git a/packages/react/src/components/combobox/combobox.tsx b/packages/react/src/components/combobox/combobox.tsx
index 338e1c9a44..7dfccf3ab1 100644
--- a/packages/react/src/components/combobox/combobox.tsx
+++ b/packages/react/src/components/combobox/combobox.tsx
@@ -24,6 +24,7 @@ import { useId } from '../../hooks/use-id';
 import { useListCursor } from '../../hooks/use-list-cursor';
 import { sanitizeId } from '../../utils/dom';
 import { stripDiacritics } from '../../utils/string';
+import { useListSelect } from '../../hooks/use-list-select';
 
 interface TextboxProps {
     disabled?: boolean;
@@ -317,23 +318,24 @@ export const Combobox: VoidFunctionComponent<ComboboxProps> = ({
         onChange?.(newValue);
     }, [onChange]);
 
-    const [selectedOption, setSelectedOption] = useState<ComboboxOption | undefined>(
-        () => findOptionByValue(value ?? defaultValue),
+    const initialSelectedOptionCallback: () => ListboxOption | undefined = () => findOptionByValue(
+        value ?? defaultValue,
     );
-
-    const [previousSelectedOption, setPreviousSelectedOption] = useState<ComboboxOption | undefined>(
-        () => findOptionByValue(value ?? defaultValue),
+    const {
+        currentSelectedElement: selectedOption,
+        previousSelectedElement: previousSelectedOption,
+        selectElement: selectOption,
+        clearSelection: clearSelectedOptions,
+        revertPreviousSelectedElement: revertPreviousSelectedOption,
+    } = useListSelect<ComboboxOption>(
+        (option: ComboboxOption, optionToCompare: ComboboxOption) => option.value === optionToCompare.value,
+        initialSelectedOptionCallback,
     );
 
-    function selectOption(newOption: ComboboxOption | undefined): void {
-        setSelectedOption(newOption);
-        setPreviousSelectedOption(newOption);
-    }
-
     const revertInputValue: () => void = useCallback(() => {
-        setSelectedOption(previousSelectedOption);
+        revertPreviousSelectedOption();
         changeInputValue(previousSelectedOption?.value ?? '');
-    }, [changeInputValue, previousSelectedOption]);
+    }, [changeInputValue, previousSelectedOption, revertPreviousSelectedOption]);
 
     const {
         selectedElement: focusedOption,
@@ -408,6 +410,7 @@ export const Combobox: VoidFunctionComponent<ComboboxProps> = ({
         inputValue,
         open,
         revertInputValue,
+        selectOption,
         selectedOption,
     ]);
 
@@ -450,7 +453,7 @@ export const Combobox: VoidFunctionComponent<ComboboxProps> = ({
     function handleClearButtonClick(): void {
         changeInputValue('');
         setFocusedOption(undefined);
-        selectOption(undefined);
+        clearSelectedOptions();
 
         textboxRef.current?.focus();
     }
@@ -528,7 +531,7 @@ export const Combobox: VoidFunctionComponent<ComboboxProps> = ({
                     closeListbox();
                 } else {
                     changeInputValue('');
-                    selectOption(undefined);
+                    clearSelectedOptions();
                 }
                 break;
             case 'Backspace':
@@ -568,7 +571,7 @@ export const Combobox: VoidFunctionComponent<ComboboxProps> = ({
         if (matchingOption) {
             selectOption(matchingOption);
         } else if (allowCustomValue || newInputValue === '') {
-            selectOption(undefined);
+            clearSelectedOptions();
         }
     }
 
diff --git a/packages/react/src/hooks/use-list-select.ts b/packages/react/src/hooks/use-list-select.ts
new file mode 100644
index 0000000000..1219fb86a7
--- /dev/null
+++ b/packages/react/src/hooks/use-list-select.ts
@@ -0,0 +1,66 @@
+import { useCallback, useState } from 'react';
+
+interface UseListSelectRequest<T> {
+    selectedElements: T[];
+    currentSelectedElement: T | undefined;
+    previousSelectedElement: T | undefined;
+    selectElement: (element: T) => void;
+    deselectElement: (element: T) => void;
+    revertPreviousSelectedElement: () => void;
+    clearSelection: () => void;
+}
+
+export function useListSelect<T>(
+    predicate: (element: T, elementToCompare: T) => boolean,
+    initialSelectedElementCallback: () => T | undefined = () => undefined,
+    isMultiSelect = false,
+): UseListSelectRequest<T> {
+    const [selectedElements, setSelectedElements] = useState<T[]>(() => {
+        const initialSelectedElement = initialSelectedElementCallback();
+        return initialSelectedElement ? [initialSelectedElement] : [];
+    });
+    const [
+        previousSelectedElement,
+        setPreviousSelectedElement,
+    ] = useState<T | undefined>(initialSelectedElementCallback);
+    const currentSelectedElement: T | undefined = selectedElements[selectedElements.length - 1];
+
+    const selectElement: (element: T) => void = useCallback((element: T) => {
+        setPreviousSelectedElement(element);
+        if (isMultiSelect) {
+            const isAlreadySelected = !!selectedElements.find(
+                (currentElement: T) => predicate(currentElement, element),
+            );
+            if (!isAlreadySelected) {
+                setSelectedElements((prev) => [...prev, element]);
+            }
+        } else {
+            setSelectedElements([element]);
+        }
+    }, [isMultiSelect, predicate, selectedElements]);
+
+    const deselectElement: (element: T) => void = useCallback((element: T) => {
+        setSelectedElements((prev) => prev.filter((currentElement: T) => !predicate(currentElement, element)));
+    }, [predicate]);
+
+    const revertPreviousSelectedElement: () => void = useCallback(() => {
+        if (!isMultiSelect && previousSelectedElement) {
+            setSelectedElements([previousSelectedElement]);
+        }
+    }, [isMultiSelect, previousSelectedElement]);
+
+    const clearSelection: () => void = useCallback(() => {
+        setSelectedElements([]);
+        setPreviousSelectedElement(undefined);
+    }, []);
+
+    return {
+        selectedElements,
+        currentSelectedElement,
+        previousSelectedElement,
+        selectElement,
+        deselectElement,
+        revertPreviousSelectedElement,
+        clearSelection,
+    };
+}

From 17c1caa3c0ed5bd88be757017da02fc27fc9a6f5 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 1 Oct 2024 09:47:59 -0400
Subject: [PATCH 23/30] chore(deps): lock file maintenance (#1000)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 yarn.lock | 368 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 196 insertions(+), 172 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index a8cdac819c..7ba57d985b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2775,20 +2775,20 @@ __metadata:
   linkType: hard
 
 "@storybook/addon-a11y@npm:^8.1.2":
-  version: 8.3.2
-  resolution: "@storybook/addon-a11y@npm:8.3.2"
+  version: 8.3.4
+  resolution: "@storybook/addon-a11y@npm:8.3.4"
   dependencies:
-    "@storybook/addon-highlight": "npm:8.3.2"
+    "@storybook/addon-highlight": "npm:8.3.4"
     axe-core: "npm:^4.2.0"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/3cb021fb435165bd028a88bae6674e7c3c46934cf219e503f6583cd5612078560e7f07847acca8339ab232e5de85aea911be32f6ae9957a7ea0de097981a6e56
+    storybook: ^8.3.4
+  checksum: 10c0/425b6e4b70d16914e30253aee09c4060193286542941d0888d12b489b9ba47d1f8cccd3881ca49573a50e9741b2f0e2c306c95fa01ee3ee492e5707c34a3eef4
   languageName: node
   linkType: hard
 
 "@storybook/addon-actions@npm:^8.1.2":
-  version: 8.3.2
-  resolution: "@storybook/addon-actions@npm:8.3.2"
+  version: 8.3.4
+  resolution: "@storybook/addon-actions@npm:8.3.4"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     "@types/uuid": "npm:^9.0.1"
@@ -2796,34 +2796,34 @@ __metadata:
     polished: "npm:^4.2.2"
     uuid: "npm:^9.0.0"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/a697e07d240648a287872f7ccf0c9fa393837e569e3361bd1d3ccb3f4bb8dcb3e38747aa2829f14ca51a5856443efda15f6988fc0d57ae188906dd0e13108fd2
+    storybook: ^8.3.4
+  checksum: 10c0/f9f3d921f40bf9240ae9d431ea8d3405b869ee9ba383bdbe6e52f6a914412fc664ccf91d08d40ba454611e44215405256a80dad33b2fd9eace6c96c3d328e169
   languageName: node
   linkType: hard
 
 "@storybook/addon-controls@npm:^8.1.2":
-  version: 8.3.2
-  resolution: "@storybook/addon-controls@npm:8.3.2"
+  version: 8.3.4
+  resolution: "@storybook/addon-controls@npm:8.3.4"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     dequal: "npm:^2.0.2"
     lodash: "npm:^4.17.21"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/abbc755425bf3db4973a815d1c259c8eec3eb5e2b5748665250c449faeeed4df424909206e4fba46e93c8ac235826180db9cda1f08189a4710788d0677e8ad84
+    storybook: ^8.3.4
+  checksum: 10c0/b8fd02d0339c5e036469f55d0d578fed5ec4202cc50586e3d4623a3d3efbbac07887bd1f041ae84a16c578322116ca632892bee26d571442141236bc87a7bd0e
   languageName: node
   linkType: hard
 
 "@storybook/addon-docs@npm:^8.1.2":
-  version: 8.3.2
-  resolution: "@storybook/addon-docs@npm:8.3.2"
+  version: 8.3.4
+  resolution: "@storybook/addon-docs@npm:8.3.4"
   dependencies:
     "@mdx-js/react": "npm:^3.0.0"
-    "@storybook/blocks": "npm:8.3.2"
-    "@storybook/csf-plugin": "npm:8.3.2"
+    "@storybook/blocks": "npm:8.3.4"
+    "@storybook/csf-plugin": "npm:8.3.4"
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/react-dom-shim": "npm:8.3.2"
+    "@storybook/react-dom-shim": "npm:8.3.4"
     "@types/react": "npm:^16.8.0 || ^17.0.0 || ^18.0.0"
     fs-extra: "npm:^11.1.0"
     react: "npm:^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -2832,36 +2832,36 @@ __metadata:
     rehype-slug: "npm:^6.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/05664db4c271de3c5cae20e6046b3ee2c331334277ff81fdc22e3dbc4cba20f0d0e0ab7681d7f0fbaefd81f35e15c05cee4c434cf31d9f26272dc006a05f7d82
+    storybook: ^8.3.4
+  checksum: 10c0/d08bbcffb7e777aa79822c22ce268161dab664d00c019747ccdfd201a342a4c7bc971954aa3d753c0808e93b6ab6aeb16e758edb8977ebc9dff364c705618a35
   languageName: node
   linkType: hard
 
-"@storybook/addon-highlight@npm:8.3.2":
-  version: 8.3.2
-  resolution: "@storybook/addon-highlight@npm:8.3.2"
+"@storybook/addon-highlight@npm:8.3.4":
+  version: 8.3.4
+  resolution: "@storybook/addon-highlight@npm:8.3.4"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/4439a2c51da41af9df4918f7ec3dba9e56cabc0d99bad7d9ebd776e12c5673a300324873c5a49d65428ed867ffbc909f7b5bc0df2489dad881047720e9a2619d
+    storybook: ^8.3.4
+  checksum: 10c0/52e2ad2827e9db3ebfbb94daa7253a2870455fc89a1dc4044ac05b31be8082ba275aade578f04cd752429f06f7d1237416e740bbbd9ff2614a062cbc0b85c109
   languageName: node
   linkType: hard
 
 "@storybook/addon-links@npm:^8.1.2":
-  version: 8.3.2
-  resolution: "@storybook/addon-links@npm:8.3.2"
+  version: 8.3.4
+  resolution: "@storybook/addon-links@npm:8.3.4"
   dependencies:
     "@storybook/csf": "npm:^0.1.11"
     "@storybook/global": "npm:^5.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-    storybook: ^8.3.2
+    storybook: ^8.3.4
   peerDependenciesMeta:
     react:
       optional: true
-  checksum: 10c0/7e7f0052a005f505c3790ba4131fa9cd328c3a805c515911751fdd721ba2375cf19064dc6071db322015f69b4e875a7a593956b5e70be755a53799a902c122de
+  checksum: 10c0/47e647d3b722cc0eeeb4b0424b20a3f8bcfc810aec6d374b043557e96617f58079173528f2bedbebe0ac789f1a353cd526c0844d4754b0cbff31967a5aac9a50
   languageName: node
   linkType: hard
 
@@ -2875,9 +2875,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/blocks@npm:8.3.2, @storybook/blocks@npm:^8.1.2":
-  version: 8.3.2
-  resolution: "@storybook/blocks@npm:8.3.2"
+"@storybook/blocks@npm:8.3.4, @storybook/blocks@npm:^8.1.2":
+  version: 8.3.4
+  resolution: "@storybook/blocks@npm:8.3.4"
   dependencies:
     "@storybook/csf": "npm:^0.1.11"
     "@storybook/global": "npm:^5.0.0"
@@ -2896,21 +2896,21 @@ __metadata:
   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.3.2
+    storybook: ^8.3.4
   peerDependenciesMeta:
     react:
       optional: true
     react-dom:
       optional: true
-  checksum: 10c0/c233ab5062d0d10b8335d2fc3b548bf54c4ed2cc345047303eedffcb4c4ed0a93474f085d6279719c47162adcb18dd12e0b5483997865868d5f0f37c74485575
+  checksum: 10c0/72236ce1f99f50d3989e37823d2098886a4d25178af9320c80afe9b09c58c769eb111d490ce830ccbf3e9a0b5b2173ba8d967b689b2bec83e6cc2d038bac2b3d
   languageName: node
   linkType: hard
 
-"@storybook/builder-webpack5@npm:8.3.2":
-  version: 8.3.2
-  resolution: "@storybook/builder-webpack5@npm:8.3.2"
+"@storybook/builder-webpack5@npm:8.3.4":
+  version: 8.3.4
+  resolution: "@storybook/builder-webpack5@npm:8.3.4"
   dependencies:
-    "@storybook/core-webpack": "npm:8.3.2"
+    "@storybook/core-webpack": "npm:8.3.4"
     "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7.3.4"
     browser-assert: "npm:^1.2.1"
@@ -2938,38 +2938,38 @@ __metadata:
     webpack-hot-middleware: "npm:^2.25.1"
     webpack-virtual-modules: "npm:^0.6.0"
   peerDependencies:
-    storybook: ^8.3.2
+    storybook: ^8.3.4
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/095c358b3f8f364584f1bf0dc3c221849465ea5643640d482628e06e7cc9574f3a006d5b7a9ce29543d563e854255ceebbfca6bba38c07908e4a2fdb5deb6d83
+  checksum: 10c0/34f0a16782aa7596ffaef8dbd02c6da93e6dc8b3dc704130d9a4b23454b18519494678fa3ad9ed93c5b3e696b791ace4c18de3e6e71c6a277bacf9286b99c8a0
   languageName: node
   linkType: hard
 
-"@storybook/components@npm:^8.3.2":
-  version: 8.3.2
-  resolution: "@storybook/components@npm:8.3.2"
+"@storybook/components@npm:^8.3.4":
+  version: 8.3.4
+  resolution: "@storybook/components@npm:8.3.4"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/8f0d04e271337a791897c01f0f9e4dec9b458dde9853e626575040413d2760eac2f58674d057d989ffa9051b5eb41a9ae437cba9cbeaee95b1894a68c98482bf
+    storybook: ^8.3.4
+  checksum: 10c0/550ab87b9cf8db8a93ec19f183267aafb13e722ca975330898867853e52b562004d38b35954aa4d6bc1a2ed160145c4c3efed21514ba82ef258618514414ec69
   languageName: node
   linkType: hard
 
-"@storybook/core-webpack@npm:8.3.2":
-  version: 8.3.2
-  resolution: "@storybook/core-webpack@npm:8.3.2"
+"@storybook/core-webpack@npm:8.3.4":
+  version: 8.3.4
+  resolution: "@storybook/core-webpack@npm:8.3.4"
   dependencies:
     "@types/node": "npm:^22.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/c1a75abf8cf25a7845fa1b1e80561569f46cd7d58bb97c097904b2b5d9fcbf814f62511e2fb3a44bef6434eb5b0bafb5b4a134fe3d7d968e0f6a2364bab1a7ea
+    storybook: ^8.3.4
+  checksum: 10c0/20d9753365ce39812641572f0b8e11375fd352f37c72767b8588f5b3aef1a1dbc10a5385140047745acdef9e8499e5719e1962d124d5b9c8b487a23864d28db0
   languageName: node
   linkType: hard
 
-"@storybook/core@npm:8.3.2":
-  version: 8.3.2
-  resolution: "@storybook/core@npm:8.3.2"
+"@storybook/core@npm:8.3.4":
+  version: 8.3.4
+  resolution: "@storybook/core@npm:8.3.4"
   dependencies:
     "@storybook/csf": "npm:^0.1.11"
     "@types/express": "npm:^4.17.21"
@@ -2984,18 +2984,18 @@ __metadata:
     semver: "npm:^7.6.2"
     util: "npm:^0.12.5"
     ws: "npm:^8.2.3"
-  checksum: 10c0/0086512c212c1a27878a982fecf0258c33b7b752c8ab985f73673568b3ab304258606f0f7d5efc1db14fef70d18c81937c98bde03c51d8c69774c51d846b67d6
+  checksum: 10c0/048ea9232f4b217a90d89bcbce58a443b7aee6ed98754bf502b4477bb1a5a2069440dc4173a9afe360bab5abcd3efe5423c41248de473c1e6b2c160b0923cbef
   languageName: node
   linkType: hard
 
-"@storybook/csf-plugin@npm:8.3.2":
-  version: 8.3.2
-  resolution: "@storybook/csf-plugin@npm:8.3.2"
+"@storybook/csf-plugin@npm:8.3.4":
+  version: 8.3.4
+  resolution: "@storybook/csf-plugin@npm:8.3.4"
   dependencies:
     unplugin: "npm:^1.3.1"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/56717f8627f24547ae9038ed858d0d349a43cb85f948ea1f0bc5ff5d1b51d8c13b5990097090accceceabb0ccd514083329379c0ef70b9d24098410a85ee5d2d
+    storybook: ^8.3.4
+  checksum: 10c0/c21a721ab25ca2b6575ff19ca6ce0b4e9dc37ddd3d642f4e410fc9bbf8f0c9fecd06a2bd933eab4f6c58ef4fe037bf7f19cbbdb3803dac9e956e5518f9bed252
   languageName: node
   linkType: hard
 
@@ -3034,21 +3034,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/manager-api@npm:^8.1.2, @storybook/manager-api@npm:^8.3.2":
-  version: 8.3.2
-  resolution: "@storybook/manager-api@npm:8.3.2"
+"@storybook/manager-api@npm:^8.1.2, @storybook/manager-api@npm:^8.3.4":
+  version: 8.3.4
+  resolution: "@storybook/manager-api@npm:8.3.4"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/1ed88fa6323ffc0158373c6173ae76f3a66c66ddb47b5a3ffebb3d5f6cf3fbe27e36e41881136489060b40319032e72c3bf34a8c38daee725ce169a7ccddd8ef
+    storybook: ^8.3.4
+  checksum: 10c0/cd32fb096963af06acba28eb809422841d5234341f4fdbe7970c9ab5efb43368ffb725d7be49f44f31a7e1c02876221f4d2377df52edc7665d4dea0e74031ee1
   languageName: node
   linkType: hard
 
-"@storybook/preset-react-webpack@npm:8.3.2":
-  version: 8.3.2
-  resolution: "@storybook/preset-react-webpack@npm:8.3.2"
+"@storybook/preset-react-webpack@npm:8.3.4":
+  version: 8.3.4
+  resolution: "@storybook/preset-react-webpack@npm:8.3.4"
   dependencies:
-    "@storybook/core-webpack": "npm:8.3.2"
-    "@storybook/react": "npm:8.3.2"
+    "@storybook/core-webpack": "npm:8.3.4"
+    "@storybook/react": "npm:8.3.4"
     "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0"
     "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7.3.4"
@@ -3063,29 +3063,29 @@ __metadata:
   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.3.2
+    storybook: ^8.3.4
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/47c98d60547f045db6b78813a65e88957e571d06cd875ca2f738d3471fc5441b8d06aa0153db45b544bc103465a9ff6490f22fdf7a81360faccb4a7bb2d26599
+  checksum: 10c0/40a0fe14d5310db42136ea394b17bf1c9d8e26f5d0037410a6aeed4ab1089b4e7bc1dbb80e40c91bfd07771119b6abdca69bb6e9a626cd5d3538297c579248e0
   languageName: node
   linkType: hard
 
-"@storybook/preview-api@npm:^8.3.2":
-  version: 8.3.2
-  resolution: "@storybook/preview-api@npm:8.3.2"
+"@storybook/preview-api@npm:^8.3.4":
+  version: 8.3.4
+  resolution: "@storybook/preview-api@npm:8.3.4"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/ac4765f8ac3f0e3fa7c85d61cb28cea5da035cd8797697a2f8962e341a03ebf8f858b9e4615f434eea7d554734f11d541f201c9d422a42a99fd887a66d88a64f
+    storybook: ^8.3.4
+  checksum: 10c0/e1ea98abe35c5b5b1928f5f0f4c9a22f5c6abd952f12a01addb185e31fbcaed493fa753354e1d0dfba619992a864b7a11e3fe70dc2b28f6b4c7ec3416114238a
   languageName: node
   linkType: hard
 
 "@storybook/preview@npm:^8.1.2":
-  version: 8.3.2
-  resolution: "@storybook/preview@npm:8.3.2"
+  version: 8.3.4
+  resolution: "@storybook/preview@npm:8.3.4"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/dc5a83b0cc459ec3fed87423e4711a5fd1c8044021304152ed737b58603f828621bd1738dff814a3cec89d806fe39cbb323ba204a188d3277506079eee7bf523
+    storybook: ^8.3.4
+  checksum: 10c0/ad10c1ab9ebd11b305dabc69ed53250c9d2b75f11e194a94afac3b822304e9b1c11a1516e30ac4f530b034fdf1f32915b6e3afcc579b62e42a2187741c1b52fd
   languageName: node
   linkType: hard
 
@@ -3107,47 +3107,47 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-dom-shim@npm:8.3.2":
-  version: 8.3.2
-  resolution: "@storybook/react-dom-shim@npm:8.3.2"
+"@storybook/react-dom-shim@npm:8.3.4":
+  version: 8.3.4
+  resolution: "@storybook/react-dom-shim@npm:8.3.4"
   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.3.2
-  checksum: 10c0/c650f9399a9cd4af449876e9ffcfe702109dfa686d42790ca624c5230fc862f15fd31ecb9180d6c67595bac7f8f8d496011585cec3583a2b4e389859b81b53b6
+    storybook: ^8.3.4
+  checksum: 10c0/412e657e0ece61fead78b513800dc1d3dadc8b89181b6165c8181565552d0794518c968c57025aa2d65059c762305707a8b30e3c32466bd2f3db0b36b4c8b28d
   languageName: node
   linkType: hard
 
 "@storybook/react-webpack5@npm:^8.1.2":
-  version: 8.3.2
-  resolution: "@storybook/react-webpack5@npm:8.3.2"
+  version: 8.3.4
+  resolution: "@storybook/react-webpack5@npm:8.3.4"
   dependencies:
-    "@storybook/builder-webpack5": "npm:8.3.2"
-    "@storybook/preset-react-webpack": "npm:8.3.2"
-    "@storybook/react": "npm:8.3.2"
+    "@storybook/builder-webpack5": "npm:8.3.4"
+    "@storybook/preset-react-webpack": "npm:8.3.4"
+    "@storybook/react": "npm:8.3.4"
     "@types/node": "npm:^22.0.0"
   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.3.2
+    storybook: ^8.3.4
     typescript: ">= 4.2.x"
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/3c51277fe05c663af38584420c68033be093d6db6578e4b99aa66c9f37900b4deca48084152c09cbf806782aa36741ef9cf264f233e6f2b50aca9000d415b724
+  checksum: 10c0/b1357d20b7b826d62f508cecc4f28100a6ba2df60ed62243ce67fc136c8fc4861c3f5c13460ff069e2312906c006850577717f9a76be1dca1241eace35ec07c3
   languageName: node
   linkType: hard
 
-"@storybook/react@npm:8.3.2, @storybook/react@npm:^8.1.2":
-  version: 8.3.2
-  resolution: "@storybook/react@npm:8.3.2"
+"@storybook/react@npm:8.3.4, @storybook/react@npm:^8.1.2":
+  version: 8.3.4
+  resolution: "@storybook/react@npm:8.3.4"
   dependencies:
-    "@storybook/components": "npm:^8.3.2"
+    "@storybook/components": "npm:^8.3.4"
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/manager-api": "npm:^8.3.2"
-    "@storybook/preview-api": "npm:^8.3.2"
-    "@storybook/react-dom-shim": "npm:8.3.2"
-    "@storybook/theming": "npm:^8.3.2"
+    "@storybook/manager-api": "npm:^8.3.4"
+    "@storybook/preview-api": "npm:^8.3.4"
+    "@storybook/react-dom-shim": "npm:8.3.4"
+    "@storybook/theming": "npm:^8.3.4"
     "@types/escodegen": "npm:^0.0.6"
     "@types/estree": "npm:^0.0.51"
     "@types/node": "npm:^22.0.0"
@@ -3163,26 +3163,26 @@ __metadata:
     type-fest: "npm:~2.19"
     util-deprecate: "npm:^1.0.2"
   peerDependencies:
-    "@storybook/test": 8.3.2
+    "@storybook/test": 8.3.4
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-    storybook: ^8.3.2
+    storybook: ^8.3.4
     typescript: ">= 4.2.x"
   peerDependenciesMeta:
     "@storybook/test":
       optional: true
     typescript:
       optional: true
-  checksum: 10c0/7216a4d17d636065e600c3cd16732fe90ce80deac64a70ffbb285a5b49f138fea1caa73d2114755b2b2f0fe8fd4b91815722cea51fd825c5a5857bb31728aa2c
+  checksum: 10c0/d2166f7c81e6e305abf99ff3069015beb3dd57ed2e5c4b92ea80a5a155fbf884463b0c2f5ab5ff78e13a6dc305ff9108c9fe4473c364f8d62c9f83bd7ea40d45
   languageName: node
   linkType: hard
 
-"@storybook/theming@npm:^8.1.2, @storybook/theming@npm:^8.3.2":
-  version: 8.3.2
-  resolution: "@storybook/theming@npm:8.3.2"
+"@storybook/theming@npm:^8.1.2, @storybook/theming@npm:^8.3.4":
+  version: 8.3.4
+  resolution: "@storybook/theming@npm:8.3.4"
   peerDependencies:
-    storybook: ^8.3.2
-  checksum: 10c0/3542ec6a9ec45f9a52136cb0ba3e715c3a42e952f42a9036aca9fd019d1115baf3463e8f42afb9839704c2fce60ebb62d926c28df816f7decc0df493f3edfb24
+    storybook: ^8.3.4
+  checksum: 10c0/8dc1675bbc0109e0dbaf4d4f1f49df87dcb61c4425c064b5aceeea167f797d77b0828e85bbbf5bfacbb95c2e434454e87957c51200b5ea65b9764a5b6c6cbfe0
   languageName: node
   linkType: hard
 
@@ -3599,19 +3599,43 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/express-serve-static-core@npm:*, @types/express-serve-static-core@npm:^4.17.33":
-  version: 4.19.5
-  resolution: "@types/express-serve-static-core@npm:4.19.5"
+"@types/express-serve-static-core@npm:*, @types/express-serve-static-core@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "@types/express-serve-static-core@npm:5.0.0"
+  dependencies:
+    "@types/node": "npm:*"
+    "@types/qs": "npm:*"
+    "@types/range-parser": "npm:*"
+    "@types/send": "npm:*"
+  checksum: 10c0/671a67a5b367e19aa634dcd515364212490f10efb938fc1097082085a883ccb11c81ec96a3c2b5cc67d5756e5cb1ccbf1de192806f8193bb7de341994beb4ea6
+  languageName: node
+  linkType: hard
+
+"@types/express-serve-static-core@npm:^4.17.33":
+  version: 4.19.6
+  resolution: "@types/express-serve-static-core@npm:4.19.6"
   dependencies:
     "@types/node": "npm:*"
     "@types/qs": "npm:*"
     "@types/range-parser": "npm:*"
     "@types/send": "npm:*"
-  checksum: 10c0/ba8d8d976ab797b2602c60e728802ff0c98a00f13d420d82770f3661b67fa36ea9d3be0b94f2ddd632afe1fbc6e41620008b01db7e4fabdd71a2beb5539b0725
+  checksum: 10c0/4281f4ead71723f376b3ddf64868ae26244d434d9906c101cf8d436d4b5c779d01bd046e4ea0ed1a394d3e402216fabfa22b1fa4dba501061cd7c81c54045983
   languageName: node
   linkType: hard
 
-"@types/express@npm:*, @types/express@npm:^4.17.21":
+"@types/express@npm:*":
+  version: 5.0.0
+  resolution: "@types/express@npm:5.0.0"
+  dependencies:
+    "@types/body-parser": "npm:*"
+    "@types/express-serve-static-core": "npm:^5.0.0"
+    "@types/qs": "npm:*"
+    "@types/serve-static": "npm:*"
+  checksum: 10c0/0d74b53aefa69c3b3817ee9b5145fd50d7dbac52a8986afc2d7500085c446656d0b6dc13158c04e2d9f18f4324d4d93b0452337c5ff73dd086dca3e4ff11f47b
+  languageName: node
+  linkType: hard
+
+"@types/express@npm:^4.17.21":
   version: 4.17.21
   resolution: "@types/express@npm:4.17.21"
   dependencies:
@@ -3772,11 +3796,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:*, @types/node@npm:^22.0.0":
-  version: 22.6.1
-  resolution: "@types/node@npm:22.6.1"
+  version: 22.7.4
+  resolution: "@types/node@npm:22.7.4"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/79fdb14f268070eb21d25f3e81811b73c10dfcc65a638a6546fd97aa3e7dfe473f31a547fd21c43b8559a435b6ab26057066a47b5453bd1b1cdffe14430ac399
+  checksum: 10c0/c22bf54515c78ff3170142c1e718b90e2a0003419dc2d55f79c9c9362edd590a6ab1450deb09ff6e1b32d1b4698da407930b16285e8be3a009ea6cd2695cac01
   languageName: node
   linkType: hard
 
@@ -3790,11 +3814,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^20.12.7":
-  version: 20.16.6
-  resolution: "@types/node@npm:20.16.6"
+  version: 20.16.10
+  resolution: "@types/node@npm:20.16.10"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/a3bd104b4061451625ed3b320c88e01e1261d41dbcaa7248d376f60a1a831e1cbc4362eef5be3445ccc1ea2d0a9178fc1ddd5e55a4f5df571dce78e5d91375a8
+  checksum: 10c0/c0c0c7ecb083ec638c2118e54b5242bb4c39a75608cbac9475cf15aaceb64b8bc997a87a0798e700a81d61651c8a7750ae0455be0f0996ada6e8b2bb818d90c5
   languageName: node
   linkType: hard
 
@@ -3880,13 +3904,13 @@ __metadata:
   linkType: hard
 
 "@types/react@npm:^17":
-  version: 17.0.82
-  resolution: "@types/react@npm:17.0.82"
+  version: 17.0.83
+  resolution: "@types/react@npm:17.0.83"
   dependencies:
     "@types/prop-types": "npm:*"
     "@types/scheduler": "npm:^0.16"
     csstype: "npm:^3.0.2"
-  checksum: 10c0/86a6797988cea1b63083eb1742be7bccce77bd0e240bce490b89f3e420c1fa24cd45454d8c0bb6f1b4465ca8e9f35a7bbe60beada8b5bd05a2cf62d3f0c2460e
+  checksum: 10c0/c8f76790190a9df42099f5f78d08dd4095f2da3bd97ff7cce0001d5a97ff3ffb31f703575acf2c457606e0d0b229ca8d1ba0ff459b77a4e44c5ea5154fe3fb4b
   languageName: node
   linkType: hard
 
@@ -5201,16 +5225,16 @@ __metadata:
   linkType: hard
 
 "browserslist@npm:^4.21.10, browserslist@npm:^4.23.1, browserslist@npm:^4.23.3":
-  version: 4.23.3
-  resolution: "browserslist@npm:4.23.3"
+  version: 4.24.0
+  resolution: "browserslist@npm:4.24.0"
   dependencies:
-    caniuse-lite: "npm:^1.0.30001646"
-    electron-to-chromium: "npm:^1.5.4"
+    caniuse-lite: "npm:^1.0.30001663"
+    electron-to-chromium: "npm:^1.5.28"
     node-releases: "npm:^2.0.18"
     update-browserslist-db: "npm:^1.1.0"
   bin:
     browserslist: cli.js
-  checksum: 10c0/3063bfdf812815346447f4796c8f04601bf5d62003374305fd323c2a463e42776475bcc5309264e39bcf9a8605851e53560695991a623be988138b3ff8c66642
+  checksum: 10c0/95e76ad522753c4c470427f6e3c8a4bb5478ff448841e22b3d3e53f89ecaf17b6984666d6c7e715c370f1e7fa0cf684f42e34e554236a8b2fab38ea76b9e4c52
   languageName: node
   linkType: hard
 
@@ -5333,10 +5357,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.30001646":
-  version: 1.0.30001663
-  resolution: "caniuse-lite@npm:1.0.30001663"
-  checksum: 10c0/6508e27bf7fdec657f26f318b1ab64ace6e1208ef9fedaf0975bc89046e0c683bfba837f108840ada1686ff09b8ffd01e05ac791dcf598b8f16eefb636875cf2
+"caniuse-lite@npm:^1.0.30001663":
+  version: 1.0.30001664
+  resolution: "caniuse-lite@npm:1.0.30001664"
+  checksum: 10c0/db2b431aba41a585191ab1e4d40da0ad349ff32400edac2a167bf6bf92dbf9c704eab03dc60fb89e882ce02478d61c3036b2b1bdce8edf9b2aabda5608bae05e
   languageName: node
   linkType: hard
 
@@ -6633,10 +6657,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"electron-to-chromium@npm:^1.5.4":
-  version: 1.5.28
-  resolution: "electron-to-chromium@npm:1.5.28"
-  checksum: 10c0/6e2f4150ba03ce53ca128955c7d2da071d3774362a10c68848a85b71c29857915e2256cb53cd2de17fdbf0f56bf76ec174d24965abef7430d8c414ec733030b2
+"electron-to-chromium@npm:^1.5.28":
+  version: 1.5.30
+  resolution: "electron-to-chromium@npm:1.5.30"
+  checksum: 10c0/f639a39ea3111e3661e4460575bd1392b54d45817617d8cf213e785a9ad9de897fee885d7b33718d9e628c982748a3da32a8813dad9b7bab1cf8673efb5689d6
   languageName: node
   linkType: hard
 
@@ -7128,7 +7152,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escalade@npm:^3.1.1, escalade@npm:^3.1.2":
+"escalade@npm:^3.1.1, escalade@npm:^3.2.0":
   version: 3.2.0
   resolution: "escalade@npm:3.2.0"
   checksum: 10c0/ced4dd3a78e15897ed3be74e635110bbf3b08877b0a41be50dcb325ee0e0b5f65fc2d50e9845194d7c4633f327e2e1c6cce00a71b617c5673df0374201d67f65
@@ -7243,14 +7267,14 @@ __metadata:
   linkType: hard
 
 "eslint-module-utils@npm:^2.7.4, eslint-module-utils@npm:^2.8.0":
-  version: 2.11.1
-  resolution: "eslint-module-utils@npm:2.11.1"
+  version: 2.12.0
+  resolution: "eslint-module-utils@npm:2.12.0"
   dependencies:
     debug: "npm:^3.2.7"
   peerDependenciesMeta:
     eslint:
       optional: true
-  checksum: 10c0/d1c23397eddc42a7824de08348095483bc270a4a3222bc0d54a76382c6411111c33e44a0a1819489e1e209d9e4721de2a8438e7ca4e6fe6be32ff818af9b11b4
+  checksum: 10c0/4d8b46dcd525d71276f9be9ffac1d2be61c9d54cc53c992e6333cf957840dee09381842b1acbbb15fc6b255ebab99cd481c5007ab438e5455a14abe1a0468558
   languageName: node
   linkType: hard
 
@@ -7694,9 +7718,9 @@ __metadata:
   linkType: hard
 
 "fast-uri@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "fast-uri@npm:3.0.1"
-  checksum: 10c0/3cd46d6006083b14ca61ffe9a05b8eef75ef87e9574b6f68f2e17ecf4daa7aaadeff44e3f0f7a0ef4e0f7e7c20fc07beec49ff14dc72d0b500f00386592f2d10
+  version: 3.0.2
+  resolution: "fast-uri@npm:3.0.2"
+  checksum: 10c0/8cdd3da7b4022a037d348d587d55caff74b7e4f862bbdd2cc35c1e6e3f97d0aedb567894d44c57ee8798d3192cceb97dcf41dbdabfa07dd2842a0474a6c6eeef
   languageName: node
   linkType: hard
 
@@ -8423,11 +8447,11 @@ __metadata:
   linkType: hard
 
 "hast-util-to-string@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "hast-util-to-string@npm:3.0.0"
+  version: 3.0.1
+  resolution: "hast-util-to-string@npm:3.0.1"
   dependencies:
     "@types/hast": "npm:^3.0.0"
-  checksum: 10c0/649edd993cf244563ad86d861aa0863759a4fbec49c43b3d92240e42aa4b69f0c3332ddff9e80954bbd8756c86b0fddc20e97d281c6da59d00427f45da8dab68
+  checksum: 10c0/b5fa1912a6ba6131affae52a0f4394406c4c0d23c2b0307f1d69988f1030c7bb830289303e67c5ad8f674f5f23a454c1dcd492c39e45a22c1f46d3c9bce5bd0c
   languageName: node
   linkType: hard
 
@@ -9975,9 +9999,9 @@ __metadata:
   linkType: hard
 
 "jschardet@npm:latest":
-  version: 3.1.3
-  resolution: "jschardet@npm:3.1.3"
-  checksum: 10c0/e6b9d61c313acd66531319116d176e3ca99b81b3a0e247cca47ce7817b99135c2c2c02787f449d557ba4ec98fab604f20a96402ebebab4bd1c8e992c5aad9c5a
+  version: 3.1.4
+  resolution: "jschardet@npm:3.1.4"
+  checksum: 10c0/d72c724ff60bc185d3962617ffda6849c6d632a935820841078c656a5247d73617a5df3b233e1fb1064de8683f7dae1b422b68186d1d6db22117b59edb5433dc
   languageName: node
   linkType: hard
 
@@ -10888,9 +10912,9 @@ __metadata:
   linkType: hard
 
 "nwsapi@npm:^2.2.2":
-  version: 2.2.12
-  resolution: "nwsapi@npm:2.2.12"
-  checksum: 10c0/95e9623d63df111405503df8c5d800e26f71675d319e2c9c70cddfa31e5ace1d3f8b6d98d354544fc156a1506d920ec291e303fab761e4f99296868e199a466e
+  version: 2.2.13
+  resolution: "nwsapi@npm:2.2.13"
+  checksum: 10c0/9dbd1071bba3570ef0b046c43c03d0584c461063f27539ba39f4185188e9d5c10cb06fd4426cdb300bb83020c3daa2c8f4fa9e8a070299539ac4007433357ac0
   languageName: node
   linkType: hard
 
@@ -11149,9 +11173,9 @@ __metadata:
   linkType: hard
 
 "package-json-from-dist@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "package-json-from-dist@npm:1.0.0"
-  checksum: 10c0/e3ffaf6ac1040ab6082a658230c041ad14e72fabe99076a2081bb1d5d41210f11872403fc09082daf4387fc0baa6577f96c9c0e94c90c394fd57794b66aa4033
+  version: 1.0.1
+  resolution: "package-json-from-dist@npm:1.0.1"
+  checksum: 10c0/62ba2785eb655fec084a257af34dbe24292ab74516d6aecef97ef72d4897310bc6898f6c85b5cd22770eaa1ce60d55a0230e150fb6a966e3ecd6c511e23d164b
   languageName: node
   linkType: hard
 
@@ -12619,15 +12643,15 @@ __metadata:
   linkType: hard
 
 "sass@npm:^1.71.1":
-  version: 1.79.3
-  resolution: "sass@npm:1.79.3"
+  version: 1.79.4
+  resolution: "sass@npm:1.79.4"
   dependencies:
     chokidar: "npm:^4.0.0"
     immutable: "npm:^4.0.0"
     source-map-js: "npm:>=0.6.2 <2.0.0"
   bin:
     sass: sass.js
-  checksum: 10c0/ad171bbbb2d7a789cc47803a59dcf2d0ac92ede34b538bb3fd683b6391a9ac3dc3eabaac264fc9582c770c4e435b85840e011785b7adfc0ac002b51ba91179c9
+  checksum: 10c0/505ff0d9267d0fb990971e617acfeabf7c060c55d4cef68fe8a4bc693e7ea88ae7d7caeca3975e4b453459ba4a707b6e5b6979fc9395a7e08f0a43ca6aed06b8
   languageName: node
   linkType: hard
 
@@ -13164,15 +13188,15 @@ __metadata:
   linkType: hard
 
 "storybook@npm:^8.1.2":
-  version: 8.3.2
-  resolution: "storybook@npm:8.3.2"
+  version: 8.3.4
+  resolution: "storybook@npm:8.3.4"
   dependencies:
-    "@storybook/core": "npm:8.3.2"
+    "@storybook/core": "npm:8.3.4"
   bin:
     getstorybook: ./bin/index.cjs
     sb: ./bin/index.cjs
     storybook: ./bin/index.cjs
-  checksum: 10c0/0c840f1d8e2db71fb485b23a15ca42f845f4a785234d08c2b406cdc415c3d086e2021d74c22b6ad9a970c30101b424508b6ce24ed2dee4a0fb3e60d3b952376e
+  checksum: 10c0/9c1d4f100e32dd89b91c71803f26970d758f575af56ede4dbd4142df3f2f2f0ecb66bb3e08a09c7a474962ee491c9412fcb0812c3aeaab96c419c7ca959dde1e
   languageName: node
   linkType: hard
 
@@ -13781,8 +13805,8 @@ __metadata:
   linkType: hard
 
 "terser@npm:^5.10.0, terser@npm:^5.26.0":
-  version: 5.33.0
-  resolution: "terser@npm:5.33.0"
+  version: 5.34.1
+  resolution: "terser@npm:5.34.1"
   dependencies:
     "@jridgewell/source-map": "npm:^0.3.3"
     acorn: "npm:^8.8.2"
@@ -13790,7 +13814,7 @@ __metadata:
     source-map-support: "npm:~0.5.20"
   bin:
     terser: bin/terser
-  checksum: 10c0/18a1cd33366dcd8fee7d6eef78c9c417cbe688e5153841e6a574f9d4937066dc40f67b1e96305f73f25bc6f2c458dbe442a056092c99619d4dbee8ad9fae4a3e
+  checksum: 10c0/51c7d704c5c4ae88bf937124112c9972aed4e1fd29d805cc2d86e0f54cd631ecd4e69db5bb3c1e3b450c741c86e2313328bea0fde925329e8a31a07a7941723c
   languageName: node
   linkType: hard
 
@@ -14325,16 +14349,16 @@ __metadata:
   linkType: hard
 
 "update-browserslist-db@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "update-browserslist-db@npm:1.1.0"
+  version: 1.1.1
+  resolution: "update-browserslist-db@npm:1.1.1"
   dependencies:
-    escalade: "npm:^3.1.2"
-    picocolors: "npm:^1.0.1"
+    escalade: "npm:^3.2.0"
+    picocolors: "npm:^1.1.0"
   peerDependencies:
     browserslist: ">= 4.21.0"
   bin:
     update-browserslist-db: cli.js
-  checksum: 10c0/a7452de47785842736fb71547651c5bbe5b4dc1e3722ccf48a704b7b34e4dcf633991eaa8e4a6a517ffb738b3252eede3773bef673ef9021baa26b056d63a5b9
+  checksum: 10c0/536a2979adda2b4be81b07e311bd2f3ad5e978690987956bc5f514130ad50cac87cd22c710b686d79731e00fbee8ef43efe5fcd72baa241045209195d43dcc80
   languageName: node
   linkType: hard
 
@@ -14678,8 +14702,8 @@ __metadata:
   linkType: hard
 
 "webpack@npm:^5":
-  version: 5.94.0
-  resolution: "webpack@npm:5.94.0"
+  version: 5.95.0
+  resolution: "webpack@npm:5.95.0"
   dependencies:
     "@types/estree": "npm:^1.0.5"
     "@webassemblyjs/ast": "npm:^1.12.1"
@@ -14709,7 +14733,7 @@ __metadata:
       optional: true
   bin:
     webpack: bin/webpack.js
-  checksum: 10c0/b4d1b751f634079bd177a89eef84d80fa5bb8d6fc15d72ab40fc2b9ca5167a79b56585e1a849e9e27e259803ee5c4365cb719e54af70a43c06358ec268ff4ebf
+  checksum: 10c0/b9e6d0f8ebcbf0632494ac0b90fe4acb8f4a9b83f7ace4a67a15545a36fe58599c912ab58e625e1bf58ab3b0916c75fe99da6196d412ee0cab0b5065edd84238
   languageName: node
   linkType: hard
 

From 1714d968d86ee2425e9980d44bed013529e525e7 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Sun, 6 Oct 2024 21:12:38 -0400
Subject: [PATCH 24/30] chore(deps): update dependency node to v20.18.0 (#1001)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 .tool-versions | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.tool-versions b/.tool-versions
index fcf5524d5a..994c300f55 100644
--- a/.tool-versions
+++ b/.tool-versions
@@ -1,2 +1,2 @@
-nodejs 20.17.0
+nodejs 20.18.0
 yarn 1.22.5

From 509e7a1f32e6fe56843716e811291bbd313da26a Mon Sep 17 00:00:00 2001
From: Henri Bernard <132286421+hebernardEquisoft@users.noreply.github.com>
Date: Tue, 8 Oct 2024 09:10:26 -0400
Subject: [PATCH 25/30] feat(Modal): adjust styling, adds width flexibility and
 header is now bold (#984)

---
 .../modal/{ => dialog}/modal-dialog.test.tsx  |  15 +-
 .../{ => dialog}/modal-dialog.test.tsx.snap   | 875 ++++++++++--------
 .../components/modal/dialog/modal-dialog.tsx  | 146 +++
 .../src/components/modal/dialog/styled.ts     |  23 +
 .../src/components/modal/dialog/types.ts      |  18 +
 packages/react/src/components/modal/index.ts  |   2 +
 .../src/components/modal/modal-dialog.tsx     | 193 ----
 .../react/src/components/modal/modal.test.tsx |  25 +-
 .../src/components/modal/modal.test.tsx.snap  | 241 +++--
 packages/react/src/components/modal/modal.tsx | 208 +----
 packages/react/src/components/modal/styled.ts |  97 ++
 packages/react/src/components/modal/types.ts  |  77 ++
 packages/react/src/index.ts                   |   3 +-
 packages/react/src/test-utils/renderer.tsx    |   8 +
 .../themes/tokens/component/modal-tokens.ts   |   4 +-
 packages/storybook/stories/modal.stories.tsx  |   3 +
 16 files changed, 1098 insertions(+), 840 deletions(-)
 rename packages/react/src/components/modal/{ => dialog}/modal-dialog.test.tsx (91%)
 rename packages/react/src/components/modal/{ => dialog}/modal-dialog.test.tsx.snap (80%)
 create mode 100644 packages/react/src/components/modal/dialog/modal-dialog.tsx
 create mode 100644 packages/react/src/components/modal/dialog/styled.ts
 create mode 100644 packages/react/src/components/modal/dialog/types.ts
 create mode 100644 packages/react/src/components/modal/index.ts
 delete mode 100644 packages/react/src/components/modal/modal-dialog.tsx
 create mode 100644 packages/react/src/components/modal/styled.ts
 create mode 100644 packages/react/src/components/modal/types.ts

diff --git a/packages/react/src/components/modal/modal-dialog.test.tsx b/packages/react/src/components/modal/dialog/modal-dialog.test.tsx
similarity index 91%
rename from packages/react/src/components/modal/modal-dialog.test.tsx
rename to packages/react/src/components/modal/dialog/modal-dialog.test.tsx
index 8ab4b6fffa..e42b4cb89b 100644
--- a/packages/react/src/components/modal/modal-dialog.test.tsx
+++ b/packages/react/src/components/modal/dialog/modal-dialog.test.tsx
@@ -1,10 +1,11 @@
 import { fireEvent, RenderResult } from '@testing-library/react';
-import { doNothing } from '../../test-utils/callbacks';
-import { getByTestId as enzymeGetByTestId } from '../../test-utils/enzyme-selectors';
-import { mountWithProviders, renderPortalWithProviders } from '../../test-utils/renderer';
-import { DeviceType } from '../device-context-provider/device-context-provider';
-import { ModalDialog, ModalDialogProps, DialogType } from './modal-dialog';
-import { IconName } from '../icon/icon';
+import { doNothing } from '../../../test-utils/callbacks';
+import { getByTestId as enzymeGetByTestId } from '../../../test-utils/enzyme-selectors';
+import { mountWithProviders, renderPortalWithProviders } from '../../../test-utils/renderer';
+import { DeviceType } from '../../device-context-provider/device-context-provider';
+import { ModalDialog } from './modal-dialog';
+import { IconName } from '../../icon/icon';
+import { DialogType, ModalDialogProps } from './types';
 
 type ModalDialogPropsLite = Omit<ModalDialogProps, 'ariaDescribedby' | 'ariaHideApp' | 'onRequestClose' | 'title'>;
 
@@ -123,7 +124,7 @@ describe('Modal-Dialog', () => {
     test.each([
         ['information', 'alertFilled', 'primary', false],
         ['action', 'home', 'primary', true],
-        ['alert', 'alertFilled', 'destructive-primary', true],
+        ['alert', 'alertOctagon', 'destructive-primary', true],
     ])(
         'should respect %s dialogType with proper titleIcon and buttons',
         (modalType, expectedIcon, expectedButtonType, hasCancelButton) => {
diff --git a/packages/react/src/components/modal/modal-dialog.test.tsx.snap b/packages/react/src/components/modal/dialog/modal-dialog.test.tsx.snap
similarity index 80%
rename from packages/react/src/components/modal/modal-dialog.test.tsx.snap
rename to packages/react/src/components/modal/dialog/modal-dialog.test.tsx.snap
index d2acbd1652..77e31cf020 100644
--- a/packages/react/src/components/modal/modal-dialog.test.tsx.snap
+++ b/packages/react/src/components/modal/dialog/modal-dialog.test.tsx.snap
@@ -25,7 +25,7 @@ exports[`Modal-Dialog Matches snapshot (closed) 1`] = `
 `;
 
 exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
-.c9 {
+.c2 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -54,10 +54,10 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
   -ms-letter-spacing: 0.025rem;
   letter-spacing: 0.025rem;
   line-height: 1rem;
-  min-height: var(--size-2x);
+  min-height: var(--size-1halfx);
   min-width: 2rem;
   outline: none;
-  padding: 0 var(--spacing-2x);
+  padding: 0 var(--spacing-1halfx);
   text-transform: uppercase;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -65,23 +65,23 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
   user-select: none;
 }
 
-.c9 {
+.c2 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c9:focus {
+.c2:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c9 > svg {
+.c2 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c13 {
+.c11 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -110,10 +110,10 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
   -ms-letter-spacing: 0.025rem;
   letter-spacing: 0.025rem;
   line-height: 1rem;
-  min-height: var(--size-1halfx);
+  min-height: var(--size-2x);
   min-width: 2rem;
   outline: none;
-  padding: 0 var(--spacing-1halfx);
+  padding: 0 var(--spacing-2x);
   text-transform: uppercase;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -121,23 +121,23 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
   user-select: none;
 }
 
-.c13 {
+.c11 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c13:focus {
+.c11:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c13 > svg {
+.c11 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c14 {
+.c3 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
@@ -146,32 +146,32 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
   width: var(--size-1halfx);
 }
 
-.c14 {
+.c3 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c14:focus {
+.c3:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c14:hover,
-.c14[aria-expanded='true'] {
+.c3:hover,
+.c3[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c14[aria-disabled='true'] {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c14 > svg {
+.c3 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -184,76 +184,84 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
   right: var(--spacing-2x);
 }
 
-.c10 {
+.c12 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
 }
 
-.c10 {
+.c12 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c10:focus {
+.c12:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c10:hover,
-.c10[aria-expanded='true'] {
+.c12:hover,
+.c12[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c10[aria-disabled='true'] {
+.c12[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c11 {
+.c13 {
   background-color: #006296;
   border-color: #006296;
   color: #FFFFFF;
 }
 
-.c11 {
+.c13 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c11:focus {
+.c13:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c11:hover,
-.c11[aria-expanded='true'] {
+.c13:hover,
+.c13[aria-expanded='true'] {
   background-color: #003A5A;
   border-color: #003A5A;
   color: #FFFFFF;
 }
 
-.c11[aria-disabled='true'] {
+.c13[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
   cursor: not-allowed;
 }
 
-.c3 {
+.c6 {
   color: #1B1C1E;
   font-size: 1.25rem;
-  font-weight: var(--font-normal);
+  font-weight: var(--font-semi-bold);
   line-height: 2rem;
   margin: 0;
 }
 
+.c8 {
+  color: #1B1C1E;
+  font-size: 1rem;
+  font-weight: var(--font-semi-bold);
+  line-height: 1.5rem;
+  margin: 0;
+}
+
 .c1 {
   background-color: #FFFFFF;
   border-radius: var(--border-radius-2x);
@@ -266,8 +274,10 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  height: auto;
   max-height: calc(100vh - var(--spacing-2x));
-  max-width: 700px;
+  max-width: 95vw;
+  min-height: 1vh;
   min-width: calc(480px - var(--spacing-4x));
   position: relative;
   width: 60vw;
@@ -276,43 +286,59 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
 .c1::after {
   content: '';
   display: block;
-  padding-bottom: var(--spacing-4x);
 }
 
-.c6 {
+.c7 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-2x);
   max-height: 100%;
   overflow-y: auto;
-  padding: var(--spacing-3x) var(--spacing-4x) 0;
+  padding: var(--spacing-3x) var(--spacing-4x);
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
-.c2 {
+.c5 {
   border-bottom: 1px solid transparent;
-  padding: var(--spacing-3x) var(--spacing-4x) var(--spacing-2x);
+  padding: var(--spacing-3x) var(--spacing-4x);
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding-right: calc(var(--spacing-4x) + var(--spacing-3x));
 }
 
-.c2 + .c5 {
-  padding-top: 0;
+.c9 {
+  border-top: 1px solid transparent;
+  padding: var(--spacing-4x) var(--spacing-4x);
 }
 
-.c15 {
+.c4 {
+  pointer-events: none;
   position: absolute;
   right: var(--spacing-4x);
-  top: 1.75rem;
-}
-
-.c7 {
-  border-top: 1px solid transparent;
-  padding: var(--spacing-4x) var(--spacing-4x) 0;
+  top: var(--spacing-3x);
 }
 
-.c4 {
-  font-size: 1rem;
-  font-weight: var(--font-normal);
-  line-height: 1.375rem;
-  margin: var(--spacing-3x) 0 0;
+.c4 > * {
+  pointer-events: auto;
 }
 
-.c8 {
+.c10 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -320,15 +346,11 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
   -webkit-flex-direction: unset;
   -ms-flex-direction: unset;
   flex-direction: unset;
+  gap: var(--spacing-1x);
   -webkit-box-pack: end;
-  -webkit-justify-content: end;
+  -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
-  justify-content: end;
-}
-
-.c12 {
-  margin-left: var(--spacing-1x);
-  margin-top: 0;
+  justify-content: flex-end;
 }
 
 <body
@@ -365,24 +387,38 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
         role="dialog"
         tabindex="-1"
       >
+        <button
+          aria-label="Close dialog"
+          class="c2 c3 c4"
+          data-testid="close-button"
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            color="currentColor"
+            focusable="false"
+            height="16"
+            width="16"
+          />
+        </button>
         <header
-          class="c2"
+          class="c5"
         >
           <h2
-            class="c3"
+            class="c6"
             id="uuid1"
           >
             Title
           </h2>
+        </header>
+        <main
+          class="c7"
+        >
           <h3
-            class="c4"
+            class="c8"
           >
             Subtitle
           </h3>
-        </header>
-        <main
-          class="c5 c6"
-        >
           <p
             id="modal-description"
           >
@@ -390,20 +426,20 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
           </p>
         </main>
         <footer
-          class="c7"
+          class="c9"
         >
           <div
-            class="c8"
+            class="c10"
           >
             <button
-              class="c9 c10 "
+              class="c11 c12"
               data-testid="cancel-button"
               type="button"
             >
               Test Cancel
             </button>
             <button
-              class="c9 c11 c12"
+              class="c11 c13"
               data-testid="confirm-button"
               type="button"
             >
@@ -411,20 +447,6 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
             </button>
           </div>
         </footer>
-        <button
-          aria-label="Close dialog"
-          class="c13 c14 c15"
-          data-testid="close-button"
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            color="currentColor"
-            focusable="false"
-            height="16"
-            width="16"
-          />
-        </button>
       </div>
     </div>
   </div>
@@ -432,7 +454,7 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
 `;
 
 exports[`Modal-Dialog Matches snapshot (custom footer content) 1`] = `
-.c7 {
+.c2 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -472,23 +494,23 @@ exports[`Modal-Dialog Matches snapshot (custom footer content) 1`] = `
   user-select: none;
 }
 
-.c7 {
+.c2 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c7:focus {
+.c2:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c7 > svg {
+.c2 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c8 {
+.c3 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
@@ -497,32 +519,32 @@ exports[`Modal-Dialog Matches snapshot (custom footer content) 1`] = `
   width: var(--size-1halfx);
 }
 
-.c8 {
+.c3 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c8:focus {
+.c3:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c8:hover,
-.c8[aria-expanded='true'] {
+.c3:hover,
+.c3[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c8[aria-disabled='true'] {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c8 > svg {
+.c3 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -535,10 +557,10 @@ exports[`Modal-Dialog Matches snapshot (custom footer content) 1`] = `
   right: var(--spacing-2x);
 }
 
-.c3 {
+.c6 {
   color: #1B1C1E;
   font-size: 1.25rem;
-  font-weight: var(--font-normal);
+  font-weight: var(--font-semi-bold);
   line-height: 2rem;
   margin: 0;
 }
@@ -555,8 +577,10 @@ exports[`Modal-Dialog Matches snapshot (custom footer content) 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  height: auto;
   max-height: calc(100vh - var(--spacing-2x));
-  max-width: 700px;
+  max-width: 95vw;
+  min-height: 1vh;
   min-width: calc(480px - var(--spacing-4x));
   position: relative;
   width: 60vw;
@@ -565,33 +589,56 @@ exports[`Modal-Dialog Matches snapshot (custom footer content) 1`] = `
 .c1::after {
   content: '';
   display: block;
-  padding-bottom: var(--spacing-4x);
 }
 
-.c5 {
+.c7 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-2x);
   max-height: 100%;
   overflow-y: auto;
-  padding: var(--spacing-3x) var(--spacing-4x) 0;
+  padding: var(--spacing-3x) var(--spacing-4x);
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
-.c2 {
+.c5 {
   border-bottom: 1px solid transparent;
-  padding: var(--spacing-3x) var(--spacing-4x) var(--spacing-2x);
+  padding: var(--spacing-3x) var(--spacing-4x);
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding-right: calc(var(--spacing-4x) + var(--spacing-3x));
 }
 
-.c2 + .c4 {
-  padding-top: 0;
+.c8 {
+  border-top: 1px solid transparent;
+  padding: var(--spacing-4x) var(--spacing-4x);
 }
 
-.c9 {
+.c4 {
+  pointer-events: none;
   position: absolute;
   right: var(--spacing-4x);
-  top: 1.75rem;
+  top: var(--spacing-3x);
 }
 
-.c6 {
-  border-top: 1px solid transparent;
-  padding: var(--spacing-4x) var(--spacing-4x) 0;
+.c4 > * {
+  pointer-events: auto;
 }
 
 <body
@@ -628,18 +675,32 @@ exports[`Modal-Dialog Matches snapshot (custom footer content) 1`] = `
         role="dialog"
         tabindex="-1"
       >
+        <button
+          aria-label="Close dialog"
+          class="c2 c3 c4"
+          data-testid="close-button"
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            color="currentColor"
+            focusable="false"
+            height="16"
+            width="16"
+          />
+        </button>
         <header
-          class="c2"
+          class="c5"
         >
           <h2
-            class="c3"
+            class="c6"
             id="uuid1"
           >
             Title
           </h2>
         </header>
         <main
-          class="c4 c5"
+          class="c7"
         >
           <p
             id="modal-description"
@@ -648,26 +709,12 @@ exports[`Modal-Dialog Matches snapshot (custom footer content) 1`] = `
           </p>
         </main>
         <footer
-          class="c6"
+          class="c8"
         >
           <p>
             Custom content
           </p>
         </footer>
-        <button
-          aria-label="Close dialog"
-          class="c7 c8 c9"
-          data-testid="close-button"
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            color="currentColor"
-            focusable="false"
-            height="16"
-            width="16"
-          />
-        </button>
       </div>
     </div>
   </div>
@@ -675,7 +722,7 @@ exports[`Modal-Dialog Matches snapshot (custom footer content) 1`] = `
 `;
 
 exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
-.c9 {
+.c2 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -704,10 +751,10 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
   -ms-letter-spacing: 0.025rem;
   letter-spacing: 0.025rem;
   line-height: 1rem;
-  min-height: var(--size-2x);
+  min-height: var(--size-1halfx);
   min-width: 2rem;
   outline: none;
-  padding: 0 var(--spacing-2x);
+  padding: 0 var(--spacing-1halfx);
   text-transform: uppercase;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -715,23 +762,23 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
   user-select: none;
 }
 
-.c9 {
+.c2 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c9:focus {
+.c2:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c9 > svg {
+.c2 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c13 {
+.c11 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -760,10 +807,10 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
   -ms-letter-spacing: 0.025rem;
   letter-spacing: 0.025rem;
   line-height: 1rem;
-  min-height: var(--size-1halfx);
+  min-height: var(--size-2x);
   min-width: 2rem;
   outline: none;
-  padding: 0 var(--spacing-1halfx);
+  padding: 0 var(--spacing-2x);
   text-transform: uppercase;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -771,23 +818,23 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
   user-select: none;
 }
 
-.c13 {
+.c11 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c13:focus {
+.c11:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c13 > svg {
+.c11 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c14 {
+.c3 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
@@ -796,32 +843,32 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
   width: var(--size-1halfx);
 }
 
-.c14 {
+.c3 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c14:focus {
+.c3:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c14:hover,
-.c14[aria-expanded='true'] {
+.c3:hover,
+.c3[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c14[aria-disabled='true'] {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c14 > svg {
+.c3 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -834,76 +881,84 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
   right: var(--spacing-2x);
 }
 
-.c10 {
+.c12 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
 }
 
-.c10 {
+.c12 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c10:focus {
+.c12:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c10:hover,
-.c10[aria-expanded='true'] {
+.c12:hover,
+.c12[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c10[aria-disabled='true'] {
+.c12[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c11 {
+.c13 {
   background-color: #006296;
   border-color: #006296;
   color: #FFFFFF;
 }
 
-.c11 {
+.c13 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c11:focus {
+.c13:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c11:hover,
-.c11[aria-expanded='true'] {
+.c13:hover,
+.c13[aria-expanded='true'] {
   background-color: #003A5A;
   border-color: #003A5A;
   color: #FFFFFF;
 }
 
-.c11[aria-disabled='true'] {
+.c13[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
   cursor: not-allowed;
 }
 
-.c3 {
+.c6 {
   color: #1B1C1E;
   font-size: 1.25rem;
-  font-weight: var(--font-normal);
+  font-weight: var(--font-semi-bold);
   line-height: 2rem;
   margin: 0;
 }
 
+.c8 {
+  color: #1B1C1E;
+  font-size: 1rem;
+  font-weight: var(--font-semi-bold);
+  line-height: 1.5rem;
+  margin: 0;
+}
+
 .c1 {
   background-color: #FFFFFF;
   border-radius: var(--border-radius-2x);
@@ -916,8 +971,10 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  height: auto;
   max-height: calc(100vh - var(--spacing-2x));
-  max-width: 700px;
+  max-width: 95vw;
+  min-height: 1vh;
   min-width: calc(480px - var(--spacing-4x));
   position: relative;
   width: 60vw;
@@ -926,43 +983,59 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
 .c1::after {
   content: '';
   display: block;
-  padding-bottom: var(--spacing-4x);
 }
 
-.c6 {
+.c7 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-2x);
   max-height: 100%;
   overflow-y: auto;
-  padding: var(--spacing-3x) var(--spacing-4x) 0;
+  padding: var(--spacing-3x) var(--spacing-4x);
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
-.c2 {
+.c5 {
   border-bottom: 1px solid transparent;
-  padding: var(--spacing-3x) var(--spacing-4x) var(--spacing-2x);
+  padding: var(--spacing-3x) var(--spacing-4x);
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding-right: calc(var(--spacing-4x) + var(--spacing-3x));
 }
 
-.c2 + .c5 {
-  padding-top: 0;
+.c9 {
+  border-top: 1px solid transparent;
+  padding: var(--spacing-4x) var(--spacing-4x);
 }
 
-.c15 {
+.c4 {
+  pointer-events: none;
   position: absolute;
   right: var(--spacing-4x);
-  top: 1.75rem;
-}
-
-.c7 {
-  border-top: 1px solid transparent;
-  padding: var(--spacing-4x) var(--spacing-4x) 0;
+  top: var(--spacing-3x);
 }
 
-.c4 {
-  font-size: 1rem;
-  font-weight: var(--font-normal);
-  line-height: 1.375rem;
-  margin: var(--spacing-3x) 0 0;
+.c4 > * {
+  pointer-events: auto;
 }
 
-.c8 {
+.c10 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -970,15 +1043,11 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
   -webkit-flex-direction: unset;
   -ms-flex-direction: unset;
   flex-direction: unset;
+  gap: var(--spacing-1x);
   -webkit-box-pack: end;
-  -webkit-justify-content: end;
+  -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
-  justify-content: end;
-}
-
-.c12 {
-  margin-left: var(--spacing-1x);
-  margin-top: 0;
+  justify-content: flex-end;
 }
 
 <body
@@ -1015,24 +1084,38 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
         role="dialog"
         tabindex="-1"
       >
+        <button
+          aria-label="Close dialog"
+          class="c2 c3 c4"
+          data-testid="close-button"
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            color="currentColor"
+            focusable="false"
+            height="16"
+            width="16"
+          />
+        </button>
         <header
-          class="c2"
+          class="c5"
         >
           <h2
-            class="c3"
+            class="c6"
             id="uuid1"
           >
             Title
           </h2>
+        </header>
+        <main
+          class="c7"
+        >
           <h3
-            class="c4"
+            class="c8"
           >
             Subtitle
           </h3>
-        </header>
-        <main
-          class="c5 c6"
-        >
           <p
             id="modal-description"
           >
@@ -1040,20 +1123,20 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
           </p>
         </main>
         <footer
-          class="c7"
+          class="c9"
         >
           <div
-            class="c8"
+            class="c10"
           >
             <button
-              class="c9 c10 "
+              class="c11 c12"
               data-testid="cancel-button"
               type="button"
             >
               Cancel
             </button>
             <button
-              class="c9 c11 c12"
+              class="c11 c13"
               data-testid="confirm-button"
               type="button"
             >
@@ -1061,20 +1144,6 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
             </button>
           </div>
         </footer>
-        <button
-          aria-label="Close dialog"
-          class="c13 c14 c15"
-          data-testid="close-button"
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            color="currentColor"
-            focusable="false"
-            height="16"
-            width="16"
-          />
-        </button>
       </div>
     </div>
   </div>
@@ -1082,7 +1151,7 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
 `;
 
 exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
-.c9 {
+.c2 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1111,10 +1180,10 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
   -ms-letter-spacing: 0.025rem;
   letter-spacing: 0.025rem;
   line-height: 1rem;
-  min-height: var(--size-2x);
+  min-height: var(--size-1halfx);
   min-width: 2rem;
   outline: none;
-  padding: 0 var(--spacing-2x);
+  padding: 0 var(--spacing-1halfx);
   text-transform: uppercase;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -1122,23 +1191,23 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
   user-select: none;
 }
 
-.c9 {
+.c2 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c9:focus {
+.c2:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c9 > svg {
+.c2 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c13 {
+.c11 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1167,10 +1236,10 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
   -ms-letter-spacing: 0.025rem;
   letter-spacing: 0.025rem;
   line-height: 1rem;
-  min-height: var(--size-1halfx);
+  min-height: var(--size-2x);
   min-width: 2rem;
   outline: none;
-  padding: 0 var(--spacing-1halfx);
+  padding: 0 var(--spacing-2x);
   text-transform: uppercase;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -1178,23 +1247,23 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
   user-select: none;
 }
 
-.c13 {
+.c11 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c13:focus {
+.c11:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c13 > svg {
+.c11 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c14 {
+.c3 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
@@ -1203,32 +1272,32 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
   width: var(--size-1halfx);
 }
 
-.c14 {
+.c3 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c14:focus {
+.c3:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c14:hover,
-.c14[aria-expanded='true'] {
+.c3:hover,
+.c3[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c14[aria-disabled='true'] {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c14 > svg {
+.c3 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -1241,76 +1310,84 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
   right: var(--spacing-2x);
 }
 
-.c10 {
+.c12 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
 }
 
-.c10 {
+.c12 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c10:focus {
+.c12:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c10:hover,
-.c10[aria-expanded='true'] {
+.c12:hover,
+.c12[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c10[aria-disabled='true'] {
+.c12[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c11 {
+.c13 {
   background-color: #006296;
   border-color: #006296;
   color: #FFFFFF;
 }
 
-.c11 {
+.c13 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c11:focus {
+.c13:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c11:hover,
-.c11[aria-expanded='true'] {
+.c13:hover,
+.c13[aria-expanded='true'] {
   background-color: #003A5A;
   border-color: #003A5A;
   color: #FFFFFF;
 }
 
-.c11[aria-disabled='true'] {
+.c13[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
   cursor: not-allowed;
 }
 
-.c3 {
+.c6 {
   color: #1B1C1E;
   font-size: 1.25rem;
-  font-weight: var(--font-normal);
+  font-weight: var(--font-semi-bold);
   line-height: 2rem;
   margin: 0;
 }
 
+.c8 {
+  color: #1B1C1E;
+  font-size: 1rem;
+  font-weight: var(--font-semi-bold);
+  line-height: 1.5rem;
+  margin: 0;
+}
+
 .c1 {
   background-color: #FFFFFF;
   border-radius: var(--border-radius-2x);
@@ -1323,8 +1400,10 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  height: auto;
   max-height: calc(100vh - var(--spacing-2x));
-  max-width: 700px;
+  max-width: 95vw;
+  min-height: 1vh;
   min-width: calc(480px - var(--spacing-4x));
   position: relative;
   width: 60vw;
@@ -1333,43 +1412,59 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
 .c1::after {
   content: '';
   display: block;
-  padding-bottom: var(--spacing-4x);
 }
 
-.c6 {
+.c7 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-2x);
   max-height: 100%;
   overflow-y: auto;
-  padding: var(--spacing-3x) var(--spacing-4x) 0;
+  padding: var(--spacing-3x) var(--spacing-4x);
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
-.c2 {
+.c5 {
   border-bottom: 1px solid transparent;
-  padding: var(--spacing-3x) var(--spacing-4x) var(--spacing-2x);
+  padding: var(--spacing-3x) var(--spacing-4x);
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding-right: calc(var(--spacing-4x) + var(--spacing-3x));
 }
 
-.c2 + .c5 {
-  padding-top: 0;
+.c9 {
+  border-top: 1px solid transparent;
+  padding: var(--spacing-4x) var(--spacing-4x);
 }
 
-.c15 {
+.c4 {
+  pointer-events: none;
   position: absolute;
   right: var(--spacing-4x);
-  top: 1.75rem;
-}
-
-.c7 {
-  border-top: 1px solid transparent;
-  padding: var(--spacing-4x) var(--spacing-4x) 0;
+  top: var(--spacing-3x);
 }
 
-.c4 {
-  font-size: 1rem;
-  font-weight: var(--font-normal);
-  line-height: 1.375rem;
-  margin: var(--spacing-3x) 0 0;
+.c4 > * {
+  pointer-events: auto;
 }
 
-.c8 {
+.c10 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1377,15 +1472,11 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
   -webkit-flex-direction: unset;
   -ms-flex-direction: unset;
   flex-direction: unset;
+  gap: var(--spacing-1x);
   -webkit-box-pack: end;
-  -webkit-justify-content: end;
+  -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
-  justify-content: end;
-}
-
-.c12 {
-  margin-left: var(--spacing-1x);
-  margin-top: 0;
+  justify-content: flex-end;
 }
 
 <body
@@ -1422,24 +1513,38 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
         role="dialog"
         tabindex="-1"
       >
+        <button
+          aria-label="Close dialog"
+          class="c2 c3 c4"
+          data-testid="close-button"
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            color="currentColor"
+            focusable="false"
+            height="16"
+            width="16"
+          />
+        </button>
         <header
-          class="c2"
+          class="c5"
         >
           <h2
-            class="c3"
+            class="c6"
             id="uuid1"
           >
             Title
           </h2>
+        </header>
+        <main
+          class="c7"
+        >
           <h3
-            class="c4"
+            class="c8"
           >
             Subtitle
           </h3>
-        </header>
-        <main
-          class="c5 c6"
-        >
           <p
             id="modal-description"
           >
@@ -1447,20 +1552,20 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
           </p>
         </main>
         <footer
-          class="c7"
+          class="c9"
         >
           <div
-            class="c8"
+            class="c10"
           >
             <button
-              class="c9 c10 "
+              class="c11 c12"
               data-testid="cancel-button"
               type="button"
             >
               Cancel
             </button>
             <button
-              class="c9 c11 c12"
+              class="c11 c13"
               data-testid="confirm-button"
               type="button"
             >
@@ -1468,20 +1573,6 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
             </button>
           </div>
         </footer>
-        <button
-          aria-label="Close dialog"
-          class="c13 c14 c15"
-          data-testid="close-button"
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            color="currentColor"
-            focusable="false"
-            height="16"
-            width="16"
-          />
-        </button>
       </div>
     </div>
   </div>
@@ -1489,7 +1580,7 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
 `;
 
 exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
-.c9 {
+.c2 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1529,23 +1620,23 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
   user-select: none;
 }
 
-.c9 {
+.c2 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c9:focus {
+.c2:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c9 > svg {
+.c2 > svg {
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
 
-.c13 {
+.c3 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
@@ -1553,32 +1644,32 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
   width: var(--size-3x);
 }
 
-.c13 {
+.c3 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c13:focus {
+.c3:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c13:hover,
-.c13[aria-expanded='true'] {
+.c3:hover,
+.c3[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c13[aria-disabled='true'] {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c13 > svg {
+.c3 > svg {
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -1591,76 +1682,84 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
   right: 0;
 }
 
-.c10 {
+.c11 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
 }
 
-.c10 {
+.c11 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c10:focus {
+.c11:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c10:hover,
-.c10[aria-expanded='true'] {
+.c11:hover,
+.c11[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c10[aria-disabled='true'] {
+.c11[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c11 {
+.c12 {
   background-color: #006296;
   border-color: #006296;
   color: #FFFFFF;
 }
 
-.c11 {
+.c12 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c11:focus {
+.c12:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c11:hover,
-.c11[aria-expanded='true'] {
+.c12:hover,
+.c12[aria-expanded='true'] {
   background-color: #003A5A;
   border-color: #003A5A;
   color: #FFFFFF;
 }
 
-.c11[aria-disabled='true'] {
+.c12[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
   cursor: not-allowed;
 }
 
-.c3 {
+.c6 {
   color: #1B1C1E;
   font-size: 1.25rem;
-  font-weight: var(--font-normal);
+  font-weight: var(--font-semi-bold);
   line-height: 2rem;
   margin: 0;
 }
 
+.c8 {
+  color: #1B1C1E;
+  font-size: 1rem;
+  font-weight: var(--font-semi-bold);
+  line-height: 1.5rem;
+  margin: 0;
+}
+
 .c1 {
   background-color: #FFFFFF;
   border-radius: var(--border-radius-2x);
@@ -1673,8 +1772,10 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  height: auto;
   max-height: calc(100vh - var(--spacing-2x));
-  max-width: 700px;
+  max-width: 95vw;
+  min-height: 1vh;
   min-width: initial;
   position: relative;
   width: calc(100vw - var(--spacing-2x));
@@ -1683,43 +1784,59 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
 .c1::after {
   content: '';
   display: block;
-  padding-bottom: var(--spacing-2x);
 }
 
-.c6 {
+.c7 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-2x);
   max-height: 100%;
   overflow-y: auto;
-  padding: var(--spacing-2x) var(--spacing-2x) 0;
+  padding: var(--spacing-2x) var(--spacing-2x);
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
-.c2 {
+.c5 {
   border-bottom: 1px solid transparent;
-  padding: var(--spacing-2x) var(--spacing-2x) var(--spacing-2x);
+  padding: var(--spacing-2x) var(--spacing-2x);
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding-right: calc(var(--spacing-2x) + var(--spacing-3x));
 }
 
-.c2 + .c5 {
-  padding-top: 0;
+.c9 {
+  border-top: 1px solid transparent;
+  padding: var(--spacing-4x) var(--spacing-2x);
 }
 
-.c14 {
+.c4 {
+  pointer-events: none;
   position: absolute;
-  right: var(--spacing-half);
-  top: 1.75rem;
-}
-
-.c7 {
-  border-top: 1px solid transparent;
-  padding: var(--spacing-4x) var(--spacing-2x) 0;
+  right: var(--spacing-2x);
+  top: var(--spacing-2x);
 }
 
-.c4 {
-  font-size: 1.125rem;
-  font-weight: var(--font-normal);
-  line-height: 1.75rem;
-  margin: var(--spacing-3x) 0 0;
+.c4 > * {
+  pointer-events: auto;
 }
 
-.c8 {
+.c10 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1727,15 +1844,11 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  gap: var(--spacing-1x);
   -webkit-box-pack: end;
-  -webkit-justify-content: end;
+  -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
-  justify-content: end;
-}
-
-.c12 {
-  margin-left: 0;
-  margin-top: var(--spacing-1x);
+  justify-content: flex-end;
 }
 
 <body
@@ -1772,24 +1885,38 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
         role="dialog"
         tabindex="-1"
       >
+        <button
+          aria-label="Close dialog"
+          class="c2 c3 c4"
+          data-testid="close-button"
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            color="currentColor"
+            focusable="false"
+            height="24"
+            width="24"
+          />
+        </button>
         <header
-          class="c2"
+          class="c5"
         >
           <h2
-            class="c3"
+            class="c6"
             id="uuid1"
           >
             Title
           </h2>
+        </header>
+        <main
+          class="c7"
+        >
           <h3
-            class="c4"
+            class="c8"
           >
             Subtitle
           </h3>
-        </header>
-        <main
-          class="c5 c6"
-        >
           <p
             id="modal-description"
           >
@@ -1797,20 +1924,20 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
           </p>
         </main>
         <footer
-          class="c7"
+          class="c9"
         >
           <div
-            class="c8"
+            class="c10"
           >
             <button
-              class="c9 c10 "
+              class="c2 c11"
               data-testid="cancel-button"
               type="button"
             >
               Cancel
             </button>
             <button
-              class="c9 c11 c12"
+              class="c2 c12"
               data-testid="confirm-button"
               type="button"
             >
@@ -1818,20 +1945,6 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
             </button>
           </div>
         </footer>
-        <button
-          aria-label="Close dialog"
-          class="c9 c13 c14"
-          data-testid="close-button"
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            color="currentColor"
-            focusable="false"
-            height="24"
-            width="24"
-          />
-        </button>
       </div>
     </div>
   </div>
diff --git a/packages/react/src/components/modal/dialog/modal-dialog.tsx b/packages/react/src/components/modal/dialog/modal-dialog.tsx
new file mode 100644
index 0000000000..3d91699c86
--- /dev/null
+++ b/packages/react/src/components/modal/dialog/modal-dialog.tsx
@@ -0,0 +1,146 @@
+import { Fragment, ReactElement, Ref, useRef, VoidFunctionComponent } from 'react';
+import { useId } from '../../../hooks/use-id';
+import { useTranslation } from '../../../i18n/use-translation';
+import { Button } from '../../buttons/button';
+import { useDeviceContext } from '../../device-context-provider/device-context-provider';
+import { Heading } from '../../heading/heading';
+import { Modal } from '../modal';
+import {
+    ButtonContainer,
+    StyledHeadingWrapperComponent,
+    TitleIcon,
+} from './styled';
+import { DialogType, ModalDialogProps } from './types';
+
+const modalRoles: Record<DialogType, string> = {
+    information: 'dialog',
+    action: 'dialog',
+    alert: 'alertdialog',
+};
+
+export const ModalDialog: VoidFunctionComponent<ModalDialogProps> = ({
+    appElement,
+    ariaDescribedby,
+    ariaHideApp,
+    dialogType = 'action',
+    cancelButton,
+    children,
+    className,
+    confirmButton,
+    footerContent,
+    hasCloseButton,
+    isOpen,
+    width,
+    parentSelector,
+    shouldCloseOnOverlayClick = true,
+    subtitle,
+    title,
+    titleIcon,
+    onRequestClose,
+}) => {
+    const { isMobile } = useDeviceContext();
+    const { t } = useTranslation('modal-dialog');
+    const titleId = useId();
+    const titleRef: Ref<HTMLHeadingElement> = useRef(null);
+    const titleIconName = dialogType === 'alert' ? 'alertOctagon' : titleIcon;
+    const hasTitleIcon = !!titleIconName;
+
+    function handleConfirm(): void {
+        confirmButton?.onConfirm?.();
+    }
+
+    function handleCancel(): void {
+        if (cancelButton?.onCancel) {
+            cancelButton.onCancel();
+        } else {
+            onRequestClose();
+        }
+    }
+
+    function getHeader(): ReactElement | undefined {
+        const HeadingWrapperComponent = hasTitleIcon ? StyledHeadingWrapperComponent : Fragment;
+
+        return (
+            <HeadingWrapperComponent>
+                {titleIconName && (
+                    <TitleIcon
+                        $dialogType={dialogType}
+                        name={titleIconName}
+                        size="24"
+                        data-testid="title-icon"
+                        aria-hidden="true"
+                    />
+                )}
+                <Heading
+                    id={titleId}
+                    ref={titleRef}
+                    type="medium"
+                    tag="h2"
+                    noMargin
+                    bold
+                >
+                    {title}
+                </Heading>
+            </HeadingWrapperComponent>
+        );
+    }
+
+    function getFooter(): ReactElement {
+        const confirmButtonType = dialogType === 'alert' ? 'destructive-primary' : 'primary';
+
+        return (
+            <ButtonContainer isMobile={isMobile}>
+                {dialogType !== 'information' && (
+                    <Button
+                        data-testid="cancel-button"
+                        label={cancelButton?.label || t('cancelButtonLabel')}
+                        buttonType="tertiary"
+                        onClick={handleCancel}
+                    />
+                )}
+                <Button
+                    data-testid="confirm-button"
+                    label={confirmButton?.label || t('confirmButtonLabel')}
+                    buttonType={confirmButtonType}
+                    onClick={handleConfirm}
+                />
+            </ButtonContainer>
+        );
+    }
+
+    function getSubtitle(): ReactElement | null {
+        return subtitle ? (
+            <Heading
+                tag="h3"
+                type="small"
+                noMargin
+                bold
+            >
+                {subtitle}
+            </Heading>
+        ) : null;
+    }
+
+    return (
+        <Modal
+            ariaDescribedby={ariaDescribedby}
+            ariaHideApp={ariaHideApp}
+            ariaLabelledBy={titleId}
+            className={className}
+            modalHeader={getHeader()}
+            hasCloseButton={hasCloseButton}
+            modalFooter={footerContent || getFooter()}
+            parentSelector={parentSelector}
+            role={modalRoles[dialogType]}
+            onAfterOpen={() => titleRef.current?.focus()}
+            onRequestClose={onRequestClose}
+            isOpen={isOpen}
+            appElement={appElement}
+            shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}
+            width={width}
+        >
+            {getSubtitle()}
+            {children}
+        </Modal>
+    );
+};
diff --git a/packages/react/src/components/modal/dialog/styled.ts b/packages/react/src/components/modal/dialog/styled.ts
new file mode 100644
index 0000000000..c2deadfadc
--- /dev/null
+++ b/packages/react/src/components/modal/dialog/styled.ts
@@ -0,0 +1,23 @@
+import styled from 'styled-components';
+import { Icon } from '../../icon/icon';
+import { MobileDeviceContextProps } from '../types';
+import { DialogType } from './types';
+
+export const ButtonContainer = styled.div<MobileDeviceContextProps>`
+    display: flex;
+    flex-direction: ${({ isMobile }) => (isMobile ? 'column' : 'unset')};
+    gap: var(--spacing-1x);
+    justify-content: flex-end;
+`;
+
+export const TitleIcon = styled(Icon)<{ $dialogType: DialogType }>`
+    color: ${({ $dialogType, theme }) => ($dialogType === 'alert' ? theme.component['modal-dialog-alert-icon-color'] : null)};
+`;
+
+export const StyledHeadingWrapperComponent = styled.div`
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    gap: var(--spacing-1halfx);
+    position: relative;
+`;
diff --git a/packages/react/src/components/modal/dialog/types.ts b/packages/react/src/components/modal/dialog/types.ts
new file mode 100644
index 0000000000..e0b65300aa
--- /dev/null
+++ b/packages/react/src/components/modal/dialog/types.ts
@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+import { IconName } from '../../icon/icon';
+import { BaseModalProps } from '../types';
+
+export type DialogType =
+    | 'information'
+    | 'action'
+    | 'alert';
+
+export interface ModalDialogProps extends BaseModalProps {
+    title: string;
+    titleIcon?: IconName;
+    subtitle?: string;
+    footerContent?: ReactElement;
+    dialogType?: DialogType;
+    confirmButton?: { label?: string, onConfirm?(): void };
+    cancelButton?: { label?: string, onCancel?(): void };
+}
diff --git a/packages/react/src/components/modal/index.ts b/packages/react/src/components/modal/index.ts
new file mode 100644
index 0000000000..bc407245f4
--- /dev/null
+++ b/packages/react/src/components/modal/index.ts
@@ -0,0 +1,2 @@
+export { Modal } from './modal';
+export { ModalDialog } from './dialog/modal-dialog';
diff --git a/packages/react/src/components/modal/modal-dialog.tsx b/packages/react/src/components/modal/modal-dialog.tsx
deleted file mode 100644
index 7741b763e0..0000000000
--- a/packages/react/src/components/modal/modal-dialog.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-import { Fragment, ReactElement, ReactNode, Ref, useMemo, useRef, VoidFunctionComponent } from 'react';
-import styled from 'styled-components';
-import { useTranslation } from '../../i18n/use-translation';
-import { v4 as uuid } from '../../utils/uuid';
-import { Button } from '../buttons/button';
-import { DeviceContextProps, useDeviceContext } from '../device-context-provider/device-context-provider';
-import { Heading } from '../heading/heading';
-import { Icon, IconName } from '../icon/icon';
-import { Modal } from './modal';
-
-type MobileDeviceContextProps = Pick<DeviceContextProps, 'isMobile'>
-
-export type DialogType =
-    | 'information'
-    | 'action'
-    | 'alert';
-
-const ModalRoles: Record<DialogType, string> = {
-    information: 'dialog',
-    action: 'dialog',
-    alert: 'alertdialog',
-};
-
-const Subtitle = styled.h3<MobileDeviceContextProps>`
-    font-size: ${({ isMobile }) => (isMobile ? 1.125 : 1)}rem;
-    font-weight: var(--font-normal);
-    line-height: ${({ isMobile }) => (isMobile ? 1.75 : 1.375)}rem;
-    margin: var(--spacing-3x) 0 0;
-`;
-
-const ButtonContainer = styled.div<MobileDeviceContextProps>`
-    display: flex;
-    flex-direction: ${({ isMobile }) => (isMobile ? 'column' : 'unset')};
-    justify-content: end;
-`;
-
-const ConfirmButton = styled(Button)<MobileDeviceContextProps>`
-    margin-left: ${({ isMobile }) => (isMobile ? 0 : 'var(--spacing-1x)')};
-    margin-top: ${({ isMobile }) => (isMobile ? 'var(--spacing-1x)' : 0)};
-`;
-
-const CancelButton = styled(Button)``;
-
-const HeadingWrapper = styled.div`
-    position: relative;
-`;
-
-const TitleIcon = styled(Icon)`
-    margin-right: var(--spacing-1x);
-`;
-
-const StyledHeadingWrapperComponent = styled(HeadingWrapper)`
-    align-items: center;
-    display: flex;
-`;
-
-export interface ModalDialogProps {
-    /** Takes a query selector targeting the app Element. */
-    appElement?: string;
-    ariaDescribedby?: string;
-    /** Boolean indicating if the appElement should be hidden. Defaults to true.
-     * Should only be used for test purposes. */
-    ariaHideApp?: boolean;
-    cancelButton?: { label?: string, onCancel?(): void };
-    children?: ReactNode;
-    className?: string;
-    confirmButton?: { label?: string, onConfirm?(): void };
-    footerContent?: ReactElement;
-    hasCloseButton?: boolean;
-    isOpen: boolean;
-    parentSelector?: () => HTMLElement;
-    /**
-     * Defines if the overlay click should close the modal
-     * @default true
-     */
-    shouldCloseOnOverlayClick?: boolean;
-    subtitle?: string;
-    title: string;
-    titleIcon?: IconName;
-    dialogType?: DialogType;
-
-    onRequestClose(): void;
-}
-
-export const ModalDialog: VoidFunctionComponent<ModalDialogProps> = ({
-    appElement,
-    ariaDescribedby,
-    ariaHideApp,
-    dialogType = 'action',
-    cancelButton,
-    children,
-    className,
-    confirmButton,
-    footerContent,
-    hasCloseButton,
-    isOpen,
-    parentSelector,
-    shouldCloseOnOverlayClick = true,
-    subtitle,
-    title,
-    titleIcon,
-    onRequestClose,
-}) => {
-    const { isMobile } = useDeviceContext();
-    const { t } = useTranslation('modal-dialog');
-    const titleId = useMemo(uuid, []);
-    const titleRef: Ref<HTMLHeadingElement> = useRef(null);
-    const titleIconName = dialogType === 'alert' ? 'alertFilled' : titleIcon;
-    const hasTitleIcon = !!titleIconName;
-
-    function handleConfirm(): void {
-        confirmButton?.onConfirm?.();
-    }
-
-    function handleCancel(): void {
-        if (cancelButton?.onCancel) {
-            cancelButton.onCancel();
-        } else {
-            onRequestClose();
-        }
-    }
-
-    function getHeader(): ReactElement | undefined {
-        const HeadingWrapperComponent = hasTitleIcon ? StyledHeadingWrapperComponent : Fragment;
-
-        return (
-            <>
-                <HeadingWrapperComponent>
-                    {titleIconName && (
-                        <TitleIcon name={titleIconName} size="24" data-testid="title-icon" aria-hidden="true" />
-                    )}
-                    <Heading
-                        id={titleId}
-                        ref={titleRef}
-                        type="medium"
-                        tag="h2"
-                        noMargin
-                    >
-                        {title}
-                    </Heading>
-                </HeadingWrapperComponent>
-                {subtitle && (
-                    <Subtitle isMobile={isMobile}>{subtitle}</Subtitle>
-                )}
-            </>
-        );
-    }
-
-    function getFooter(): ReactElement {
-        const confirmButtonType = dialogType === 'alert' ? 'destructive-primary' : 'primary';
-
-        return (
-            <ButtonContainer isMobile={isMobile}>
-                {dialogType !== 'information' && (
-                    <CancelButton
-                        data-testid="cancel-button"
-                        label={cancelButton?.label || t('cancelButtonLabel')}
-                        buttonType="tertiary"
-                        onClick={handleCancel}
-                    />
-                )}
-                <ConfirmButton
-                    data-testid="confirm-button"
-                    label={confirmButton?.label || t('confirmButtonLabel')}
-                    buttonType={confirmButtonType}
-                    onClick={handleConfirm}
-                    isMobile={isMobile}
-                />
-            </ButtonContainer>
-        );
-    }
-
-    return (
-        <Modal
-            ariaDescribedby={ariaDescribedby}
-            ariaHideApp={ariaHideApp}
-            ariaLabelledBy={titleId}
-            className={className}
-            modalHeader={getHeader()}
-            hasCloseButton={hasCloseButton}
-            modalFooter={footerContent || getFooter()}
-            parentSelector={parentSelector}
-            role={ModalRoles[dialogType]}
-            onAfterOpen={() => titleRef.current?.focus()}
-            onRequestClose={onRequestClose}
-            isOpen={isOpen}
-            appElement={appElement}
-            shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}
-        >
-            {children}
-        </Modal>
-    );
-};
diff --git a/packages/react/src/components/modal/modal.test.tsx b/packages/react/src/components/modal/modal.test.tsx
index c842deb243..5a79ce511f 100644
--- a/packages/react/src/components/modal/modal.test.tsx
+++ b/packages/react/src/components/modal/modal.test.tsx
@@ -1,8 +1,10 @@
 import { fireEvent, RenderResult } from '@testing-library/react';
+import { ReactElement } from 'react';
 import { doNothing } from '../../test-utils/callbacks';
-import { renderPortalWithProviders } from '../../test-utils/renderer';
+import { renderPortalWithProviders, rerenderPortalWithProviders } from '../../test-utils/renderer';
 import { DeviceType } from '../device-context-provider/device-context-provider';
-import { Modal, ModalProps } from './modal';
+import { Modal } from './modal';
+import { ModalProps } from './types';
 
 type ModalPropsLite = Omit<ModalProps, 'ariaDescribedby' | 'ariaLabel' | 'ariaHideApp' | 'onRequestClose'>;
 
@@ -72,4 +74,23 @@ describe('Modal', () => {
 
         expect(baseElement).toMatchSnapshot();
     });
+
+    test('Modal width prop is applied correctly', () => {
+        const initialWidth = '500px';
+        const newWidth = '70vw';
+        const TestComponent = ({ width }: { width: string }): ReactElement => (
+            <Modal isOpen width={width} ariaHideApp={false} onRequestClose={doNothing}>
+                <p id="modal-description">Test Content</p>
+            </Modal>
+        );
+
+        const { getByRole, rerender } = renderPortalWithProviders(<TestComponent width={initialWidth} />, 'desktop');
+        const modal = getByRole('dialog');
+
+        expect(getComputedStyle(modal).width).toBe(initialWidth);
+
+        rerenderPortalWithProviders(<TestComponent width={newWidth} />, rerender, 'desktop');
+
+        expect(getComputedStyle(modal).width).toBe(newWidth);
+    });
 });
diff --git a/packages/react/src/components/modal/modal.test.tsx.snap b/packages/react/src/components/modal/modal.test.tsx.snap
index 120d932991..2ff1b68c38 100644
--- a/packages/react/src/components/modal/modal.test.tsx.snap
+++ b/packages/react/src/components/modal/modal.test.tsx.snap
@@ -45,8 +45,10 @@ exports[`Modal Matches snapshot (no close button, desktop) 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  height: auto;
   max-height: calc(100vh - var(--spacing-2x));
-  max-width: 700px;
+  max-width: 95vw;
+  min-height: 1vh;
   min-width: calc(480px - var(--spacing-4x));
   position: relative;
   width: 60vw;
@@ -55,13 +57,20 @@ exports[`Modal Matches snapshot (no close button, desktop) 1`] = `
 .c1::after {
   content: '';
   display: block;
-  padding-bottom: var(--spacing-4x);
 }
 
 .c2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-2x);
   max-height: 100%;
   overflow-y: auto;
-  padding: var(--spacing-3x) var(--spacing-4x) 0;
+  padding: var(--spacing-3x) var(--spacing-4x);
 }
 
 <body
@@ -134,8 +143,10 @@ exports[`Modal Matches snapshot (no close button, mobile) 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  height: auto;
   max-height: calc(100vh - var(--spacing-2x));
-  max-width: 700px;
+  max-width: 95vw;
+  min-height: 1vh;
   min-width: initial;
   position: relative;
   width: calc(100vw - var(--spacing-2x));
@@ -144,13 +155,20 @@ exports[`Modal Matches snapshot (no close button, mobile) 1`] = `
 .c1::after {
   content: '';
   display: block;
-  padding-bottom: var(--spacing-2x);
 }
 
 .c2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-2x);
   max-height: 100%;
   overflow-y: auto;
-  padding: var(--spacing-3x) var(--spacing-2x) 0;
+  padding: var(--spacing-2x) var(--spacing-2x);
 }
 
 <body
@@ -203,7 +221,7 @@ exports[`Modal Matches snapshot (no close button, mobile) 1`] = `
 `;
 
 exports[`Modal Matches snapshot (noPadding) 1`] = `
-.c3 {
+.c2 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -243,23 +261,23 @@ exports[`Modal Matches snapshot (noPadding) 1`] = `
   user-select: none;
 }
 
-.c3 {
+.c2 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c3:focus {
+.c2:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c3 > svg {
+.c2 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c4 {
+.c3 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
@@ -268,32 +286,32 @@ exports[`Modal Matches snapshot (noPadding) 1`] = `
   width: var(--size-1halfx);
 }
 
-.c4 {
+.c3 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c4:focus {
+.c3:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c4:hover,
-.c4[aria-expanded='true'] {
+.c3:hover,
+.c3[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c4[aria-disabled='true'] {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c4 > svg {
+.c3 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -318,8 +336,10 @@ exports[`Modal Matches snapshot (noPadding) 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  height: auto;
   max-height: calc(100vh - var(--spacing-2x));
-  max-width: 700px;
+  max-width: 95vw;
+  min-height: 1vh;
   min-width: calc(480px - var(--spacing-4x));
   position: relative;
   width: 60vw;
@@ -328,19 +348,32 @@ exports[`Modal Matches snapshot (noPadding) 1`] = `
 .c1::after {
   content: '';
   display: block;
-  padding-bottom: 0;
 }
 
-.c2 {
+.c5 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-2x);
   max-height: 100%;
   overflow-y: auto;
-  padding: 0 0 0;
+  padding: 0 0;
+  padding-right: calc(0 + var(--spacing-3x));
 }
 
-.c5 {
+.c4 {
+  pointer-events: none;
   position: absolute;
-  right: var(--spacing-4x);
-  top: 1.75rem;
+  right: 0;
+  top: 0;
+}
+
+.c4 > * {
+  pointer-events: auto;
 }
 
 <body
@@ -377,18 +410,9 @@ exports[`Modal Matches snapshot (noPadding) 1`] = `
         role="dialog"
         tabindex="-1"
       >
-        <main
-          class="c2"
-        >
-          <p
-            id="modal-description"
-          >
-            Test Content
-          </p>
-        </main>
         <button
           aria-label="Close dialog"
-          class="c3 c4 c5"
+          class="c2 c3 c4"
           data-testid="close-button"
           type="button"
         >
@@ -400,6 +424,15 @@ exports[`Modal Matches snapshot (noPadding) 1`] = `
             width="16"
           />
         </button>
+        <main
+          class="c5"
+        >
+          <p
+            id="modal-description"
+          >
+            Test Content
+          </p>
+        </main>
       </div>
     </div>
   </div>
@@ -407,7 +440,7 @@ exports[`Modal Matches snapshot (noPadding) 1`] = `
 `;
 
 exports[`Modal Matches snapshot (opened, desktop) 1`] = `
-.c3 {
+.c2 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -447,23 +480,23 @@ exports[`Modal Matches snapshot (opened, desktop) 1`] = `
   user-select: none;
 }
 
-.c3 {
+.c2 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c3:focus {
+.c2:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c3 > svg {
+.c2 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
 
-.c4 {
+.c3 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
@@ -472,32 +505,32 @@ exports[`Modal Matches snapshot (opened, desktop) 1`] = `
   width: var(--size-1halfx);
 }
 
-.c4 {
+.c3 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c4:focus {
+.c3:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c4:hover,
-.c4[aria-expanded='true'] {
+.c3:hover,
+.c3[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c4[aria-disabled='true'] {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c4 > svg {
+.c3 > svg {
   height: var(--size-1x);
   width: var(--size-1x);
 }
@@ -522,8 +555,10 @@ exports[`Modal Matches snapshot (opened, desktop) 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  height: auto;
   max-height: calc(100vh - var(--spacing-2x));
-  max-width: 700px;
+  max-width: 95vw;
+  min-height: 1vh;
   min-width: calc(480px - var(--spacing-4x));
   position: relative;
   width: 60vw;
@@ -532,19 +567,32 @@ exports[`Modal Matches snapshot (opened, desktop) 1`] = `
 .c1::after {
   content: '';
   display: block;
-  padding-bottom: var(--spacing-4x);
 }
 
-.c2 {
+.c5 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-2x);
   max-height: 100%;
   overflow-y: auto;
-  padding: var(--spacing-3x) var(--spacing-4x) 0;
+  padding: var(--spacing-3x) var(--spacing-4x);
+  padding-right: calc(var(--spacing-4x) + var(--spacing-3x));
 }
 
-.c5 {
+.c4 {
+  pointer-events: none;
   position: absolute;
   right: var(--spacing-4x);
-  top: 1.75rem;
+  top: var(--spacing-3x);
+}
+
+.c4 > * {
+  pointer-events: auto;
 }
 
 <body
@@ -581,18 +629,9 @@ exports[`Modal Matches snapshot (opened, desktop) 1`] = `
         role="dialog"
         tabindex="-1"
       >
-        <main
-          class="c2"
-        >
-          <p
-            id="modal-description"
-          >
-            Test Content
-          </p>
-        </main>
         <button
           aria-label="Close dialog"
-          class="c3 c4 c5"
+          class="c2 c3 c4"
           data-testid="close-button"
           type="button"
         >
@@ -604,6 +643,15 @@ exports[`Modal Matches snapshot (opened, desktop) 1`] = `
             width="16"
           />
         </button>
+        <main
+          class="c5"
+        >
+          <p
+            id="modal-description"
+          >
+            Test Content
+          </p>
+        </main>
       </div>
     </div>
   </div>
@@ -611,7 +659,7 @@ exports[`Modal Matches snapshot (opened, desktop) 1`] = `
 `;
 
 exports[`Modal Matches snapshot (opened, mobile) 1`] = `
-.c3 {
+.c2 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -651,23 +699,23 @@ exports[`Modal Matches snapshot (opened, mobile) 1`] = `
   user-select: none;
 }
 
-.c3 {
+.c2 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c3:focus {
+.c2:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c3 > svg {
+.c2 > svg {
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
 
-.c4 {
+.c3 {
   background-color: transparent;
   border-color: transparent;
   color: #60666E;
@@ -675,32 +723,32 @@ exports[`Modal Matches snapshot (opened, mobile) 1`] = `
   width: var(--size-3x);
 }
 
-.c4 {
+.c3 {
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
 
-.c4:focus {
+.c3:focus {
   box-shadow: 0 0 0 2px #006296;
   outline: 2px solid #84C6EA;
   outline-offset: -2px;
 }
 
-.c4:hover,
-.c4[aria-expanded='true'] {
+.c3:hover,
+.c3[aria-expanded='true'] {
   background-color: rgb(0 0 0 / 0.15);
   border-color: transparent;
   color: #000000;
 }
 
-.c4[aria-disabled='true'] {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
   cursor: not-allowed;
 }
 
-.c4 > svg {
+.c3 > svg {
   height: var(--size-1halfx);
   width: var(--size-1halfx);
 }
@@ -725,8 +773,10 @@ exports[`Modal Matches snapshot (opened, mobile) 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  height: auto;
   max-height: calc(100vh - var(--spacing-2x));
-  max-width: 700px;
+  max-width: 95vw;
+  min-height: 1vh;
   min-width: initial;
   position: relative;
   width: calc(100vw - var(--spacing-2x));
@@ -735,19 +785,32 @@ exports[`Modal Matches snapshot (opened, mobile) 1`] = `
 .c1::after {
   content: '';
   display: block;
-  padding-bottom: var(--spacing-2x);
 }
 
-.c2 {
+.c5 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--spacing-2x);
   max-height: 100%;
   overflow-y: auto;
-  padding: var(--spacing-2x) var(--spacing-2x) 0;
+  padding: var(--spacing-2x) var(--spacing-2x);
+  padding-right: calc(var(--spacing-2x) + var(--spacing-3x));
 }
 
-.c5 {
+.c4 {
+  pointer-events: none;
   position: absolute;
-  right: var(--spacing-half);
-  top: 1.75rem;
+  right: var(--spacing-2x);
+  top: var(--spacing-2x);
+}
+
+.c4 > * {
+  pointer-events: auto;
 }
 
 <body
@@ -784,18 +847,9 @@ exports[`Modal Matches snapshot (opened, mobile) 1`] = `
         role="dialog"
         tabindex="-1"
       >
-        <main
-          class="c2"
-        >
-          <p
-            id="modal-description"
-          >
-            Test Content
-          </p>
-        </main>
         <button
           aria-label="Close dialog"
-          class="c3 c4 c5"
+          class="c2 c3 c4"
           data-testid="close-button"
           type="button"
         >
@@ -807,6 +861,15 @@ exports[`Modal Matches snapshot (opened, mobile) 1`] = `
             width="24"
           />
         </button>
+        <main
+          class="c5"
+        >
+          <p
+            id="modal-description"
+          >
+            Test Content
+          </p>
+        </main>
       </div>
     </div>
   </div>
diff --git a/packages/react/src/components/modal/modal.tsx b/packages/react/src/components/modal/modal.tsx
index 8d588319b9..e020aea6ac 100644
--- a/packages/react/src/components/modal/modal.tsx
+++ b/packages/react/src/components/modal/modal.tsx
@@ -1,145 +1,16 @@
-import { FunctionComponent, PropsWithChildren, ReactNode, useCallback, useEffect, useState } from 'react';
+import { FunctionComponent, PropsWithChildren, ReactElement, useCallback, useEffect, useState } from 'react';
 import ReactModal from 'react-modal';
-import styled, { useTheme } from 'styled-components';
+import { useTheme } from 'styled-components';
 import { useTranslation } from '../../i18n/use-translation';
-import { IconButton } from '../buttons/icon-button';
-import { DeviceContextProps, useDeviceContext } from '../device-context-provider/device-context-provider';
-
-interface StyledModalProps extends Pick<DeviceContextProps, 'breakpoints' | 'isMobile'> {
-    noPadding: boolean;
-    hasCloseButton: boolean;
-}
-
-interface ContentProps extends Pick<DeviceContextProps, 'isMobile'> {
-    noPadding: boolean;
-    hasCloseButton: boolean;
-}
-
-function getPadding({ noPadding, isMobile }: ContentProps): string {
-    if (noPadding) {
-        return '0';
-    }
-    if (isMobile) {
-        return 'var(--spacing-2x)';
-    }
-    return 'var(--spacing-4x)';
-}
-
-function getTopPadding({ hasCloseButton, noPadding, isMobile }: ContentProps): string {
-    if (noPadding) {
-        return '0';
-    }
-    if (isMobile) {
-        if (hasCloseButton) {
-            return 'var(--spacing-2x)';
-        }
-    }
-    return 'var(--spacing-3x)';
-}
-
-function getModalMinWidth({ breakpoints, isMobile }: StyledModalProps): string {
-    return isMobile ? 'initial' : `calc(${breakpoints.mobile}px - var(--spacing-4x))`;
-}
-
-const StyledModal = styled(ReactModal)<StyledModalProps>`
-    background-color: ${({ theme }) => theme.component['modal-background-color']};
-    border-radius: var(--border-radius-2x);
-    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 10%);
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    max-height: calc(100vh - var(--spacing-2x));
-    max-width: 700px;
-    min-width: ${getModalMinWidth};
-    position: relative;
-    width: ${({ isMobile }) => (isMobile ? 'calc(100vw - var(--spacing-2x))' : '60vw')};
-
-    /* Firefox overflow-y: scroll problem fix (skipped bottom padding)
-    https://bugzilla.mozilla.org/show_bug.cgi?id=748518 */
-
-    &::after {
-        content: '';
-        display: block;
-        padding-bottom: ${getPadding};
-    }
-`;
-
-const Main = styled.main<ContentProps>`
-    max-height: 100%;
-    overflow-y: auto;
-    padding: ${getTopPadding} ${getPadding} 0;
-`;
-
-interface HeaderProps extends ContentProps {
-    isTopScrolled?: boolean;
-}
-const Header = styled.header<HeaderProps>`
-    border-bottom: 1px solid ${({ isTopScrolled, theme }) => (isTopScrolled ? theme.component['modal-border-color'] : 'transparent')};
-    padding: ${getTopPadding} ${getPadding} var(--spacing-2x);
-
-    & + ${Main} {
-        padding-top: 0;
-    }
-`;
-
-const CloseIconButton = styled(IconButton)<Pick<DeviceContextProps, 'isMobile'>>`
-    position: absolute;
-    right: ${({ isMobile }) => (isMobile ? 'var(--spacing-half)' : 'var(--spacing-4x)')};
-    top: 1.75rem;
-`;
-
-interface FooterProps extends ContentProps {
-    isBottomScrolled?: boolean;
-}
-const Footer = styled.footer<FooterProps>`
-    border-top: 1px solid ${({ isBottomScrolled, theme }) => (isBottomScrolled ? theme.component['modal-border-color'] : 'transparent')};
-    padding: var(--spacing-4x) ${getPadding} 0;
-`;
-
-export interface ModalProps {
-    /** Takes a query selector targeting the app Element. */
-    appElement?: string;
-    ariaDescribedby?: string;
-    /** Boolean indicating if the appElement should be hidden. Defaults to true.
-     * Should only be used for test purposes. */
-    ariaHideApp?: boolean;
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    children?: ReactNode;
-    className?: string;
-    /**
-     * Removes padding to give you a blank modal to work with.
-     * @default false
-     */
-    noPadding?: boolean;
-    /**
-     * Adds "x" iconButton to close modal
-     * @default true
-     */
-    hasCloseButton?: boolean;
-    isOpen: boolean;
-    modalFooter?: ReactNode;
-    modalHeader?: ReactNode;
-    parentSelector?: () => HTMLElement;
-    /**
-     * Sets modal role tag
-     * @default dialog
-     */
-    role?: string;
-    /**
-     * Defines if the overlay click should close the modal
-     * @default true
-     */
-    shouldCloseOnOverlayClick?: boolean;
-
-    /** Function that will run after the modal has opened */
-    onAfterOpen?(): void;
-
-    /** Function that will run after the modal has closed */
-    onAfterClose?(): void;
-
-    onRequestClose(): void;
-}
+import { useDeviceContext } from '../device-context-provider/device-context-provider';
+import {
+    Footer,
+    Header,
+    Main,
+    StyledCloseButton,
+    StyledModal,
+} from './styled';
+import { ModalProps } from './types';
 
 export const Modal: FunctionComponent<PropsWithChildren<ModalProps>> = ({
     appElement,
@@ -151,6 +22,7 @@ export const Modal: FunctionComponent<PropsWithChildren<ModalProps>> = ({
     className,
     noPadding = false,
     hasCloseButton = true,
+    width = '60vw',
     isOpen,
     modalFooter,
     modalHeader,
@@ -209,6 +81,25 @@ export const Modal: FunctionComponent<PropsWithChildren<ModalProps>> = ({
         ReactModal.setAppElement(appElement);
     }
 
+    function renderCloseButton(): ReactElement | null {
+        if (!hasCloseButton) {
+            return null;
+        }
+        return (
+            <StyledCloseButton
+                data-testid="close-button"
+                label={t('closeButtonLabel')}
+                type="button"
+                buttonType="tertiary"
+                iconName="x"
+                onClick={onRequestClose}
+                size="small"
+                isMobile={isMobile}
+                $noPadding={noPadding}
+            />
+        );
+    }
+
     return (
         <StyledModal
             aria={{
@@ -218,8 +109,6 @@ export const Modal: FunctionComponent<PropsWithChildren<ModalProps>> = ({
             }}
             ariaHideApp={ariaHideApp}
             className={className}
-            noPadding={noPadding}
-            hasCloseButton={hasCloseButton}
             isOpen={isOpen}
             onAfterOpen={onAfterOpen}
             onAfterClose={onAfterClose}
@@ -231,52 +120,41 @@ export const Modal: FunctionComponent<PropsWithChildren<ModalProps>> = ({
             shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}
             breakpoints={breakpoints}
             isMobile={isMobile}
+            $width={width}
         >
+            {renderCloseButton()}
             {modalHeader && (
                 <Header
-                    hasCloseButton={hasCloseButton}
                     isMobile={isMobile}
-                    isTopScrolled={topScroll > 0}
-                    noPadding={noPadding}
+                    $hasCloseButton={hasCloseButton}
+                    $isTopScrolled={topScroll > 0}
+                    $noPadding={noPadding}
                 >
                     {modalHeader}
                 </Header>
             )}
-
             {children && (
                 <Main
-                    hasCloseButton={hasCloseButton}
                     isMobile={isMobile}
-                    noPadding={noPadding}
                     ref={mainRefCallback}
+                    $hasHeader={!!modalHeader}
+                    $hasFooter={!!modalFooter}
+                    $noPadding={noPadding}
+                    $hasCloseButton={hasCloseButton}
                 >
                     {children}
+
                 </Main>
             )}
-
             {modalFooter && (
                 <Footer
-                    hasCloseButton={hasCloseButton}
-                    isBottomScrolled={bottomScroll > 0}
                     isMobile={isMobile}
-                    noPadding={noPadding}
+                    $isBottomScrolled={bottomScroll > 0}
+                    $noPadding={noPadding}
                 >
                     {modalFooter}
                 </Footer>
             )}
-
-            {hasCloseButton && (
-                <CloseIconButton
-                    data-testid="close-button"
-                    label={t('closeButtonLabel')}
-                    type="button"
-                    buttonType="tertiary"
-                    iconName="x"
-                    onClick={onRequestClose}
-                    isMobile={isMobile}
-                    size="small"
-                />
-            )}
         </StyledModal>
     );
 };
diff --git a/packages/react/src/components/modal/styled.ts b/packages/react/src/components/modal/styled.ts
new file mode 100644
index 0000000000..6a1fe04a30
--- /dev/null
+++ b/packages/react/src/components/modal/styled.ts
@@ -0,0 +1,97 @@
+import { CSSProperties } from 'react';
+import ReactModal from 'react-modal';
+import styled from 'styled-components';
+import { IconButton } from '../buttons/icon-button';
+import { CommonStyledProps, FooterProps, HeaderProps, MainProps, StyledModalProps } from './types';
+
+function getWidthPadding({ $noPadding, isMobile }: CommonStyledProps): string {
+    if ($noPadding) {
+        return '0';
+    }
+    if (isMobile) {
+        return 'var(--spacing-2x)';
+    }
+    return 'var(--spacing-4x)';
+}
+
+function getHeightPadding({ $noPadding, isMobile }: CommonStyledProps): string {
+    if ($noPadding) {
+        return '0';
+    }
+    if (isMobile) {
+        return 'var(--spacing-2x)';
+    }
+    return 'var(--spacing-3x)';
+}
+
+function getModalMinWidth({ breakpoints, isMobile }: StyledModalProps): string {
+    return isMobile ? 'initial' : `calc(${breakpoints.mobile}px - var(--spacing-4x))`;
+}
+
+function getModalWidth({ $width, isMobile }: StyledModalProps): CSSProperties['width'] {
+    return isMobile ? 'calc(100vw - var(--spacing-2x))' : $width;
+}
+
+export const StyledModal = styled(ReactModal)<StyledModalProps>`
+    background-color: ${({ theme }) => theme.component['modal-background-color']};
+    border-radius: var(--border-radius-2x);
+    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 10%);
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    height: auto;
+    max-height: calc(100vh - var(--spacing-2x));
+    max-width: 95vw;
+    min-height: 1vh;
+    min-width: ${getModalMinWidth};
+    position: relative;
+    width: ${getModalWidth};
+
+    /* Firefox overflow-y: scroll problem fix (skipped bottom padding)
+    https://bugzilla.mozilla.org/show_bug.cgi?id=748518 */
+
+    &::after {
+        content: '';
+        display: block;
+    }
+`;
+
+export const Main = styled.main<MainProps>`
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-2x);
+    max-height: 100%;
+    overflow-y: auto;
+    padding: ${getHeightPadding} ${getWidthPadding};
+    ${({ $hasHeader }) => $hasHeader && 'padding-top: 0'};
+    ${({ $hasFooter }) => $hasFooter && 'padding-bottom: 0'};
+    ${({ $hasHeader, $hasCloseButton, ...props }) => !$hasHeader && $hasCloseButton
+        && `padding-right: calc(${getWidthPadding(props)} + var(--spacing-3x))`};`;
+
+export const Header = styled.header<HeaderProps>`
+    border-bottom: 1px solid ${({ $isTopScrolled, theme }) => ($isTopScrolled ? theme.component['modal-border-color'] : 'transparent')};
+    padding: ${getHeightPadding} ${getWidthPadding};
+
+    ${({ $hasCloseButton, ...props }) => $hasCloseButton && `
+        align-items: center;
+        display: flex;
+        justify-content: space-between;
+        padding-right: calc(${getWidthPadding(props)} + var(--spacing-3x));
+    `};
+`;
+
+export const Footer = styled.footer<FooterProps>`
+    border-top: 1px solid ${({ $isBottomScrolled, theme }) => ($isBottomScrolled ? theme.component['modal-border-color'] : 'transparent')};
+    padding: var(--spacing-4x) ${getWidthPadding};
+`;
+
+export const StyledCloseButton = styled(IconButton)<CommonStyledProps>`
+    pointer-events: none;
+    position: absolute;
+    right: ${getWidthPadding};
+    top: ${getHeightPadding};
+
+    & > * {
+        pointer-events: auto;
+    }
+`;
diff --git a/packages/react/src/components/modal/types.ts b/packages/react/src/components/modal/types.ts
new file mode 100644
index 0000000000..b5df18f238
--- /dev/null
+++ b/packages/react/src/components/modal/types.ts
@@ -0,0 +1,77 @@
+import { CSSProperties, ReactNode } from 'react';
+import { DeviceContextProps } from '../device-context-provider/device-context-provider';
+
+export interface StyledModalProps extends Pick<DeviceContextProps, 'isMobile' | 'breakpoints'> {
+    $width: CSSProperties['width'];
+}
+
+export type MobileDeviceContextProps = Pick<DeviceContextProps, 'isMobile'>
+
+export interface CommonStyledProps extends MobileDeviceContextProps {
+    $noPadding: boolean;
+}
+
+export interface MainProps extends CommonStyledProps {
+    $hasCloseButton: boolean;
+    $hasHeader?: boolean;
+    $hasFooter?: boolean;
+}
+
+export interface HeaderProps extends CommonStyledProps {
+    $hasCloseButton: boolean;
+    $isTopScrolled?: boolean;
+}
+
+export interface FooterProps extends CommonStyledProps {
+    $isBottomScrolled?: boolean;
+}
+
+export interface BaseModalProps {
+    /** Takes a query selector targeting the app Element. */
+    appElement?: string;
+    ariaDescribedby?: string;
+    /** Boolean indicating if the appElement should be hidden. Defaults to true.
+     * Should only be used for test purposes. */
+    ariaHideApp?: boolean;
+    children?: ReactNode;
+    className?: string;
+    /**
+     * Modify the modal width
+     * @default 60vw
+     */
+    width?: CSSProperties['width'];
+    /**
+     * Adds "x" iconButton to close modal
+     * @default true
+     */
+    hasCloseButton?: boolean;
+    isOpen: boolean;
+    /**
+     * Defines if the overlay click should close the modal
+     * @default true
+     */
+    shouldCloseOnOverlayClick?: boolean;
+    parentSelector?: () => HTMLElement;
+    onRequestClose(): void;
+}
+
+export interface ModalProps extends BaseModalProps {
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    /**
+     * Removes padding to give you a blank modal to work with.
+     * @default false
+     */
+    noPadding?: boolean;
+    modalHeader?: ReactNode;
+    modalFooter?: ReactNode;
+    /**
+     * Sets modal role tag
+     * @default dialog
+     */
+    role?: string;
+    /** Function that will run after the modal has opened */
+    onAfterOpen?(): void;
+    /** Function that will run after the modal has closed */
+    onAfterClose?(): void;
+}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 9e6c331da1..3ad6f92633 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -71,8 +71,7 @@ export * from './components/tooltip/tooltip';
 export * from './components/toggletip/toggletip';
 export { Table } from './components/table/table';
 export { TableColumn, TableData } from './components/table/types';
-export { Modal } from './components/modal/modal';
-export { ModalDialog } from './components/modal/modal-dialog';
+export { Modal, ModalDialog } from './components/modal';
 export {
     Tag, TagValue, TagColor, TagSize, TagProps,
 } from './components/tag/tag';
diff --git a/packages/react/src/test-utils/renderer.tsx b/packages/react/src/test-utils/renderer.tsx
index 146b49a6c1..acdfaed50d 100644
--- a/packages/react/src/test-utils/renderer.tsx
+++ b/packages/react/src/test-utils/renderer.tsx
@@ -88,3 +88,11 @@ export function renderPortalWithProviders(
 ): RenderResult {
     return testingLibRender(<AllProviders staticDevice={device}>{component}</AllProviders>);
 }
+
+export function rerenderPortalWithProviders(
+    component: ReactElement,
+    rerender: RenderResult['rerender'],
+    device?: DeviceType,
+): void {
+    rerender(<AllProviders staticDevice={device}>{component}</AllProviders>);
+}
diff --git a/packages/react/src/themes/tokens/component/modal-tokens.ts b/packages/react/src/themes/tokens/component/modal-tokens.ts
index 29965542f4..4666b797b8 100644
--- a/packages/react/src/themes/tokens/component/modal-tokens.ts
+++ b/packages/react/src/themes/tokens/component/modal-tokens.ts
@@ -4,7 +4,8 @@ import { RefTokens } from '../ref-tokens';
 export type ModalTokens =
     | 'modal-background-color'
     | 'modal-border-color'
-    | 'modal-backdrop-background-color';
+    | 'modal-backdrop-background-color'
+    | 'modal-dialog-alert-icon-color';
 
 export type ModalTokenValue = AliasTokens | RefTokens;
 
@@ -16,4 +17,5 @@ export const defaultModalTokens: ModalTokenMap = {
     'modal-background-color': 'color-background-overlay',
     'modal-border-color': 'color-border-overlay',
     'modal-backdrop-background-color': 'color-backdrop-background',
+    'modal-dialog-alert-icon-color': 'color-feedback-content-alert',
 };
diff --git a/packages/storybook/stories/modal.stories.tsx b/packages/storybook/stories/modal.stories.tsx
index 8687d27628..b1469bcdc3 100644
--- a/packages/storybook/stories/modal.stories.tsx
+++ b/packages/storybook/stories/modal.stories.tsx
@@ -3,6 +3,9 @@ import { Meta, StoryObj } from '@storybook/react';
 
 const meta: Meta<typeof ModalDialog> = {
     title: 'Components/Modal',
+    argTypes: {
+        width: { control: { type: 'text' } },
+    },
     component: ModalDialog,
 };
 

From 5fdca4dbac0aa3cc06961f0d3ad37b902f892688 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 8 Oct 2024 15:13:28 -0400
Subject: [PATCH 26/30] chore(deps): lock file maintenance (#1002)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 yarn.lock | 1624 +++++++++++++++++++++++++++--------------------------
 1 file changed, 837 insertions(+), 787 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 7ba57d985b..80308570a9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -22,24 +22,47 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.22.13, @babel/code-frame@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/code-frame@npm:7.24.7"
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.22.13, @babel/code-frame@npm:^7.24.7, @babel/code-frame@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/code-frame@npm:7.25.7"
   dependencies:
-    "@babel/highlight": "npm:^7.24.7"
+    "@babel/highlight": "npm:^7.25.7"
     picocolors: "npm:^1.0.0"
-  checksum: 10c0/ab0af539473a9f5aeaac7047e377cb4f4edd255a81d84a76058595f8540784cc3fbe8acf73f1e073981104562490aabfb23008cd66dc677a456a4ed5390fdde6
+  checksum: 10c0/14825c298bdec914caf3d24d1383b6d4cd6b030714686004992f4fc251831ecf432236652896f99d5d341f17170ae9a07b58d8d7b15aa0df8cfa1c5a7d5474bc
   languageName: node
   linkType: hard
 
-"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.25.2, @babel/compat-data@npm:^7.25.4":
-  version: 7.25.4
-  resolution: "@babel/compat-data@npm:7.25.4"
-  checksum: 10c0/50d79734d584a28c69d6f5b99adfaa064d0f41609a378aef04eb06accc5b44f8520e68549eba3a082478180957b7d5783f1bfb1672e4ae8574e797ce8bae79fa
+"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.25.2, @babel/compat-data@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/compat-data@npm:7.25.7"
+  checksum: 10c0/e5cc915abdd18d021236474a96606b2d4a915c4fb620c1ad776b8a08d91111e788cb3b7e9bad43593d4e0bfa4f06894357bcb0984102de1861b9e7322b6bc9f8
   languageName: node
   linkType: hard
 
-"@babel/core@npm:*, @babel/core@npm:7.25.2, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.18.9, @babel/core@npm:^7.21.3, @babel/core@npm:^7.23.7, @babel/core@npm:^7.23.9, @babel/core@npm:^7.24.4":
+"@babel/core@npm:*, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.18.9, @babel/core@npm:^7.21.3, @babel/core@npm:^7.23.7, @babel/core@npm:^7.23.9, @babel/core@npm:^7.24.4":
+  version: 7.25.7
+  resolution: "@babel/core@npm:7.25.7"
+  dependencies:
+    "@ampproject/remapping": "npm:^2.2.0"
+    "@babel/code-frame": "npm:^7.25.7"
+    "@babel/generator": "npm:^7.25.7"
+    "@babel/helper-compilation-targets": "npm:^7.25.7"
+    "@babel/helper-module-transforms": "npm:^7.25.7"
+    "@babel/helpers": "npm:^7.25.7"
+    "@babel/parser": "npm:^7.25.7"
+    "@babel/template": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+    convert-source-map: "npm:^2.0.0"
+    debug: "npm:^4.1.0"
+    gensync: "npm:^1.0.0-beta.2"
+    json5: "npm:^2.2.3"
+    semver: "npm:^6.3.1"
+  checksum: 10c0/dad20af39624086afc3a0910bd97ae712c9ad0e9dda09fc5da93876e8ea1802b63ddd81c44f4aa8a9834db46de801eaab1ce9b81ab54b4fe907ae052c24de136
+  languageName: node
+  linkType: hard
+
+"@babel/core@npm:7.25.2":
   version: 7.25.2
   resolution: "@babel/core@npm:7.25.2"
   dependencies:
@@ -62,77 +85,77 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.25.0, @babel/generator@npm:^7.25.6, @babel/generator@npm:^7.7.2":
-  version: 7.25.6
-  resolution: "@babel/generator@npm:7.25.6"
+"@babel/generator@npm:^7.25.0, @babel/generator@npm:^7.25.7, @babel/generator@npm:^7.7.2":
+  version: 7.25.7
+  resolution: "@babel/generator@npm:7.25.7"
   dependencies:
-    "@babel/types": "npm:^7.25.6"
+    "@babel/types": "npm:^7.25.7"
     "@jridgewell/gen-mapping": "npm:^0.3.5"
     "@jridgewell/trace-mapping": "npm:^0.3.25"
-    jsesc: "npm:^2.5.1"
-  checksum: 10c0/f89282cce4ddc63654470b98086994d219407d025497f483eb03ba102086e11e2b685b27122f6ff2e1d93b5b5fa0c3a6b7e974fbf2e4a75b685041a746a4291e
+    jsesc: "npm:^3.0.2"
+  checksum: 10c0/c03a26c79864d60d04ce36b649c3fa0d6fd7b2bf6a22e22854a0457aa09206508392dd73ee40e7bc8d50b3602f9ff068afa47770cda091d332e7db1ca382ee96
   languageName: node
   linkType: hard
 
-"@babel/helper-annotate-as-pure@npm:^7.22.5, @babel/helper-annotate-as-pure@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-annotate-as-pure@npm:7.24.7"
+"@babel/helper-annotate-as-pure@npm:^7.22.5, @babel/helper-annotate-as-pure@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-annotate-as-pure@npm:7.25.7"
   dependencies:
-    "@babel/types": "npm:^7.24.7"
-  checksum: 10c0/4679f7df4dffd5b3e26083ae65228116c3da34c3fff2c11ae11b259a61baec440f51e30fd236f7a0435b9d471acd93d0bc5a95df8213cbf02b1e083503d81b9a
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/2f020b0fa9d336b5778485cc2de3141561ec436a7591b685457a5bcdae4ce41d9ddee68169c95504e0789e5a4327e73b8b7e72e5b60e82e96d730c4d19255248
   languageName: node
   linkType: hard
 
-"@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.24.7"
+"@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.25.7"
   dependencies:
-    "@babel/traverse": "npm:^7.24.7"
-    "@babel/types": "npm:^7.24.7"
-  checksum: 10c0/0ed84abf848c79fb1cd4c1ddac12c771d32c1904d87fc3087f33cfdeb0c2e0db4e7892b74b407d9d8d0c000044f3645a7391a781f788da8410c290bb123a1f13
+    "@babel/traverse": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/e9dc5a7920a1d74150dec53ccd5e34f2b31ae307df7cdeec6289866f7bda97ecb1328b49a7710ecde5db5b6daad768c904a030f9a0fa3184963b0017622c42aa
   languageName: node
   linkType: hard
 
-"@babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.24.7, @babel/helper-compilation-targets@npm:^7.24.8, @babel/helper-compilation-targets@npm:^7.25.2":
-  version: 7.25.2
-  resolution: "@babel/helper-compilation-targets@npm:7.25.2"
+"@babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.25.2, @babel/helper-compilation-targets@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-compilation-targets@npm:7.25.7"
   dependencies:
-    "@babel/compat-data": "npm:^7.25.2"
-    "@babel/helper-validator-option": "npm:^7.24.8"
-    browserslist: "npm:^4.23.1"
+    "@babel/compat-data": "npm:^7.25.7"
+    "@babel/helper-validator-option": "npm:^7.25.7"
+    browserslist: "npm:^4.24.0"
     lru-cache: "npm:^5.1.1"
     semver: "npm:^6.3.1"
-  checksum: 10c0/de10e986b5322c9f807350467dc845ec59df9e596a5926a3b5edbb4710d8e3b8009d4396690e70b88c3844fe8ec4042d61436dd4b92d1f5f75655cf43ab07e99
+  checksum: 10c0/705be7e5274a3fdade68e3e2cf42e2b600316ab52794e13b91299a16f16c926f15886b6e9d6df20eb943ccc1cdba5a363d4766f8d01e47b8e6f4e01175f5e66c
   languageName: node
   linkType: hard
 
-"@babel/helper-create-class-features-plugin@npm:^7.24.7, @babel/helper-create-class-features-plugin@npm:^7.25.0, @babel/helper-create-class-features-plugin@npm:^7.25.4":
-  version: 7.25.4
-  resolution: "@babel/helper-create-class-features-plugin@npm:7.25.4"
+"@babel/helper-create-class-features-plugin@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.25.7"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
-    "@babel/helper-member-expression-to-functions": "npm:^7.24.8"
-    "@babel/helper-optimise-call-expression": "npm:^7.24.7"
-    "@babel/helper-replace-supers": "npm:^7.25.0"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
-    "@babel/traverse": "npm:^7.25.4"
+    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
+    "@babel/helper-member-expression-to-functions": "npm:^7.25.7"
+    "@babel/helper-optimise-call-expression": "npm:^7.25.7"
+    "@babel/helper-replace-supers": "npm:^7.25.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/a765d9e0482e13cf96642fa8aa28e6f7d4d7d39f37840d6246e5e10a7c47f47c52d52522edd3073f229449d17ec0db6f9b7b5e398bff6bb0b4994d65957a164c
+  checksum: 10c0/405c3c1a137acda1206380a96993cf2cfd808b3bee1c11c4af47ee0f03a20858497aa53394d6adc5431793c543be5e02010620e871a5ab39d938ae90a54b50f2
   languageName: node
   linkType: hard
 
-"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.24.7, @babel/helper-create-regexp-features-plugin@npm:^7.25.0, @babel/helper-create-regexp-features-plugin@npm:^7.25.2":
-  version: 7.25.2
-  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.25.2"
+"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.25.7"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
-    regexpu-core: "npm:^5.3.1"
+    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
+    regexpu-core: "npm:^6.1.1"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/85a7e3639c118856fb1113f54fb7e3bf7698171ddfd0cd6fccccd5426b3727bc1434fe7f69090441dcde327feef9de917e00d35e47ab820047057518dd675317
+  checksum: 10c0/75919fd5a67cd7be8497b56f7b9ed6b4843cb401956ba8d403aa9ae5b005bc28e35c7f27e704d820edbd1154394ed7a7984d4719916795d89d716f6980fe8bd4
   languageName: node
   linkType: hard
 
@@ -151,223 +174,223 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-member-expression-to-functions@npm:^7.24.8":
-  version: 7.24.8
-  resolution: "@babel/helper-member-expression-to-functions@npm:7.24.8"
+"@babel/helper-member-expression-to-functions@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.25.7"
   dependencies:
-    "@babel/traverse": "npm:^7.24.8"
-    "@babel/types": "npm:^7.24.8"
-  checksum: 10c0/7e14a5acc91f6cd26305a4441b82eb6f616bd70b096a4d2099a968f16b26d50207eec0b9ebfc466fefd62bd91587ac3be878117cdfec819b7151911183cb0e5a
+    "@babel/traverse": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/1e948162ab48d84593a7c6ec9570d14c906146f1697144fc369c59dbeb00e4a062da67dd06cb0d8f98a044cd8389002dcf2ab6f5613d99c35748307846ec63fc
   languageName: node
   linkType: hard
 
-"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.22.5, @babel/helper-module-imports@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-module-imports@npm:7.24.7"
+"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.22.5, @babel/helper-module-imports@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-module-imports@npm:7.25.7"
   dependencies:
-    "@babel/traverse": "npm:^7.24.7"
-    "@babel/types": "npm:^7.24.7"
-  checksum: 10c0/97c57db6c3eeaea31564286e328a9fb52b0313c5cfcc7eee4bc226aebcf0418ea5b6fe78673c0e4a774512ec6c86e309d0f326e99d2b37bfc16a25a032498af0
+    "@babel/traverse": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/0fd0c3673835e5bf75558e184bcadc47c1f6dd2fe2016d53ebe1e5a6ae931a44e093015c2f9a6651c1a89f25c76d9246710c2b0b460b95ee069c464f2837fa2c
   languageName: node
   linkType: hard
 
-"@babel/helper-module-transforms@npm:^7.24.7, @babel/helper-module-transforms@npm:^7.24.8, @babel/helper-module-transforms@npm:^7.25.0, @babel/helper-module-transforms@npm:^7.25.2":
-  version: 7.25.2
-  resolution: "@babel/helper-module-transforms@npm:7.25.2"
+"@babel/helper-module-transforms@npm:^7.25.2, @babel/helper-module-transforms@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-module-transforms@npm:7.25.7"
   dependencies:
-    "@babel/helper-module-imports": "npm:^7.24.7"
-    "@babel/helper-simple-access": "npm:^7.24.7"
-    "@babel/helper-validator-identifier": "npm:^7.24.7"
-    "@babel/traverse": "npm:^7.25.2"
+    "@babel/helper-module-imports": "npm:^7.25.7"
+    "@babel/helper-simple-access": "npm:^7.25.7"
+    "@babel/helper-validator-identifier": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/adaa15970ace0aee5934b5a633789b5795b6229c6a9cf3e09a7e80aa33e478675eee807006a862aa9aa517935d81f88a6db8a9f5936e3a2a40ec75f8062bc329
+  checksum: 10c0/f37fa7d1d4df21690535b278468cbd5faf0133a3080f282000cfa4f3ffc9462a1458f866b04b6a2f2d1eec4691236cba9a867da61270dab3ab19846e62f05090
   languageName: node
   linkType: hard
 
-"@babel/helper-optimise-call-expression@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-optimise-call-expression@npm:7.24.7"
+"@babel/helper-optimise-call-expression@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-optimise-call-expression@npm:7.25.7"
   dependencies:
-    "@babel/types": "npm:^7.24.7"
-  checksum: 10c0/ca6a9884705dea5c95a8b3ce132d1e3f2ae951ff74987d400d1d9c215dae9c0f9e29924d8f8e131e116533d182675bc261927be72f6a9a2968eaeeaa51eb1d0f
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/19b4cc7e77811b1fedca4928dbc14026afef913c2ba4142e5e110ebdcb5c3b2efc0f0fbee9f362c23a194674147b9d627adea71c289b9be08b9067bc0085308b
   languageName: node
   linkType: hard
 
-"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.22.5, @babel/helper-plugin-utils@npm:^7.24.7, @babel/helper-plugin-utils@npm:^7.24.8, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
-  version: 7.24.8
-  resolution: "@babel/helper-plugin-utils@npm:7.24.8"
-  checksum: 10c0/0376037f94a3bfe6b820a39f81220ac04f243eaee7193774b983e956c1750883ff236b30785795abbcda43fac3ece74750566830c2daa4d6e3870bb0dff34c2d
+"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.22.5, @babel/helper-plugin-utils@npm:^7.24.7, @babel/helper-plugin-utils@npm:^7.24.8, @babel/helper-plugin-utils@npm:^7.25.7, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
+  version: 7.25.7
+  resolution: "@babel/helper-plugin-utils@npm:7.25.7"
+  checksum: 10c0/241f8cf3c5b7700e91cab7cfe5b432a3c710ae3cd5bb96dc554da536a6d25f5b9f000cc0c0917501ceb4f76ba92599ee3beb25e10adaf96be59f8df89a842faf
   languageName: node
   linkType: hard
 
-"@babel/helper-remap-async-to-generator@npm:^7.24.7, @babel/helper-remap-async-to-generator@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/helper-remap-async-to-generator@npm:7.25.0"
+"@babel/helper-remap-async-to-generator@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-remap-async-to-generator@npm:7.25.7"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
-    "@babel/helper-wrap-function": "npm:^7.25.0"
-    "@babel/traverse": "npm:^7.25.0"
+    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
+    "@babel/helper-wrap-function": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/0d17b5f7bb6a607edc9cc62fff8056dd9f341bf2f919884f97b99170d143022a5e7ae57922c4891e4fc360ad291e708d2f8cd8989f1d3cd7a17600159984f5a6
+  checksum: 10c0/972d84876adce6ab61c87a2df47e1afc790b73cff0d1767d0a1c5d9f7aa5e91d8c581a272b66b2051a26cfbb167d8a780564705e488e3ce1f477f1c15059bc5f
   languageName: node
   linkType: hard
 
-"@babel/helper-replace-supers@npm:^7.24.7, @babel/helper-replace-supers@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/helper-replace-supers@npm:7.25.0"
+"@babel/helper-replace-supers@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-replace-supers@npm:7.25.7"
   dependencies:
-    "@babel/helper-member-expression-to-functions": "npm:^7.24.8"
-    "@babel/helper-optimise-call-expression": "npm:^7.24.7"
-    "@babel/traverse": "npm:^7.25.0"
+    "@babel/helper-member-expression-to-functions": "npm:^7.25.7"
+    "@babel/helper-optimise-call-expression": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/b4b6650ab3d56c39a259367cd97f8df2f21c9cebb3716fea7bca40a150f8847bfb82f481e98927c7c6579b48a977b5a8f77318a1c6aeb497f41ecd6dbc3fdfef
+  checksum: 10c0/761d64ee74429f7326a6aa65e2cd5bfcb8de9e3bc3f1efb14b8f610d2410f003b0fca52778dc801d49ff8fbc90b057e8f51b27c62b0b05c95eaf23140ca1287b
   languageName: node
   linkType: hard
 
-"@babel/helper-simple-access@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-simple-access@npm:7.24.7"
+"@babel/helper-simple-access@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-simple-access@npm:7.25.7"
   dependencies:
-    "@babel/traverse": "npm:^7.24.7"
-    "@babel/types": "npm:^7.24.7"
-  checksum: 10c0/7230e419d59a85f93153415100a5faff23c133d7442c19e0cd070da1784d13cd29096ee6c5a5761065c44e8164f9f80e3a518c41a0256df39e38f7ad6744fed7
+    "@babel/traverse": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/eed1b499bfb4f613c18debd61517e3de77b6da2727ca025aa05ac81599e0269f1dddb5237db04e8bb598115d015874752e0a7f11ff38672d74a4976097417059
   languageName: node
   linkType: hard
 
-"@babel/helper-skip-transparent-expression-wrappers@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.24.7"
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.25.7"
   dependencies:
-    "@babel/traverse": "npm:^7.24.7"
-    "@babel/types": "npm:^7.24.7"
-  checksum: 10c0/e3a9b8ac9c262ac976a1bcb5fe59694db5e6f0b4f9e7bdba5c7693b8b5e28113c23bdaa60fe8d3ec32a337091b67720b2053bcb3d5655f5406536c3d0584242b
+    "@babel/traverse": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/5804adb893849a9d8cfb548e3812566a81d95cb0c9a10d66b52912d13f488e577c33063bf19bc06ac70e6333162a7370d67ba1a1c3544d37fb50d5f4a00db4de
   languageName: node
   linkType: hard
 
-"@babel/helper-string-parser@npm:^7.24.8":
-  version: 7.24.8
-  resolution: "@babel/helper-string-parser@npm:7.24.8"
-  checksum: 10c0/6361f72076c17fabf305e252bf6d580106429014b3ab3c1f5c4eb3e6d465536ea6b670cc0e9a637a77a9ad40454d3e41361a2909e70e305116a23d68ce094c08
+"@babel/helper-string-parser@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-string-parser@npm:7.25.7"
+  checksum: 10c0/73ef2ceb81f8294678a0afe8ab0103729c0370cac2e830e0d5128b03be5f6a2635838af31d391d763e3c5a4460ed96f42fd7c9b552130670d525be665913bc4c
   languageName: node
   linkType: hard
 
-"@babel/helper-validator-identifier@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-validator-identifier@npm:7.24.7"
-  checksum: 10c0/87ad608694c9477814093ed5b5c080c2e06d44cb1924ae8320474a74415241223cc2a725eea2640dd783ff1e3390e5f95eede978bc540e870053152e58f1d651
+"@babel/helper-validator-identifier@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-validator-identifier@npm:7.25.7"
+  checksum: 10c0/07438e5bf01ab2882a15027fdf39ac3b0ba1b251774a5130917907014684e2f70fef8fd620137ca062c4c4eedc388508d2ea7a3a7d9936a32785f4fe116c68c0
   languageName: node
   linkType: hard
 
-"@babel/helper-validator-option@npm:^7.24.7, @babel/helper-validator-option@npm:^7.24.8":
-  version: 7.24.8
-  resolution: "@babel/helper-validator-option@npm:7.24.8"
-  checksum: 10c0/73db93a34ae89201351288bee7623eed81a54000779462a986105b54ffe82069e764afd15171a428b82e7c7a9b5fec10b5d5603b216317a414062edf5c67a21f
+"@babel/helper-validator-option@npm:^7.24.7, @babel/helper-validator-option@npm:^7.24.8, @babel/helper-validator-option@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-validator-option@npm:7.25.7"
+  checksum: 10c0/12ed418c8e3ed9ed44c8c80d823f4e42d399b5eb2e423adccb975e31a31a008cd3b5d8eab688b31f740caff4a1bb28fe06ea2fa7d635aee34cc0ad6995d50f0a
   languageName: node
   linkType: hard
 
-"@babel/helper-wrap-function@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/helper-wrap-function@npm:7.25.0"
+"@babel/helper-wrap-function@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helper-wrap-function@npm:7.25.7"
   dependencies:
-    "@babel/template": "npm:^7.25.0"
-    "@babel/traverse": "npm:^7.25.0"
-    "@babel/types": "npm:^7.25.0"
-  checksum: 10c0/d54601a98384c191cbc1ff07b03a19e288ef8d5c6bfafe270b2a303d96e7304eb296002921ed464cc1b105a547d1db146eb86b0be617924dee1ba1b379cdc216
+    "@babel/template": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/b5d412f72697f4a4ce4cb9784fbaf82501c63cf95066c0eadd3179e3439cbbf0aa5fa4858d93590083671943cd357aeb87286958df34aa56fdf8a4c9dea39755
   languageName: node
   linkType: hard
 
-"@babel/helpers@npm:^7.25.0":
-  version: 7.25.6
-  resolution: "@babel/helpers@npm:7.25.6"
+"@babel/helpers@npm:^7.25.0, @babel/helpers@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/helpers@npm:7.25.7"
   dependencies:
-    "@babel/template": "npm:^7.25.0"
-    "@babel/types": "npm:^7.25.6"
-  checksum: 10c0/448c1cdabccca42fd97a252f73f1e4bcd93776dbf24044f3b4f49b756bf2ece73ee6df05177473bb74ea7456dddd18d6f481e4d96d2cc7839d078900d48c696c
+    "@babel/template": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/3b3ae9e373bd785414195ef8f59976a69d5a6ebe0ef2165fdcc5165e5c3ee09e0fcee94bb457df2ddb8c0532e4146d0a9b7a96b3497399a4bff4ffe196b30228
   languageName: node
   linkType: hard
 
-"@babel/highlight@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/highlight@npm:7.24.7"
+"@babel/highlight@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/highlight@npm:7.25.7"
   dependencies:
-    "@babel/helper-validator-identifier": "npm:^7.24.7"
+    "@babel/helper-validator-identifier": "npm:^7.25.7"
     chalk: "npm:^2.4.2"
     js-tokens: "npm:^4.0.0"
     picocolors: "npm:^1.0.0"
-  checksum: 10c0/674334c571d2bb9d1c89bdd87566383f59231e16bcdcf5bb7835babdf03c9ae585ca0887a7b25bdf78f303984af028df52831c7989fecebb5101cc132da9393a
+  checksum: 10c0/1f5894fdb0a0af6101fb2822369b2eeeae32cbeae2ef73ff73fc6a0a4a20471565cd9cfa589f54ed69df66adeca7c57266031ca9134b7bd244d023a488d419aa
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.6":
-  version: 7.25.6
-  resolution: "@babel/parser@npm:7.25.6"
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/parser@npm:7.25.7"
   dependencies:
-    "@babel/types": "npm:^7.25.6"
+    "@babel/types": "npm:^7.25.7"
   bin:
     parser: ./bin/babel-parser.js
-  checksum: 10c0/f88a0e895dbb096fd37c4527ea97d12b5fc013720602580a941ac3a339698872f0c911e318c292b184c36b5fbe23b612f05aff9d24071bc847c7b1c21552c41d
+  checksum: 10c0/b771469bb6b636c18a8d642b9df3c73913c3860a979591e1a29a98659efd38b81d3e393047b5251fe382d4c82c681c12da9ce91c98d69316d2604d155a214bcf
   languageName: node
   linkType: hard
 
-"@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.25.3":
-  version: 7.25.3
-  resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.25.3"
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.25.3, @babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/traverse": "npm:^7.25.3"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/814b4d3f102e7556a5053d1acf57ef601cfcff39a2c81b8cdc6a5c842e3cb9838f5925d1466a5f1e6416e74c9c83586a3c07fbd7fb8610a396c2becdf9ae5790
+  checksum: 10c0/c6ba97c39973897a2ab021c4a77221e1e93e853a5811d498db325da1bd692e41fa521db6d91bb709ccafd4e54ddd00869ffb35846923c3ccd49d46124b316904
   languageName: node
   linkType: hard
 
-"@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:7.25.0"
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:^7.25.0, @babel/plugin-bugfix-safari-class-field-initializer-scope@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/9645a1f47b3750acadb1353c02e71cc712d072aafe5ce115ed3a886bc14c5d9200cfb0b5b5e60e813baa549b800cf798f8714019fd246c699053cf68c428e426
+  checksum: 10c0/ac284868bf410f952c6959b0d77708464127160416f003b05c8127d30e64792d671abc167ebf778b17707e32174223ea8d3ff487276991fa90297d92f0dac6e2
   languageName: node
   linkType: hard
 
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.25.0"
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.25.0, @babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/ed1ce1c90cac46c01825339fd0f2a96fa071b016fb819d8dfaf8e96300eae30e74870cb47e4dc80d4ce2fb287869f102878b4f3b35bc927fec8b1d0d76bcf612
+  checksum: 10c0/1bffc0a20c8c82b4c77515eb4c99b961b38184116f008bb42bed4e12d3379ba7b2bc6cf299bcea8118d645bb7a5e0caa83969842f16dd1fce49fb3a050e4ac65
   languageName: node
   linkType: hard
 
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.24.7"
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.24.7, @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
-    "@babel/plugin-transform-optional-chaining": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.13.0
-  checksum: 10c0/aeb6e7aa363a47f815cf956ea1053c5dd8b786a17799f065c9688ba4b0051fe7565d258bbe9400bfcbfb3114cb9fda66983e10afe4d750bc70ff75403e15dd36
+  checksum: 10c0/32223f012614a0b2657579317ded7d0d09af2aa316285715c5012f974d0f15c2ce2fe0d8e80fdd9bac6c10c21c93cc925a9dfd6c8e21ce7ba1a9fe06a58088b4
   languageName: node
   linkType: hard
 
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.25.0"
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.25.0, @babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/traverse": "npm:^7.25.0"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/45988025537a9d4a27b610fd696a18fd9ba9336621a69b4fb40560eeb10c79657f85c92a37f30c7c8fb29c22970eea0b373315795a891f1a05549a6cfe5a6bfe
+  checksum: 10c0/aa2ee7a5954d187de6cbcca0e0b64cfb79c4d224c332d1eb1e0e4afd92ef1a1f4bc4af24f66154097ccb348c08121a875456f47baed220b1b9e93584e6a19b65
   languageName: node
   linkType: hard
 
@@ -446,25 +469,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-import-assertions@npm:^7.24.7":
-  version: 7.25.6
-  resolution: "@babel/plugin-syntax-import-assertions@npm:7.25.6"
+"@babel/plugin-syntax-import-assertions@npm:^7.24.7, @babel/plugin-syntax-import-assertions@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-syntax-import-assertions@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/55afa63b1b1355bcc1d85a9ad9d2c78983e27beee38e232d5c1ab59eac39127ce3c3817d6686e3ab1d0aff5edd8e38a6852885c65d3e518accdd183a445ef411
+  checksum: 10c0/0fee0d971f3c654749fdf92e09b6556bba26ab014c8e99b7252f6a7f1ca108f17edd7ceefb5401d7b7008e98ab1b6f8c3c6a5db72862e7c7b2fcd649d000d690
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-import-attributes@npm:^7.24.7":
-  version: 7.25.6
-  resolution: "@babel/plugin-syntax-import-attributes@npm:7.25.6"
+"@babel/plugin-syntax-import-attributes@npm:^7.24.7, @babel/plugin-syntax-import-attributes@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-syntax-import-attributes@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/0e9359cf2d117476310961dfcfd7204ed692e933707da10d6194153d3996cd2ea5b7635fc90d720dce3612083af89966bb862561064a509c350320dc98644751
+  checksum: 10c0/fe00cdb96fd289ab126830a98e1dcf5ab7b529a6ef1c01a72506b5e7b1197d6e46c3c4d029cd90d1d61eb9a15ef77c282d156d0c02c7e32f168bb09d84150db4
   languageName: node
   linkType: hard
 
@@ -490,14 +513,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-jsx@npm:^7.22.5, @babel/plugin-syntax-jsx@npm:^7.24.7, @babel/plugin-syntax-jsx@npm:^7.7.2":
-  version: 7.24.7
-  resolution: "@babel/plugin-syntax-jsx@npm:7.24.7"
+"@babel/plugin-syntax-jsx@npm:^7.22.5, @babel/plugin-syntax-jsx@npm:^7.25.7, @babel/plugin-syntax-jsx@npm:^7.7.2":
+  version: 7.25.7
+  resolution: "@babel/plugin-syntax-jsx@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/f44d927a9ae8d5ef016ff5b450e1671e56629ddc12e56b938e41fd46e141170d9dfc9a53d6cb2b9a20a7dd266a938885e6a3981c60c052a2e1daed602ac80e51
+  checksum: 10c0/17db499c31fcfaa94d5408726d943955d51d478353d1e2dd84eda6024f7e3d104b9456a77f8aabfae0db7f4dc32f810d08357112f7fcbe305e7c9fcf5b3cac13
   languageName: node
   linkType: hard
 
@@ -589,14 +612,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-typescript@npm:^7.24.7, @babel/plugin-syntax-typescript@npm:^7.7.2":
-  version: 7.25.4
-  resolution: "@babel/plugin-syntax-typescript@npm:7.25.4"
+"@babel/plugin-syntax-typescript@npm:^7.25.7, @babel/plugin-syntax-typescript@npm:^7.7.2":
+  version: 7.25.7
+  resolution: "@babel/plugin-syntax-typescript@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/199919d44c73e5edee9ffd311cf638f88d26a810189e32d338c46c7600441fd5c4a2e431f9be377707cbf318410895304e90b83bf8d9011d205150fa7f260e63
+  checksum: 10c0/ed51fd81a5cf571a89fc4cf4c0e3b0b91285c367237374c133d2e5e718f3963cfa61b81997df39220a8837dc99f9e9a8ab7701d259c09fae379e4843d9db60c2
   languageName: node
   linkType: hard
 
@@ -612,481 +635,481 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-arrow-functions@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-arrow-functions@npm:7.24.7"
+"@babel/plugin-transform-arrow-functions@npm:^7.24.7, @babel/plugin-transform-arrow-functions@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-arrow-functions@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/6ac05a54e5582f34ac6d5dc26499e227227ec1c7fa6fc8de1f3d40c275f140d3907f79bbbd49304da2d7008a5ecafb219d0b71d78ee3290ca22020d878041245
+  checksum: 10c0/c8d75ead93f130bf113b6d29493aca695092661ef039336d2a227169c3b7895aa5e9bcc548c42a95a6eaaaf49e512317b00699940bd40ccefd77443e703d3935
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-async-generator-functions@npm:^7.25.0, @babel/plugin-transform-async-generator-functions@npm:^7.25.4":
-  version: 7.25.4
-  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.25.4"
+"@babel/plugin-transform-async-generator-functions@npm:^7.25.0, @babel/plugin-transform-async-generator-functions@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/helper-remap-async-to-generator": "npm:^7.25.0"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-remap-async-to-generator": "npm:^7.25.7"
     "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
-    "@babel/traverse": "npm:^7.25.4"
+    "@babel/traverse": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/efed6f6be90b25ad77c15a622a0dc0b22dbf5d45599c207ab8fbc4e959aef21f574fa467d9cf872e45de664a46c32334e78dee2332d82f5f27e26249a34a0920
+  checksum: 10c0/dcdd17d8cafafe0eb2edd0a46a7abe86c72235c957c8eb1157ccadb2b199572d5d1aa36a2d3bce5cb99990f7d3c6290ecf09959c62f3081c4df9ff717a1c84a4
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-async-to-generator@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-async-to-generator@npm:7.24.7"
+"@babel/plugin-transform-async-to-generator@npm:^7.24.7, @babel/plugin-transform-async-to-generator@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-async-to-generator@npm:7.25.7"
   dependencies:
-    "@babel/helper-module-imports": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
-    "@babel/helper-remap-async-to-generator": "npm:^7.24.7"
+    "@babel/helper-module-imports": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-remap-async-to-generator": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/83c82e243898875af8457972a26ab29baf8a2078768ee9f35141eb3edff0f84b165582a2ff73e90a9e08f5922bf813dbf15a85c1213654385198f4591c0dc45d
+  checksum: 10c0/1dbefba9c1455f7a92b8c59a93c622091db945294c936fc2c09b1648308c5b4cb2ecaae92baae0d07a324ab890a8a2ee27ceb046bc120932845d27aede275821
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoped-functions@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.24.7"
+"@babel/plugin-transform-block-scoped-functions@npm:^7.24.7, @babel/plugin-transform-block-scoped-functions@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/113e86de4612ae91773ff5cb6b980f01e1da7e26ae6f6012127415d7ae144e74987bc23feb97f63ba4bc699331490ddea36eac004d76a20d5369e4cc6a7f61cd
+  checksum: 10c0/b1e77492295d1b271ef850a81b0404cf3d0dd6a2bcbeab28a0fd99e61c6de4bda91dff583bb42138eec61bf71282bdd3b1bebcb53b7e373035e77fd6ba66caeb
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoping@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/plugin-transform-block-scoping@npm:7.25.0"
+"@babel/plugin-transform-block-scoping@npm:^7.25.0, @babel/plugin-transform-block-scoping@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/382931c75a5d0ea560387e76cb57b03461300527e4784efcb2fb62f36c1eb0ab331327b6034def256baa0cad9050925a61f9c0d56261b6afd6a29c3065fb0bd4
+  checksum: 10c0/b2057e00535cd0e8bd5ee5d4640aa2e952564aeafb1bcf4e7b6de33442422877bb0ca8669ad0a48262ec077271978c61eae87b6b3bc8f472d830fa781d6f7e44
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-class-properties@npm:^7.24.7, @babel/plugin-transform-class-properties@npm:^7.25.4":
-  version: 7.25.4
-  resolution: "@babel/plugin-transform-class-properties@npm:7.25.4"
+"@babel/plugin-transform-class-properties@npm:^7.24.7, @babel/plugin-transform-class-properties@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-class-properties@npm:7.25.7"
   dependencies:
-    "@babel/helper-create-class-features-plugin": "npm:^7.25.4"
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/0b41bc8a5920d3d17c7c06220b601cf43e0a32ac34f05f05cd0cdf08915e4521b1b707cb1e60942b4fc68a5dfac09f0444a8720e0c72ce76fb039e8ec5263115
+  checksum: 10c0/1f41e6934b20ad3e05df63959cff9bc600ff3119153b9acbbd44c1731e7df04866397e6e17799173f4c53cdee6115e155632859aee20bf47ec7dcef3f2168a47
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-class-static-block@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-class-static-block@npm:7.24.7"
+"@babel/plugin-transform-class-static-block@npm:^7.24.7, @babel/plugin-transform-class-static-block@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-class-static-block@npm:7.25.7"
   dependencies:
-    "@babel/helper-create-class-features-plugin": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/plugin-syntax-class-static-block": "npm:^7.14.5"
   peerDependencies:
     "@babel/core": ^7.12.0
-  checksum: 10c0/b0ade39a3d09dce886f79dbd5907c3d99b48167eddb6b9bbde24a0598129654d7017e611c20494cdbea48b07ac14397cd97ea34e3754bbb2abae4e698128eccb
+  checksum: 10c0/cbb4b46cbd8ad10106eb2bedb5a0665661a1d1d5b6f3ab565ff454b802dab4718e02b25670fe0d40835494aedb3dc26757c06cc4da6ff3e80291c5f882269bd3
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-classes@npm:^7.25.0, @babel/plugin-transform-classes@npm:^7.25.4":
-  version: 7.25.4
-  resolution: "@babel/plugin-transform-classes@npm:7.25.4"
+"@babel/plugin-transform-classes@npm:^7.25.0, @babel/plugin-transform-classes@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-classes@npm:7.25.7"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
-    "@babel/helper-compilation-targets": "npm:^7.25.2"
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/helper-replace-supers": "npm:^7.25.0"
-    "@babel/traverse": "npm:^7.25.4"
+    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
+    "@babel/helper-compilation-targets": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-replace-supers": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
     globals: "npm:^11.1.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/c68424d9dd64860825111aa4a4ed5caf29494b7a02ddb9c36351d768c41e8e05127d89274795cdfcade032d9d299e6c677418259df58c71e68f1741583dcf467
+  checksum: 10c0/8121781e1d8acd80e6169019106f73a399475ad9c895c1988a344dfed5a6ddd340938ac55123dc1e423bb8f25f255f5d11031116ad756ba3c314595a97c973af
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-computed-properties@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-computed-properties@npm:7.24.7"
+"@babel/plugin-transform-computed-properties@npm:^7.24.7, @babel/plugin-transform-computed-properties@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-computed-properties@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
-    "@babel/template": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/template": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/25636dbc1f605c0b8bc60aa58628a916b689473d11551c9864a855142e36742fe62d4a70400ba3b74902338e77fb3d940376c0a0ba154b6b7ec5367175233b49
+  checksum: 10c0/7ad0a1c126f50935a02e77d438ebc39078a9d644b3a60de60bec32c5d9f49e7f2b193fcecb8c61bb1bc3cdd4af1e93f72d022d448511fa76a171527c633cd1bf
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-destructuring@npm:^7.24.8":
-  version: 7.24.8
-  resolution: "@babel/plugin-transform-destructuring@npm:7.24.8"
+"@babel/plugin-transform-destructuring@npm:^7.24.8, @babel/plugin-transform-destructuring@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-destructuring@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/804968c1d5f5072c717505296c1e5d5ec33e90550423de66de82bbcb78157156e8470bbe77a04ab8c710a88a06360a30103cf223ac7eff4829adedd6150de5ce
+  checksum: 10c0/a563123b2fb267e03aa50104005f00b56226a685938906c42c1b251462e0cc9fc89e587d5656d3324159071eb8ebda8c68a6011f11d5a00fb1436cb5a5411b7b
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-dotall-regex@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-dotall-regex@npm:7.24.7"
+"@babel/plugin-transform-dotall-regex@npm:^7.24.7, @babel/plugin-transform-dotall-regex@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-dotall-regex@npm:7.25.7"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/793f14c9494972d294b7e7b97b747f47874b6d57d7804d3443c701becf5db192c9311be6a1835c07664486df1f5c60d33196c36fb7e11a53015e476b4c145b33
+  checksum: 10c0/7f1db3ec20b7fae46db4a9c4c257d75418b0896b72c0a3de20b3044f952801480f0a2e75ebb0d64f13e8cd4db0e49aa42c5c0edff372b23c41679b1ea5dd3ed4
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-duplicate-keys@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.24.7"
+"@babel/plugin-transform-duplicate-keys@npm:^7.24.7, @babel/plugin-transform-duplicate-keys@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/75ff7ec1117ac500e77bf20a144411d39c0fdd038f108eec061724123ce6d1bb8d5bd27968e466573ee70014f8be0043361cdb0ef388f8a182d1d97ad67e51b9
+  checksum: 10c0/b4079981e2db19737a0f1a00254e7388e2d3c01ce36e9fd826e4d86d3c1755339495e29c71fd7c84a068201ec24687328d48f3bf53b32b6d6224f51d9a34da74
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:7.25.0"
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:^7.25.0, @babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:7.25.7"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.0"
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/1c9b57ddd9b33696e88911d0e7975e1573ebc46219c4b30eb1dc746cbb71aedfac6f6dab7fdfdec54dd58f31468bf6ab56b157661ea4ffe58f906d71f89544c8
+  checksum: 10c0/e4946090ff6d88d54b78265ee653079ec34c117ac046e22f66f7c4ac44249cdc2dfca385bc5bf4386db668b9948eeb12985589500188bc252e684c7714c31475
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-dynamic-import@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-dynamic-import@npm:7.24.7"
+"@babel/plugin-transform-dynamic-import@npm:^7.24.7, @babel/plugin-transform-dynamic-import@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-dynamic-import@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/eeda48372efd0a5103cb22dadb13563c975bce18ae85daafbb47d57bb9665d187da9d4fe8d07ac0a6e1288afcfcb73e4e5618bf75ff63fddf9736bfbf225203b
+  checksum: 10c0/c733252ff20a32d9747dd081916270f5a073856597e849a5f458b12f4354499b18714f5e7049e341432851d9975077cb37effcd276c7f816faa6f5ff708dc5e1
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-exponentiation-operator@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.24.7"
+"@babel/plugin-transform-exponentiation-operator@npm:^7.24.7, @babel/plugin-transform-exponentiation-operator@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.25.7"
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-builder-binary-assignment-operator-visitor": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/ace3e11c94041b88848552ba8feb39ae4d6cad3696d439ff51445bd2882d8b8775d85a26c2c0edb9b5e38c9e6013cc11b0dea89ec8f93c7d9d7ee95e3645078c
+  checksum: 10c0/c8537b9f3cddc5a8d3710f6980196dc7a0f4389f8f82617312a5f7b8b15bcd8ddaeba783c687c3ac6031eb0a4ba0bc380a98da6bf7efe98e225602a98ad42a1e
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-export-namespace-from@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.24.7"
+"@babel/plugin-transform-export-namespace-from@npm:^7.24.7, @babel/plugin-transform-export-namespace-from@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/plugin-syntax-export-namespace-from": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/4e144d7f1c57bc63b4899dbbbdfed0880f2daa75ea9c7251c7997f106e4b390dc362175ab7830f11358cb21f6b972ca10a43a2e56cd789065f7606b082674c0c
+  checksum: 10c0/ef61fc5d54c9c8b075cbd9db62beaf295e38e08a1edb1882995105d3e959763be1631f7d7f7cb7461b702ebd0b4a601f2eb2cd6521acaf061310a3a3305fa756
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-for-of@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-for-of@npm:7.24.7"
+"@babel/plugin-transform-for-of@npm:^7.24.7, @babel/plugin-transform-for-of@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-for-of@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/77629b1173e55d07416f05ba7353caa09d2c2149da2ca26721ab812209b63689d1be45116b68eadc011c49ced59daf5320835b15245eb7ae93ae0c5e8277cfc0
+  checksum: 10c0/08a37a1742368a422d095c998ed76f60f6bf3f9cc060033be121d803fd2dddc08fe543e48ee49c022bdc9ed80893ca79d084958d83d30684178b088774754277
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-function-name@npm:^7.25.1":
-  version: 7.25.1
-  resolution: "@babel/plugin-transform-function-name@npm:7.25.1"
+"@babel/plugin-transform-function-name@npm:^7.25.1, @babel/plugin-transform-function-name@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-function-name@npm:7.25.7"
   dependencies:
-    "@babel/helper-compilation-targets": "npm:^7.24.8"
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/traverse": "npm:^7.25.1"
+    "@babel/helper-compilation-targets": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/e74912174d5e33d1418b840443c2e226a7b76cc017c1ed20ee30a566e4f1794d4a123be03180da046241576e8b692731807ba1f52608922acf1cb2cb6957593f
+  checksum: 10c0/ca98e1116c0ada7211ed43e4b7f21ca15f95bbbdad70f2fbe1ec2d90a97daedf9f22fcb0a25c8b164a5e394f509f2e4d1f7609d26dc938a58d37c5ee9b80088a
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-json-strings@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-json-strings@npm:7.24.7"
+"@babel/plugin-transform-json-strings@npm:^7.24.7, @babel/plugin-transform-json-strings@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-json-strings@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/plugin-syntax-json-strings": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/17c72cd5bf3e90e722aabd333559275f3309e3fa0b9cea8c2944ab83ae01502c71a2be05da5101edc02b3fc8df15a8dbb9b861cbfcc8a52bf5e797cf01d3a40a
+  checksum: 10c0/aa6e5f65c8a5f2459d7daa9b5b4ff97ff43bab21f4a8513ed84d35300b0323ec542dc101c5f11622e442dfc93b3a229c7f41ebc7645370dfec6d066bda800a0b
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-literals@npm:^7.25.2":
-  version: 7.25.2
-  resolution: "@babel/plugin-transform-literals@npm:7.25.2"
+"@babel/plugin-transform-literals@npm:^7.25.2, @babel/plugin-transform-literals@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-literals@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/0796883217b0885d37e7f6d350773be349e469a812b6bf11ccf862a6edf65103d3e7c849529d65381b441685c12e756751d8c2489a0fd3f8139bb5ef93185f58
+  checksum: 10c0/c2c2488102f33e566f45becdcb632e53bd052ecfb2879deb07a614b3e9437e3b624c3b16d080096d50b0b622edebd03e438acbf9260bcc41167897963f64560e
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-logical-assignment-operators@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.24.7"
+"@babel/plugin-transform-logical-assignment-operators@npm:^7.24.7, @babel/plugin-transform-logical-assignment-operators@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/dbe882eb9053931f2ab332c50fc7c2a10ef507d6421bd9831adbb4cb7c9f8e1e5fbac4fbd2e007f6a1bf1df1843547559434012f118084dc0bf42cda3b106272
+  checksum: 10c0/d610a8a2c1be83e03cce2256f29519e705dc68289c09d67f1f362d1fd80f4b36eaf2affc05710abb53a272895041e24d9e95ec73a516a23a67cb907023fbe37b
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-member-expression-literals@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.24.7"
+"@babel/plugin-transform-member-expression-literals@npm:^7.24.7, @babel/plugin-transform-member-expression-literals@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/e789ae359bdf2d20e90bedef18dfdbd965c9ebae1cee398474a0c349590fda7c8b874e1a2ceee62e47e5e6ec1730e76b0f24e502164357571854271fc12cc684
+  checksum: 10c0/d6936b98ae4d3daed850dc4e064042ea4375f815219ba9d8591373bf1fba4cfdb5be42623ae8882f2d666cc34af650a4855e2a5ad89e3c235d73a6f172f9969c
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-amd@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-modules-amd@npm:7.24.7"
+"@babel/plugin-transform-modules-amd@npm:^7.24.7, @babel/plugin-transform-modules-amd@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-modules-amd@npm:7.25.7"
   dependencies:
-    "@babel/helper-module-transforms": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-module-transforms": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/6df7de7fce34117ca4b2fa07949b12274c03668cbfe21481c4037b6300796d50ae40f4f170527b61b70a67f26db906747797e30dbd0d9809a441b6e220b5728f
+  checksum: 10c0/c0bc999206c3834c090e6559a6c8a55d7672d3573104e832223ebe7df99bd1b82fc850e15ba32f512c84b0db1cdb613b66fa60abe9abb9c7e8dcbff91649b356
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-commonjs@npm:^7.24.7, @babel/plugin-transform-modules-commonjs@npm:^7.24.8":
-  version: 7.24.8
-  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.24.8"
+"@babel/plugin-transform-modules-commonjs@npm:^7.24.8, @babel/plugin-transform-modules-commonjs@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.25.7"
   dependencies:
-    "@babel/helper-module-transforms": "npm:^7.24.8"
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/helper-simple-access": "npm:^7.24.7"
+    "@babel/helper-module-transforms": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-simple-access": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/f1cf552307ebfced20d3907c1dd8be941b277f0364aa655e2b5fee828c84c54065745183104dae86f1f93ea0406db970a463ef7ceaaed897623748e99640e5a7
+  checksum: 10c0/2f1c945fc3c9b690b0ddcf2c80156b2e4fbf2cf15aac43ac8fe6e4b34125869528839a53d07c564e62e4aed394ebdc1d2c3b796b547374455522581c11b7599c
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-systemjs@npm:^7.25.0":
-  version: 7.25.0
-  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.25.0"
+"@babel/plugin-transform-modules-systemjs@npm:^7.25.0, @babel/plugin-transform-modules-systemjs@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.25.7"
   dependencies:
-    "@babel/helper-module-transforms": "npm:^7.25.0"
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/helper-validator-identifier": "npm:^7.24.7"
-    "@babel/traverse": "npm:^7.25.0"
+    "@babel/helper-module-transforms": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-validator-identifier": "npm:^7.25.7"
+    "@babel/traverse": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/fca6198da71237e4bb1274b3b67a0c81d56013c9535361242b6bfa87d70a9597854aadb45d4d8203369be4a655e158be2a5d20af0040b1f8d1bfc47db3ad7b68
+  checksum: 10c0/95eaea7082636710c61e49e58b3907e85ec79db4327411d3784f28592509fbe94a53cc3d20a36a1cf245efc6d3f0017eae15b45ffd645c1ab949bb4e1670e6bb
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-umd@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-modules-umd@npm:7.24.7"
+"@babel/plugin-transform-modules-umd@npm:^7.24.7, @babel/plugin-transform-modules-umd@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-modules-umd@npm:7.25.7"
   dependencies:
-    "@babel/helper-module-transforms": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-module-transforms": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/7791d290121db210e4338b94b4a069a1a79e4c7a8d7638d8159a97b281851bbed3048dac87a4ae718ad963005e6c14a5d28e6db2eeb2b04e031cee92fb312f85
+  checksum: 10c0/8849ab04eecdb73cd37e2d7289449fa5256331832b0304c220b2a6aaa12e2d2dd87684f2813412d1fc5bdb3d6b55cc08c6386d3273fe05a65177c09bee5b6769
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.24.7"
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.24.7, @babel/plugin-transform-named-capturing-groups-regex@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.25.7"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/41a0b0f2d0886318237440aa3b489f6d0305361d8671121777d9ff89f9f6de9d0c02ce93625049061426c8994064ef64deae8b819d1b14c00374a6a2336fb5d9
+  checksum: 10c0/eb55fec55dc930cd122911f3e4a421320fa8b1b4de85bfd7ef11b46c611ec69b0213c114a6e1c6bc224d6b954ff183a0caa7251267d5258ecc0f00d6d9ca1d52
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-new-target@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-new-target@npm:7.24.7"
+"@babel/plugin-transform-new-target@npm:^7.24.7, @babel/plugin-transform-new-target@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-new-target@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/2540808a35e1a978e537334c43dab439cf24c93e7beb213a2e71902f6710e60e0184316643790c0a6644e7a8021e52f7ab8165e6b3e2d6651be07bdf517b67df
+  checksum: 10c0/8e5dce6d027e0f3fd394578ea1af7f515de157793a15c23a5aad7034a6d8a4005ef280238e67a232bb4dd4fafd3a264fed462deb149128ddd9ce59ff6f575cff
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.24.7"
+"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.7, @babel/plugin-transform-nullish-coalescing-operator@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/7243c8ff734ed5ef759dd8768773c4b443c12e792727e759a1aec2c7fa2bfdd24f1ecb42e292a7b3d8bd3d7f7b861cf256a8eb4ba144fc9cc463892c303083d9
+  checksum: 10c0/b35a96a79ef4895b00e4f758d3185cb17e4fbfada311894ad5f0988a55fc2c21820dc789b26a3cb8fbd620434faa516e52acb6e2da105c2edbd29de8b6b0facf
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-numeric-separator@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-numeric-separator@npm:7.24.7"
+"@babel/plugin-transform-numeric-separator@npm:^7.24.7, @babel/plugin-transform-numeric-separator@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-numeric-separator@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/plugin-syntax-numeric-separator": "npm:^7.10.4"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/e18e09ca5a6342645d00ede477731aa6e8714ff357efc9d7cda5934f1703b3b6fb7d3298dce3ce3ba53e9ff1158eab8f1aadc68874cc21a6099d33a1ca457789
+  checksum: 10c0/c028ae89e6b4e1d757f8f1ebcb3b420e6559bb35002728f6f5651d5f669fbf73764adf6e3597908fa12adf8dbae683e5f74b3a7f68e8774a9663c18c0f999539
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-object-rest-spread@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.24.7"
+"@babel/plugin-transform-object-rest-spread@npm:^7.24.7, @babel/plugin-transform-object-rest-spread@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.25.7"
   dependencies:
-    "@babel/helper-compilation-targets": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-compilation-targets": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/plugin-syntax-object-rest-spread": "npm:^7.8.3"
-    "@babel/plugin-transform-parameters": "npm:^7.24.7"
+    "@babel/plugin-transform-parameters": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/9ad64bc003f583030f9da50614b485852f8edac93f8faf5d1cd855201a4852f37c5255ae4daf70dd4375bdd4874e16e39b91f680d4668ec219ba05441ce286eb
+  checksum: 10c0/e8b978d9d1020452da0d5d92f80fe57e302761dac20137bb8bf863478a4779fcd63d314db89e796125d9d76da2a38f64f012d6e0c4913815951b3eb3fba2feb6
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-object-super@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-object-super@npm:7.24.7"
+"@babel/plugin-transform-object-super@npm:^7.24.7, @babel/plugin-transform-object-super@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-object-super@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
-    "@babel/helper-replace-supers": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-replace-supers": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/770cebb4b4e1872c216b17069db9a13b87dfee747d359dc56d9fcdd66e7544f92dc6ab1861a4e7e0528196aaff2444e4f17dc84efd8eaf162d542b4ba0943869
+  checksum: 10c0/7f2968d4da997101b63fd3b74445c9b16f56bd32cd8a0a16c368af9d3e983e7675c1b05d18601f32307cb06e7d884ee11d13ff18a1f6830c0db243a9a852afab
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-optional-catch-binding@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.24.7"
+"@babel/plugin-transform-optional-catch-binding@npm:^7.24.7, @babel/plugin-transform-optional-catch-binding@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/plugin-syntax-optional-catch-binding": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/1e2f10a018f7d03b3bde6c0b70d063df8d5dd5209861d4467726cf834f5e3d354e2276079dc226aa8e6ece35f5c9b264d64b8229a8bb232829c01e561bcfb07a
+  checksum: 10c0/bb609e5103780be0825a255ffe1fefbb5335aead88a46eecc2257053279ea2c45ff66b0ef1fb54302c8c8c57146e88e52f3ecb62b4c6f619218d7b3843b352d9
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-optional-chaining@npm:^7.24.7, @babel/plugin-transform-optional-chaining@npm:^7.24.8":
-  version: 7.24.8
-  resolution: "@babel/plugin-transform-optional-chaining@npm:7.24.8"
+"@babel/plugin-transform-optional-chaining@npm:^7.24.8, @babel/plugin-transform-optional-chaining@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-optional-chaining@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
     "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/4ffbe1aad7dec7c9aa2bf6ceb4b2f91f96815b2784f2879bde80e46934f59d64a12cb2c6262e40897c4754d77d2c35d8a5cfed63044fdebf94978b1ed3d14b17
+  checksum: 10c0/887441ada6c2bc1b789984b7531d9bc585f335ece99642886d3d9fd8aee7e6b8d4f7ca61d76b5f23477f3aa607284d5056eadaa1eb17e7b39af6b0e834cbe878
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-parameters@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-parameters@npm:7.24.7"
+"@babel/plugin-transform-parameters@npm:^7.24.7, @babel/plugin-transform-parameters@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-parameters@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/53bf190d6926771545d5184f1f5f3f5144d0f04f170799ad46a43f683a01fab8d5fe4d2196cf246774530990c31fe1f2b9f0def39f0a5ddbb2340b924f5edf01
+  checksum: 10c0/b40ba70278842ce1e800d7ab400df730994941550da547ef453780023bd61a9b8acf4b9fb8419c1b5bcbe09819a1146ff59369db11db07eb71870bef86a12422
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-private-methods@npm:^7.24.7, @babel/plugin-transform-private-methods@npm:^7.25.4":
-  version: 7.25.4
-  resolution: "@babel/plugin-transform-private-methods@npm:7.25.4"
+"@babel/plugin-transform-private-methods@npm:^7.24.7, @babel/plugin-transform-private-methods@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-private-methods@npm:7.25.7"
   dependencies:
-    "@babel/helper-create-class-features-plugin": "npm:^7.25.4"
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/7abdb427c3984a2c8a2e9d806297d8509b02f78a3501b7760e544be532446e9df328b876daa8fc38718f3dce7ccc45083016ee7aeaab169b81c142bc18700794
+  checksum: 10c0/92e076f63f7c4696e1321dafdd56c4212eb41784cdadba0ebc39091f959a76d357c3df61a6c668be81d6b6ad8964ee458e85752ab0c6cfbbaf2066903edda732
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-private-property-in-object@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.24.7"
+"@babel/plugin-transform-private-property-in-object@npm:^7.24.7, @babel/plugin-transform-private-property-in-object@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.25.7"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
-    "@babel/helper-create-class-features-plugin": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/plugin-syntax-private-property-in-object": "npm:^7.14.5"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/c6fa7defb90b1b0ed46f24ff94ff2e77f44c1f478d1090e81712f33cf992dda5ba347016f030082a2f770138bac6f4a9c2c1565e9f767a125901c77dd9c239ba
+  checksum: 10c0/5ad8832ba54e2079c1f558b8680e170265e3f376424e5fbb75b17b7f08696fb0af6c96d23d92f7df3dcc559f5971a02587281fcec38a853174aa95478565f5fc
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-property-literals@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-property-literals@npm:7.24.7"
+"@babel/plugin-transform-property-literals@npm:^7.24.7, @babel/plugin-transform-property-literals@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-property-literals@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/52564b58f3d111dc02d241d5892a4b01512e98dfdf6ef11b0ed62f8b11b0acacccef0fc229b44114fe8d1a57a8b70780b11bdd18b807d3754a781a07d8f57433
+  checksum: 10c0/6d5bccdc772207906666ad5201bd91e4e132e1d806dbcf4163a1d08e18c57cc3795578c4e10596514bcd6afaf9696f478ea4f0dea890176d93b9cb077b9e5c55
   languageName: node
   linkType: hard
 
 "@babel/plugin-transform-react-constant-elements@npm:^7.21.3":
-  version: 7.25.1
-  resolution: "@babel/plugin-transform-react-constant-elements@npm:7.25.1"
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-react-constant-elements@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/8e9a61e8d74804ad3e4c8051463b2d8c42be5aa1f381f7b0db3ac8696a5cb5faead54036b1e4bcd53f6ab74c0bb3e45e4d9a1a2f50b9a575a8d7965b77d89c28
+  checksum: 10c0/2261a793e65b4236ac256096ee8ad40e1149b4202d3d5d4464ca92e87980bc1886ccb2fe1282e668c82fd49db2afadfcea6e943a75fbe56ceb58c33245bac0dc
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-display-name@npm:7.24.7, @babel/plugin-transform-react-display-name@npm:^7.24.7":
+"@babel/plugin-transform-react-display-name@npm:7.24.7":
   version: 7.24.7
   resolution: "@babel/plugin-transform-react-display-name@npm:7.24.7"
   dependencies:
@@ -1097,182 +1120,193 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-jsx-development@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-react-jsx-development@npm:7.24.7"
+"@babel/plugin-transform-react-display-name@npm:^7.24.7, @babel/plugin-transform-react-display-name@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-react-display-name@npm:7.25.7"
   dependencies:
-    "@babel/plugin-transform-react-jsx": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/fce647db50f90a5291681f0f97865d9dc76981262dff71d6d0332e724b85343de5860c26f9e9a79e448d61e1d70916b07ce91e8c7f2b80dceb4b16aee41794d8
+  checksum: 10c0/a0c537cc7c328ed7468d3b6a37bf0d9cb15d94afcdf3f2849ce6e5a68494fc61f0fa4fc529482a6b95b00f3c5c734f310bf18085293bff40702789f06c816f36
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-jsx@npm:^7.24.7":
-  version: 7.25.2
-  resolution: "@babel/plugin-transform-react-jsx@npm:7.25.2"
+"@babel/plugin-transform-react-jsx-development@npm:^7.24.7, @babel/plugin-transform-react-jsx-development@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-react-jsx-development@npm:7.25.7"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
-    "@babel/helper-module-imports": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/plugin-syntax-jsx": "npm:^7.24.7"
-    "@babel/types": "npm:^7.25.2"
+    "@babel/plugin-transform-react-jsx": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/8c5b515f38118471197605e02bea54a8a4283010e3c55bad8cfb78de59ad63612b14d40baca63689afdc9d57b147aac4c7794fe5f7736c9e1ed6dd38784be624
+  checksum: 10c0/a3dc14644d09a6d22875af7b5584393ab53e467e0531cd192fc6242504dacaffa421e89265ba7f84fd4edef2b7b100d2e2ebf092a4dce2b55cf9c5fe29390c18
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-pure-annotations@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.24.7"
+"@babel/plugin-transform-react-jsx@npm:^7.24.7, @babel/plugin-transform-react-jsx@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-react-jsx@npm:7.25.7"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
+    "@babel/helper-module-imports": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/plugin-syntax-jsx": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/fae517d293d9c93b7b920458c3e4b91cb0400513889af41ba184a5f3acc8bfef27242cc262741bb8f87870df376f1733a0d0f52b966d342e2aaaf5607af8f73d
+  checksum: 10c0/6766b0357b8bbfcb77fca5350f06cf822c89bbe75ddcaea24614601ef23957504da24e76597d743038ce8fa081373b0663c8ad0c86d7c7226e8185f0680b8b56
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-regenerator@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-regenerator@npm:7.24.7"
+"@babel/plugin-transform-react-pure-annotations@npm:^7.24.7, @babel/plugin-transform-react-pure-annotations@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/d92c9b511850fb6dea71966a0d4f313d67e317db7fc3633a7ff2e27d6df2e95cbc91c4c25abdb6c8db651fcda842a0cb7433835a8a9d4a3fdc5d452068428101
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-regenerator@npm:^7.24.7, @babel/plugin-transform-regenerator@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-regenerator@npm:7.25.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
     regenerator-transform: "npm:^0.15.2"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/d2dc2c788fdae9d97217e70d46ba8ca9db0035c398dc3e161552b0c437113719a75c04f201f9c91ddc8d28a1da60d0b0853f616dead98a396abb9c845c44892b
+  checksum: 10c0/7ee3a57c4050bc908ef7ac392d810826b294970a7182f4ec34a8ca93dbe36deb21bc862616d46a6f3d881d6b5749930e1679e875b638a00866d844a4250df212
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-reserved-words@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-reserved-words@npm:7.24.7"
+"@babel/plugin-transform-reserved-words@npm:^7.24.7, @babel/plugin-transform-reserved-words@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-reserved-words@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/2229de2768615e7f5dc0bbc55bc121b5678fd6d2febd46c74a58e42bb894d74cd5955c805880f4e02d0e1cf94f6886270eda7fafc1be9305a1ec3b9fd1d063f5
+  checksum: 10c0/920c98130daff6c1288fb13a9a2d2e45863bba93e619cb88d90e1f5b5cb358a3ee8880a425a3adb1b4bd5dbb6bd0500eea3370fc612633045eec851b08cc586c
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-shorthand-properties@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.24.7"
+"@babel/plugin-transform-shorthand-properties@npm:^7.24.7, @babel/plugin-transform-shorthand-properties@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/41b155bdbb3be66618358488bf7731b3b2e8fff2de3dbfd541847720a9debfcec14db06a117abedd03c9cd786db20a79e2a86509a4f19513f6e1b610520905cf
+  checksum: 10c0/4250f89a0072f0f400be7a2e3515227b8e2518737899bd57d497e5173284a0e05d812e4a3c219ffcd484e9fa9a01c19fce5acd77bbb898f4d594512c56701eb4
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-spread@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-spread@npm:7.24.7"
+"@babel/plugin-transform-spread@npm:^7.24.7, @babel/plugin-transform-spread@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-spread@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/facba1553035f76b0d2930d4ada89a8cd0f45b79579afd35baefbfaf12e3b86096995f4b0c402cf9ee23b3f2ea0a4460c3b1ec0c192d340962c948bb223d4e66
+  checksum: 10c0/258bd1b52388cd7425d0ae25fa39538734f7540ea503a1d8a72211d33f6f214cb4e3b73d6cd03016cbcff5d41169f1e578b9ea331965ad224d223591983e90a7
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-sticky-regex@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-sticky-regex@npm:7.24.7"
+"@babel/plugin-transform-sticky-regex@npm:^7.24.7, @babel/plugin-transform-sticky-regex@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-sticky-regex@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/5a74ed2ed0a3ab51c3d15fcaf09d9e2fe915823535c7a4d7b019813177d559b69677090e189ec3d5d08b619483eb5ad371fbcfbbff5ace2a76ba33ee566a1109
+  checksum: 10c0/0e466cfc3ca1e0db4bb11eb630215b0e1f43066d7678325e5ddadcf5a118b2351a528f67205729c32ac5b78ab68ab7f40517dd33bcb1fb6b456509f5f54ce097
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-template-literals@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-template-literals@npm:7.24.7"
+"@babel/plugin-transform-template-literals@npm:^7.24.7, @babel/plugin-transform-template-literals@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-template-literals@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/3630f966257bcace122f04d3157416a09d40768c44c3a800855da81146b009187daa21859d1c3b7d13f4e19e8888e60613964b175b2275d451200fb6d8d6cfe6
+  checksum: 10c0/a3455303b6841cb536ac66d1a2d03c194b9f371519482d8d1e8edbd33bf5ca7cdd5db1586b2b0ea5f909ebf74a0eafacf0fb28d257e4905445282dcdccfa6139
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-typeof-symbol@npm:^7.24.8":
-  version: 7.24.8
-  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.24.8"
+"@babel/plugin-transform-typeof-symbol@npm:^7.24.8, @babel/plugin-transform-typeof-symbol@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/2f570a4fbbdc5fd85f48165a97452826560051e3b8efb48c3bb0a0a33ee8485633439e7b71bfe3ef705583a1df43f854f49125bd759abdedc195b2cf7e60012a
+  checksum: 10c0/ce1a0744a900b05de1372a70508c4148f17eb941c482da26eb369b9f0347570dce45470c8a86d907bc3a0443190344da1e18489ecfecb30388ab6178e8a9916b
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-typescript@npm:^7.24.7":
-  version: 7.25.2
-  resolution: "@babel/plugin-transform-typescript@npm:7.25.2"
+"@babel/plugin-transform-typescript@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-typescript@npm:7.25.7"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
-    "@babel/helper-create-class-features-plugin": "npm:^7.25.0"
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
-    "@babel/plugin-syntax-typescript": "npm:^7.24.7"
+    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
+    "@babel/plugin-syntax-typescript": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/b3c941da39ee7ecf72df1b78a01d4108160438245f2ab61befe182f51d17fd0034733c6d079b7efad81e03a66438aa3881a671cd68c5eb0fc775df86b88df996
+  checksum: 10c0/5fa839b9560221698edff5e00b5cccc658c7875efaa7971c66d478f5b026770f12dd47b1be024463a44f9e29b4e14e8ddddbf4a2b324b0b94f58370dd5ae7195
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-escapes@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.24.7"
+"@babel/plugin-transform-unicode-escapes@npm:^7.24.7, @babel/plugin-transform-unicode-escapes@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/8b18e2e66af33471a6971289492beff5c240e56727331db1d34c4338a6a368a82a7ed6d57ec911001b6d65643aed76531e1e7cac93265fb3fb2717f54d845e69
+  checksum: 10c0/8b1f71fda0a832c6e26ba4c00f99e9033e6f9b36ced542a512921f4ad861a70e2fec2bd54a91a5ca2efa46aaa8c8893e4c602635c4ef172bd3ed6eef3178c70b
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-property-regex@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.24.7"
+"@babel/plugin-transform-unicode-property-regex@npm:^7.24.7, @babel/plugin-transform-unicode-property-regex@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.25.7"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/bc57656eb94584d1b74a385d378818ac2b3fca642e3f649fead8da5fb3f9de22f8461185936915dfb33d5a9104e62e7a47828331248b09d28bb2d59e9276de3e
+  checksum: 10c0/b4bfcf7529138d00671bf5cdfe606603d52cfe57ec1be837da57683f404fc0b0c171834a02515eb03379e5c806121866d097b90e31cb437d21d0ea59368ad82b
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-regex@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/plugin-transform-unicode-regex@npm:7.24.7"
+"@babel/plugin-transform-unicode-regex@npm:^7.24.7, @babel/plugin-transform-unicode-regex@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-unicode-regex@npm:7.25.7"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.24.7"
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/83f72a345b751566b601dc4d07e9f2c8f1bc0e0c6f7abb56ceb3095b3c9d304de73f85f2f477a09f8cc7edd5e65afd0ff9e376cdbcbea33bc0c28f3705b38fd9
+  checksum: 10c0/73ae34c02ea8b7ac7e4efa690f8c226089c074e3fef658d2a630ad898a93550d84146ce05e073c271c8b2bbba61cbbfd5a2002a7ea940dcad3274e5b5dcb6bcf
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-sets-regex@npm:^7.24.7, @babel/plugin-transform-unicode-sets-regex@npm:^7.25.4":
-  version: 7.25.4
-  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.25.4"
+"@babel/plugin-transform-unicode-sets-regex@npm:^7.24.7, @babel/plugin-transform-unicode-sets-regex@npm:^7.25.7":
+  version: 7.25.7
+  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.25.7"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.2"
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/f65749835a98d8d6242e961f9276bdcdb09020e791d151ccc145acaca9a66f025b2c7cb761104f139180d35eb066a429596ee6edece81f5fd9244e0edb97d7ec
+  checksum: 10c0/39e45ae3db7adfc3457b1d6ba5608ffbace957ad019785967e5357a6639f261765bda12363f655d39265f5a2834af26327037751420191d0b73152ccc7ce3c35
   languageName: node
   linkType: hard
 
@@ -1370,26 +1404,26 @@ __metadata:
   linkType: hard
 
 "@babel/preset-env@npm:^7.20.2, @babel/preset-env@npm:^7.24.4":
-  version: 7.25.4
-  resolution: "@babel/preset-env@npm:7.25.4"
-  dependencies:
-    "@babel/compat-data": "npm:^7.25.4"
-    "@babel/helper-compilation-targets": "npm:^7.25.2"
-    "@babel/helper-plugin-utils": "npm:^7.24.8"
-    "@babel/helper-validator-option": "npm:^7.24.8"
-    "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "npm:^7.25.3"
-    "@babel/plugin-bugfix-safari-class-field-initializer-scope": "npm:^7.25.0"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "npm:^7.25.0"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "npm:^7.24.7"
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "npm:^7.25.0"
+  version: 7.25.7
+  resolution: "@babel/preset-env@npm:7.25.7"
+  dependencies:
+    "@babel/compat-data": "npm:^7.25.7"
+    "@babel/helper-compilation-targets": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-validator-option": "npm:^7.25.7"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "npm:^7.25.7"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope": "npm:^7.25.7"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "npm:^7.25.7"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "npm:^7.25.7"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "npm:^7.25.7"
     "@babel/plugin-proposal-private-property-in-object": "npm:7.21.0-placeholder-for-preset-env.2"
     "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
     "@babel/plugin-syntax-class-properties": "npm:^7.12.13"
     "@babel/plugin-syntax-class-static-block": "npm:^7.14.5"
     "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3"
     "@babel/plugin-syntax-export-namespace-from": "npm:^7.8.3"
-    "@babel/plugin-syntax-import-assertions": "npm:^7.24.7"
-    "@babel/plugin-syntax-import-attributes": "npm:^7.24.7"
+    "@babel/plugin-syntax-import-assertions": "npm:^7.25.7"
+    "@babel/plugin-syntax-import-attributes": "npm:^7.25.7"
     "@babel/plugin-syntax-import-meta": "npm:^7.10.4"
     "@babel/plugin-syntax-json-strings": "npm:^7.8.3"
     "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
@@ -1401,64 +1435,64 @@ __metadata:
     "@babel/plugin-syntax-private-property-in-object": "npm:^7.14.5"
     "@babel/plugin-syntax-top-level-await": "npm:^7.14.5"
     "@babel/plugin-syntax-unicode-sets-regex": "npm:^7.18.6"
-    "@babel/plugin-transform-arrow-functions": "npm:^7.24.7"
-    "@babel/plugin-transform-async-generator-functions": "npm:^7.25.4"
-    "@babel/plugin-transform-async-to-generator": "npm:^7.24.7"
-    "@babel/plugin-transform-block-scoped-functions": "npm:^7.24.7"
-    "@babel/plugin-transform-block-scoping": "npm:^7.25.0"
-    "@babel/plugin-transform-class-properties": "npm:^7.25.4"
-    "@babel/plugin-transform-class-static-block": "npm:^7.24.7"
-    "@babel/plugin-transform-classes": "npm:^7.25.4"
-    "@babel/plugin-transform-computed-properties": "npm:^7.24.7"
-    "@babel/plugin-transform-destructuring": "npm:^7.24.8"
-    "@babel/plugin-transform-dotall-regex": "npm:^7.24.7"
-    "@babel/plugin-transform-duplicate-keys": "npm:^7.24.7"
-    "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "npm:^7.25.0"
-    "@babel/plugin-transform-dynamic-import": "npm:^7.24.7"
-    "@babel/plugin-transform-exponentiation-operator": "npm:^7.24.7"
-    "@babel/plugin-transform-export-namespace-from": "npm:^7.24.7"
-    "@babel/plugin-transform-for-of": "npm:^7.24.7"
-    "@babel/plugin-transform-function-name": "npm:^7.25.1"
-    "@babel/plugin-transform-json-strings": "npm:^7.24.7"
-    "@babel/plugin-transform-literals": "npm:^7.25.2"
-    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.24.7"
-    "@babel/plugin-transform-member-expression-literals": "npm:^7.24.7"
-    "@babel/plugin-transform-modules-amd": "npm:^7.24.7"
-    "@babel/plugin-transform-modules-commonjs": "npm:^7.24.8"
-    "@babel/plugin-transform-modules-systemjs": "npm:^7.25.0"
-    "@babel/plugin-transform-modules-umd": "npm:^7.24.7"
-    "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.24.7"
-    "@babel/plugin-transform-new-target": "npm:^7.24.7"
-    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.24.7"
-    "@babel/plugin-transform-numeric-separator": "npm:^7.24.7"
-    "@babel/plugin-transform-object-rest-spread": "npm:^7.24.7"
-    "@babel/plugin-transform-object-super": "npm:^7.24.7"
-    "@babel/plugin-transform-optional-catch-binding": "npm:^7.24.7"
-    "@babel/plugin-transform-optional-chaining": "npm:^7.24.8"
-    "@babel/plugin-transform-parameters": "npm:^7.24.7"
-    "@babel/plugin-transform-private-methods": "npm:^7.25.4"
-    "@babel/plugin-transform-private-property-in-object": "npm:^7.24.7"
-    "@babel/plugin-transform-property-literals": "npm:^7.24.7"
-    "@babel/plugin-transform-regenerator": "npm:^7.24.7"
-    "@babel/plugin-transform-reserved-words": "npm:^7.24.7"
-    "@babel/plugin-transform-shorthand-properties": "npm:^7.24.7"
-    "@babel/plugin-transform-spread": "npm:^7.24.7"
-    "@babel/plugin-transform-sticky-regex": "npm:^7.24.7"
-    "@babel/plugin-transform-template-literals": "npm:^7.24.7"
-    "@babel/plugin-transform-typeof-symbol": "npm:^7.24.8"
-    "@babel/plugin-transform-unicode-escapes": "npm:^7.24.7"
-    "@babel/plugin-transform-unicode-property-regex": "npm:^7.24.7"
-    "@babel/plugin-transform-unicode-regex": "npm:^7.24.7"
-    "@babel/plugin-transform-unicode-sets-regex": "npm:^7.25.4"
+    "@babel/plugin-transform-arrow-functions": "npm:^7.25.7"
+    "@babel/plugin-transform-async-generator-functions": "npm:^7.25.7"
+    "@babel/plugin-transform-async-to-generator": "npm:^7.25.7"
+    "@babel/plugin-transform-block-scoped-functions": "npm:^7.25.7"
+    "@babel/plugin-transform-block-scoping": "npm:^7.25.7"
+    "@babel/plugin-transform-class-properties": "npm:^7.25.7"
+    "@babel/plugin-transform-class-static-block": "npm:^7.25.7"
+    "@babel/plugin-transform-classes": "npm:^7.25.7"
+    "@babel/plugin-transform-computed-properties": "npm:^7.25.7"
+    "@babel/plugin-transform-destructuring": "npm:^7.25.7"
+    "@babel/plugin-transform-dotall-regex": "npm:^7.25.7"
+    "@babel/plugin-transform-duplicate-keys": "npm:^7.25.7"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "npm:^7.25.7"
+    "@babel/plugin-transform-dynamic-import": "npm:^7.25.7"
+    "@babel/plugin-transform-exponentiation-operator": "npm:^7.25.7"
+    "@babel/plugin-transform-export-namespace-from": "npm:^7.25.7"
+    "@babel/plugin-transform-for-of": "npm:^7.25.7"
+    "@babel/plugin-transform-function-name": "npm:^7.25.7"
+    "@babel/plugin-transform-json-strings": "npm:^7.25.7"
+    "@babel/plugin-transform-literals": "npm:^7.25.7"
+    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.25.7"
+    "@babel/plugin-transform-member-expression-literals": "npm:^7.25.7"
+    "@babel/plugin-transform-modules-amd": "npm:^7.25.7"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.25.7"
+    "@babel/plugin-transform-modules-systemjs": "npm:^7.25.7"
+    "@babel/plugin-transform-modules-umd": "npm:^7.25.7"
+    "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.25.7"
+    "@babel/plugin-transform-new-target": "npm:^7.25.7"
+    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.25.7"
+    "@babel/plugin-transform-numeric-separator": "npm:^7.25.7"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.25.7"
+    "@babel/plugin-transform-object-super": "npm:^7.25.7"
+    "@babel/plugin-transform-optional-catch-binding": "npm:^7.25.7"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.25.7"
+    "@babel/plugin-transform-parameters": "npm:^7.25.7"
+    "@babel/plugin-transform-private-methods": "npm:^7.25.7"
+    "@babel/plugin-transform-private-property-in-object": "npm:^7.25.7"
+    "@babel/plugin-transform-property-literals": "npm:^7.25.7"
+    "@babel/plugin-transform-regenerator": "npm:^7.25.7"
+    "@babel/plugin-transform-reserved-words": "npm:^7.25.7"
+    "@babel/plugin-transform-shorthand-properties": "npm:^7.25.7"
+    "@babel/plugin-transform-spread": "npm:^7.25.7"
+    "@babel/plugin-transform-sticky-regex": "npm:^7.25.7"
+    "@babel/plugin-transform-template-literals": "npm:^7.25.7"
+    "@babel/plugin-transform-typeof-symbol": "npm:^7.25.7"
+    "@babel/plugin-transform-unicode-escapes": "npm:^7.25.7"
+    "@babel/plugin-transform-unicode-property-regex": "npm:^7.25.7"
+    "@babel/plugin-transform-unicode-regex": "npm:^7.25.7"
+    "@babel/plugin-transform-unicode-sets-regex": "npm:^7.25.7"
     "@babel/preset-modules": "npm:0.1.6-no-external-plugins"
     babel-plugin-polyfill-corejs2: "npm:^0.4.10"
     babel-plugin-polyfill-corejs3: "npm:^0.10.6"
     babel-plugin-polyfill-regenerator: "npm:^0.6.1"
-    core-js-compat: "npm:^3.37.1"
+    core-js-compat: "npm:^3.38.1"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/ed210a1974b5a1e7f80a933c87253907ec869457cea900bc97892642fa9a690c47627a9bac08a7c9495deb992a2b15f308ffca2741e1876ba47172c96fa27e14
+  checksum: 10c0/bf704a06a69420250c1de2b126cd5c859a851002c2fb2cce0910cd85a8e6755b9b31577021e94feb7e1e53519923726349aaf07580923928791583db61438fb8
   languageName: node
   linkType: hard
 
@@ -1475,7 +1509,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/preset-react@npm:7.24.7, @babel/preset-react@npm:^7.18.6, @babel/preset-react@npm:^7.24.1":
+"@babel/preset-react@npm:7.24.7":
   version: 7.24.7
   resolution: "@babel/preset-react@npm:7.24.7"
   dependencies:
@@ -1491,71 +1525,80 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/preset-typescript@npm:^7.21.0, @babel/preset-typescript@npm:^7.24.1":
-  version: 7.24.7
-  resolution: "@babel/preset-typescript@npm:7.24.7"
+"@babel/preset-react@npm:^7.18.6, @babel/preset-react@npm:^7.24.1":
+  version: 7.25.7
+  resolution: "@babel/preset-react@npm:7.25.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.7"
-    "@babel/helper-validator-option": "npm:^7.24.7"
-    "@babel/plugin-syntax-jsx": "npm:^7.24.7"
-    "@babel/plugin-transform-modules-commonjs": "npm:^7.24.7"
-    "@babel/plugin-transform-typescript": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-validator-option": "npm:^7.25.7"
+    "@babel/plugin-transform-react-display-name": "npm:^7.25.7"
+    "@babel/plugin-transform-react-jsx": "npm:^7.25.7"
+    "@babel/plugin-transform-react-jsx-development": "npm:^7.25.7"
+    "@babel/plugin-transform-react-pure-annotations": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/986bc0978eedb4da33aba8e1e13a3426dd1829515313b7e8f4ba5d8c18aff1663b468939d471814e7acf4045d326ae6cff37239878d169ac3fe53a8fde71f8ee
+  checksum: 10c0/b133b1a2f46c70a337d8b1ef442e09e3dbdaecb0d6bed8f1cb64dfddc31c16e248b017385ab909caeebd8462111c9c0e1c5409deb10f2be5cb5bcfdaa4d27718
   languageName: node
   linkType: hard
 
-"@babel/regjsgen@npm:^0.8.0":
-  version: 0.8.0
-  resolution: "@babel/regjsgen@npm:0.8.0"
-  checksum: 10c0/4f3ddd8c7c96d447e05c8304c1d5ba3a83fcabd8a716bc1091c2f31595cdd43a3a055fff7cb5d3042b8cb7d402d78820fcb4e05d896c605a7d8bcf30f2424c4a
+"@babel/preset-typescript@npm:^7.21.0, @babel/preset-typescript@npm:^7.24.1":
+  version: 7.25.7
+  resolution: "@babel/preset-typescript@npm:7.25.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-validator-option": "npm:^7.25.7"
+    "@babel/plugin-syntax-jsx": "npm:^7.25.7"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.25.7"
+    "@babel/plugin-transform-typescript": "npm:^7.25.7"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/8dc1258e3c5230bbe42ff9811f08924509238e6bd32fa0b7b0c0a6c5e1419512a8e1f733e1b114454d367b7c164beca2cf33acf2ed9e0d99be010c1c5cdbef0c
   languageName: node
   linkType: hard
 
 "@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.8, @babel/runtime@npm:^7.8.4":
-  version: 7.25.6
-  resolution: "@babel/runtime@npm:7.25.6"
+  version: 7.25.7
+  resolution: "@babel/runtime@npm:7.25.7"
   dependencies:
     regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/d6143adf5aa1ce79ed374e33fdfd74fa975055a80bc6e479672ab1eadc4e4bfd7484444e17dd063a1d180e051f3ec62b357c7a2b817e7657687b47313158c3d2
+  checksum: 10c0/86b7829d2fc9343714a9afe92757cf96c4dc799006ca61d73cda62f4b9e29bfa1ce36794955bc6cb4c188f5b10db832c949339895e1bbe81a69022d9d578ce29
   languageName: node
   linkType: hard
 
-"@babel/template@npm:^7.24.7, @babel/template@npm:^7.25.0, @babel/template@npm:^7.3.3":
-  version: 7.25.0
-  resolution: "@babel/template@npm:7.25.0"
+"@babel/template@npm:^7.25.0, @babel/template@npm:^7.25.7, @babel/template@npm:^7.3.3":
+  version: 7.25.7
+  resolution: "@babel/template@npm:7.25.7"
   dependencies:
-    "@babel/code-frame": "npm:^7.24.7"
-    "@babel/parser": "npm:^7.25.0"
-    "@babel/types": "npm:^7.25.0"
-  checksum: 10c0/4e31afd873215744c016e02b04f43b9fa23205d6d0766fb2e93eb4091c60c1b88897936adb895fb04e3c23de98dfdcbe31bc98daaa1a4e0133f78bb948e1209b
+    "@babel/code-frame": "npm:^7.25.7"
+    "@babel/parser": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
+  checksum: 10c0/8ae9e36e4330ee83d4832531d1d9bec7dc2ef6a2a8afa1ef1229506fd60667abcb17f306d1c3d7e582251270597022990c845d5d69e7add70a5aea66720decb9
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.24.7, @babel/traverse@npm:^7.24.8, @babel/traverse@npm:^7.25.0, @babel/traverse@npm:^7.25.1, @babel/traverse@npm:^7.25.2, @babel/traverse@npm:^7.25.3, @babel/traverse@npm:^7.25.4, @babel/traverse@npm:^7.4.5":
-  version: 7.25.6
-  resolution: "@babel/traverse@npm:7.25.6"
+"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.25.2, @babel/traverse@npm:^7.25.7, @babel/traverse@npm:^7.4.5":
+  version: 7.25.7
+  resolution: "@babel/traverse@npm:7.25.7"
   dependencies:
-    "@babel/code-frame": "npm:^7.24.7"
-    "@babel/generator": "npm:^7.25.6"
-    "@babel/parser": "npm:^7.25.6"
-    "@babel/template": "npm:^7.25.0"
-    "@babel/types": "npm:^7.25.6"
+    "@babel/code-frame": "npm:^7.25.7"
+    "@babel/generator": "npm:^7.25.7"
+    "@babel/parser": "npm:^7.25.7"
+    "@babel/template": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.7"
     debug: "npm:^4.3.1"
     globals: "npm:^11.1.0"
-  checksum: 10c0/964304c6fa46bd705428ba380bf73177eeb481c3f26d82ea3d0661242b59e0dd4329d23886035e9ca9a4ceb565c03a76fd615109830687a27bcd350059d6377e
+  checksum: 10c0/75d73e52c507a7a7a4c7971d6bf4f8f26fdd094e0d3a0193d77edf6a5efa36fc3db91ec5cc48e8b94e6eb5d5ad21af0a1040e71309172851209415fd105efb1a
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.24.7, @babel/types@npm:^7.24.8, @babel/types@npm:^7.25.0, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.6, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
-  version: 7.25.6
-  resolution: "@babel/types@npm:7.25.6"
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.7, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
+  version: 7.25.7
+  resolution: "@babel/types@npm:7.25.7"
   dependencies:
-    "@babel/helper-string-parser": "npm:^7.24.8"
-    "@babel/helper-validator-identifier": "npm:^7.24.7"
+    "@babel/helper-string-parser": "npm:^7.25.7"
+    "@babel/helper-validator-identifier": "npm:^7.25.7"
     to-fast-properties: "npm:^2.0.0"
-  checksum: 10c0/89d45fbee24e27a05dca2d08300a26b905bd384a480448823f6723c72d3a30327c517476389b7280ce8cb9a2c48ef8f47da7f9f6d326faf6f53fd6b68237bdc4
+  checksum: 10c0/e03e1e2e08600fa1e8eb90632ac9c253dd748176c8d670d85f85b0dc83a0573b26ae748a1cbcb81f401903a3d95f43c3f4f8d516a5ed779929db27de56289633
   languageName: node
   linkType: hard
 
@@ -2633,11 +2676,11 @@ __metadata:
   linkType: hard
 
 "@jsonjoy.com/util@npm:^1.1.2, @jsonjoy.com/util@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "@jsonjoy.com/util@npm:1.3.0"
+  version: 1.5.0
+  resolution: "@jsonjoy.com/util@npm:1.5.0"
   peerDependencies:
     tslib: 2
-  checksum: 10c0/892bbe2073bb20bf392dd4dfed77881c6f7ae6a0cc5802e537fe3cbeeadde7738de5369f2d4529156efc5e98d9d43b15c85906ddb79140e322f1b26eaaf854df
+  checksum: 10c0/0065ae12c4108d8aede01a479c8d2b5a39bce99e9a449d235befc753f57e8385d9c1115720529f26597840b7398d512898155423d9859fd638319fb0c827365d
   languageName: node
   linkType: hard
 
@@ -2775,20 +2818,20 @@ __metadata:
   linkType: hard
 
 "@storybook/addon-a11y@npm:^8.1.2":
-  version: 8.3.4
-  resolution: "@storybook/addon-a11y@npm:8.3.4"
+  version: 8.3.5
+  resolution: "@storybook/addon-a11y@npm:8.3.5"
   dependencies:
-    "@storybook/addon-highlight": "npm:8.3.4"
+    "@storybook/addon-highlight": "npm:8.3.5"
     axe-core: "npm:^4.2.0"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/425b6e4b70d16914e30253aee09c4060193286542941d0888d12b489b9ba47d1f8cccd3881ca49573a50e9741b2f0e2c306c95fa01ee3ee492e5707c34a3eef4
+    storybook: ^8.3.5
+  checksum: 10c0/ecc99c83b69e72ea38db5ce844c77d8ef01b06c52770429ba933490f5625291d373a269fc8e2371430e73f06afdbd083ca6a110ac2177f5df2cd2cf311c96d87
   languageName: node
   linkType: hard
 
 "@storybook/addon-actions@npm:^8.1.2":
-  version: 8.3.4
-  resolution: "@storybook/addon-actions@npm:8.3.4"
+  version: 8.3.5
+  resolution: "@storybook/addon-actions@npm:8.3.5"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     "@types/uuid": "npm:^9.0.1"
@@ -2796,34 +2839,34 @@ __metadata:
     polished: "npm:^4.2.2"
     uuid: "npm:^9.0.0"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/f9f3d921f40bf9240ae9d431ea8d3405b869ee9ba383bdbe6e52f6a914412fc664ccf91d08d40ba454611e44215405256a80dad33b2fd9eace6c96c3d328e169
+    storybook: ^8.3.5
+  checksum: 10c0/c9872d9d41b33ae26be36dfb25ccb10e7c832d4677cffe4f3e8a42f2748d8c54e681810662b88e10d1e72223096ad1861e389ee7134974e9f3e2869958300e08
   languageName: node
   linkType: hard
 
 "@storybook/addon-controls@npm:^8.1.2":
-  version: 8.3.4
-  resolution: "@storybook/addon-controls@npm:8.3.4"
+  version: 8.3.5
+  resolution: "@storybook/addon-controls@npm:8.3.5"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     dequal: "npm:^2.0.2"
     lodash: "npm:^4.17.21"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/b8fd02d0339c5e036469f55d0d578fed5ec4202cc50586e3d4623a3d3efbbac07887bd1f041ae84a16c578322116ca632892bee26d571442141236bc87a7bd0e
+    storybook: ^8.3.5
+  checksum: 10c0/f0bf85a8f401649734ae63ece9b64fe77b10a290cd1e83f54d83da4ae58f5a3a9e3876497f8cb3e9ac12dd1814fe7d16cee88bd6985877422823965b20607385
   languageName: node
   linkType: hard
 
 "@storybook/addon-docs@npm:^8.1.2":
-  version: 8.3.4
-  resolution: "@storybook/addon-docs@npm:8.3.4"
+  version: 8.3.5
+  resolution: "@storybook/addon-docs@npm:8.3.5"
   dependencies:
     "@mdx-js/react": "npm:^3.0.0"
-    "@storybook/blocks": "npm:8.3.4"
-    "@storybook/csf-plugin": "npm:8.3.4"
+    "@storybook/blocks": "npm:8.3.5"
+    "@storybook/csf-plugin": "npm:8.3.5"
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/react-dom-shim": "npm:8.3.4"
+    "@storybook/react-dom-shim": "npm:8.3.5"
     "@types/react": "npm:^16.8.0 || ^17.0.0 || ^18.0.0"
     fs-extra: "npm:^11.1.0"
     react: "npm:^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -2832,36 +2875,36 @@ __metadata:
     rehype-slug: "npm:^6.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/d08bbcffb7e777aa79822c22ce268161dab664d00c019747ccdfd201a342a4c7bc971954aa3d753c0808e93b6ab6aeb16e758edb8977ebc9dff364c705618a35
+    storybook: ^8.3.5
+  checksum: 10c0/51f277079397ecc0e5fef721307a618e3aa4727069dba2b331cb4de2e6e318f4de338132e1ea886c0e9ee0824a10cbc9a0887e0f09f341221a31a09111ce4836
   languageName: node
   linkType: hard
 
-"@storybook/addon-highlight@npm:8.3.4":
-  version: 8.3.4
-  resolution: "@storybook/addon-highlight@npm:8.3.4"
+"@storybook/addon-highlight@npm:8.3.5":
+  version: 8.3.5
+  resolution: "@storybook/addon-highlight@npm:8.3.5"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/52e2ad2827e9db3ebfbb94daa7253a2870455fc89a1dc4044ac05b31be8082ba275aade578f04cd752429f06f7d1237416e740bbbd9ff2614a062cbc0b85c109
+    storybook: ^8.3.5
+  checksum: 10c0/9bd4d29d10d612aa6baf2a3c470fd571f32edd4d456e3c4eb0dfe416be7891b075f06a7f46da35274c58261db8be5e97d974edec3c11b477f1cc397b357a42ca
   languageName: node
   linkType: hard
 
 "@storybook/addon-links@npm:^8.1.2":
-  version: 8.3.4
-  resolution: "@storybook/addon-links@npm:8.3.4"
+  version: 8.3.5
+  resolution: "@storybook/addon-links@npm:8.3.5"
   dependencies:
     "@storybook/csf": "npm:^0.1.11"
     "@storybook/global": "npm:^5.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-    storybook: ^8.3.4
+    storybook: ^8.3.5
   peerDependenciesMeta:
     react:
       optional: true
-  checksum: 10c0/47e647d3b722cc0eeeb4b0424b20a3f8bcfc810aec6d374b043557e96617f58079173528f2bedbebe0ac789f1a353cd526c0844d4754b0cbff31967a5aac9a50
+  checksum: 10c0/ac431b420196fea7f9aa2a62356d2221c75065515ba82e4a0bbcddaa66a9a61d93f186e6efde87ca43ddfd043f3503f4459449d0f3f76935707276b87698f0d3
   languageName: node
   linkType: hard
 
@@ -2875,9 +2918,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/blocks@npm:8.3.4, @storybook/blocks@npm:^8.1.2":
-  version: 8.3.4
-  resolution: "@storybook/blocks@npm:8.3.4"
+"@storybook/blocks@npm:8.3.5, @storybook/blocks@npm:^8.1.2":
+  version: 8.3.5
+  resolution: "@storybook/blocks@npm:8.3.5"
   dependencies:
     "@storybook/csf": "npm:^0.1.11"
     "@storybook/global": "npm:^5.0.0"
@@ -2896,21 +2939,21 @@ __metadata:
   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.3.4
+    storybook: ^8.3.5
   peerDependenciesMeta:
     react:
       optional: true
     react-dom:
       optional: true
-  checksum: 10c0/72236ce1f99f50d3989e37823d2098886a4d25178af9320c80afe9b09c58c769eb111d490ce830ccbf3e9a0b5b2173ba8d967b689b2bec83e6cc2d038bac2b3d
+  checksum: 10c0/8b4d4b7761ff32de02c231231ef49457f96438916c9f5e2af6eebd90842a7de1f26781a768f5f2b080abd26c8da66c1fca60d304a87f530216eb01d6434e7ff9
   languageName: node
   linkType: hard
 
-"@storybook/builder-webpack5@npm:8.3.4":
-  version: 8.3.4
-  resolution: "@storybook/builder-webpack5@npm:8.3.4"
+"@storybook/builder-webpack5@npm:8.3.5":
+  version: 8.3.5
+  resolution: "@storybook/builder-webpack5@npm:8.3.5"
   dependencies:
-    "@storybook/core-webpack": "npm:8.3.4"
+    "@storybook/core-webpack": "npm:8.3.5"
     "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7.3.4"
     browser-assert: "npm:^1.2.1"
@@ -2938,38 +2981,38 @@ __metadata:
     webpack-hot-middleware: "npm:^2.25.1"
     webpack-virtual-modules: "npm:^0.6.0"
   peerDependencies:
-    storybook: ^8.3.4
+    storybook: ^8.3.5
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/34f0a16782aa7596ffaef8dbd02c6da93e6dc8b3dc704130d9a4b23454b18519494678fa3ad9ed93c5b3e696b791ace4c18de3e6e71c6a277bacf9286b99c8a0
+  checksum: 10c0/03c2e8ff9e8a85ed1064ec0514a48bd3ede92872f9bc867d961049638ec8884a0fd341993214136ccfeddbb280ca397bba42379c2fddaac7eb3d8a007d25c6bf
   languageName: node
   linkType: hard
 
-"@storybook/components@npm:^8.3.4":
-  version: 8.3.4
-  resolution: "@storybook/components@npm:8.3.4"
+"@storybook/components@npm:^8.3.5":
+  version: 8.3.5
+  resolution: "@storybook/components@npm:8.3.5"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/550ab87b9cf8db8a93ec19f183267aafb13e722ca975330898867853e52b562004d38b35954aa4d6bc1a2ed160145c4c3efed21514ba82ef258618514414ec69
+    storybook: ^8.3.5
+  checksum: 10c0/20b3217f1a0a48ab5a40c08960d966be1fc6842dd40fc9951328d9bdc76411e3d3820865fd93895eeccec718ef8c8512f19d1fcad9bdd2cb6a792f92ca4d73ce
   languageName: node
   linkType: hard
 
-"@storybook/core-webpack@npm:8.3.4":
-  version: 8.3.4
-  resolution: "@storybook/core-webpack@npm:8.3.4"
+"@storybook/core-webpack@npm:8.3.5":
+  version: 8.3.5
+  resolution: "@storybook/core-webpack@npm:8.3.5"
   dependencies:
     "@types/node": "npm:^22.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/20d9753365ce39812641572f0b8e11375fd352f37c72767b8588f5b3aef1a1dbc10a5385140047745acdef9e8499e5719e1962d124d5b9c8b487a23864d28db0
+    storybook: ^8.3.5
+  checksum: 10c0/d9311fc697485b70e7e4b473a9fa496f4bde7fe5242a889c080167d19ea53b07beab1e6458b6133f360f2c5e68b7e1dee9fcdd41dff5364ebf97b5c567f0c40b
   languageName: node
   linkType: hard
 
-"@storybook/core@npm:8.3.4":
-  version: 8.3.4
-  resolution: "@storybook/core@npm:8.3.4"
+"@storybook/core@npm:8.3.5":
+  version: 8.3.5
+  resolution: "@storybook/core@npm:8.3.5"
   dependencies:
     "@storybook/csf": "npm:^0.1.11"
     "@types/express": "npm:^4.17.21"
@@ -2984,18 +3027,18 @@ __metadata:
     semver: "npm:^7.6.2"
     util: "npm:^0.12.5"
     ws: "npm:^8.2.3"
-  checksum: 10c0/048ea9232f4b217a90d89bcbce58a443b7aee6ed98754bf502b4477bb1a5a2069440dc4173a9afe360bab5abcd3efe5423c41248de473c1e6b2c160b0923cbef
+  checksum: 10c0/f01d13c2309af518f1d029d27a3dd1ce80ea7423c9d4927d1096634a84887051c3581404971499ab81e5b28acca517bf1b31a3281fe7fdb0b418f0c45767f16f
   languageName: node
   linkType: hard
 
-"@storybook/csf-plugin@npm:8.3.4":
-  version: 8.3.4
-  resolution: "@storybook/csf-plugin@npm:8.3.4"
+"@storybook/csf-plugin@npm:8.3.5":
+  version: 8.3.5
+  resolution: "@storybook/csf-plugin@npm:8.3.5"
   dependencies:
     unplugin: "npm:^1.3.1"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/c21a721ab25ca2b6575ff19ca6ce0b4e9dc37ddd3d642f4e410fc9bbf8f0c9fecd06a2bd933eab4f6c58ef4fe037bf7f19cbbdb3803dac9e956e5518f9bed252
+    storybook: ^8.3.5
+  checksum: 10c0/528af7509500afe1baf446fb8d52978c71d18df0abafd27a81ab821977cfb211bb02190f5a7d09005c4c10dac5e91ef978e35c74ee477ed7d6e45583ebc8412d
   languageName: node
   linkType: hard
 
@@ -3034,21 +3077,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/manager-api@npm:^8.1.2, @storybook/manager-api@npm:^8.3.4":
-  version: 8.3.4
-  resolution: "@storybook/manager-api@npm:8.3.4"
+"@storybook/manager-api@npm:^8.1.2, @storybook/manager-api@npm:^8.3.5":
+  version: 8.3.5
+  resolution: "@storybook/manager-api@npm:8.3.5"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/cd32fb096963af06acba28eb809422841d5234341f4fdbe7970c9ab5efb43368ffb725d7be49f44f31a7e1c02876221f4d2377df52edc7665d4dea0e74031ee1
+    storybook: ^8.3.5
+  checksum: 10c0/4983af0e3a05abec0114acfa8bfe9d5df816b91f76614eb3c37dd654a0d4fdf5379d4d0cffc1676c6681d6142acd44e81abcb7c4f6de6108c8d26158cca9820d
   languageName: node
   linkType: hard
 
-"@storybook/preset-react-webpack@npm:8.3.4":
-  version: 8.3.4
-  resolution: "@storybook/preset-react-webpack@npm:8.3.4"
+"@storybook/preset-react-webpack@npm:8.3.5":
+  version: 8.3.5
+  resolution: "@storybook/preset-react-webpack@npm:8.3.5"
   dependencies:
-    "@storybook/core-webpack": "npm:8.3.4"
-    "@storybook/react": "npm:8.3.4"
+    "@storybook/core-webpack": "npm:8.3.5"
+    "@storybook/react": "npm:8.3.5"
     "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0"
     "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7.3.4"
@@ -3063,29 +3106,29 @@ __metadata:
   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.3.4
+    storybook: ^8.3.5
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/40a0fe14d5310db42136ea394b17bf1c9d8e26f5d0037410a6aeed4ab1089b4e7bc1dbb80e40c91bfd07771119b6abdca69bb6e9a626cd5d3538297c579248e0
+  checksum: 10c0/9f7b1748e00e7ebd6e20618a4e44b524977e8b6f36aa16ed9e937b3941930ef24e90f5f50cea339018276312d053549bef92845bc03f27a11de6eced55e52b1f
   languageName: node
   linkType: hard
 
-"@storybook/preview-api@npm:^8.3.4":
-  version: 8.3.4
-  resolution: "@storybook/preview-api@npm:8.3.4"
+"@storybook/preview-api@npm:^8.3.5":
+  version: 8.3.5
+  resolution: "@storybook/preview-api@npm:8.3.5"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/e1ea98abe35c5b5b1928f5f0f4c9a22f5c6abd952f12a01addb185e31fbcaed493fa753354e1d0dfba619992a864b7a11e3fe70dc2b28f6b4c7ec3416114238a
+    storybook: ^8.3.5
+  checksum: 10c0/12d81d57c0931983428b8621311de79a3846ec0f1c51ab94c5a9e7795a1e4bade74aa62de3693c488001630403c98a5372caca4be613f6f806e7265afb22e3d7
   languageName: node
   linkType: hard
 
 "@storybook/preview@npm:^8.1.2":
-  version: 8.3.4
-  resolution: "@storybook/preview@npm:8.3.4"
+  version: 8.3.5
+  resolution: "@storybook/preview@npm:8.3.5"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/ad10c1ab9ebd11b305dabc69ed53250c9d2b75f11e194a94afac3b822304e9b1c11a1516e30ac4f530b034fdf1f32915b6e3afcc579b62e42a2187741c1b52fd
+    storybook: ^8.3.5
+  checksum: 10c0/d5579e643e5ed32e65973e1cd5a622ccf39d64d16f7f9d213fb94b6624fa902f8c48c87fa5eb3c59573cea2d0708a0138a34fc4616e08fae3336f7c5eb9a0a6b
   languageName: node
   linkType: hard
 
@@ -3107,47 +3150,47 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-dom-shim@npm:8.3.4":
-  version: 8.3.4
-  resolution: "@storybook/react-dom-shim@npm:8.3.4"
+"@storybook/react-dom-shim@npm:8.3.5":
+  version: 8.3.5
+  resolution: "@storybook/react-dom-shim@npm:8.3.5"
   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.3.4
-  checksum: 10c0/412e657e0ece61fead78b513800dc1d3dadc8b89181b6165c8181565552d0794518c968c57025aa2d65059c762305707a8b30e3c32466bd2f3db0b36b4c8b28d
+    storybook: ^8.3.5
+  checksum: 10c0/a765dc358ae2b1775197aa540024ff8f999c4d1673e76f632b74edd62bb609c8405f4ddfd392923ee6190bf0a1506a473cf41202323d8bda77b20681dc5a1594
   languageName: node
   linkType: hard
 
 "@storybook/react-webpack5@npm:^8.1.2":
-  version: 8.3.4
-  resolution: "@storybook/react-webpack5@npm:8.3.4"
+  version: 8.3.5
+  resolution: "@storybook/react-webpack5@npm:8.3.5"
   dependencies:
-    "@storybook/builder-webpack5": "npm:8.3.4"
-    "@storybook/preset-react-webpack": "npm:8.3.4"
-    "@storybook/react": "npm:8.3.4"
+    "@storybook/builder-webpack5": "npm:8.3.5"
+    "@storybook/preset-react-webpack": "npm:8.3.5"
+    "@storybook/react": "npm:8.3.5"
     "@types/node": "npm:^22.0.0"
   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.3.4
+    storybook: ^8.3.5
     typescript: ">= 4.2.x"
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/b1357d20b7b826d62f508cecc4f28100a6ba2df60ed62243ce67fc136c8fc4861c3f5c13460ff069e2312906c006850577717f9a76be1dca1241eace35ec07c3
+  checksum: 10c0/76b17c1c61648dc723c515e697d7b8f1de0c9f9f6ba56136529e962b95e31e5e098c5426a0b1f372a46aa843d34d51784cf7c3f6a8ea0a965f2c318de3b5b4e1
   languageName: node
   linkType: hard
 
-"@storybook/react@npm:8.3.4, @storybook/react@npm:^8.1.2":
-  version: 8.3.4
-  resolution: "@storybook/react@npm:8.3.4"
+"@storybook/react@npm:8.3.5, @storybook/react@npm:^8.1.2":
+  version: 8.3.5
+  resolution: "@storybook/react@npm:8.3.5"
   dependencies:
-    "@storybook/components": "npm:^8.3.4"
+    "@storybook/components": "npm:^8.3.5"
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/manager-api": "npm:^8.3.4"
-    "@storybook/preview-api": "npm:^8.3.4"
-    "@storybook/react-dom-shim": "npm:8.3.4"
-    "@storybook/theming": "npm:^8.3.4"
+    "@storybook/manager-api": "npm:^8.3.5"
+    "@storybook/preview-api": "npm:^8.3.5"
+    "@storybook/react-dom-shim": "npm:8.3.5"
+    "@storybook/theming": "npm:^8.3.5"
     "@types/escodegen": "npm:^0.0.6"
     "@types/estree": "npm:^0.0.51"
     "@types/node": "npm:^22.0.0"
@@ -3163,26 +3206,26 @@ __metadata:
     type-fest: "npm:~2.19"
     util-deprecate: "npm:^1.0.2"
   peerDependencies:
-    "@storybook/test": 8.3.4
+    "@storybook/test": 8.3.5
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-    storybook: ^8.3.4
+    storybook: ^8.3.5
     typescript: ">= 4.2.x"
   peerDependenciesMeta:
     "@storybook/test":
       optional: true
     typescript:
       optional: true
-  checksum: 10c0/d2166f7c81e6e305abf99ff3069015beb3dd57ed2e5c4b92ea80a5a155fbf884463b0c2f5ab5ff78e13a6dc305ff9108c9fe4473c364f8d62c9f83bd7ea40d45
+  checksum: 10c0/2db9aa673be975018c9a44cc4c0c662439a85298a4d931afe63bf4e1ca6f7ab6889eddf6d64a555483af84ccc65b3d81b712c2231096124063cf5afa77fcbb6d
   languageName: node
   linkType: hard
 
-"@storybook/theming@npm:^8.1.2, @storybook/theming@npm:^8.3.4":
-  version: 8.3.4
-  resolution: "@storybook/theming@npm:8.3.4"
+"@storybook/theming@npm:^8.1.2, @storybook/theming@npm:^8.3.5":
+  version: 8.3.5
+  resolution: "@storybook/theming@npm:8.3.5"
   peerDependencies:
-    storybook: ^8.3.4
-  checksum: 10c0/8dc1675bbc0109e0dbaf4d4f1f49df87dcb61c4425c064b5aceeea167f797d77b0828e85bbbf5bfacbb95c2e434454e87957c51200b5ea65b9764a5b6c6cbfe0
+    storybook: ^8.3.5
+  checksum: 10c0/25455033b2b3bdb86083f759df77df42bfff71405c6abd301963dd7596003b462a0960a86c5cec3503dc9e1eba565eeb82a897002c6823f9ee361155b9ddfd23
   languageName: node
   linkType: hard
 
@@ -3198,8 +3241,8 @@ __metadata:
   linkType: hard
 
 "@stylistic/stylelint-plugin@npm:^3.0.0":
-  version: 3.1.0
-  resolution: "@stylistic/stylelint-plugin@npm:3.1.0"
+  version: 3.1.1
+  resolution: "@stylistic/stylelint-plugin@npm:3.1.1"
   dependencies:
     "@csstools/css-parser-algorithms": "npm:^3.0.1"
     "@csstools/css-tokenizer": "npm:^3.0.1"
@@ -3211,7 +3254,7 @@ __metadata:
     stylelint: "npm:^16.8.2"
   peerDependencies:
     stylelint: ^16.8.0
-  checksum: 10c0/eb1bc7f3839be09437f0ecc76ce95fd212ffbc6ca15f6fc1ac981331c24b467f3fee54668bd0b6bcb61e258ce2dd58293fd20936e781f8952b086bc3e0fa777f
+  checksum: 10c0/868d17f8dc7110d298b112d90f61361de4ca5807b7b68d37fe68cc2a8d630a048478e1634cb9a0e88089a69c170b951640cd6bf584e5402d8bb814e2699dd424
   languageName: node
   linkType: hard
 
@@ -3766,9 +3809,9 @@ __metadata:
   linkType: hard
 
 "@types/lodash@npm:^4.14.167, @types/lodash@npm:^4.14.186":
-  version: 4.17.9
-  resolution: "@types/lodash@npm:4.17.9"
-  checksum: 10c0/54de935e835508b5f835a5dfaedd2b9a299685a21d11e9c5cd2dde57331d03bc2f98b71d2424ca8460f447ecd55a673e45ccdb70e58f9f72745710f6b91abc60
+  version: 4.17.10
+  resolution: "@types/lodash@npm:4.17.10"
+  checksum: 10c0/149b2b9fcc277204393423ed14df28894980c2322ec522fc23f2c6f7edef6ee8d876ee09ed4520f45d128adc0a7a6e618bb0017668349716cd99c6ef54a21621
   languageName: node
   linkType: hard
 
@@ -3796,11 +3839,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:*, @types/node@npm:^22.0.0":
-  version: 22.7.4
-  resolution: "@types/node@npm:22.7.4"
+  version: 22.7.5
+  resolution: "@types/node@npm:22.7.5"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/c22bf54515c78ff3170142c1e718b90e2a0003419dc2d55f79c9c9362edd590a6ab1450deb09ff6e1b32d1b4698da407930b16285e8be3a009ea6cd2695cac01
+  checksum: 10c0/cf11f74f1a26053ec58066616e3a8685b6bcd7259bc569738b8f752009f9f0f7f85a1b2d24908e5b0f752482d1e8b6babdf1fbb25758711ec7bb9500bfcd6e60
   languageName: node
   linkType: hard
 
@@ -3814,11 +3857,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^20.12.7":
-  version: 20.16.10
-  resolution: "@types/node@npm:20.16.10"
+  version: 20.16.11
+  resolution: "@types/node@npm:20.16.11"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/c0c0c7ecb083ec638c2118e54b5242bb4c39a75608cbac9475cf15aaceb64b8bc997a87a0798e700a81d61651c8a7750ae0455be0f0996ada6e8b2bb818d90c5
+  checksum: 10c0/bba43f447c3c80548513954dae174e18132e9149d572c09df4a282772960d33e229d05680fb5364997c03489c22fe377d1dbcd018a3d4ff1cfbcfcdaa594a9c3
   languageName: node
   linkType: hard
 
@@ -5224,7 +5267,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.21.10, browserslist@npm:^4.23.1, browserslist@npm:^4.23.3":
+"browserslist@npm:^4.21.10, browserslist@npm:^4.23.3, browserslist@npm:^4.24.0":
   version: 4.24.0
   resolution: "browserslist@npm:4.24.0"
   dependencies:
@@ -5358,9 +5401,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.30001663":
-  version: 1.0.30001664
-  resolution: "caniuse-lite@npm:1.0.30001664"
-  checksum: 10c0/db2b431aba41a585191ab1e4d40da0ad349ff32400edac2a167bf6bf92dbf9c704eab03dc60fb89e882ce02478d61c3036b2b1bdce8edf9b2aabda5608bae05e
+  version: 1.0.30001667
+  resolution: "caniuse-lite@npm:1.0.30001667"
+  checksum: 10c0/6bc8555a47603e1e76eaef9b185d6fdeeca7d9c20a283f7c32c971eb1b52ea3a80e6ec086920f088f06abe619240f1023a2d3a08b5b1f2f11df1475695e9f71c
   languageName: node
   linkType: hard
 
@@ -5906,7 +5949,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-js-compat@npm:^3.37.1, core-js-compat@npm:^3.38.0":
+"core-js-compat@npm:^3.37.1, core-js-compat@npm:^3.38.0, core-js-compat@npm:^3.38.1":
   version: 3.38.1
   resolution: "core-js-compat@npm:3.38.1"
   dependencies:
@@ -6658,9 +6701,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.5.28":
-  version: 1.5.30
-  resolution: "electron-to-chromium@npm:1.5.30"
-  checksum: 10c0/f639a39ea3111e3661e4460575bd1392b54d45817617d8cf213e785a9ad9de897fee885d7b33718d9e628c982748a3da32a8813dad9b7bab1cf8673efb5689d6
+  version: 1.5.33
+  resolution: "electron-to-chromium@npm:1.5.33"
+  checksum: 10c0/46b914e85ce9ff5d57b78782f750ca6585c5aa713c0e6f70225bc6cf0f7637ce40567ccfd0d9a95d84120164fef01c8ff42c7cd206afdb1bace481e187a3919f
   languageName: node
   linkType: hard
 
@@ -8685,8 +8728,8 @@ __metadata:
   linkType: hard
 
 "http-proxy-middleware@npm:^2.0.3":
-  version: 2.0.6
-  resolution: "http-proxy-middleware@npm:2.0.6"
+  version: 2.0.7
+  resolution: "http-proxy-middleware@npm:2.0.7"
   dependencies:
     "@types/http-proxy": "npm:^1.17.8"
     http-proxy: "npm:^1.18.1"
@@ -8698,7 +8741,7 @@ __metadata:
   peerDependenciesMeta:
     "@types/express":
       optional: true
-  checksum: 10c0/25a0e550dd1900ee5048a692e0e9b2b6339d06d487a705d90c47e359e9c6561d648cd7862d001d090e651c9efffa1b6e5160fcf1f299b5fa4935f76e9754eb11
+  checksum: 10c0/8d00a61eb215b83826460b07489d8bb095368ec16e02a9d63e228dcf7524e7c20d61561e5476de1391aecd4ec32ea093279cdc972115b311f8e0a95a24c9e47e
   languageName: node
   linkType: hard
 
@@ -8763,7 +8806,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"i18next@npm:23.15.1, i18next@npm:^23.0.0":
+"i18next@npm:23.15.1":
   version: 23.15.1
   resolution: "i18next@npm:23.15.1"
   dependencies:
@@ -8772,6 +8815,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"i18next@npm:^23.0.0":
+  version: 23.15.2
+  resolution: "i18next@npm:23.15.2"
+  dependencies:
+    "@babel/runtime": "npm:^7.23.2"
+  checksum: 10c0/6e079bf486ac24440c2e01f1852b518c3c7f2cf9754ab98c25c78e4bc50f5af936b7cbb3c566f60fbbc093ec14d7432d5320016376038bc23fc1167a03cdb6bc
+  languageName: node
+  linkType: hard
+
 "iconv-lite@npm:0.4.24":
   version: 0.4.24
   resolution: "iconv-lite@npm:0.4.24"
@@ -10051,21 +10103,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsesc@npm:^2.5.1":
-  version: 2.5.2
-  resolution: "jsesc@npm:2.5.2"
-  bin:
-    jsesc: bin/jsesc
-  checksum: 10c0/dbf59312e0ebf2b4405ef413ec2b25abb5f8f4d9bc5fb8d9f90381622ebca5f2af6a6aa9a8578f65903f9e33990a6dc798edd0ce5586894bf0e9e31803a1de88
-  languageName: node
-  linkType: hard
-
-"jsesc@npm:~0.5.0":
-  version: 0.5.0
-  resolution: "jsesc@npm:0.5.0"
+"jsesc@npm:^3.0.2, jsesc@npm:~3.0.2":
+  version: 3.0.2
+  resolution: "jsesc@npm:3.0.2"
   bin:
     jsesc: bin/jsesc
-  checksum: 10c0/f93792440ae1d80f091b65f8ceddf8e55c4bb7f1a09dee5dcbdb0db5612c55c0f6045625aa6b7e8edb2e0a4feabd80ee48616dbe2d37055573a84db3d24f96d9
+  checksum: 10c0/ef22148f9e793180b14d8a145ee6f9f60f301abf443288117b4b6c53d0ecd58354898dc506ccbb553a5f7827965cd38bc5fb726575aae93c5e8915e2de8290e1
   languageName: node
   linkType: hard
 
@@ -10481,14 +10524,14 @@ __metadata:
   linkType: hard
 
 "memfs@npm:^4.6.0":
-  version: 4.12.0
-  resolution: "memfs@npm:4.12.0"
+  version: 4.13.0
+  resolution: "memfs@npm:4.13.0"
   dependencies:
     "@jsonjoy.com/json-pack": "npm:^1.0.3"
     "@jsonjoy.com/util": "npm:^1.3.0"
     tree-dump: "npm:^1.0.1"
     tslib: "npm:^2.0.0"
-  checksum: 10c0/e3ccf01e41334893fc8e32e1c551b4b3af962f851c848650533e54fb2d4702a520bd1269fc9a8152f8e4d6e775c8866d49abfc35627b4ff3d6594d96af62c9b4
+  checksum: 10c0/b0cb47cefdafc8e84ced864a24654dc83d57b4019a2cef3fe8f0cb0f841da95d5f46bf5149d88fa41b8af05841c392776def801e1d293ecc4cbaf087244cbd12
   languageName: node
   linkType: hard
 
@@ -11444,11 +11487,11 @@ __metadata:
   linkType: hard
 
 "postcss-safe-parser@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "postcss-safe-parser@npm:7.0.0"
+  version: 7.0.1
+  resolution: "postcss-safe-parser@npm:7.0.1"
   peerDependencies:
     postcss: ^8.4.31
-  checksum: 10c0/4217afd8ce2809e959dc365e4675f499303cc6b91f94db06c8164422822db2d3b3124df701ee2234db4127ad05619b016bfb9c2bccae9bf9cf898a396f1632c9
+  checksum: 10c0/6957b10b818bd8d4664ec0e548af967f7549abedfb37f844d389571d36af681340f41f9477b9ccf34bcc7599bdef222d1d72e79c64373001fae77089fba6d965
   languageName: node
   linkType: hard
 
@@ -12192,9 +12235,9 @@ __metadata:
   linkType: hard
 
 "readdirp@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "readdirp@npm:4.0.1"
-  checksum: 10c0/e5a0b547015f68ecc918f115b62b75b2b840611480a9240cb3317090a0ddac01bb9b40315a8fa08acdf52a43eea17b808c89b645263cba3ab64dc557d7f801f1
+  version: 4.0.2
+  resolution: "readdirp@npm:4.0.2"
+  checksum: 10c0/a16ecd8ef3286dcd90648c3b103e3826db2b766cdb4a988752c43a83f683d01c7059158d623cbcd8bdfb39e65d302d285be2d208e7d9f34d022d912b929217dd
   languageName: node
   linkType: hard
 
@@ -12244,7 +12287,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regenerate-unicode-properties@npm:^10.1.0":
+"regenerate-unicode-properties@npm:^10.2.0":
   version: 10.2.0
   resolution: "regenerate-unicode-properties@npm:10.2.0"
   dependencies:
@@ -12277,39 +12320,46 @@ __metadata:
   linkType: hard
 
 "regexp.prototype.flags@npm:^1.5.1, regexp.prototype.flags@npm:^1.5.2":
-  version: 1.5.2
-  resolution: "regexp.prototype.flags@npm:1.5.2"
+  version: 1.5.3
+  resolution: "regexp.prototype.flags@npm:1.5.3"
   dependencies:
-    call-bind: "npm:^1.0.6"
+    call-bind: "npm:^1.0.7"
     define-properties: "npm:^1.2.1"
     es-errors: "npm:^1.3.0"
-    set-function-name: "npm:^2.0.1"
-  checksum: 10c0/0f3fc4f580d9c349f8b560b012725eb9c002f36daa0041b3fbf6f4238cb05932191a4d7d5db3b5e2caa336d5150ad0402ed2be81f711f9308fe7e1a9bf9bd552
+    set-function-name: "npm:^2.0.2"
+  checksum: 10c0/e1a7c7dc42cc91abf73e47a269c4b3a8f225321b7f617baa25821f6a123a91d23a73b5152f21872c566e699207e1135d075d2251cd3e84cc96d82a910adf6020
   languageName: node
   linkType: hard
 
-"regexpu-core@npm:^5.3.1":
-  version: 5.3.2
-  resolution: "regexpu-core@npm:5.3.2"
+"regexpu-core@npm:^6.1.1":
+  version: 6.1.1
+  resolution: "regexpu-core@npm:6.1.1"
   dependencies:
-    "@babel/regjsgen": "npm:^0.8.0"
     regenerate: "npm:^1.4.2"
-    regenerate-unicode-properties: "npm:^10.1.0"
-    regjsparser: "npm:^0.9.1"
+    regenerate-unicode-properties: "npm:^10.2.0"
+    regjsgen: "npm:^0.8.0"
+    regjsparser: "npm:^0.11.0"
     unicode-match-property-ecmascript: "npm:^2.0.0"
     unicode-match-property-value-ecmascript: "npm:^2.1.0"
-  checksum: 10c0/7945d5ab10c8bbed3ca383d4274687ea825aee4ab93a9c51c6e31e1365edd5ea807f6908f800ba017b66c462944ba68011164e7055207747ab651f8111ef3770
+  checksum: 10c0/07d49697e20f9b65977535abba4858b7f5171c13f7c366be53ec1886d3d5f69f1b98cc6a6e63cf271adda077c3366a4c851c7473c28bbd69cf5a6b6b008efc3e
+  languageName: node
+  linkType: hard
+
+"regjsgen@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "regjsgen@npm:0.8.0"
+  checksum: 10c0/44f526c4fdbf0b29286101a282189e4dbb303f4013cf3fea058668d96d113b9180d3d03d1e13f6d4cbde38b7728bf951aecd9dc199938c080093a9a6f0d7a6bd
   languageName: node
   linkType: hard
 
-"regjsparser@npm:^0.9.1":
-  version: 0.9.1
-  resolution: "regjsparser@npm:0.9.1"
+"regjsparser@npm:^0.11.0":
+  version: 0.11.1
+  resolution: "regjsparser@npm:0.11.1"
   dependencies:
-    jsesc: "npm:~0.5.0"
+    jsesc: "npm:~3.0.2"
   bin:
     regjsparser: bin/parser
-  checksum: 10c0/fe44fcf19a99fe4f92809b0b6179530e5ef313ff7f87df143b08ce9a2eb3c4b6189b43735d645be6e8f4033bfb015ed1ca54f0583bc7561bed53fd379feb8225
+  checksum: 10c0/be4b40981a596b31eacd84ee12cfa474f1d33a6c05f7e995e8ec9d5ad8f1c3fbf7a5b690a05c443e1f312a1c0b16d4ea0b3384596a61d4fda97aa322879bb3cd
   languageName: node
   linkType: hard
 
@@ -13188,15 +13238,15 @@ __metadata:
   linkType: hard
 
 "storybook@npm:^8.1.2":
-  version: 8.3.4
-  resolution: "storybook@npm:8.3.4"
+  version: 8.3.5
+  resolution: "storybook@npm:8.3.5"
   dependencies:
-    "@storybook/core": "npm:8.3.4"
+    "@storybook/core": "npm:8.3.5"
   bin:
     getstorybook: ./bin/index.cjs
     sb: ./bin/index.cjs
     storybook: ./bin/index.cjs
-  checksum: 10c0/9c1d4f100e32dd89b91c71803f26970d758f575af56ede4dbd4142df3f2f2f0ecb66bb3e08a09c7a474962ee491c9412fcb0812c3aeaab96c419c7ca959dde1e
+  checksum: 10c0/8f8ffe54c5dad8bad9d8701f63f4670cf3f388acd0e21e5bedeb86ebd2af5adf905024b6b9a2c46cf1199a0c1c86a97fddfa1fc70546149e18263b3b47c80585
   languageName: node
   linkType: hard
 

From 8f10a4abe520a5d49ec554d1b970f924523bf598 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 15 Oct 2024 11:38:30 -0400
Subject: [PATCH 27/30] fix(deps): update react-router (#1004)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 packages/react/package.json     |  2 +-
 packages/storybook/package.json |  2 +-
 packages/webapp/package.json    |  4 +-
 yarn.lock                       | 69 +++++++++------------------------
 4 files changed, 23 insertions(+), 54 deletions(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index 257685a8a3..615f939496 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -88,7 +88,7 @@
     "react": "~17.0.2",
     "react-docgen-typescript-plugin": "1.0.8",
     "react-dom": "~17.0.2",
-    "react-router-dom": "~6.26.0",
+    "react-router-dom": "~6.27.0",
     "sass": "~1.77.0",
     "sass-loader": "~16.0.0",
     "style-loader": "^4.0.0",
diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index cfc16375bc..b400460e54 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -19,7 +19,7 @@
     "react": "~17.0.2",
     "react-dom": "~17.0.2",
     "react-is": "~17.0.2",
-    "react-router-dom": "~6.26.0",
+    "react-router-dom": "~6.27.0",
     "styled-components": "^5.3.10"
   },
   "devDependencies": {
diff --git a/packages/webapp/package.json b/packages/webapp/package.json
index f57f104675..05fcc5ce85 100644
--- a/packages/webapp/package.json
+++ b/packages/webapp/package.json
@@ -30,8 +30,8 @@
     "react-dom": "18.3.1",
     "react-i18next": "15.0.1",
     "react-is": "18.3.1",
-    "react-router": "6.26.1",
-    "react-router-dom": "6.26.1",
+    "react-router": "6.27.0",
+    "react-router-dom": "6.27.0",
     "styled-components": "5.3.11",
     "tslib": "2.6.3"
   },
diff --git a/yarn.lock b/yarn.lock
index 80308570a9..5f1d8f32db 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1764,7 +1764,7 @@ __metadata:
     react-is: "npm:~17.0.2"
     react-modal: "npm:^3.16.1"
     react-popper-tooltip: "npm:^4.4.2"
-    react-router-dom: "npm:~6.26.0"
+    react-router-dom: "npm:~6.27.0"
     react-shadow: "npm:^20.0.0"
     react-swipeable: "npm:~7.0.0"
     sass: "npm:~1.77.0"
@@ -1839,7 +1839,7 @@ __metadata:
     react: "npm:~17.0.2"
     react-dom: "npm:~17.0.2"
     react-is: "npm:~17.0.2"
-    react-router-dom: "npm:~6.26.0"
+    react-router-dom: "npm:~6.27.0"
     sass: "npm:^1.71.1"
     sass-loader: "npm:^16.0.0"
     storybook: "npm:^8.1.2"
@@ -2778,17 +2778,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@remix-run/router@npm:1.19.1":
-  version: 1.19.1
-  resolution: "@remix-run/router@npm:1.19.1"
-  checksum: 10c0/9101fc96646e5107b6b0ef248d4c93bd965590c37ac02d35bcc57d1902467db7fc6eeec0a1fb97d0ce5bc96fae58e75239555e44a983239a61badba18e82d3b8
-  languageName: node
-  linkType: hard
-
-"@remix-run/router@npm:1.19.2":
-  version: 1.19.2
-  resolution: "@remix-run/router@npm:1.19.2"
-  checksum: 10c0/ac7fc813350686705f2c29219e70e1e299d9a8e3b301e9e81f7e84f578c40c6462b590cf0d78863bac40dbc325b68c71ae070f4a1465793d1d1971b619618295
+"@remix-run/router@npm:1.20.0":
+  version: 1.20.0
+  resolution: "@remix-run/router@npm:1.20.0"
+  checksum: 10c0/2e017dea530717a6e93a16d478714c4c9165313a1c48e39172ec609bc20324ca6362e8ee2243602df6343644c9268d82a3f50f154d3bb8a17dddde6c37be6e83
   languageName: node
   linkType: hard
 
@@ -6906,8 +6899,8 @@ __metadata:
     react-dom: "npm:18.3.1"
     react-i18next: "npm:15.0.1"
     react-is: "npm:18.3.1"
-    react-router: "npm:6.26.1"
-    react-router-dom: "npm:6.26.1"
+    react-router: "npm:6.27.0"
+    react-router-dom: "npm:6.27.0"
     serve-static: "npm:1.16.0"
     styled-components: "npm:5.3.11"
     stylelint: "npm:16.8.2"
@@ -12069,51 +12062,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-router-dom@npm:6.26.1":
-  version: 6.26.1
-  resolution: "react-router-dom@npm:6.26.1"
-  dependencies:
-    "@remix-run/router": "npm:1.19.1"
-    react-router: "npm:6.26.1"
-  peerDependencies:
-    react: ">=16.8"
-    react-dom: ">=16.8"
-  checksum: 10c0/9d9d8ed54d1c95497c6fa35a6ab46992efeccf1cfc6f0f6089c6c9b040af3eae09568fbb80c690bae08051a955d92d7aa3a0e730f626eb69285114993d31d430
-  languageName: node
-  linkType: hard
-
-"react-router-dom@npm:~6.26.0":
-  version: 6.26.2
-  resolution: "react-router-dom@npm:6.26.2"
+"react-router-dom@npm:6.27.0, react-router-dom@npm:~6.27.0":
+  version: 6.27.0
+  resolution: "react-router-dom@npm:6.27.0"
   dependencies:
-    "@remix-run/router": "npm:1.19.2"
-    react-router: "npm:6.26.2"
+    "@remix-run/router": "npm:1.20.0"
+    react-router: "npm:6.27.0"
   peerDependencies:
     react: ">=16.8"
     react-dom: ">=16.8"
-  checksum: 10c0/7515128a98eef0a6b2bf354ef9dfefad03556a06be00fa9220eda6526aaada8a42f294911083473d7ced6d7128c3088bd193218bbb3d62593f9f4f7053781c23
-  languageName: node
-  linkType: hard
-
-"react-router@npm:6.26.1":
-  version: 6.26.1
-  resolution: "react-router@npm:6.26.1"
-  dependencies:
-    "@remix-run/router": "npm:1.19.1"
-  peerDependencies:
-    react: ">=16.8"
-  checksum: 10c0/463078e740462b42bb5ba8004448f33fc9e63778f432a4ed55c57b93c5b519e25fb17913ee8435b0fda33c6b9f75df8ef6fcb2c3a4f8db84fb546d202e29aa51
+  checksum: 10c0/7db48ffd0b387af0eed060ceaf42075d074e63fbd30f4cf60993526b3610883a9ff82615965001165ed69d2bf2f1bce05c594a21c8d0d845e7b9bf203201116e
   languageName: node
   linkType: hard
 
-"react-router@npm:6.26.2":
-  version: 6.26.2
-  resolution: "react-router@npm:6.26.2"
+"react-router@npm:6.27.0":
+  version: 6.27.0
+  resolution: "react-router@npm:6.27.0"
   dependencies:
-    "@remix-run/router": "npm:1.19.2"
+    "@remix-run/router": "npm:1.20.0"
   peerDependencies:
     react: ">=16.8"
-  checksum: 10c0/0d15a39b419c99fb5ccad76388bfc4ee2b01323b3b1b694595a9f9ea28e1fbeea25486b5398f5d3d93922f5c6a9aa751b6bb27419488d85279f6ca5ff9e0a6bb
+  checksum: 10c0/440d6ee00890cec92a0c2183164149fbb96363efccf52bb132a964f44e51aec2f4b5a0520c67f6f17faddaa4097090fd76f7efe58263947532fceeb11dd4cdf3
   languageName: node
   linkType: hard
 

From ec438b56b92e713957640c94a00af5669b107728 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 15 Oct 2024 11:40:02 -0400
Subject: [PATCH 28/30] chore(deps): lock file maintenance (#1007)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 yarn.lock | 535 ++++++++++++++++++++++++++++++++++--------------------
 1 file changed, 342 insertions(+), 193 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 5f1d8f32db..66cc61258f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -32,16 +32,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.25.2, @babel/compat-data@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/compat-data@npm:7.25.7"
-  checksum: 10c0/e5cc915abdd18d021236474a96606b2d4a915c4fb620c1ad776b8a08d91111e788cb3b7e9bad43593d4e0bfa4f06894357bcb0984102de1861b9e7322b6bc9f8
+"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.25.2, @babel/compat-data@npm:^7.25.7, @babel/compat-data@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/compat-data@npm:7.25.8"
+  checksum: 10c0/8b81c17580e5fb4cbb6a3c52079f8c283fc59c0c6bd2fe14cfcf9c44b32d2eaab71b02c5633e2c679f5896f73f8ac4036ba2e67a4c806e8f428e4b11f526d7f4
   languageName: node
   linkType: hard
 
 "@babel/core@npm:*, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.18.9, @babel/core@npm:^7.21.3, @babel/core@npm:^7.23.7, @babel/core@npm:^7.23.9, @babel/core@npm:^7.24.4":
-  version: 7.25.7
-  resolution: "@babel/core@npm:7.25.7"
+  version: 7.25.8
+  resolution: "@babel/core@npm:7.25.8"
   dependencies:
     "@ampproject/remapping": "npm:^2.2.0"
     "@babel/code-frame": "npm:^7.25.7"
@@ -49,16 +49,16 @@ __metadata:
     "@babel/helper-compilation-targets": "npm:^7.25.7"
     "@babel/helper-module-transforms": "npm:^7.25.7"
     "@babel/helpers": "npm:^7.25.7"
-    "@babel/parser": "npm:^7.25.7"
+    "@babel/parser": "npm:^7.25.8"
     "@babel/template": "npm:^7.25.7"
     "@babel/traverse": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.8"
     convert-source-map: "npm:^2.0.0"
     debug: "npm:^4.1.0"
     gensync: "npm:^1.0.0-beta.2"
     json5: "npm:^2.2.3"
     semver: "npm:^6.3.1"
-  checksum: 10c0/dad20af39624086afc3a0910bd97ae712c9ad0e9dda09fc5da93876e8ea1802b63ddd81c44f4aa8a9834db46de801eaab1ce9b81ab54b4fe907ae052c24de136
+  checksum: 10c0/8411ea506e6f7c8a39ab5c1524b00589fa3b087edb47389708f7fe07170929192171734666e3ea10b95a951643a531a6d09eedfe071572c9ea28516646265086
   languageName: node
   linkType: hard
 
@@ -324,14 +324,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/parser@npm:7.25.7"
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.7, @babel/parser@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/parser@npm:7.25.8"
   dependencies:
-    "@babel/types": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.8"
   bin:
     parser: ./bin/babel-parser.js
-  checksum: 10c0/b771469bb6b636c18a8d642b9df3c73913c3860a979591e1a29a98659efd38b81d3e393047b5251fe382d4c82c681c12da9ce91c98d69316d2604d155a214bcf
+  checksum: 10c0/a1a13845b7e8dda4c970791814a4bbf60004969882f18f470e260ad822d2e1f8941948f851e9335895563610f240fa6c98481ce8019865e469502bbf21daafa4
   languageName: node
   linkType: hard
 
@@ -646,17 +646,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-async-generator-functions@npm:^7.25.0, @babel/plugin-transform-async-generator-functions@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.25.7"
+"@babel/plugin-transform-async-generator-functions@npm:^7.25.0, @babel/plugin-transform-async-generator-functions@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.25.8"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/helper-remap-async-to-generator": "npm:^7.25.7"
-    "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
     "@babel/traverse": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/dcdd17d8cafafe0eb2edd0a46a7abe86c72235c957c8eb1157ccadb2b199572d5d1aa36a2d3bce5cb99990f7d3c6290ecf09959c62f3081c4df9ff717a1c84a4
+  checksum: 10c0/1698d0757d3dc895047120346cdbe6d539dae4a7bb930caf958c3623e89c850d378d1ebd971a1a8b4cba39c8f001cd9c25a1d6f430099022ab1e87aeddb5dd88
   languageName: node
   linkType: hard
 
@@ -707,16 +706,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-class-static-block@npm:^7.24.7, @babel/plugin-transform-class-static-block@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-class-static-block@npm:7.25.7"
+"@babel/plugin-transform-class-static-block@npm:^7.24.7, @babel/plugin-transform-class-static-block@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-class-static-block@npm:7.25.8"
   dependencies:
     "@babel/helper-create-class-features-plugin": "npm:^7.25.7"
     "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-class-static-block": "npm:^7.14.5"
   peerDependencies:
     "@babel/core": ^7.12.0
-  checksum: 10c0/cbb4b46cbd8ad10106eb2bedb5a0665661a1d1d5b6f3ab565ff454b802dab4718e02b25670fe0d40835494aedb3dc26757c06cc4da6ff3e80291c5f882269bd3
+  checksum: 10c0/4f37853aef6920875022bbb2d7c6523218d9d718291464e2cacd9cc6f2c22d86a69948d8ea38f9248843bbfe9343f3fd18cf16b1615560124198bf999e3ba612
   languageName: node
   linkType: hard
 
@@ -794,15 +792,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-dynamic-import@npm:^7.24.7, @babel/plugin-transform-dynamic-import@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-dynamic-import@npm:7.25.7"
+"@babel/plugin-transform-dynamic-import@npm:^7.24.7, @babel/plugin-transform-dynamic-import@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-dynamic-import@npm:7.25.8"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/c733252ff20a32d9747dd081916270f5a073856597e849a5f458b12f4354499b18714f5e7049e341432851d9975077cb37effcd276c7f816faa6f5ff708dc5e1
+  checksum: 10c0/9726abc1b07771a9c1e3670908ac425d21e29f54c775d10ed7a4e2bc0a18e07600f70bbc531deba3fb3ff7f6763c189200593264c6f784dac583e653b66fe754
   languageName: node
   linkType: hard
 
@@ -818,15 +815,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-export-namespace-from@npm:^7.24.7, @babel/plugin-transform-export-namespace-from@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.25.7"
+"@babel/plugin-transform-export-namespace-from@npm:^7.24.7, @babel/plugin-transform-export-namespace-from@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.25.8"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-export-namespace-from": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/ef61fc5d54c9c8b075cbd9db62beaf295e38e08a1edb1882995105d3e959763be1631f7d7f7cb7461b702ebd0b4a601f2eb2cd6521acaf061310a3a3305fa756
+  checksum: 10c0/8a2e1205dd727a96a9adef0e981d68c61b1c286480b9136e2aa67ce3e2c742be4f87feb9fb4c5548a401aba0953d43d66e9ec36a54dea6a7c15f1ee9345baf57
   languageName: node
   linkType: hard
 
@@ -855,15 +851,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-json-strings@npm:^7.24.7, @babel/plugin-transform-json-strings@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-json-strings@npm:7.25.7"
+"@babel/plugin-transform-json-strings@npm:^7.24.7, @babel/plugin-transform-json-strings@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-json-strings@npm:7.25.8"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-json-strings": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/aa6e5f65c8a5f2459d7daa9b5b4ff97ff43bab21f4a8513ed84d35300b0323ec542dc101c5f11622e442dfc93b3a229c7f41ebc7645370dfec6d066bda800a0b
+  checksum: 10c0/2a6cf69ebe8deebc39c56adae75d609e16786dc4cbd83577eefdc838bd89ca8974671d47e2669b8e65ef9b7ace427f7c2c5a9fc6aa09247b10e141d15fee81cf
   languageName: node
   linkType: hard
 
@@ -878,15 +873,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-logical-assignment-operators@npm:^7.24.7, @babel/plugin-transform-logical-assignment-operators@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.25.7"
+"@babel/plugin-transform-logical-assignment-operators@npm:^7.24.7, @babel/plugin-transform-logical-assignment-operators@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.25.8"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/d610a8a2c1be83e03cce2256f29519e705dc68289c09d67f1f362d1fd80f4b36eaf2affc05710abb53a272895041e24d9e95ec73a516a23a67cb907023fbe37b
+  checksum: 10c0/9adc2634c94b283b682fbf71bbec553bd8448196213491a0ef9ea167993c9c36dcb2fbefbd834e113cfed843a67290131bc99e463f8702043c3f4e3a99bb807e
   languageName: node
   linkType: hard
 
@@ -975,41 +969,38 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.7, @babel/plugin-transform-nullish-coalescing-operator@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.25.7"
+"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.7, @babel/plugin-transform-nullish-coalescing-operator@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.25.8"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/b35a96a79ef4895b00e4f758d3185cb17e4fbfada311894ad5f0988a55fc2c21820dc789b26a3cb8fbd620434faa516e52acb6e2da105c2edbd29de8b6b0facf
+  checksum: 10c0/3cb7c44cffccae42e104755acb31b4f00bc27d8c88102ae6f30dca508832f98fa5b746bead0fc7c0c6ddcf83f336829be4b64245c6c7ce26b3ef591937ec54a4
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-numeric-separator@npm:^7.24.7, @babel/plugin-transform-numeric-separator@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-numeric-separator@npm:7.25.7"
+"@babel/plugin-transform-numeric-separator@npm:^7.24.7, @babel/plugin-transform-numeric-separator@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-numeric-separator@npm:7.25.8"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-numeric-separator": "npm:^7.10.4"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/c028ae89e6b4e1d757f8f1ebcb3b420e6559bb35002728f6f5651d5f669fbf73764adf6e3597908fa12adf8dbae683e5f74b3a7f68e8774a9663c18c0f999539
+  checksum: 10c0/d23b3ebc50513f24510791ac2cad43e3c6ea08579f54dccfd4ed5e5d5084f02da0576ea42ea999fb51e1f94f42857cac96a1a29ac6728fc262fbe87ec966dc18
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-object-rest-spread@npm:^7.24.7, @babel/plugin-transform-object-rest-spread@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.25.7"
+"@babel/plugin-transform-object-rest-spread@npm:^7.24.7, @babel/plugin-transform-object-rest-spread@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.25.8"
   dependencies:
     "@babel/helper-compilation-targets": "npm:^7.25.7"
     "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-object-rest-spread": "npm:^7.8.3"
     "@babel/plugin-transform-parameters": "npm:^7.25.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/e8b978d9d1020452da0d5d92f80fe57e302761dac20137bb8bf863478a4779fcd63d314db89e796125d9d76da2a38f64f012d6e0c4913815951b3eb3fba2feb6
+  checksum: 10c0/058d5f5bb61068997fb78855011dd175d441da84717640852bbfd12a5919acf8d8c5a14c1debfe87d230f3f4c47c22fcad3d7fa1acd72e5e48b2fff93b6c1dd9
   languageName: node
   linkType: hard
 
@@ -1025,28 +1016,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-optional-catch-binding@npm:^7.24.7, @babel/plugin-transform-optional-catch-binding@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.25.7"
+"@babel/plugin-transform-optional-catch-binding@npm:^7.24.7, @babel/plugin-transform-optional-catch-binding@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.25.8"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-optional-catch-binding": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/bb609e5103780be0825a255ffe1fefbb5335aead88a46eecc2257053279ea2c45ff66b0ef1fb54302c8c8c57146e88e52f3ecb62b4c6f619218d7b3843b352d9
+  checksum: 10c0/f4360e62ca4aa998db31548d0ef06836d958bcb29dee58f5c62d0c29b6b2bff1b54871195bd032825fe3dd79a4fd8275e165148c8d4b57694bcf72135c8f7d24
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-optional-chaining@npm:^7.24.8, @babel/plugin-transform-optional-chaining@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-optional-chaining@npm:7.25.7"
+"@babel/plugin-transform-optional-chaining@npm:^7.24.8, @babel/plugin-transform-optional-chaining@npm:^7.25.7, @babel/plugin-transform-optional-chaining@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-optional-chaining@npm:7.25.8"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
-    "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/887441ada6c2bc1b789984b7531d9bc585f335ece99642886d3d9fd8aee7e6b8d4f7ca61d76b5f23477f3aa607284d5056eadaa1eb17e7b39af6b0e834cbe878
+  checksum: 10c0/a1cdbfc249619fa6b37e57f81600701281629d86a57e616b0c2b29816d0c43114a2296ce089564afd3aa7870c8aad62e907658ffef2c110662af14ee23d5247f
   languageName: node
   linkType: hard
 
@@ -1073,17 +1062,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-private-property-in-object@npm:^7.24.7, @babel/plugin-transform-private-property-in-object@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.25.7"
+"@babel/plugin-transform-private-property-in-object@npm:^7.24.7, @babel/plugin-transform-private-property-in-object@npm:^7.25.8":
+  version: 7.25.8
+  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.25.8"
   dependencies:
     "@babel/helper-annotate-as-pure": "npm:^7.25.7"
     "@babel/helper-create-class-features-plugin": "npm:^7.25.7"
     "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/plugin-syntax-private-property-in-object": "npm:^7.14.5"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/5ad8832ba54e2079c1f558b8680e170265e3f376424e5fbb75b17b7f08696fb0af6c96d23d92f7df3dcc559f5971a02587281fcec38a853174aa95478565f5fc
+  checksum: 10c0/61b5e3a4eb94caf38d6e9ff7bff1ac8927758141aaa4891036d3490866ecee53beaefd7893519fec42a4c55f33374a17fc0e49694cdaf95668082073f0fe4a79
   languageName: node
   linkType: hard
 
@@ -1404,10 +1392,10 @@ __metadata:
   linkType: hard
 
 "@babel/preset-env@npm:^7.20.2, @babel/preset-env@npm:^7.24.4":
-  version: 7.25.7
-  resolution: "@babel/preset-env@npm:7.25.7"
+  version: 7.25.8
+  resolution: "@babel/preset-env@npm:7.25.8"
   dependencies:
-    "@babel/compat-data": "npm:^7.25.7"
+    "@babel/compat-data": "npm:^7.25.8"
     "@babel/helper-compilation-targets": "npm:^7.25.7"
     "@babel/helper-plugin-utils": "npm:^7.25.7"
     "@babel/helper-validator-option": "npm:^7.25.7"
@@ -1417,45 +1405,30 @@ __metadata:
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "npm:^7.25.7"
     "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "npm:^7.25.7"
     "@babel/plugin-proposal-private-property-in-object": "npm:7.21.0-placeholder-for-preset-env.2"
-    "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
-    "@babel/plugin-syntax-class-properties": "npm:^7.12.13"
-    "@babel/plugin-syntax-class-static-block": "npm:^7.14.5"
-    "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3"
-    "@babel/plugin-syntax-export-namespace-from": "npm:^7.8.3"
     "@babel/plugin-syntax-import-assertions": "npm:^7.25.7"
     "@babel/plugin-syntax-import-attributes": "npm:^7.25.7"
-    "@babel/plugin-syntax-import-meta": "npm:^7.10.4"
-    "@babel/plugin-syntax-json-strings": "npm:^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
-    "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
-    "@babel/plugin-syntax-numeric-separator": "npm:^7.10.4"
-    "@babel/plugin-syntax-object-rest-spread": "npm:^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding": "npm:^7.8.3"
-    "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
-    "@babel/plugin-syntax-private-property-in-object": "npm:^7.14.5"
-    "@babel/plugin-syntax-top-level-await": "npm:^7.14.5"
     "@babel/plugin-syntax-unicode-sets-regex": "npm:^7.18.6"
     "@babel/plugin-transform-arrow-functions": "npm:^7.25.7"
-    "@babel/plugin-transform-async-generator-functions": "npm:^7.25.7"
+    "@babel/plugin-transform-async-generator-functions": "npm:^7.25.8"
     "@babel/plugin-transform-async-to-generator": "npm:^7.25.7"
     "@babel/plugin-transform-block-scoped-functions": "npm:^7.25.7"
     "@babel/plugin-transform-block-scoping": "npm:^7.25.7"
     "@babel/plugin-transform-class-properties": "npm:^7.25.7"
-    "@babel/plugin-transform-class-static-block": "npm:^7.25.7"
+    "@babel/plugin-transform-class-static-block": "npm:^7.25.8"
     "@babel/plugin-transform-classes": "npm:^7.25.7"
     "@babel/plugin-transform-computed-properties": "npm:^7.25.7"
     "@babel/plugin-transform-destructuring": "npm:^7.25.7"
     "@babel/plugin-transform-dotall-regex": "npm:^7.25.7"
     "@babel/plugin-transform-duplicate-keys": "npm:^7.25.7"
     "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "npm:^7.25.7"
-    "@babel/plugin-transform-dynamic-import": "npm:^7.25.7"
+    "@babel/plugin-transform-dynamic-import": "npm:^7.25.8"
     "@babel/plugin-transform-exponentiation-operator": "npm:^7.25.7"
-    "@babel/plugin-transform-export-namespace-from": "npm:^7.25.7"
+    "@babel/plugin-transform-export-namespace-from": "npm:^7.25.8"
     "@babel/plugin-transform-for-of": "npm:^7.25.7"
     "@babel/plugin-transform-function-name": "npm:^7.25.7"
-    "@babel/plugin-transform-json-strings": "npm:^7.25.7"
+    "@babel/plugin-transform-json-strings": "npm:^7.25.8"
     "@babel/plugin-transform-literals": "npm:^7.25.7"
-    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.25.7"
+    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.25.8"
     "@babel/plugin-transform-member-expression-literals": "npm:^7.25.7"
     "@babel/plugin-transform-modules-amd": "npm:^7.25.7"
     "@babel/plugin-transform-modules-commonjs": "npm:^7.25.7"
@@ -1463,15 +1436,15 @@ __metadata:
     "@babel/plugin-transform-modules-umd": "npm:^7.25.7"
     "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.25.7"
     "@babel/plugin-transform-new-target": "npm:^7.25.7"
-    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.25.7"
-    "@babel/plugin-transform-numeric-separator": "npm:^7.25.7"
-    "@babel/plugin-transform-object-rest-spread": "npm:^7.25.7"
+    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.25.8"
+    "@babel/plugin-transform-numeric-separator": "npm:^7.25.8"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.25.8"
     "@babel/plugin-transform-object-super": "npm:^7.25.7"
-    "@babel/plugin-transform-optional-catch-binding": "npm:^7.25.7"
-    "@babel/plugin-transform-optional-chaining": "npm:^7.25.7"
+    "@babel/plugin-transform-optional-catch-binding": "npm:^7.25.8"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.25.8"
     "@babel/plugin-transform-parameters": "npm:^7.25.7"
     "@babel/plugin-transform-private-methods": "npm:^7.25.7"
-    "@babel/plugin-transform-private-property-in-object": "npm:^7.25.7"
+    "@babel/plugin-transform-private-property-in-object": "npm:^7.25.8"
     "@babel/plugin-transform-property-literals": "npm:^7.25.7"
     "@babel/plugin-transform-regenerator": "npm:^7.25.7"
     "@babel/plugin-transform-reserved-words": "npm:^7.25.7"
@@ -1492,7 +1465,7 @@ __metadata:
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/bf704a06a69420250c1de2b126cd5c859a851002c2fb2cce0910cd85a8e6755b9b31577021e94feb7e1e53519923726349aaf07580923928791583db61438fb8
+  checksum: 10c0/a45cd64ca082262998f6cf508b413ff8a9e967bf33e58337a1fe41c6c939a4c25cc73cd58387792c00d43905cf5fb0ea5ef88dfdc2addf2e8133743088c86c72
   languageName: node
   linkType: hard
 
@@ -1591,14 +1564,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.7, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
-  version: 7.25.7
-  resolution: "@babel/types@npm:7.25.7"
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.25.2, @babel/types@npm:^7.25.7, @babel/types@npm:^7.25.8, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
+  version: 7.25.8
+  resolution: "@babel/types@npm:7.25.8"
   dependencies:
     "@babel/helper-string-parser": "npm:^7.25.7"
     "@babel/helper-validator-identifier": "npm:^7.25.7"
     to-fast-properties: "npm:^2.0.0"
-  checksum: 10c0/e03e1e2e08600fa1e8eb90632ac9c253dd748176c8d670d85f85b0dc83a0573b26ae748a1cbcb81f401903a3d95f43c3f4f8d516a5ed779929db27de56289633
+  checksum: 10c0/55ca2d6df6426c98db2769ce884ce5e9de83a512ea2dd7bcf56c811984dc14351cacf42932a723630c5afcff2455809323decd645820762182f10b7b5252b59f
   languageName: node
   linkType: hard
 
@@ -1635,18 +1608,18 @@ __metadata:
   linkType: hard
 
 "@csstools/css-parser-algorithms@npm:^3.0.0, @csstools/css-parser-algorithms@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@csstools/css-parser-algorithms@npm:3.0.1"
+  version: 3.0.2
+  resolution: "@csstools/css-parser-algorithms@npm:3.0.2"
   peerDependencies:
-    "@csstools/css-tokenizer": ^3.0.1
-  checksum: 10c0/064c6d519197b5af43bbf5efe8f4cdbd361b006113aa82160d637e925b50c643a52d33d512ca01c63042d952d723a2a10798231a714668356b76668fb11294e3
+    "@csstools/css-tokenizer": ^3.0.2
+  checksum: 10c0/246afbf518ee9eaa24ed7f083360eb66884f1172fd4f8c663bff8c6099de2a8abd1e2a31d5b6fe42e010277d238469d780cff62bc7fdc6a52e7a90626b8924dc
   languageName: node
   linkType: hard
 
 "@csstools/css-tokenizer@npm:^3.0.0, @csstools/css-tokenizer@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@csstools/css-tokenizer@npm:3.0.1"
-  checksum: 10c0/c9ed4373e5731b5375ea9791590081019c04e95f08b46b272977e5e7b8c3d560affc62e82263cb8def1df1e57f0673140e7e16a14a5e7be04e6a234be088d1d3
+  version: 3.0.2
+  resolution: "@csstools/css-tokenizer@npm:3.0.2"
+  checksum: 10c0/a74e5829420ed35982fd33be272c2a19cb2380179d357abe750aa848be6d6699d0437008f47a57eb7c6ff64a34b0c8f91a97dd63dbddd08249b7cf7983767e5e
   languageName: node
   linkType: hard
 
@@ -2273,8 +2246,8 @@ __metadata:
   linkType: hard
 
 "@floating-ui/react@npm:^0.26.23":
-  version: 0.26.24
-  resolution: "@floating-ui/react@npm:0.26.24"
+  version: 0.26.25
+  resolution: "@floating-ui/react@npm:0.26.25"
   dependencies:
     "@floating-ui/react-dom": "npm:^2.1.2"
     "@floating-ui/utils": "npm:^0.2.8"
@@ -2282,7 +2255,7 @@ __metadata:
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: 10c0/c5c3ac265802087673a69b0e08b3bea1ee02de9da4cdbc40bb1c9e06823be72628a82f1655b40d56a4383715b4ab3b6deddff4e69146f513970ee592e1dd8f92
+  checksum: 10c0/5206b06a5963e795af2f0b0a6ac39230012263ffa38dd60158e0f0b82d43a24e6a1c005fc8556ee5fe26e6353546ffb72e54716f6bd584fdab516dc128a78995
   languageName: node
   linkType: hard
 
@@ -2764,6 +2737,140 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/watcher-android-arm64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-android-arm64@npm:2.4.1"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-darwin-arm64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-darwin-arm64@npm:2.4.1"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-darwin-x64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-darwin-x64@npm:2.4.1"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-freebsd-x64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-freebsd-x64@npm:2.4.1"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm-glibc@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-linux-arm-glibc@npm:2.4.1"
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm64-glibc@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-linux-arm64-glibc@npm:2.4.1"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm64-musl@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-linux-arm64-musl@npm:2.4.1"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-x64-glibc@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-linux-x64-glibc@npm:2.4.1"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-x64-musl@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-linux-x64-musl@npm:2.4.1"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-arm64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-win32-arm64@npm:2.4.1"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-ia32@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-win32-ia32@npm:2.4.1"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-x64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-win32-x64@npm:2.4.1"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher@npm:^2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher@npm:2.4.1"
+  dependencies:
+    "@parcel/watcher-android-arm64": "npm:2.4.1"
+    "@parcel/watcher-darwin-arm64": "npm:2.4.1"
+    "@parcel/watcher-darwin-x64": "npm:2.4.1"
+    "@parcel/watcher-freebsd-x64": "npm:2.4.1"
+    "@parcel/watcher-linux-arm-glibc": "npm:2.4.1"
+    "@parcel/watcher-linux-arm64-glibc": "npm:2.4.1"
+    "@parcel/watcher-linux-arm64-musl": "npm:2.4.1"
+    "@parcel/watcher-linux-x64-glibc": "npm:2.4.1"
+    "@parcel/watcher-linux-x64-musl": "npm:2.4.1"
+    "@parcel/watcher-win32-arm64": "npm:2.4.1"
+    "@parcel/watcher-win32-ia32": "npm:2.4.1"
+    "@parcel/watcher-win32-x64": "npm:2.4.1"
+    detect-libc: "npm:^1.0.3"
+    is-glob: "npm:^4.0.3"
+    micromatch: "npm:^4.0.5"
+    node-addon-api: "npm:^7.0.0"
+    node-gyp: "npm:latest"
+  dependenciesMeta:
+    "@parcel/watcher-android-arm64":
+      optional: true
+    "@parcel/watcher-darwin-arm64":
+      optional: true
+    "@parcel/watcher-darwin-x64":
+      optional: true
+    "@parcel/watcher-freebsd-x64":
+      optional: true
+    "@parcel/watcher-linux-arm-glibc":
+      optional: true
+    "@parcel/watcher-linux-arm64-glibc":
+      optional: true
+    "@parcel/watcher-linux-arm64-musl":
+      optional: true
+    "@parcel/watcher-linux-x64-glibc":
+      optional: true
+    "@parcel/watcher-linux-x64-musl":
+      optional: true
+    "@parcel/watcher-win32-arm64":
+      optional: true
+    "@parcel/watcher-win32-ia32":
+      optional: true
+    "@parcel/watcher-win32-x64":
+      optional: true
+  checksum: 10c0/33b7112094b9eb46c234d824953967435b628d3d93a0553255e9910829b84cab3da870153c3a870c31db186dc58f3b2db81382fcaee3451438aeec4d786a6211
+  languageName: node
+  linkType: hard
+
 "@pkgjs/parseargs@npm:^0.11.0":
   version: 0.11.0
   resolution: "@pkgjs/parseargs@npm:0.11.0"
@@ -5394,9 +5501,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.30001663":
-  version: 1.0.30001667
-  resolution: "caniuse-lite@npm:1.0.30001667"
-  checksum: 10c0/6bc8555a47603e1e76eaef9b185d6fdeeca7d9c20a283f7c32c971eb1b52ea3a80e6ec086920f088f06abe619240f1023a2d3a08b5b1f2f11df1475695e9f71c
+  version: 1.0.30001668
+  resolution: "caniuse-lite@npm:1.0.30001668"
+  checksum: 10c0/247b3200aeec55038f3a11f3e6ab66f656c54d30df7b01d8d447efaba9af96ad3e17128da2ddd42ddc9cb6c286bac65b634a20955b3cc6619be7ca4601fddc8e
   languageName: node
   linkType: hard
 
@@ -5935,10 +6042,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cookie@npm:0.6.0":
-  version: 0.6.0
-  resolution: "cookie@npm:0.6.0"
-  checksum: 10c0/f2318b31af7a31b4ddb4a678d024514df5e705f9be5909a192d7f116cfb6d45cbacf96a473fa733faa95050e7cff26e7832bb3ef94751592f1387b71c8956686
+"cookie@npm:0.7.1":
+  version: 0.7.1
+  resolution: "cookie@npm:0.7.1"
+  checksum: 10c0/5de60c67a410e7c8dc8a46a4b72eb0fe925871d057c9a5d2c0e8145c4270a4f81076de83410c4d397179744b478e33cd80ccbcc457abf40a9409ad27dcd21dde
   languageName: node
   linkType: hard
 
@@ -6059,10 +6166,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-functions-list@npm:^3.2.2":
-  version: 3.2.2
-  resolution: "css-functions-list@npm:3.2.2"
-  checksum: 10c0/8638a63d0cf1bdc50d4a752ec1c94a57e9953c3b03eace4f5526db20bec3c061e95089f905dbb4999c44b9780ce777ba856967560f6d15119a303f6030901c10
+"css-functions-list@npm:^3.2.2, css-functions-list@npm:^3.2.3":
+  version: 3.2.3
+  resolution: "css-functions-list@npm:3.2.3"
+  checksum: 10c0/03f9ed34eeed310d2b1cf0e524eea02bc5f87854a4de85f8957ea432ab1036841a3fb00879590519f7bb8fda40d992ce7a72fa9b61696ca1dc53b90064858f96
   languageName: node
   linkType: hard
 
@@ -6161,6 +6268,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-tree@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "css-tree@npm:3.0.0"
+  dependencies:
+    mdn-data: "npm:2.10.0"
+    source-map-js: "npm:^1.0.1"
+  checksum: 10c0/43d44fdf7004ae91d73d486f17894fef77efa33747a6752b9241cf0f5fb47fabc16ec34a96a993651d9014dfdeee803d7c5fcd3548214252ee19f4e5c98999b2
+  languageName: node
+  linkType: hard
+
 "css-tree@npm:~2.2.0":
   version: 2.2.1
   resolution: "css-tree@npm:2.2.1"
@@ -6300,7 +6417,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:^4.3.6":
+"debug@npm:4, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:^4.3.6, debug@npm:^4.3.7":
   version: 4.3.7
   resolution: "debug@npm:4.3.7"
   dependencies:
@@ -6484,6 +6601,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"detect-libc@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "detect-libc@npm:1.0.3"
+  bin:
+    detect-libc: ./bin/detect-libc.js
+  checksum: 10c0/4da0deae9f69e13bc37a0902d78bf7169480004b1fed3c19722d56cff578d16f0e11633b7fbf5fb6249181236c72e90024cbd68f0b9558ae06e281f47326d50d
+  languageName: node
+  linkType: hard
+
 "detect-newline@npm:^3.0.0":
   version: 3.1.0
   resolution: "detect-newline@npm:3.1.0"
@@ -6694,9 +6820,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.5.28":
-  version: 1.5.33
-  resolution: "electron-to-chromium@npm:1.5.33"
-  checksum: 10c0/46b914e85ce9ff5d57b78782f750ca6585c5aa713c0e6f70225bc6cf0f7637ce40567ccfd0d9a95d84120164fef01c8ff42c7cd206afdb1bace481e187a3919f
+  version: 1.5.38
+  resolution: "electron-to-chromium@npm:1.5.38"
+  checksum: 10c0/f44715632fce33ac2444e5f0ac54684640b95bbfcdde47153e727645c33f5d18110d5af5348120a8345707c6c219d6109573b6acba56d819ca607010b75931ef
   languageName: node
   linkType: hard
 
@@ -6779,7 +6905,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"entities@npm:^4.2.0, entities@npm:^4.4.0":
+"entities@npm:^4.2.0, entities@npm:^4.4.0, entities@npm:^4.5.0":
   version: 4.5.0
   resolution: "entities@npm:4.5.0"
   checksum: 10c0/5b039739f7621f5d1ad996715e53d964035f75ad3b9a4d38c6b3804bb226e282ffeae2443624d8fdd9c47d8e926ae9ac009c54671243f0c3294c26af7cc85250
@@ -7026,8 +7152,8 @@ __metadata:
   linkType: hard
 
 "es-iterator-helpers@npm:^1.0.19":
-  version: 1.0.19
-  resolution: "es-iterator-helpers@npm:1.0.19"
+  version: 1.1.0
+  resolution: "es-iterator-helpers@npm:1.1.0"
   dependencies:
     call-bind: "npm:^1.0.7"
     define-properties: "npm:^1.2.1"
@@ -7036,14 +7162,14 @@ __metadata:
     es-set-tostringtag: "npm:^2.0.3"
     function-bind: "npm:^1.1.2"
     get-intrinsic: "npm:^1.2.4"
-    globalthis: "npm:^1.0.3"
+    globalthis: "npm:^1.0.4"
     has-property-descriptors: "npm:^1.0.2"
     has-proto: "npm:^1.0.3"
     has-symbols: "npm:^1.0.3"
     internal-slot: "npm:^1.0.7"
-    iterator.prototype: "npm:^1.1.2"
+    iterator.prototype: "npm:^1.1.3"
     safe-array-concat: "npm:^1.1.2"
-  checksum: 10c0/ae8f0241e383b3d197383b9842c48def7fce0255fb6ed049311b686ce295595d9e389b466f6a1b7d4e7bb92d82f5e716d6fae55e20c1040249bf976743b038c5
+  checksum: 10c0/84d6c240c7da6e62323b336cb1497781546dab16bebdbd879ccfdf588979712d3e941d41165b6c2ffce5a03a7b929d4e6131d3124d330da1a0e2bfa1da7cd99f
   languageName: node
   linkType: hard
 
@@ -7674,15 +7800,15 @@ __metadata:
   linkType: hard
 
 "express@npm:^4.17.3, express@npm:^4.19.2":
-  version: 4.21.0
-  resolution: "express@npm:4.21.0"
+  version: 4.21.1
+  resolution: "express@npm:4.21.1"
   dependencies:
     accepts: "npm:~1.3.8"
     array-flatten: "npm:1.1.1"
     body-parser: "npm:1.20.3"
     content-disposition: "npm:0.5.4"
     content-type: "npm:~1.0.4"
-    cookie: "npm:0.6.0"
+    cookie: "npm:0.7.1"
     cookie-signature: "npm:1.0.6"
     debug: "npm:2.6.9"
     depd: "npm:2.0.0"
@@ -7708,7 +7834,7 @@ __metadata:
     type-is: "npm:~1.6.18"
     utils-merge: "npm:1.0.1"
     vary: "npm:~1.1.2"
-  checksum: 10c0/4cf7ca328f3fdeb720f30ccb2ea7708bfa7d345f9cc460b64a82bf1b2c91e5b5852ba15a9a11b2a165d6089acf83457fc477dc904d59cd71ed34c7a91762c6cc
+  checksum: 10c0/0c287867e5f6129d3def1edd9b63103a53c40d4dc8628839d4b6827e35eb8f0de5a4656f9d85f4457eba584f9871ebb2ad26c750b36bd75d9bbb8bcebdc4892c
   languageName: node
   linkType: hard
 
@@ -7820,7 +7946,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"file-entry-cache@npm:^9.0.0":
+"file-entry-cache@npm:^9.0.0, file-entry-cache@npm:^9.1.0":
   version: 9.1.0
   resolution: "file-entry-cache@npm:9.1.0"
   dependencies:
@@ -8010,13 +8136,13 @@ __metadata:
   linkType: hard
 
 "form-data@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "form-data@npm:4.0.0"
+  version: 4.0.1
+  resolution: "form-data@npm:4.0.1"
   dependencies:
     asynckit: "npm:^0.4.0"
     combined-stream: "npm:^1.0.8"
     mime-types: "npm:^2.1.12"
-  checksum: 10c0/cb6f3ac49180be03ff07ba3ff125f9eba2ff0b277fb33c7fc47569fc5e616882c5b1c69b9904c4c4187e97dd0419dd03b134174756f296dec62041e6527e2c6e
+  checksum: 10c0/bb102d570be8592c23f4ea72d7df9daa50c7792eb0cf1c5d7e506c1706e7426a4e4ae48a35b109e91c85f1c0ec63774a21ae252b66f4eb981cb8efef7d0463c8
   languageName: node
   linkType: hard
 
@@ -8316,7 +8442,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globalthis@npm:^1.0.3":
+"globalthis@npm:^1.0.3, globalthis@npm:^1.0.4":
   version: 1.0.4
   resolution: "globalthis@npm:1.0.4"
   dependencies:
@@ -8809,11 +8935,11 @@ __metadata:
   linkType: hard
 
 "i18next@npm:^23.0.0":
-  version: 23.15.2
-  resolution: "i18next@npm:23.15.2"
+  version: 23.16.0
+  resolution: "i18next@npm:23.16.0"
   dependencies:
     "@babel/runtime": "npm:^7.23.2"
-  checksum: 10c0/6e079bf486ac24440c2e01f1852b518c3c7f2cf9754ab98c25c78e4bc50f5af936b7cbb3c566f60fbbc093ec14d7432d5320016376038bc23fc1167a03cdb6bc
+  checksum: 10c0/17b40d125befec02e2c8069e658ea54d36ee46fab9e05bbeed93bb5ec75fab8bd334139372652d5df491147a124447a8ee1b78ccba726b7d61b1c03e84c7b6c5
   languageName: node
   linkType: hard
 
@@ -8851,6 +8977,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ignore@npm:^6.0.2":
+  version: 6.0.2
+  resolution: "ignore@npm:6.0.2"
+  checksum: 10c0/9a38feac1861906a78ba0f03e8ef3cd6b0526dce2a1a84e1009324b557763afeb9c3ebcc04666b21f7bbf71adda45e76781bb9e2eaa0903d45dcaded634454f5
+  languageName: node
+  linkType: hard
+
 "immutable@npm:^4.0.0":
   version: 4.3.7
   resolution: "immutable@npm:4.3.7"
@@ -9472,16 +9605,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"iterator.prototype@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "iterator.prototype@npm:1.1.2"
+"iterator.prototype@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "iterator.prototype@npm:1.1.3"
   dependencies:
     define-properties: "npm:^1.2.1"
     get-intrinsic: "npm:^1.2.1"
     has-symbols: "npm:^1.0.3"
     reflect.getprototypeof: "npm:^1.0.4"
     set-function-name: "npm:^2.0.1"
-  checksum: 10c0/a32151326095e916f306990d909f6bbf23e3221999a18ba686419535dcd1749b10ded505e89334b77dc4c7a58a8508978f0eb16c2c8573e6d412eb7eb894ea79
+  checksum: 10c0/68b0320c14291fbb3d8ed5a17e255d3127e7971bec19108076667e79c9ff4c7d69f99de4b0b3075c789c3f318366d7a0a35bb086eae0f2cf832dd58465b2f9e6
   languageName: node
   linkType: hard
 
@@ -10401,11 +10534,11 @@ __metadata:
   linkType: hard
 
 "magic-string@npm:^0.30.5":
-  version: 0.30.11
-  resolution: "magic-string@npm:0.30.11"
+  version: 0.30.12
+  resolution: "magic-string@npm:0.30.12"
   dependencies:
     "@jridgewell/sourcemap-codec": "npm:^1.5.0"
-  checksum: 10c0/b9eb370773d0bd90ca11a848753409d8e5309b1ad56d2a1aa49d6649da710a6d2fe7237ad1a643c5a5d3800de2b9946ed9690acdfc00e6cc1aeafff3ab1752c4
+  checksum: 10c0/469f457d18af37dfcca8617086ea8a65bcd8b60ba8a1182cb024ce43e470ace3c9d1cb6bee58d3b311768fb16bc27bd50bdeebcaa63dadd0fd46cac4d2e11d5f
   languageName: node
   linkType: hard
 
@@ -10500,6 +10633,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mdn-data@npm:2.10.0":
+  version: 2.10.0
+  resolution: "mdn-data@npm:2.10.0"
+  checksum: 10c0/f6f1a6a6eb092bab250d06f6f6c7cb1733a77a17e7119aac829ad67d4322bbf6a30df3c6d88686e71942e66bd49274b2ddfede22a1d3df0d6c49a56fbd09eb7c
+  languageName: node
+  linkType: hard
+
 "media-typer@npm:0.3.0":
   version: 0.3.0
   resolution: "media-typer@npm:0.3.0"
@@ -10517,14 +10657,14 @@ __metadata:
   linkType: hard
 
 "memfs@npm:^4.6.0":
-  version: 4.13.0
-  resolution: "memfs@npm:4.13.0"
+  version: 4.14.0
+  resolution: "memfs@npm:4.14.0"
   dependencies:
     "@jsonjoy.com/json-pack": "npm:^1.0.3"
     "@jsonjoy.com/util": "npm:^1.3.0"
     tree-dump: "npm:^1.0.1"
     tslib: "npm:^2.0.0"
-  checksum: 10c0/b0cb47cefdafc8e84ced864a24654dc83d57b4019a2cef3fe8f0cb0f841da95d5f46bf5149d88fa41b8af05841c392776def801e1d293ecc4cbaf087244cbd12
+  checksum: 10c0/d1de2e4b3c269f5b5f27b63f60bb8ea9ae5800843776e0bed4548f2957dcd55237ac5eab3a5ffe0d561a6be53e42c055a7bc79efc1613563b14e14c287ef3b0a
   languageName: node
   linkType: hard
 
@@ -10572,7 +10712,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.7, micromatch@npm:^4.0.8":
+"micromatch@npm:^4.0.0, micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5, micromatch@npm:^4.0.7, micromatch@npm:^4.0.8":
   version: 4.0.8
   resolution: "micromatch@npm:4.0.8"
   dependencies:
@@ -10859,6 +10999,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-addon-api@npm:^7.0.0":
+  version: 7.1.1
+  resolution: "node-addon-api@npm:7.1.1"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10c0/fb32a206276d608037fa1bcd7e9921e177fe992fc610d098aa3128baca3c0050fc1e014fa007e9b3874cf865ddb4f5bd9f43ccb7cbbbe4efaff6a83e920b17e9
+  languageName: node
+  linkType: hard
+
 "node-forge@npm:^1":
   version: 1.3.1
   resolution: "node-forge@npm:1.3.1"
@@ -11258,21 +11407,21 @@ __metadata:
   linkType: hard
 
 "parse5-htmlparser2-tree-adapter@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "parse5-htmlparser2-tree-adapter@npm:7.0.0"
+  version: 7.1.0
+  resolution: "parse5-htmlparser2-tree-adapter@npm:7.1.0"
   dependencies:
-    domhandler: "npm:^5.0.2"
+    domhandler: "npm:^5.0.3"
     parse5: "npm:^7.0.0"
-  checksum: 10c0/e820cacb8486e6f7ede403327d18480df086d70e32ede2f6654d8c3a8b4b8dc4a4d5c21c03c18a92ba2466c513b93ca63be4a138dd73cd0995f384eb3b9edf11
+  checksum: 10c0/e5a4e0b834c84c9e244b5749f8d007f4baaeafac7a1da2c54be3421ffd9ef8fdec4f198bf55cda22e88e6ba95e9943f6ed5aa3ae5900b39972ebf5dc8c3f4722
   languageName: node
   linkType: hard
 
 "parse5@npm:^7.0.0, parse5@npm:^7.1.1":
-  version: 7.1.2
-  resolution: "parse5@npm:7.1.2"
+  version: 7.2.0
+  resolution: "parse5@npm:7.2.0"
   dependencies:
-    entities: "npm:^4.4.0"
-  checksum: 10c0/297d7af8224f4b5cb7f6617ecdae98eeaed7f8cbd78956c42785e230505d5a4f07cef352af10d3006fa5c1544b76b57784d3a22d861ae071bbc460c649482bf4
+    entities: "npm:^4.5.0"
+  checksum: 10c0/76d68684708befb41ff1d5e0e9835f566afb3950807d340941afc9dbe4c9c28db2414bda0c8503d459de863463869b8540c6abf8c9742cffa0b9b31eecd37951
   languageName: node
   linkType: hard
 
@@ -11479,7 +11628,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-safe-parser@npm:^7.0.0":
+"postcss-safe-parser@npm:^7.0.0, postcss-safe-parser@npm:^7.0.1":
   version: 7.0.1
   resolution: "postcss-safe-parser@npm:7.0.1"
   peerDependencies:
@@ -11545,7 +11694,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.32, postcss@npm:^8.4.33, postcss@npm:^8.4.35, postcss@npm:^8.4.41":
+"postcss@npm:^8.4.32, postcss@npm:^8.4.33, postcss@npm:^8.4.35, postcss@npm:^8.4.41, postcss@npm:^8.4.47":
   version: 8.4.47
   resolution: "postcss@npm:8.4.47"
   dependencies:
@@ -12662,15 +12811,16 @@ __metadata:
   linkType: hard
 
 "sass@npm:^1.71.1":
-  version: 1.79.4
-  resolution: "sass@npm:1.79.4"
+  version: 1.79.5
+  resolution: "sass@npm:1.79.5"
   dependencies:
+    "@parcel/watcher": "npm:^2.4.1"
     chokidar: "npm:^4.0.0"
     immutable: "npm:^4.0.0"
     source-map-js: "npm:>=0.6.2 <2.0.0"
   bin:
     sass: sass.js
-  checksum: 10c0/505ff0d9267d0fb990971e617acfeabf7c060c55d4cef68fe8a4bc693e7ea88ae7d7caeca3975e4b453459ba4a707b6e5b6979fc9395a7e08f0a43ca6aed06b8
+  checksum: 10c0/7331865fd1d0c03e6e180a4fe0e175ac1bf1214f6c77f0d99ad72fbe2ed9ede3fab8a64c0c41471cb8a358a9d11624ec59a49283f9b6070eb99c522b34b814bf
   languageName: node
   linkType: hard
 
@@ -13605,8 +13755,8 @@ __metadata:
   linkType: hard
 
 "stylelint@npm:^16.2.1, stylelint@npm:^16.8.2":
-  version: 16.9.0
-  resolution: "stylelint@npm:16.9.0"
+  version: 16.10.0
+  resolution: "stylelint@npm:16.10.0"
   dependencies:
     "@csstools/css-parser-algorithms": "npm:^3.0.1"
     "@csstools/css-tokenizer": "npm:^3.0.1"
@@ -13616,17 +13766,17 @@ __metadata:
     balanced-match: "npm:^2.0.0"
     colord: "npm:^2.9.3"
     cosmiconfig: "npm:^9.0.0"
-    css-functions-list: "npm:^3.2.2"
-    css-tree: "npm:^2.3.1"
-    debug: "npm:^4.3.6"
+    css-functions-list: "npm:^3.2.3"
+    css-tree: "npm:^3.0.0"
+    debug: "npm:^4.3.7"
     fast-glob: "npm:^3.3.2"
     fastest-levenshtein: "npm:^1.0.16"
-    file-entry-cache: "npm:^9.0.0"
+    file-entry-cache: "npm:^9.1.0"
     global-modules: "npm:^2.0.0"
     globby: "npm:^11.1.0"
     globjoin: "npm:^0.1.4"
     html-tags: "npm:^3.3.1"
-    ignore: "npm:^5.3.2"
+    ignore: "npm:^6.0.2"
     imurmurhash: "npm:^0.1.4"
     is-plain-object: "npm:^5.0.0"
     known-css-properties: "npm:^0.34.0"
@@ -13635,21 +13785,20 @@ __metadata:
     micromatch: "npm:^4.0.8"
     normalize-path: "npm:^3.0.0"
     picocolors: "npm:^1.0.1"
-    postcss: "npm:^8.4.41"
+    postcss: "npm:^8.4.47"
     postcss-resolve-nested-selector: "npm:^0.1.6"
-    postcss-safe-parser: "npm:^7.0.0"
+    postcss-safe-parser: "npm:^7.0.1"
     postcss-selector-parser: "npm:^6.1.2"
     postcss-value-parser: "npm:^4.2.0"
     resolve-from: "npm:^5.0.0"
     string-width: "npm:^4.2.3"
-    strip-ansi: "npm:^7.1.0"
     supports-hyperlinks: "npm:^3.1.0"
     svg-tags: "npm:^1.0.0"
     table: "npm:^6.8.2"
     write-file-atomic: "npm:^5.0.1"
   bin:
     stylelint: bin/stylelint.mjs
-  checksum: 10c0/d3ff9c8945c56b04a2fa16ec33d163325496d5db94b6fcb5adf74c76f7f794ac992888273f9a3317652ba8b6195168b2ffff382ca2a667a241e2ace8c9505ae2
+  checksum: 10c0/d07dd156c225d16c740995daacd78090f7fc317602e87bda2fca323a4ae427a8526d724f3089df3b2185df4520f987547668ceea9b30985988ccbc514034aa21
   languageName: node
   linkType: hard
 
@@ -14188,12 +14337,12 @@ __metadata:
   linkType: hard
 
 "typescript@npm:^5.3.3":
-  version: 5.6.2
-  resolution: "typescript@npm:5.6.2"
+  version: 5.6.3
+  resolution: "typescript@npm:5.6.3"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/3ed8297a8c7c56b7fec282532503d1ac795239d06e7c4966b42d4330c6cf433a170b53bcf93a130a7f14ccc5235de5560df4f1045eb7f3550b46ebed16d3c5e5
+  checksum: 10c0/44f61d3fb15c35359bc60399cb8127c30bae554cd555b8e2b46d68fa79d680354b83320ad419ff1b81a0bdf324197b29affe6cc28988cd6a74d4ac60c94f9799
   languageName: node
   linkType: hard
 
@@ -14208,12 +14357,12 @@ __metadata:
   linkType: hard
 
 "typescript@patch:typescript@npm%3A^5.3.3#optional!builtin<compat/typescript>":
-  version: 5.6.2
-  resolution: "typescript@patch:typescript@npm%3A5.6.2#optional!builtin<compat/typescript>::version=5.6.2&hash=74658d"
+  version: 5.6.3
+  resolution: "typescript@patch:typescript@npm%3A5.6.3#optional!builtin<compat/typescript>::version=5.6.3&hash=74658d"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/e6c1662e4852e22fe4bbdca471dca3e3edc74f6f1df043135c44a18a7902037023ccb0abdfb754595ca9028df8920f2f8492c00fc3cbb4309079aae8b7de71cd
+  checksum: 10c0/ac8307bb06bbfd08ae7137da740769b7d8c3ee5943188743bb622c621f8ad61d244767480f90fbd840277fbf152d8932aa20c33f867dea1bb5e79b187ca1a92f
   languageName: node
   linkType: hard
 

From c9bfeee14edb7a5681db5f8cc66de15f7f49a7ac Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 15 Oct 2024 11:45:20 -0400
Subject: [PATCH 29/30] fix(deps): update dependency i18next (#1006)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 packages/webapp/package.json |  2 +-
 yarn.lock                    | 13 ++-----------
 2 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/packages/webapp/package.json b/packages/webapp/package.json
index 05fcc5ce85..da6257957b 100644
--- a/packages/webapp/package.json
+++ b/packages/webapp/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@equisoft/design-elements-react": "workspace:*",
-    "i18next": "23.15.1",
+    "i18next": "23.16.0",
     "i18next-browser-languagedetector": "8.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
diff --git a/yarn.lock b/yarn.lock
index 66cc61258f..f18ccac2d1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7014,7 +7014,7 @@ __metadata:
     eslint-plugin-react: "npm:7.35.0"
     eslint-plugin-react-hooks: "npm:4.6.2"
     html-webpack-plugin: "npm:5.6.0"
-    i18next: "npm:23.15.1"
+    i18next: "npm:23.16.0"
     i18next-browser-languagedetector: "npm:8.0.0"
     postcss: "npm:8.4.41"
     postcss-styled-syntax: "npm:0.6.4"
@@ -8925,16 +8925,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"i18next@npm:23.15.1":
-  version: 23.15.1
-  resolution: "i18next@npm:23.15.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.23.2"
-  checksum: 10c0/06bf6c45c70ebe8cc1181ce5f367f6a60acc798abb1926329e67e092a25762cabbfed64ac149745d515f724d2a6fef3bf809bd4fd8f505a7966e9e4dd2e3fd69
-  languageName: node
-  linkType: hard
-
-"i18next@npm:^23.0.0":
+"i18next@npm:23.16.0, i18next@npm:^23.0.0":
   version: 23.16.0
   resolution: "i18next@npm:23.16.0"
   dependencies:

From c6cbbed47f2f630c43ae85949332290e87891276 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Mon, 21 Oct 2024 08:28:32 -0400
Subject: [PATCH 30/30] fix(deps): update dependency react-datepicker (#1008)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index f18ccac2d1..bb8b719b97 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11972,8 +11972,8 @@ __metadata:
   linkType: hard
 
 "react-datepicker@npm:^7.3.0":
-  version: 7.4.0
-  resolution: "react-datepicker@npm:7.4.0"
+  version: 7.5.0
+  resolution: "react-datepicker@npm:7.5.0"
   dependencies:
     "@floating-ui/react": "npm:^0.26.23"
     clsx: "npm:^2.1.1"
@@ -11982,7 +11982,7 @@ __metadata:
   peerDependencies:
     react: ^16.9.0 || ^17 || ^18
     react-dom: ^16.9.0 || ^17 || ^18
-  checksum: 10c0/07f32a5b719106e1a3b933f5eb5aa18c0458bf5f712709df920fd78ac49858396219981874c02fb244b1b4d903b1df07d8860e32974ddb526bf56fd6942e0ddd
+  checksum: 10c0/6e94a609654b8a0eaa9b2e8c4fab803aa954e78df9729f05337ae97c4e910b1488129ee8d4b11dea575dbe0992242c078cb692ed0cba4e5d98414d8ba393972d
   languageName: node
   linkType: hard