diff --git a/packages/react-test-app/package.json b/packages/react-test-app/package.json
index 472fa5f278..689a577b95 100644
--- a/packages/react-test-app/package.json
+++ b/packages/react-test-app/package.json
@@ -34,6 +34,7 @@
     "@types/react": "18.2.33",
     "@types/react-dom": "18.2.14",
     "@vitejs/plugin-react": "^4.2.1",
+    "rollup-plugin-react-scoped-css": "^1.1.0",
     "typescript": "^5.2.2",
     "vite": "^5.2.0"
   }
diff --git a/packages/react-test-app/src/preview-examples/about-and-legal.css b/packages/react-test-app/src/preview-examples/about-and-legal.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/about-and-legal.css
rename to packages/react-test-app/src/preview-examples/about-and-legal.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/about-and-legal.tsx b/packages/react-test-app/src/preview-examples/about-and-legal.tsx
index 5c3085da18..1152784961 100644
--- a/packages/react-test-app/src/preview-examples/about-and-legal.tsx
+++ b/packages/react-test-app/src/preview-examples/about-and-legal.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './about-and-legal.css';
+import './about-and-legal.scoped.css';
 
 import {
   IxApplication,
diff --git a/packages/react-test-app/src/preview-examples/application-app-switch.css b/packages/react-test-app/src/preview-examples/application-app-switch.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/application-app-switch.css
rename to packages/react-test-app/src/preview-examples/application-app-switch.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/application-app-switch.tsx b/packages/react-test-app/src/preview-examples/application-app-switch.tsx
index 597915b500..e27e7d995a 100644
--- a/packages/react-test-app/src/preview-examples/application-app-switch.tsx
+++ b/packages/react-test-app/src/preview-examples/application-app-switch.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './application-app-switch.css';
+import './application-app-switch.scoped.css';
 
 import { AppSwitchConfiguration } from '@siemens/ix';
 import {
diff --git a/packages/react-test-app/src/preview-examples/application-breakpoints.css b/packages/react-test-app/src/preview-examples/application-breakpoints.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/application-breakpoints.css
rename to packages/react-test-app/src/preview-examples/application-breakpoints.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/application-breakpoints.tsx b/packages/react-test-app/src/preview-examples/application-breakpoints.tsx
index f66ceb6677..846ebd29be 100644
--- a/packages/react-test-app/src/preview-examples/application-breakpoints.tsx
+++ b/packages/react-test-app/src/preview-examples/application-breakpoints.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './application-breakpoints.css';
+import './application-breakpoints.scoped.css';
 
 import { Breakpoint } from '@siemens/ix';
 import {
diff --git a/packages/react-test-app/src/preview-examples/application.css b/packages/react-test-app/src/preview-examples/application.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/application.css
rename to packages/react-test-app/src/preview-examples/application.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/application.tsx b/packages/react-test-app/src/preview-examples/application.tsx
index 56c4c6ad79..4d2f145be1 100644
--- a/packages/react-test-app/src/preview-examples/application.tsx
+++ b/packages/react-test-app/src/preview-examples/application.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './application.css';
+import './application.scoped.css';
 
 import {
   IxApplication,
diff --git a/packages/react-test-app/src/preview-examples/basic-navigation.css b/packages/react-test-app/src/preview-examples/basic-navigation.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/basic-navigation.css
rename to packages/react-test-app/src/preview-examples/basic-navigation.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/basic-navigation.tsx b/packages/react-test-app/src/preview-examples/basic-navigation.tsx
index 6387a50e85..fae084e4df 100644
--- a/packages/react-test-app/src/preview-examples/basic-navigation.tsx
+++ b/packages/react-test-app/src/preview-examples/basic-navigation.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './basic-navigation.css';
+import './basic-navigation.scoped.css';
 
 import { IxBasicNavigation, IxMenu, IxMenuItem } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/blind-header-actions.css b/packages/react-test-app/src/preview-examples/blind-header-actions.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/blind-header-actions.css
rename to packages/react-test-app/src/preview-examples/blind-header-actions.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/blind-header-actions.tsx b/packages/react-test-app/src/preview-examples/blind-header-actions.tsx
index 9d61cee9d6..e43061ce8e 100644
--- a/packages/react-test-app/src/preview-examples/blind-header-actions.tsx
+++ b/packages/react-test-app/src/preview-examples/blind-header-actions.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './blind-header-actions.css';
+import './blind-header-actions.scoped.css';
 
 import {
   IxBlind,
diff --git a/packages/react-test-app/src/preview-examples/blind-variants.css b/packages/react-test-app/src/preview-examples/blind-variants.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/blind-variants.css
rename to packages/react-test-app/src/preview-examples/blind-variants.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/blind-variants.tsx b/packages/react-test-app/src/preview-examples/blind-variants.tsx
index 5b55b46c77..1918dbfcde 100644
--- a/packages/react-test-app/src/preview-examples/blind-variants.tsx
+++ b/packages/react-test-app/src/preview-examples/blind-variants.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './blind-variants.css';
+import './blind-variants.scoped.css';
 
 import { IxBlind } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/blind.css b/packages/react-test-app/src/preview-examples/blind.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/blind.css
rename to packages/react-test-app/src/preview-examples/blind.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/blind.tsx b/packages/react-test-app/src/preview-examples/blind.tsx
index b0945d4ff5..db875691e2 100644
--- a/packages/react-test-app/src/preview-examples/blind.tsx
+++ b/packages/react-test-app/src/preview-examples/blind.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './blind.css';
+import './blind.scoped.css';
 
 import { IxBlind } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/button-danger-ghost.css b/packages/react-test-app/src/preview-examples/button-danger-ghost.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/button-danger-ghost.css
rename to packages/react-test-app/src/preview-examples/button-danger-ghost.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/button-danger-ghost.tsx b/packages/react-test-app/src/preview-examples/button-danger-ghost.tsx
index db5c00ca3b..252fd564c8 100644
--- a/packages/react-test-app/src/preview-examples/button-danger-ghost.tsx
+++ b/packages/react-test-app/src/preview-examples/button-danger-ghost.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './button-danger-ghost.css';
+import './button-danger-ghost.scoped.css';
 
 import { IxButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/button-danger-outline.css b/packages/react-test-app/src/preview-examples/button-danger-outline.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/button-danger-outline.css
rename to packages/react-test-app/src/preview-examples/button-danger-outline.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/button-danger-outline.tsx b/packages/react-test-app/src/preview-examples/button-danger-outline.tsx
index 21dc3c461e..1bee593ac1 100644
--- a/packages/react-test-app/src/preview-examples/button-danger-outline.tsx
+++ b/packages/react-test-app/src/preview-examples/button-danger-outline.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './button-danger-outline.css';
+import './button-danger-outline.scoped.css';
 
 import { IxButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/button-danger.css b/packages/react-test-app/src/preview-examples/button-danger.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/button-danger.css
rename to packages/react-test-app/src/preview-examples/button-danger.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/button-danger.tsx b/packages/react-test-app/src/preview-examples/button-danger.tsx
index bc1d7be3cc..b4e6b1cf85 100644
--- a/packages/react-test-app/src/preview-examples/button-danger.tsx
+++ b/packages/react-test-app/src/preview-examples/button-danger.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './button-danger.css';
+import './button-danger.scoped.css';
 
 import { IxButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/button-ghost.css b/packages/react-test-app/src/preview-examples/button-ghost.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/button-ghost.css
rename to packages/react-test-app/src/preview-examples/button-ghost.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/button-ghost.tsx b/packages/react-test-app/src/preview-examples/button-ghost.tsx
index f149d32c59..26342bbb3b 100644
--- a/packages/react-test-app/src/preview-examples/button-ghost.tsx
+++ b/packages/react-test-app/src/preview-examples/button-ghost.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './button-ghost.css';
+import './button-ghost.scoped.css';
 
 import { IxButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/button-grey-ghost.css b/packages/react-test-app/src/preview-examples/button-grey-ghost.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/button-grey-ghost.css
rename to packages/react-test-app/src/preview-examples/button-grey-ghost.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/button-grey-ghost.tsx b/packages/react-test-app/src/preview-examples/button-grey-ghost.tsx
index 0d6e44bb5c..15115705c7 100644
--- a/packages/react-test-app/src/preview-examples/button-grey-ghost.tsx
+++ b/packages/react-test-app/src/preview-examples/button-grey-ghost.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './button-grey-ghost.css';
+import './button-grey-ghost.scoped.css';
 
 import { IxButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/button-grey-secondary.css b/packages/react-test-app/src/preview-examples/button-grey-secondary.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/button-grey-secondary.css
rename to packages/react-test-app/src/preview-examples/button-grey-secondary.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/button-grey-secondary.tsx b/packages/react-test-app/src/preview-examples/button-grey-secondary.tsx
index 6da627ebb5..a956b82dac 100644
--- a/packages/react-test-app/src/preview-examples/button-grey-secondary.tsx
+++ b/packages/react-test-app/src/preview-examples/button-grey-secondary.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './button-grey-secondary.css';
+import './button-grey-secondary.scoped.css';
 
 import { IxButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/button-grey.css b/packages/react-test-app/src/preview-examples/button-grey.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/button-grey.css
rename to packages/react-test-app/src/preview-examples/button-grey.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/button-grey.tsx b/packages/react-test-app/src/preview-examples/button-grey.tsx
index 0324df1ea7..bc4ce31c68 100644
--- a/packages/react-test-app/src/preview-examples/button-grey.tsx
+++ b/packages/react-test-app/src/preview-examples/button-grey.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './button-grey.css';
+import './button-grey.scoped.css';
 
 import { IxButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/button-loading.css b/packages/react-test-app/src/preview-examples/button-loading.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/button-loading.css
rename to packages/react-test-app/src/preview-examples/button-loading.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/button-loading.tsx b/packages/react-test-app/src/preview-examples/button-loading.tsx
index dcbd71d7ca..ba88a8aa65 100644
--- a/packages/react-test-app/src/preview-examples/button-loading.tsx
+++ b/packages/react-test-app/src/preview-examples/button-loading.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './button-loading.css';
+import './button-loading.scoped.css';
 
 import { IxButton, IxIconButton } from '@siemens/ix-react';
 import { useState } from 'react';
diff --git a/packages/react-test-app/src/preview-examples/button-secondary.css b/packages/react-test-app/src/preview-examples/button-secondary.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/button-secondary.css
rename to packages/react-test-app/src/preview-examples/button-secondary.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/button-secondary.tsx b/packages/react-test-app/src/preview-examples/button-secondary.tsx
index 03ee48fb0a..d7d9a448e7 100644
--- a/packages/react-test-app/src/preview-examples/button-secondary.tsx
+++ b/packages/react-test-app/src/preview-examples/button-secondary.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './button-secondary.css';
+import './button-secondary.scoped.css';
 
 import { IxButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/button-text-icon.css b/packages/react-test-app/src/preview-examples/button-text-icon.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/button-text-icon.css
rename to packages/react-test-app/src/preview-examples/button-text-icon.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/button-text-icon.tsx b/packages/react-test-app/src/preview-examples/button-text-icon.tsx
index 02383f71be..1deb848dd1 100644
--- a/packages/react-test-app/src/preview-examples/button-text-icon.tsx
+++ b/packages/react-test-app/src/preview-examples/button-text-icon.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './button-text-icon.css';
+import './button-text-icon.scoped.css';
 
 import { IxButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/button-with-icon.css b/packages/react-test-app/src/preview-examples/button-with-icon.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/button-with-icon.css
rename to packages/react-test-app/src/preview-examples/button-with-icon.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/button-with-icon.tsx b/packages/react-test-app/src/preview-examples/button-with-icon.tsx
index 1a11381fc6..74a8166a5b 100644
--- a/packages/react-test-app/src/preview-examples/button-with-icon.tsx
+++ b/packages/react-test-app/src/preview-examples/button-with-icon.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './button-with-icon.css';
+import './button-with-icon.scoped.css';
 
 import { IxIconButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/buttons.css b/packages/react-test-app/src/preview-examples/buttons.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/buttons.css
rename to packages/react-test-app/src/preview-examples/buttons.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/buttons.tsx b/packages/react-test-app/src/preview-examples/buttons.tsx
index 997d4b5220..f96c013e2e 100644
--- a/packages/react-test-app/src/preview-examples/buttons.tsx
+++ b/packages/react-test-app/src/preview-examples/buttons.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './buttons.css';
+import './buttons.scoped.css';
 
 import { IxButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/card.css b/packages/react-test-app/src/preview-examples/card.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/card.css
rename to packages/react-test-app/src/preview-examples/card.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/card.tsx b/packages/react-test-app/src/preview-examples/card.tsx
index 46f12127f2..a45f6ed087 100644
--- a/packages/react-test-app/src/preview-examples/card.tsx
+++ b/packages/react-test-app/src/preview-examples/card.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './card.css';
+import './card.scoped.css';
 
 import { IxCard, IxCardContent, IxIcon, IxTypography } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/chip.css b/packages/react-test-app/src/preview-examples/chip.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/chip.css
rename to packages/react-test-app/src/preview-examples/chip.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/chip.tsx b/packages/react-test-app/src/preview-examples/chip.tsx
index f44d1704e8..97c22d47c1 100644
--- a/packages/react-test-app/src/preview-examples/chip.tsx
+++ b/packages/react-test-app/src/preview-examples/chip.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './chip.css';
+import './chip.scoped.css';
 
 import { IxChip } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/dropdown-button-icon.css b/packages/react-test-app/src/preview-examples/dropdown-button-icon.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/dropdown-button-icon.css
rename to packages/react-test-app/src/preview-examples/dropdown-button-icon.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/dropdown-button-icon.tsx b/packages/react-test-app/src/preview-examples/dropdown-button-icon.tsx
index 8a031745e7..f48ecb734f 100644
--- a/packages/react-test-app/src/preview-examples/dropdown-button-icon.tsx
+++ b/packages/react-test-app/src/preview-examples/dropdown-button-icon.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './dropdown-button-icon.css';
+import './dropdown-button-icon.scoped.css';
 
 import { IxDropdownButton, IxDropdownItem } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/dropdown-button.css b/packages/react-test-app/src/preview-examples/dropdown-button.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/dropdown-button.css
rename to packages/react-test-app/src/preview-examples/dropdown-button.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/dropdown-button.tsx b/packages/react-test-app/src/preview-examples/dropdown-button.tsx
index 05ae57d02c..38973b427d 100644
--- a/packages/react-test-app/src/preview-examples/dropdown-button.tsx
+++ b/packages/react-test-app/src/preview-examples/dropdown-button.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './dropdown-button.css';
+import './dropdown-button.scoped.css';
 
 import { IxDropdownButton, IxDropdownItem } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/echarts-bar-horizontal-stacked.css b/packages/react-test-app/src/preview-examples/echarts-bar-horizontal-stacked.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-bar-horizontal-stacked.css
rename to packages/react-test-app/src/preview-examples/echarts-bar-horizontal-stacked.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-bar-horizontal-stacked.tsx b/packages/react-test-app/src/preview-examples/echarts-bar-horizontal-stacked.tsx
index 8d95b006e0..c32ab0633b 100644
--- a/packages/react-test-app/src/preview-examples/echarts-bar-horizontal-stacked.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-bar-horizontal-stacked.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-bar-horizontal-stacked.css';
+import './echarts-bar-horizontal-stacked.scoped.css';
 
 import { useEffect, useState } from 'react';
 import { convertThemeName, registerTheme } from '@siemens/ix-echarts';
diff --git a/packages/react-test-app/src/preview-examples/echarts-bar-simple.css b/packages/react-test-app/src/preview-examples/echarts-bar-simple.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-bar-simple.css
rename to packages/react-test-app/src/preview-examples/echarts-bar-simple.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-bar-simple.tsx b/packages/react-test-app/src/preview-examples/echarts-bar-simple.tsx
index dad1693e0c..741c36349c 100644
--- a/packages/react-test-app/src/preview-examples/echarts-bar-simple.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-bar-simple.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-bar-simple.css';
+import './echarts-bar-simple.scoped.css';
 
 import { useEffect, useState } from 'react';
 import { convertThemeName, registerTheme } from '@siemens/ix-echarts';
diff --git a/packages/react-test-app/src/preview-examples/echarts-circle.css b/packages/react-test-app/src/preview-examples/echarts-circle.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-circle.css
rename to packages/react-test-app/src/preview-examples/echarts-circle.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-circle.tsx b/packages/react-test-app/src/preview-examples/echarts-circle.tsx
index 3cd5d9deac..e2f949f61c 100644
--- a/packages/react-test-app/src/preview-examples/echarts-circle.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-circle.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-circle.css';
+import './echarts-circle.scoped.css';
 
 import { useEffect, useState } from 'react';
 import {convertThemeName, getComputedCSSProperty, registerTheme} from '@siemens/ix-echarts';
diff --git a/packages/react-test-app/src/preview-examples/echarts-empty-state.css b/packages/react-test-app/src/preview-examples/echarts-empty-state.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-empty-state.css
rename to packages/react-test-app/src/preview-examples/echarts-empty-state.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-empty-state.tsx b/packages/react-test-app/src/preview-examples/echarts-empty-state.tsx
index 3fb46fd16a..ac9487c717 100644
--- a/packages/react-test-app/src/preview-examples/echarts-empty-state.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-empty-state.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-empty-state.css';
+import './echarts-empty-state.scoped.css';
 
 import { useEffect, useState } from 'react';
 import { convertThemeName, registerTheme } from '@siemens/ix-echarts';
diff --git a/packages/react-test-app/src/preview-examples/echarts-gauge.css b/packages/react-test-app/src/preview-examples/echarts-gauge.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-gauge.css
rename to packages/react-test-app/src/preview-examples/echarts-gauge.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-gauge.tsx b/packages/react-test-app/src/preview-examples/echarts-gauge.tsx
index bcf97592fd..400e023081 100644
--- a/packages/react-test-app/src/preview-examples/echarts-gauge.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-gauge.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-gauge.css';
+import './echarts-gauge.scoped.css';
 
 import { useEffect, useState } from 'react';
 import {
diff --git a/packages/react-test-app/src/preview-examples/echarts-line-advanced.css b/packages/react-test-app/src/preview-examples/echarts-line-advanced.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-line-advanced.css
rename to packages/react-test-app/src/preview-examples/echarts-line-advanced.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-line-advanced.tsx b/packages/react-test-app/src/preview-examples/echarts-line-advanced.tsx
index 5721b40060..300899e58d 100644
--- a/packages/react-test-app/src/preview-examples/echarts-line-advanced.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-line-advanced.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-line-advanced.css';
+import './echarts-line-advanced.scoped.css';
 
 import { useEffect, useState } from 'react';
 import {convertThemeName, getComputedCSSProperty, registerTheme} from '@siemens/ix-echarts';
diff --git a/packages/react-test-app/src/preview-examples/echarts-line-multiple-y-axis.css b/packages/react-test-app/src/preview-examples/echarts-line-multiple-y-axis.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-line-multiple-y-axis.css
rename to packages/react-test-app/src/preview-examples/echarts-line-multiple-y-axis.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-line-multiple-y-axis.tsx b/packages/react-test-app/src/preview-examples/echarts-line-multiple-y-axis.tsx
index a0dc497c4d..01486f68b1 100644
--- a/packages/react-test-app/src/preview-examples/echarts-line-multiple-y-axis.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-line-multiple-y-axis.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-line-multiple-y-axis.css';
+import './echarts-line-multiple-y-axis.scoped.css';
 
 import { useEffect, useState } from 'react';
 import {
diff --git a/packages/react-test-app/src/preview-examples/echarts-line-simple.css b/packages/react-test-app/src/preview-examples/echarts-line-simple.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-line-simple.css
rename to packages/react-test-app/src/preview-examples/echarts-line-simple.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-line-simple.tsx b/packages/react-test-app/src/preview-examples/echarts-line-simple.tsx
index 1dc41ab6e6..46d2bca8a2 100644
--- a/packages/react-test-app/src/preview-examples/echarts-line-simple.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-line-simple.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-line-simple.css';
+import './echarts-line-simple.scoped.css';
 
 import { useEffect, useState } from 'react';
 import { convertThemeName, registerTheme } from '@siemens/ix-echarts';
diff --git a/packages/react-test-app/src/preview-examples/echarts-pie.css b/packages/react-test-app/src/preview-examples/echarts-pie.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-pie.css
rename to packages/react-test-app/src/preview-examples/echarts-pie.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-pie.tsx b/packages/react-test-app/src/preview-examples/echarts-pie.tsx
index 0decc97faa..1c44a9be72 100644
--- a/packages/react-test-app/src/preview-examples/echarts-pie.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-pie.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-pie.css';
+import './echarts-pie.scoped.css';
 
 import { useEffect, useState } from 'react';
 import {convertThemeName, getComputedCSSProperty, registerTheme} from '@siemens/ix-echarts';
diff --git a/packages/react-test-app/src/preview-examples/echarts-progress-arc.css b/packages/react-test-app/src/preview-examples/echarts-progress-arc.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-progress-arc.css
rename to packages/react-test-app/src/preview-examples/echarts-progress-arc.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-progress-arc.tsx b/packages/react-test-app/src/preview-examples/echarts-progress-arc.tsx
index a0ae9624c4..3a92bdb7d9 100644
--- a/packages/react-test-app/src/preview-examples/echarts-progress-arc.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-progress-arc.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-progress-arc.css';
+import './echarts-progress-arc.scoped.css';
 
 import { useEffect, useState } from 'react';
 import {convertThemeName, getComputedCSSProperty, registerTheme} from '@siemens/ix-echarts';
diff --git a/packages/react-test-app/src/preview-examples/echarts-progress-circle.css b/packages/react-test-app/src/preview-examples/echarts-progress-circle.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-progress-circle.css
rename to packages/react-test-app/src/preview-examples/echarts-progress-circle.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-progress-circle.tsx b/packages/react-test-app/src/preview-examples/echarts-progress-circle.tsx
index 032a8b0274..6bb32ca85c 100644
--- a/packages/react-test-app/src/preview-examples/echarts-progress-circle.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-progress-circle.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-progress-circle.css';
+import './echarts-progress-circle.scoped.css';
 
 import { useEffect, useState } from 'react';
 import {convertThemeName, getComputedCSSProperty, registerTheme} from '@siemens/ix-echarts';
diff --git a/packages/react-test-app/src/preview-examples/echarts-special-3d.css b/packages/react-test-app/src/preview-examples/echarts-special-3d.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-special-3d.css
rename to packages/react-test-app/src/preview-examples/echarts-special-3d.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-special-3d.tsx b/packages/react-test-app/src/preview-examples/echarts-special-3d.tsx
index a82b896813..2d1e5d9f19 100644
--- a/packages/react-test-app/src/preview-examples/echarts-special-3d.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-special-3d.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-special-3d.css';
+import './echarts-special-3d.scoped.css';
 
 import { useEffect, useState } from 'react';
 import {
diff --git a/packages/react-test-app/src/preview-examples/echarts-special-toolbox.css b/packages/react-test-app/src/preview-examples/echarts-special-toolbox.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-special-toolbox.css
rename to packages/react-test-app/src/preview-examples/echarts-special-toolbox.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-special-toolbox.tsx b/packages/react-test-app/src/preview-examples/echarts-special-toolbox.tsx
index fa15847f5c..daf0736ad9 100644
--- a/packages/react-test-app/src/preview-examples/echarts-special-toolbox.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-special-toolbox.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-special-toolbox.css';
+import './echarts-special-toolbox.scoped.css';
 
 import { useEffect, useState } from 'react';
 import {convertThemeName, registerTheme} from '@siemens/ix-echarts';
diff --git a/packages/react-test-app/src/preview-examples/echarts-special-zoom.css b/packages/react-test-app/src/preview-examples/echarts-special-zoom.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts-special-zoom.css
rename to packages/react-test-app/src/preview-examples/echarts-special-zoom.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts-special-zoom.tsx b/packages/react-test-app/src/preview-examples/echarts-special-zoom.tsx
index fe6aaf93ca..a823561413 100644
--- a/packages/react-test-app/src/preview-examples/echarts-special-zoom.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts-special-zoom.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts-special-zoom.css';
+import './echarts-special-zoom.scoped.css';
 
 import { useEffect, useState } from 'react';
 import {
diff --git a/packages/react-test-app/src/preview-examples/echarts.css b/packages/react-test-app/src/preview-examples/echarts.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/echarts.css
rename to packages/react-test-app/src/preview-examples/echarts.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/echarts.tsx b/packages/react-test-app/src/preview-examples/echarts.tsx
index 553fed1170..17a17b9c7f 100644
--- a/packages/react-test-app/src/preview-examples/echarts.tsx
+++ b/packages/react-test-app/src/preview-examples/echarts.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './echarts.css';
+import './echarts.scoped.css';
 
 import { useEffect, useState } from 'react';
 import { convertThemeName, registerTheme } from '@siemens/ix-echarts';
diff --git a/packages/react-test-app/src/preview-examples/flip-tile.css b/packages/react-test-app/src/preview-examples/flip-tile.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/flip-tile.css
rename to packages/react-test-app/src/preview-examples/flip-tile.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/flip-tile.tsx b/packages/react-test-app/src/preview-examples/flip-tile.tsx
index b17abedd9b..5d3dbedc8f 100644
--- a/packages/react-test-app/src/preview-examples/flip-tile.tsx
+++ b/packages/react-test-app/src/preview-examples/flip-tile.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './flip-tile.css';
+import './flip-tile.scoped.css';
 
 import { FlipTileState } from '@siemens/ix';
 import { IxFlipTile, IxFlipTileContent, IxIcon } from '@siemens/ix-react';
diff --git a/packages/react-test-app/src/preview-examples/form-checkbox-group-indeterminate.css b/packages/react-test-app/src/preview-examples/form-checkbox-group-indeterminate.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/form-checkbox-group-indeterminate.css
rename to packages/react-test-app/src/preview-examples/form-checkbox-group-indeterminate.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/form-checkbox-group-indeterminate.tsx b/packages/react-test-app/src/preview-examples/form-checkbox-group-indeterminate.tsx
index 9e840bfe5e..228bc97d82 100644
--- a/packages/react-test-app/src/preview-examples/form-checkbox-group-indeterminate.tsx
+++ b/packages/react-test-app/src/preview-examples/form-checkbox-group-indeterminate.tsx
@@ -8,7 +8,7 @@
  */
 
 import { IxCheckboxCustomEvent } from '@siemens/ix';
-import './form-checkbox-group-indeterminate.css';
+import './form-checkbox-group-indeterminate.scoped.css';
 
 import { IxCheckbox, IxCheckboxGroup } from '@siemens/ix-react';
 import { useEffect, useState } from 'react';
diff --git a/packages/react-test-app/src/preview-examples/form-layout-grid.css b/packages/react-test-app/src/preview-examples/form-layout-grid.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/form-layout-grid.css
rename to packages/react-test-app/src/preview-examples/form-layout-grid.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/form-layout-grid.tsx b/packages/react-test-app/src/preview-examples/form-layout-grid.tsx
index fcd50aa414..fc9f9fda7a 100644
--- a/packages/react-test-app/src/preview-examples/form-layout-grid.tsx
+++ b/packages/react-test-app/src/preview-examples/form-layout-grid.tsx
@@ -17,7 +17,7 @@ import {
   IxSelect,
 } from '@siemens/ix-react';
 
-import './form-layout-grid.css';
+import './form-layout-grid.scoped.css';
 
 export default () => {
   return (
diff --git a/packages/react-test-app/src/preview-examples/form-validation.css b/packages/react-test-app/src/preview-examples/form-validation.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/form-validation.css
rename to packages/react-test-app/src/preview-examples/form-validation.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/form-validation.tsx b/packages/react-test-app/src/preview-examples/form-validation.tsx
index ce81ce51aa..17326af58e 100644
--- a/packages/react-test-app/src/preview-examples/form-validation.tsx
+++ b/packages/react-test-app/src/preview-examples/form-validation.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './form-validation.css';
+import './form-validation.scoped.css';
 
 import { yupResolver } from '@hookform/resolvers/yup';
 import { iconBezierCurve, iconLocation } from '@siemens/ix-icons/icons';
diff --git a/packages/react-test-app/src/preview-examples/grid-padding.css b/packages/react-test-app/src/preview-examples/grid-padding.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/grid-padding.css
rename to packages/react-test-app/src/preview-examples/grid-padding.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/grid-padding.tsx b/packages/react-test-app/src/preview-examples/grid-padding.tsx
index fe669c5297..ad68ec8383 100644
--- a/packages/react-test-app/src/preview-examples/grid-padding.tsx
+++ b/packages/react-test-app/src/preview-examples/grid-padding.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './grid-padding.css';
+import './grid-padding.scoped.css';
 
 import { IxCol, IxLayoutGrid, IxRow, IxTypography } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/grid-size.css b/packages/react-test-app/src/preview-examples/grid-size.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/grid-size.css
rename to packages/react-test-app/src/preview-examples/grid-size.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/grid-size.tsx b/packages/react-test-app/src/preview-examples/grid-size.tsx
index 6172a0a9f4..edeb10a8b7 100644
--- a/packages/react-test-app/src/preview-examples/grid-size.tsx
+++ b/packages/react-test-app/src/preview-examples/grid-size.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './grid-size.css';
+import './grid-size.scoped.css';
 
 import { IxCol, IxLayoutGrid, IxRow, IxTypography } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/grid.css b/packages/react-test-app/src/preview-examples/grid.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/grid.css
rename to packages/react-test-app/src/preview-examples/grid.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/grid.tsx b/packages/react-test-app/src/preview-examples/grid.tsx
index 504db37075..1e0507788b 100644
--- a/packages/react-test-app/src/preview-examples/grid.tsx
+++ b/packages/react-test-app/src/preview-examples/grid.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './grid.css';
+import './grid.scoped.css';
 
 import { IxCol, IxLayoutGrid, IxRow, IxTypography } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-ghost.css b/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-ghost.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/icon-toggle-button-primary-ghost.css
rename to packages/react-test-app/src/preview-examples/icon-toggle-button-primary-ghost.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-ghost.tsx b/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-ghost.tsx
index 213ae057ff..9e15c86ba2 100644
--- a/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-ghost.tsx
+++ b/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-ghost.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './icon-toggle-button-primary-ghost.css';
+import './icon-toggle-button-primary-ghost.scoped.css';
 
 import { IxIconToggleButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-outline.css b/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-outline.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/icon-toggle-button-primary-outline.css
rename to packages/react-test-app/src/preview-examples/icon-toggle-button-primary-outline.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-outline.tsx b/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-outline.tsx
index 1befe3befe..7ef15b2d89 100644
--- a/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-outline.tsx
+++ b/packages/react-test-app/src/preview-examples/icon-toggle-button-primary-outline.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './icon-toggle-button-primary-outline.css';
+import './icon-toggle-button-primary-outline.scoped.css';
 
 import { IxIconToggleButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-ghost.css b/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-ghost.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-ghost.css
rename to packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-ghost.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-ghost.tsx b/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-ghost.tsx
index 5271cbbe22..833cdfd13e 100644
--- a/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-ghost.tsx
+++ b/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-ghost.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './icon-toggle-button-secondary-ghost.css';
+import './icon-toggle-button-secondary-ghost.scoped.css';
 
 import { IxIconToggleButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-outline.css b/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-outline.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-outline.css
rename to packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-outline.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-outline.tsx b/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-outline.tsx
index 0e2c278dc2..271ceab1b9 100644
--- a/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-outline.tsx
+++ b/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary-outline.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './icon-toggle-button-secondary-outline.css';
+import './icon-toggle-button-secondary-outline.scoped.css';
 
 import { IxIconToggleButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary.css b/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/icon-toggle-button-secondary.css
rename to packages/react-test-app/src/preview-examples/icon-toggle-button-secondary.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary.tsx b/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary.tsx
index 9a7b18b3c1..64b9c0a92d 100644
--- a/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary.tsx
+++ b/packages/react-test-app/src/preview-examples/icon-toggle-button-secondary.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './icon-toggle-button-secondary.css';
+import './icon-toggle-button-secondary.scoped.css';
 
 import { IxIconToggleButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/kpi.css b/packages/react-test-app/src/preview-examples/kpi.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/kpi.css
rename to packages/react-test-app/src/preview-examples/kpi.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/kpi.tsx b/packages/react-test-app/src/preview-examples/kpi.tsx
index 3302c45563..d6894cb480 100644
--- a/packages/react-test-app/src/preview-examples/kpi.tsx
+++ b/packages/react-test-app/src/preview-examples/kpi.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './kpi.css';
+import './kpi.scoped.css';
 
 import { IxKpi } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/layout-auto-custom.tsx b/packages/react-test-app/src/preview-examples/layout-auto-custom.tsx
index 77b1c804ae..64491b998d 100644
--- a/packages/react-test-app/src/preview-examples/layout-auto-custom.tsx
+++ b/packages/react-test-app/src/preview-examples/layout-auto-custom.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './layout-auto.css';
+import './layout-auto.scoped.css';
 
 import { IxLayoutAuto, IxTypography } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/layout-auto.css b/packages/react-test-app/src/preview-examples/layout-auto.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/layout-auto.css
rename to packages/react-test-app/src/preview-examples/layout-auto.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/layout-auto.tsx b/packages/react-test-app/src/preview-examples/layout-auto.tsx
index 05e44d8002..6ae714998c 100644
--- a/packages/react-test-app/src/preview-examples/layout-auto.tsx
+++ b/packages/react-test-app/src/preview-examples/layout-auto.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './layout-auto.css';
+import './layout-auto.scoped.css';
 
 import { IxLayoutAuto, IxTypography } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/menu-category.css b/packages/react-test-app/src/preview-examples/menu-category.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/menu-category.css
rename to packages/react-test-app/src/preview-examples/menu-category.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/menu-category.tsx b/packages/react-test-app/src/preview-examples/menu-category.tsx
index 3340977480..aededccc0a 100644
--- a/packages/react-test-app/src/preview-examples/menu-category.tsx
+++ b/packages/react-test-app/src/preview-examples/menu-category.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './menu-category.css';
+import './menu-category.scoped.css';
 
 import {
   IxApplication,
diff --git a/packages/react-test-app/src/preview-examples/menu-with-bottom-tabs.css b/packages/react-test-app/src/preview-examples/menu-with-bottom-tabs.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/menu-with-bottom-tabs.css
rename to packages/react-test-app/src/preview-examples/menu-with-bottom-tabs.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/menu-with-bottom-tabs.tsx b/packages/react-test-app/src/preview-examples/menu-with-bottom-tabs.tsx
index 3c1e20ce99..3e48ef3156 100644
--- a/packages/react-test-app/src/preview-examples/menu-with-bottom-tabs.tsx
+++ b/packages/react-test-app/src/preview-examples/menu-with-bottom-tabs.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './menu-with-bottom-tabs.css';
+import './menu-with-bottom-tabs.scoped.css';
 
 import { IxMenu, IxMenuItem } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/message-bar.css b/packages/react-test-app/src/preview-examples/message-bar.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/message-bar.css
rename to packages/react-test-app/src/preview-examples/message-bar.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/message-bar.tsx b/packages/react-test-app/src/preview-examples/message-bar.tsx
index df1ddcc65f..3596043aed 100644
--- a/packages/react-test-app/src/preview-examples/message-bar.tsx
+++ b/packages/react-test-app/src/preview-examples/message-bar.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './message-bar.css';
+import './message-bar.scoped.css';
 
 import { IxButton, IxMessageBar } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/modal-sizes.css b/packages/react-test-app/src/preview-examples/modal-sizes.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/modal-sizes.css
rename to packages/react-test-app/src/preview-examples/modal-sizes.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/modal-sizes.tsx b/packages/react-test-app/src/preview-examples/modal-sizes.tsx
index 65a7aff506..17dd07a678 100644
--- a/packages/react-test-app/src/preview-examples/modal-sizes.tsx
+++ b/packages/react-test-app/src/preview-examples/modal-sizes.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './modal-sizes.css';
+import './modal-sizes.scoped.css';
 
 import { IxModalSize } from '@siemens/ix';
 import { IxButton, Modal, ModalRef, showModal } from '@siemens/ix-react';
diff --git a/packages/react-test-app/src/preview-examples/pill-variants.css b/packages/react-test-app/src/preview-examples/pill-variants.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/pill-variants.css
rename to packages/react-test-app/src/preview-examples/pill-variants.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/pill-variants.tsx b/packages/react-test-app/src/preview-examples/pill-variants.tsx
index d5ebfe61a1..ede7bd9964 100644
--- a/packages/react-test-app/src/preview-examples/pill-variants.tsx
+++ b/packages/react-test-app/src/preview-examples/pill-variants.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './pill-variants.css';
+import './pill-variants.scoped.css';
 
 import { IxCol, IxLayoutGrid, IxPill, IxRow } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/pill.css b/packages/react-test-app/src/preview-examples/pill.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/pill.css
rename to packages/react-test-app/src/preview-examples/pill.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/pill.tsx b/packages/react-test-app/src/preview-examples/pill.tsx
index 12ce425b68..8f2e271271 100644
--- a/packages/react-test-app/src/preview-examples/pill.tsx
+++ b/packages/react-test-app/src/preview-examples/pill.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './pill.css';
+import './pill.scoped.css';
 
 import { IxPill } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/popover-news.css b/packages/react-test-app/src/preview-examples/popover-news.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/popover-news.css
rename to packages/react-test-app/src/preview-examples/popover-news.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/popover-news.tsx b/packages/react-test-app/src/preview-examples/popover-news.tsx
index 61c785c032..2704e4fde4 100644
--- a/packages/react-test-app/src/preview-examples/popover-news.tsx
+++ b/packages/react-test-app/src/preview-examples/popover-news.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './popover-news.css';
+import './popover-news.scoped.css';
 
 import {
   IxApplication,
diff --git a/packages/react-test-app/src/preview-examples/radio-button.css b/packages/react-test-app/src/preview-examples/radio-button.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/radio-button.css
rename to packages/react-test-app/src/preview-examples/radio-button.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/radio-button.tsx b/packages/react-test-app/src/preview-examples/radio-button.tsx
index 3c4b4823f9..42ed0a256e 100644
--- a/packages/react-test-app/src/preview-examples/radio-button.tsx
+++ b/packages/react-test-app/src/preview-examples/radio-button.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './radio-button.css';
+import './radio-button.scoped.css';
 
 
 export default () => {
diff --git a/packages/react-test-app/src/preview-examples/settings.css b/packages/react-test-app/src/preview-examples/settings.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/settings.css
rename to packages/react-test-app/src/preview-examples/settings.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/settings.tsx b/packages/react-test-app/src/preview-examples/settings.tsx
index 943aa9480d..d353200953 100644
--- a/packages/react-test-app/src/preview-examples/settings.tsx
+++ b/packages/react-test-app/src/preview-examples/settings.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './settings.css';
+import './settings.scoped.css';
 
 import {
   IxApplication,
diff --git a/packages/react-test-app/src/preview-examples/tabs.css b/packages/react-test-app/src/preview-examples/tabs.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/tabs.css
rename to packages/react-test-app/src/preview-examples/tabs.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/tabs.tsx b/packages/react-test-app/src/preview-examples/tabs.tsx
index 9358727356..5976c45f5c 100644
--- a/packages/react-test-app/src/preview-examples/tabs.tsx
+++ b/packages/react-test-app/src/preview-examples/tabs.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './tabs.css';
+import './tabs.scoped.css';
 
 import { IxTabItem, IxTabs } from '@siemens/ix-react';
 import { useState } from 'react';
diff --git a/packages/react-test-app/src/preview-examples/theme-switcher.css b/packages/react-test-app/src/preview-examples/theme-switcher.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/theme-switcher.css
rename to packages/react-test-app/src/preview-examples/theme-switcher.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/theme-switcher.tsx b/packages/react-test-app/src/preview-examples/theme-switcher.tsx
index 2853b1a008..7c5f4ba7b1 100644
--- a/packages/react-test-app/src/preview-examples/theme-switcher.tsx
+++ b/packages/react-test-app/src/preview-examples/theme-switcher.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './theme-switcher.css';
+import './theme-switcher.scoped.css';
 
 import { IxSelectCustomEvent, themeSwitcher } from '@siemens/ix';
 import {
diff --git a/packages/react-test-app/src/preview-examples/tile.css b/packages/react-test-app/src/preview-examples/tile.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/tile.css
rename to packages/react-test-app/src/preview-examples/tile.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/tile.tsx b/packages/react-test-app/src/preview-examples/tile.tsx
index 971c0aa190..1ad63411f5 100644
--- a/packages/react-test-app/src/preview-examples/tile.tsx
+++ b/packages/react-test-app/src/preview-examples/tile.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './tile.css';
+import './tile.scoped.css';
 
 import { IxButton, IxIcon, IxIconButton, IxTile } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-primary-ghost.css b/packages/react-test-app/src/preview-examples/toggle-button-primary-ghost.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/toggle-button-primary-ghost.css
rename to packages/react-test-app/src/preview-examples/toggle-button-primary-ghost.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-primary-ghost.tsx b/packages/react-test-app/src/preview-examples/toggle-button-primary-ghost.tsx
index fc7c0db721..785cf13086 100644
--- a/packages/react-test-app/src/preview-examples/toggle-button-primary-ghost.tsx
+++ b/packages/react-test-app/src/preview-examples/toggle-button-primary-ghost.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './toggle-button-primary-ghost.css';
+import './toggle-button-primary-ghost.scoped.css';
 
 import { IxToggleButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-primary-outline.css b/packages/react-test-app/src/preview-examples/toggle-button-primary-outline.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/toggle-button-primary-outline.css
rename to packages/react-test-app/src/preview-examples/toggle-button-primary-outline.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-primary-outline.tsx b/packages/react-test-app/src/preview-examples/toggle-button-primary-outline.tsx
index 939bf79563..29e602f8ea 100644
--- a/packages/react-test-app/src/preview-examples/toggle-button-primary-outline.tsx
+++ b/packages/react-test-app/src/preview-examples/toggle-button-primary-outline.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './toggle-button-primary-outline.css';
+import './toggle-button-primary-outline.scoped.css';
 
 import { IxToggleButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-primary.css b/packages/react-test-app/src/preview-examples/toggle-button-primary.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/toggle-button-primary.css
rename to packages/react-test-app/src/preview-examples/toggle-button-primary.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-primary.tsx b/packages/react-test-app/src/preview-examples/toggle-button-primary.tsx
index 6917fbed06..71eb450c1a 100644
--- a/packages/react-test-app/src/preview-examples/toggle-button-primary.tsx
+++ b/packages/react-test-app/src/preview-examples/toggle-button-primary.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './toggle-button-primary.css';
+import './toggle-button-primary.scoped.css';
 
 import { IxToggleButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-secondary-ghost.css b/packages/react-test-app/src/preview-examples/toggle-button-secondary-ghost.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/toggle-button-secondary-ghost.css
rename to packages/react-test-app/src/preview-examples/toggle-button-secondary-ghost.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-secondary-ghost.tsx b/packages/react-test-app/src/preview-examples/toggle-button-secondary-ghost.tsx
index c9db9e78b1..f1327c8133 100644
--- a/packages/react-test-app/src/preview-examples/toggle-button-secondary-ghost.tsx
+++ b/packages/react-test-app/src/preview-examples/toggle-button-secondary-ghost.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './toggle-button-secondary-ghost.css';
+import './toggle-button-secondary-ghost.scoped.css';
 
 import { IxToggleButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-secondary-outline.css b/packages/react-test-app/src/preview-examples/toggle-button-secondary-outline.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/toggle-button-secondary-outline.css
rename to packages/react-test-app/src/preview-examples/toggle-button-secondary-outline.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-secondary-outline.tsx b/packages/react-test-app/src/preview-examples/toggle-button-secondary-outline.tsx
index ff7d7dd917..92de19f54d 100644
--- a/packages/react-test-app/src/preview-examples/toggle-button-secondary-outline.tsx
+++ b/packages/react-test-app/src/preview-examples/toggle-button-secondary-outline.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './toggle-button-secondary-outline.css';
+import './toggle-button-secondary-outline.scoped.css';
 
 import { IxToggleButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-secondary.css b/packages/react-test-app/src/preview-examples/toggle-button-secondary.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/toggle-button-secondary.css
rename to packages/react-test-app/src/preview-examples/toggle-button-secondary.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/toggle-button-secondary.tsx b/packages/react-test-app/src/preview-examples/toggle-button-secondary.tsx
index ec1f4e8653..66e3ac50fa 100644
--- a/packages/react-test-app/src/preview-examples/toggle-button-secondary.tsx
+++ b/packages/react-test-app/src/preview-examples/toggle-button-secondary.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './toggle-button-secondary.css';
+import './toggle-button-secondary.scoped.css';
 
 import { IxToggleButton } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/tooltip.css b/packages/react-test-app/src/preview-examples/tooltip.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/tooltip.css
rename to packages/react-test-app/src/preview-examples/tooltip.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/tooltip.tsx b/packages/react-test-app/src/preview-examples/tooltip.tsx
index d0d61bef40..aac1ddac1a 100644
--- a/packages/react-test-app/src/preview-examples/tooltip.tsx
+++ b/packages/react-test-app/src/preview-examples/tooltip.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './tooltip.css';
+import './tooltip.scoped.css';
 
 import { IxButton, IxTooltip } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/vertical-tabs-with-avatar.css b/packages/react-test-app/src/preview-examples/vertical-tabs-with-avatar.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/vertical-tabs-with-avatar.css
rename to packages/react-test-app/src/preview-examples/vertical-tabs-with-avatar.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/vertical-tabs-with-avatar.tsx b/packages/react-test-app/src/preview-examples/vertical-tabs-with-avatar.tsx
index 60282815ce..ee66e160bf 100644
--- a/packages/react-test-app/src/preview-examples/vertical-tabs-with-avatar.tsx
+++ b/packages/react-test-app/src/preview-examples/vertical-tabs-with-avatar.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './vertical-tabs-with-avatar.css';
+import './vertical-tabs-with-avatar.scoped.css';
 
 import {
   IxMenu,
diff --git a/packages/react-test-app/src/preview-examples/vertical-tabs.css b/packages/react-test-app/src/preview-examples/vertical-tabs.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/vertical-tabs.css
rename to packages/react-test-app/src/preview-examples/vertical-tabs.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/vertical-tabs.tsx b/packages/react-test-app/src/preview-examples/vertical-tabs.tsx
index 1d2d00c63e..346a47d291 100644
--- a/packages/react-test-app/src/preview-examples/vertical-tabs.tsx
+++ b/packages/react-test-app/src/preview-examples/vertical-tabs.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './vertical-tabs.css';
+import './vertical-tabs.scoped.css';
 
 import { IxMenu, IxMenuItem } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/src/preview-examples/workflow.css b/packages/react-test-app/src/preview-examples/workflow.scoped.css
similarity index 100%
rename from packages/react-test-app/src/preview-examples/workflow.css
rename to packages/react-test-app/src/preview-examples/workflow.scoped.css
diff --git a/packages/react-test-app/src/preview-examples/workflow.tsx b/packages/react-test-app/src/preview-examples/workflow.tsx
index fb6dcb4234..b2408fc6c7 100644
--- a/packages/react-test-app/src/preview-examples/workflow.tsx
+++ b/packages/react-test-app/src/preview-examples/workflow.tsx
@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import './workflow.css';
+import './workflow.scoped.css';
 
 import { IxWorkflowStep, IxWorkflowSteps } from '@siemens/ix-react';
 
diff --git a/packages/react-test-app/vite.config.ts b/packages/react-test-app/vite.config.ts
index a58563cd77..5fdfc3b7fa 100644
--- a/packages/react-test-app/vite.config.ts
+++ b/packages/react-test-app/vite.config.ts
@@ -11,6 +11,7 @@ import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
 import path from 'path';
 import fs from 'fs';
+import { reactScopedCssPlugin } from 'rollup-plugin-react-scoped-css';
 
 const previewPath = path.join(
   __dirname,
@@ -26,13 +27,19 @@ export default defineConfig(() => {
   fs.readdirSync(previewPath)
     .filter((f) => f.endsWith('.css'))
     .forEach((file) => {
+      const fileName = file.split('.')[0];
       fs.copyFileSync(
         path.join(previewPath, file),
-        path.join(__dirname, 'src', 'preview-examples', file)
+        path.join(
+          __dirname,
+          'src',
+          'preview-examples',
+          fileName !== 'global' ? `${fileName}.scoped.css` : `${fileName}.css`
+        )
       );
     });
 
   return {
-    plugins: [react()],
+    plugins: [react(), reactScopedCssPlugin() as any],
   };
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 30447a1471..45f6dec62a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -156,10 +156,10 @@ importers:
         version: 10.1.0
       jest:
         specifier: ^29.3.1
-        version: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))
+        version: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       jest-preset-angular:
         specifier: ^12.2.3
-        version: 12.2.6(kzhkrveqbt6o6ftxcikbrqnxuy)
+        version: 12.2.6(oqjflszfxbqjg7k6ghkytlxqb4)
       ng-packagr:
         specifier: ^14.2.0
         version: 14.3.0(@angular/compiler-cli@13.4.0(@angular/compiler@13.4.0)(typescript@4.6.4))(@types/node@20.16.5)(tslib@2.6.2)(typescript@4.6.4)
@@ -168,7 +168,7 @@ importers:
         version: 7.5.7
       ts-jest:
         specifier: ^29.0.3
-        version: 29.1.1(@babel/core@7.23.2)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4)))(typescript@4.6.4)
+        version: 29.1.1(@babel/core@7.23.2)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5)))(typescript@4.6.4)
       typescript:
         specifier: 4.6.4
         version: 4.6.4
@@ -245,7 +245,7 @@ importers:
     devDependencies:
       '@angular-devkit/build-angular':
         specifier: ^14.2.0
-        version: 14.2.13(@angular/compiler-cli@14.3.0(@angular/compiler@14.3.0(@angular/core@14.3.0(rxjs@7.5.7)(zone.js@0.11.8)))(typescript@4.7.4))(@swc/core@1.9.2)(chokidar@3.5.3)(html-webpack-plugin@5.6.3(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5)))(karma@6.4.2)(ng-packagr@14.3.0(@angular/compiler-cli@14.3.0(@angular/compiler@14.3.0(@angular/core@14.3.0(rxjs@7.5.7)(zone.js@0.11.8)))(typescript@4.7.4))(@types/node@20.16.5)(tslib@2.6.2)(typescript@4.7.4))(typescript@4.7.4)
+        version: 14.2.13(@angular/compiler-cli@14.3.0(@angular/compiler@14.3.0(@angular/core@14.3.0(rxjs@7.5.7)(zone.js@0.11.8)))(typescript@4.7.4))(@swc/core@1.9.2)(chokidar@3.5.3)(html-webpack-plugin@5.6.3(webpack@5.76.1(@swc/core@1.9.2)))(karma@6.4.2)(ng-packagr@14.3.0(@angular/compiler-cli@14.3.0(@angular/compiler@14.3.0(@angular/core@14.3.0(rxjs@7.5.7)(zone.js@0.11.8)))(typescript@4.7.4))(@types/node@20.16.5)(tslib@2.6.2)(typescript@4.7.4))(typescript@4.7.4)
       '@angular/cli':
         specifier: ~14.2.0
         version: 14.2.13(chokidar@3.5.3)
@@ -456,7 +456,7 @@ importers:
         version: 3.4.0(@docusaurus/core@3.3.0(@docusaurus/types@3.3.0(@swc/core@1.9.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@swc/core@1.9.2)(eslint@9.5.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.2.2)(vue-template-compiler@2.7.15))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       docusaurus-plugin-sass:
         specifier: ^0.2.2
-        version: 0.2.5(@docusaurus/core@3.3.0(@docusaurus/types@3.3.0(@swc/core@1.9.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@swc/core@1.9.2)(eslint@9.5.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.2.2)(vue-template-compiler@2.7.15))(sass@1.69.5)(webpack@5.96.1(@swc/core@1.9.2))
+        version: 0.2.5(@docusaurus/core@3.3.0(@docusaurus/types@3.3.0(@swc/core@1.9.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@swc/core@1.9.2)(eslint@9.5.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.2.2)(vue-template-compiler@2.7.15))(sass@1.69.5)(webpack@5.89.0(@swc/core@1.9.2))
       execa:
         specifier: ^5.1.1
         version: 5.1.1
@@ -471,7 +471,7 @@ importers:
         version: 2.1.0(react@18.2.0)
       raw-loader:
         specifier: ^4.0.2
-        version: 4.0.2(webpack@5.96.1(@swc/core@1.9.2))
+        version: 4.0.2(webpack@5.89.0(@swc/core@1.9.2))
       react:
         specifier: ^18.0.0
         version: 18.2.0
@@ -815,7 +815,7 @@ importers:
         version: 3.0.0
       jest:
         specifier: ^29.1.2
-        version: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5))
+        version: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       jest-environment-jsdom:
         specifier: ^29.1.2
         version: 29.7.0
@@ -925,6 +925,9 @@ importers:
       '@vitejs/plugin-react':
         specifier: ^4.2.1
         version: 4.3.1(vite@5.2.13(@types/node@20.16.5)(less@4.2.0)(sass@1.77.8)(stylus@0.59.0)(terser@5.36.0))
+      rollup-plugin-react-scoped-css:
+        specifier: ^1.1.0
+        version: 1.1.0
       typescript:
         specifier: ^5.2.2
         version: 5.4.5
@@ -979,7 +982,7 @@ importers:
         version: 8.4.2(storybook@8.4.2(prettier@3.0.3))
       '@storybook/test-runner':
         specifier: ^0.19.1
-        version: 0.19.1(@types/node@20.16.5)(storybook@8.4.2(prettier@3.0.3))(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))
+        version: 0.19.1(@types/node@20.16.5)(storybook@8.4.2(prettier@3.0.3))(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       '@storybook/web-components':
         specifier: ^8.4.2
         version: 8.4.2(lit@3.2.1)(storybook@8.4.2(prettier@3.0.3))
@@ -4792,6 +4795,15 @@ packages:
     peerDependencies:
       rollup: ^1.20.0||^2.0.0
 
+  '@rollup/pluginutils@5.1.2':
+    resolution: {integrity: sha512-/FIdS3PyZ39bjZlwqFnWqCOVnW7o963LtKMwQOD0NhQqw22gSr2YY1afu3FxRip4ZCZNsD5jq6Aaz6QV3D/Njw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
   '@rollup/rollup-android-arm-eabi@4.12.0':
     resolution: {integrity: sha512-+ac02NL/2TCKRrJu2wffk1kZ+RyqxVUlbjSagNgPm94frxtr+XDL12E5Ll1enWskLrtrZ2r8L3wED1orIibV/w==}
     cpu: [arm]
@@ -4802,6 +4814,11 @@ packages:
     cpu: [arm]
     os: [android]
 
+  '@rollup/rollup-android-arm-eabi@4.24.0':
+    resolution: {integrity: sha512-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==}
+    cpu: [arm]
+    os: [android]
+
   '@rollup/rollup-android-arm64@4.12.0':
     resolution: {integrity: sha512-OBqcX2BMe6nvjQ0Nyp7cC90cnumt8PXmO7Dp3gfAju/6YwG0Tj74z1vKrfRz7qAv23nBcYM8BCbhrsWqO7PzQQ==}
     cpu: [arm64]
@@ -4812,6 +4829,11 @@ packages:
     cpu: [arm64]
     os: [android]
 
+  '@rollup/rollup-android-arm64@4.24.0':
+    resolution: {integrity: sha512-ijLnS1qFId8xhKjT81uBHuuJp2lU4x2yxa4ctFPtG+MqEE6+C5f/+X/bStmxapgmwLwiL3ih122xv8kVARNAZA==}
+    cpu: [arm64]
+    os: [android]
+
   '@rollup/rollup-darwin-arm64@4.12.0':
     resolution: {integrity: sha512-X64tZd8dRE/QTrBIEs63kaOBG0b5GVEd3ccoLtyf6IdXtHdh8h+I56C2yC3PtC9Ucnv0CpNFJLqKFVgCYe0lOQ==}
     cpu: [arm64]
@@ -4822,6 +4844,11 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@rollup/rollup-darwin-arm64@4.24.0':
+    resolution: {integrity: sha512-bIv+X9xeSs1XCk6DVvkO+S/z8/2AMt/2lMqdQbMrmVpgFvXlmde9mLcbQpztXm1tajC3raFDqegsH18HQPMYtA==}
+    cpu: [arm64]
+    os: [darwin]
+
   '@rollup/rollup-darwin-x64@4.12.0':
     resolution: {integrity: sha512-cc71KUZoVbUJmGP2cOuiZ9HSOP14AzBAThn3OU+9LcA1+IUqswJyR1cAJj3Mg55HbjZP6OLAIscbQsQLrpgTOg==}
     cpu: [x64]
@@ -4832,6 +4859,11 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  '@rollup/rollup-darwin-x64@4.24.0':
+    resolution: {integrity: sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==}
+    cpu: [x64]
+    os: [darwin]
+
   '@rollup/rollup-linux-arm-gnueabihf@4.12.0':
     resolution: {integrity: sha512-a6w/Y3hyyO6GlpKL2xJ4IOh/7d+APaqLYdMf86xnczU3nurFTaVN9s9jOXQg97BE4nYm/7Ga51rjec5nfRdrvA==}
     cpu: [arm]
@@ -4842,11 +4874,21 @@ packages:
     cpu: [arm]
     os: [linux]
 
+  '@rollup/rollup-linux-arm-gnueabihf@4.24.0':
+    resolution: {integrity: sha512-0KXvIJQMOImLCVCz9uvvdPgfyWo93aHHp8ui3FrtOP57svqrF/roSSR5pjqL2hcMp0ljeGlU4q9o/rQaAQ3AYA==}
+    cpu: [arm]
+    os: [linux]
+
   '@rollup/rollup-linux-arm-musleabihf@4.20.0':
     resolution: {integrity: sha512-1asSTl4HKuIHIB1GcdFHNNZhxAYEdqML/MW4QmPS4G0ivbEcBr1JKlFLKsIRqjSwOBkdItn3/ZDlyvZ/N6KPlw==}
     cpu: [arm]
     os: [linux]
 
+  '@rollup/rollup-linux-arm-musleabihf@4.24.0':
+    resolution: {integrity: sha512-it2BW6kKFVh8xk/BnHfakEeoLPv8STIISekpoF+nBgWM4d55CZKc7T4Dx1pEbTnYm/xEKMgy1MNtYuoA8RFIWw==}
+    cpu: [arm]
+    os: [linux]
+
   '@rollup/rollup-linux-arm64-gnu@4.12.0':
     resolution: {integrity: sha512-0fZBq27b+D7Ar5CQMofVN8sggOVhEtzFUwOwPppQt0k+VR+7UHMZZY4y+64WJ06XOhBTKXtQB/Sv0NwQMXyNAA==}
     cpu: [arm64]
@@ -4857,6 +4899,11 @@ packages:
     cpu: [arm64]
     os: [linux]
 
+  '@rollup/rollup-linux-arm64-gnu@4.24.0':
+    resolution: {integrity: sha512-i0xTLXjqap2eRfulFVlSnM5dEbTVque/3Pi4g2y7cxrs7+a9De42z4XxKLYJ7+OhE3IgxvfQM7vQc43bwTgPwA==}
+    cpu: [arm64]
+    os: [linux]
+
   '@rollup/rollup-linux-arm64-musl@4.12.0':
     resolution: {integrity: sha512-eTvzUS3hhhlgeAv6bfigekzWZjaEX9xP9HhxB0Dvrdbkk5w/b+1Sxct2ZuDxNJKzsRStSq1EaEkVSEe7A7ipgQ==}
     cpu: [arm64]
@@ -4867,11 +4914,21 @@ packages:
     cpu: [arm64]
     os: [linux]
 
+  '@rollup/rollup-linux-arm64-musl@4.24.0':
+    resolution: {integrity: sha512-9E6MKUJhDuDh604Qco5yP/3qn3y7SLXYuiC0Rpr89aMScS2UAmK1wHP2b7KAa1nSjWJc/f/Lc0Wl1L47qjiyQw==}
+    cpu: [arm64]
+    os: [linux]
+
   '@rollup/rollup-linux-powerpc64le-gnu@4.20.0':
     resolution: {integrity: sha512-yAMvqhPfGKsAxHN8I4+jE0CpLWD8cv4z7CK7BMmhjDuz606Q2tFKkWRY8bHR9JQXYcoLfopo5TTqzxgPUjUMfw==}
     cpu: [ppc64]
     os: [linux]
 
+  '@rollup/rollup-linux-powerpc64le-gnu@4.24.0':
+    resolution: {integrity: sha512-2XFFPJ2XMEiF5Zi2EBf4h73oR1V/lycirxZxHZNc93SqDN/IWhYYSYj8I9381ikUFXZrz2v7r2tOVk2NBwxrWw==}
+    cpu: [ppc64]
+    os: [linux]
+
   '@rollup/rollup-linux-riscv64-gnu@4.12.0':
     resolution: {integrity: sha512-ix+qAB9qmrCRiaO71VFfY8rkiAZJL8zQRXveS27HS+pKdjwUfEhqo2+YF2oI+H/22Xsiski+qqwIBxVewLK7sw==}
     cpu: [riscv64]
@@ -4882,11 +4939,21 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
+  '@rollup/rollup-linux-riscv64-gnu@4.24.0':
+    resolution: {integrity: sha512-M3Dg4hlwuntUCdzU7KjYqbbd+BLq3JMAOhCKdBE3TcMGMZbKkDdJ5ivNdehOssMCIokNHFOsv7DO4rlEOfyKpg==}
+    cpu: [riscv64]
+    os: [linux]
+
   '@rollup/rollup-linux-s390x-gnu@4.20.0':
     resolution: {integrity: sha512-I0BtGXddHSHjV1mqTNkgUZLnS3WtsqebAXv11D5BZE/gfw5KoyXSAXVqyJximQXNvNzUo4GKlCK/dIwXlz+jlg==}
     cpu: [s390x]
     os: [linux]
 
+  '@rollup/rollup-linux-s390x-gnu@4.24.0':
+    resolution: {integrity: sha512-mjBaoo4ocxJppTorZVKWFpy1bfFj9FeCMJqzlMQGjpNPY9JwQi7OuS1axzNIk0nMX6jSgy6ZURDZ2w0QW6D56g==}
+    cpu: [s390x]
+    os: [linux]
+
   '@rollup/rollup-linux-x64-gnu@4.12.0':
     resolution: {integrity: sha512-TenQhZVOtw/3qKOPa7d+QgkeM6xY0LtwzR8OplmyL5LrgTWIXpTQg2Q2ycBf8jm+SFW2Wt/DTn1gf7nFp3ssVA==}
     cpu: [x64]
@@ -4897,6 +4964,11 @@ packages:
     cpu: [x64]
     os: [linux]
 
+  '@rollup/rollup-linux-x64-gnu@4.24.0':
+    resolution: {integrity: sha512-ZXFk7M72R0YYFN5q13niV0B7G8/5dcQ9JDp8keJSfr3GoZeXEoMHP/HlvqROA3OMbMdfr19IjCeNAnPUG93b6A==}
+    cpu: [x64]
+    os: [linux]
+
   '@rollup/rollup-linux-x64-musl@4.12.0':
     resolution: {integrity: sha512-LfFdRhNnW0zdMvdCb5FNuWlls2WbbSridJvxOvYWgSBOYZtgBfW9UGNJG//rwMqTX1xQE9BAodvMH9tAusKDUw==}
     cpu: [x64]
@@ -4907,6 +4979,11 @@ packages:
     cpu: [x64]
     os: [linux]
 
+  '@rollup/rollup-linux-x64-musl@4.24.0':
+    resolution: {integrity: sha512-w1i+L7kAXZNdYl+vFvzSZy8Y1arS7vMgIy8wusXJzRrPyof5LAb02KGr1PD2EkRcl73kHulIID0M501lN+vobQ==}
+    cpu: [x64]
+    os: [linux]
+
   '@rollup/rollup-win32-arm64-msvc@4.12.0':
     resolution: {integrity: sha512-JPDxovheWNp6d7AHCgsUlkuCKvtu3RB55iNEkaQcf0ttsDU/JZF+iQnYcQJSk/7PtT4mjjVG8N1kpwnI9SLYaw==}
     cpu: [arm64]
@@ -4917,6 +4994,11 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@rollup/rollup-win32-arm64-msvc@4.24.0':
+    resolution: {integrity: sha512-VXBrnPWgBpVDCVY6XF3LEW0pOU51KbaHhccHw6AS6vBWIC60eqsH19DAeeObl+g8nKAz04QFdl/Cefta0xQtUQ==}
+    cpu: [arm64]
+    os: [win32]
+
   '@rollup/rollup-win32-ia32-msvc@4.12.0':
     resolution: {integrity: sha512-fjtuvMWRGJn1oZacG8IPnzIV6GF2/XG+h71FKn76OYFqySXInJtseAqdprVTDTyqPxQOG9Exak5/E9Z3+EJ8ZA==}
     cpu: [ia32]
@@ -4927,6 +5009,11 @@ packages:
     cpu: [ia32]
     os: [win32]
 
+  '@rollup/rollup-win32-ia32-msvc@4.24.0':
+    resolution: {integrity: sha512-xrNcGDU0OxVcPTH/8n/ShH4UevZxKIO6HJFK0e15XItZP2UcaiLFd5kiX7hJnqCbSztUF8Qot+JWBC/QXRPYWQ==}
+    cpu: [ia32]
+    os: [win32]
+
   '@rollup/rollup-win32-x64-msvc@4.12.0':
     resolution: {integrity: sha512-ZYmr5mS2wd4Dew/JjT0Fqi2NPB/ZhZ2VvPp7SmvPZb4Y1CG/LRcS6tcRo2cYU7zLK5A7cdbhWnnWmUjoI4qapg==}
     cpu: [x64]
@@ -4937,6 +5024,11 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@rollup/rollup-win32-x64-msvc@4.24.0':
+    resolution: {integrity: sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==}
+    cpu: [x64]
+    os: [win32]
+
   '@schematics/angular@14.2.13':
     resolution: {integrity: sha512-MLxTpTU3E8QACQ/5c0sENMR2gRiMXpGaKeD5IHY+3wyU2fUSJVB0QPU/l1WhoyZbX8N9ospBgf5UEG7taVF9rg==}
     engines: {node: ^14.15.0 || >=16.10.0, npm: ^6.11.0 || ^7.5.6 || >=8.0.0, yarn: '>= 1.13.0'}
@@ -7734,6 +7826,10 @@ packages:
     resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
 
+  css-tree@3.0.0:
+    resolution: {integrity: sha512-o88DVQ6GzsABn1+6+zo2ct801dBO5OASVyxbbvA2W20ue2puSh/VOuqUj90eUeMSX/xqGqBmOKiRQN7tJOuBXw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
   css-what@6.1.0:
     resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
     engines: {node: '>= 6'}
@@ -10686,6 +10782,10 @@ packages:
   js-tokens@8.0.3:
     resolution: {integrity: sha512-UfJMcSJc+SEXEl9lH/VLHSZbThQyLpw1vLO1Lb+j4RWDvG3N2f7yj3PVQA3cmkTBNldJ9eFnM+xEXxHIXrYiJw==}
 
+  js-xxhash@4.0.0:
+    resolution: {integrity: sha512-3Q2eIqG6s1KEBBmkj9tGM9lef8LJbuRyTVBdI3GpTnrvtytunjLPO0wqABp5qhtMzfA32jYn1FlnIV7GH1RAHQ==}
+    engines: {node: '>=18.0.0'}
+
   js-yaml@3.14.1:
     resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
     hasBin: true
@@ -11332,6 +11432,9 @@ packages:
   mdn-data@2.0.30:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
 
+  mdn-data@2.10.0:
+    resolution: {integrity: sha512-qq7C3EtK3yJXMwz1zAab65pjl+UhohqMOctTgcqjLOWABqmwj+me02LSsCuEUxnst9X1lCBpoE0WArGKgdGDzw==}
+
   media-typer@0.3.0:
     resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
     engines: {node: '>= 0.6'}
@@ -13746,6 +13849,9 @@ packages:
     peerDependencies:
       rollup: '*'
 
+  rollup-plugin-react-scoped-css@1.1.0:
+    resolution: {integrity: sha512-1yZ5x+DWQOSuCkHshlZMIZkgR8IKwTsfhFlmoM+vU+MgtWUD3ulcAwcm6UnK23pHPz1s+/6zlrfCpPoTi/nhrg==}
+
   rollup-plugin-sourcemaps@0.6.3:
     resolution: {integrity: sha512-paFu+nT1xvuO1tPFYXGe+XnQvg4Hjqv/eIhG8i5EspfYYPBKL57X7iVbfv55aNVASg3dzWvES9dmWsL2KhfByw==}
     engines: {node: '>=10.0.0'}
@@ -13782,6 +13888,11 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  rollup@4.24.0:
+    resolution: {integrity: sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
   rrweb-cssom@0.6.0:
     resolution: {integrity: sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==}
 
@@ -16308,7 +16419,7 @@ snapshots:
       - utf-8-validate
       - webpack-cli
 
-  '@angular-devkit/build-angular@14.2.13(@angular/compiler-cli@14.3.0(@angular/compiler@14.3.0(@angular/core@14.3.0(rxjs@7.5.7)(zone.js@0.11.8)))(typescript@4.7.4))(@swc/core@1.9.2)(chokidar@3.5.3)(html-webpack-plugin@5.6.3(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5)))(karma@6.4.2)(ng-packagr@14.3.0(@angular/compiler-cli@14.3.0(@angular/compiler@14.3.0(@angular/core@14.3.0(rxjs@7.5.7)(zone.js@0.11.8)))(typescript@4.7.4))(@types/node@20.16.5)(tslib@2.6.2)(typescript@4.7.4))(typescript@4.7.4)':
+  '@angular-devkit/build-angular@14.2.13(@angular/compiler-cli@14.3.0(@angular/compiler@14.3.0(@angular/core@14.3.0(rxjs@7.5.7)(zone.js@0.11.8)))(typescript@4.7.4))(@swc/core@1.9.2)(chokidar@3.5.3)(html-webpack-plugin@5.6.3(webpack@5.76.1(@swc/core@1.9.2)))(karma@6.4.2)(ng-packagr@14.3.0(@angular/compiler-cli@14.3.0(@angular/compiler@14.3.0(@angular/core@14.3.0(rxjs@7.5.7)(zone.js@0.11.8)))(typescript@4.7.4))(@types/node@20.16.5)(tslib@2.6.2)(typescript@4.7.4))(typescript@4.7.4)':
     dependencies:
       '@ampproject/remapping': 2.2.0
       '@angular-devkit/architect': 0.1402.13(chokidar@3.5.3)
@@ -16371,9 +16482,9 @@ snapshots:
       typescript: 4.7.4
       webpack: 5.76.1(@swc/core@1.9.2)
       webpack-dev-middleware: 5.3.3(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5))
-      webpack-dev-server: 4.11.0(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5))
+      webpack-dev-server: 4.11.0(webpack@5.76.1(@swc/core@1.9.2))
       webpack-merge: 5.8.0
-      webpack-subresource-integrity: 5.1.0(html-webpack-plugin@5.6.3(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5)))(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5))
+      webpack-subresource-integrity: 5.1.0(html-webpack-plugin@5.6.3(webpack@5.76.1(@swc/core@1.9.2)))(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5))
     optionalDependencies:
       esbuild: 0.15.5
       karma: 6.4.2
@@ -19547,7 +19658,7 @@ snapshots:
       '@types/node': 20.5.1
       chalk: 4.1.2
       cosmiconfig: 8.3.6(typescript@5.6.2)
-      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.6.2))(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))(typescript@5.6.2)
+      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.4.5))(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))(typescript@5.6.2)
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       lodash.uniq: 4.5.0
@@ -19828,7 +19939,7 @@ snapshots:
       terser-webpack-plugin: 5.3.9(@swc/core@1.9.2)(webpack@5.89.0(@swc/core@1.9.2))
       tslib: 2.6.2
       update-notifier: 6.0.2
-      url-loader: 4.1.1(file-loader@6.2.0(webpack@5.96.1(@swc/core@1.9.2)))(webpack@5.89.0(@swc/core@1.9.2))
+      url-loader: 4.1.1(file-loader@6.2.0(webpack@5.89.0(@swc/core@1.9.2)))(webpack@5.89.0(@swc/core@1.9.2))
       webpack: 5.89.0(@swc/core@1.9.2)
       webpack-bundle-analyzer: 4.9.1
       webpack-dev-server: 4.15.1(webpack@5.89.0(@swc/core@1.9.2))
@@ -19889,7 +20000,7 @@ snapshots:
       tslib: 2.6.2
       unified: 11.0.4
       unist-util-visit: 5.0.0
-      url-loader: 4.1.1(file-loader@6.2.0(webpack@5.96.1(@swc/core@1.9.2)))(webpack@5.89.0(@swc/core@1.9.2))
+      url-loader: 4.1.1(file-loader@6.2.0(webpack@5.89.0(@swc/core@1.9.2)))(webpack@5.89.0(@swc/core@1.9.2))
       vfile: 6.0.1
       webpack: 5.89.0(@swc/core@1.9.2)
     transitivePeerDependencies:
@@ -20454,7 +20565,7 @@ snapshots:
       resolve-pathname: 3.0.0
       shelljs: 0.8.5
       tslib: 2.6.2
-      url-loader: 4.1.1(file-loader@6.2.0(webpack@5.96.1(@swc/core@1.9.2)))(webpack@5.96.1(@swc/core@1.9.2))
+      url-loader: 4.1.1(file-loader@6.2.0(webpack@5.89.0(@swc/core@1.9.2)))(webpack@5.96.1(@swc/core@1.9.2))
       webpack: 5.96.1(@swc/core@1.9.2)
     optionalDependencies:
       '@docusaurus/types': 3.3.0(@swc/core@1.9.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -21112,77 +21223,7 @@ snapshots:
       - supports-color
       - ts-node
 
-  '@jest/core@29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))':
-    dependencies:
-      '@jest/console': 29.7.0
-      '@jest/reporters': 29.7.0
-      '@jest/test-result': 29.7.0
-      '@jest/transform': 29.7.0
-      '@jest/types': 29.6.3
-      '@types/node': 20.16.5
-      ansi-escapes: 4.3.2
-      chalk: 4.1.2
-      ci-info: 3.9.0
-      exit: 0.1.2
-      graceful-fs: 4.2.11
-      jest-changed-files: 29.7.0
-      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))
-      jest-haste-map: 29.7.0
-      jest-message-util: 29.7.0
-      jest-regex-util: 29.6.3
-      jest-resolve: 29.7.0
-      jest-resolve-dependencies: 29.7.0
-      jest-runner: 29.7.0
-      jest-runtime: 29.7.0
-      jest-snapshot: 29.7.0
-      jest-util: 29.7.0
-      jest-validate: 29.7.0
-      jest-watcher: 29.7.0
-      micromatch: 4.0.5
-      pretty-format: 29.7.0
-      slash: 3.0.0
-      strip-ansi: 6.0.1
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-
-  '@jest/core@29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5))':
-    dependencies:
-      '@jest/console': 29.7.0
-      '@jest/reporters': 29.7.0
-      '@jest/test-result': 29.7.0
-      '@jest/transform': 29.7.0
-      '@jest/types': 29.6.3
-      '@types/node': 20.16.5
-      ansi-escapes: 4.3.2
-      chalk: 4.1.2
-      ci-info: 3.9.0
-      exit: 0.1.2
-      graceful-fs: 4.2.11
-      jest-changed-files: 29.7.0
-      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5))
-      jest-haste-map: 29.7.0
-      jest-message-util: 29.7.0
-      jest-regex-util: 29.6.3
-      jest-resolve: 29.7.0
-      jest-resolve-dependencies: 29.7.0
-      jest-runner: 29.7.0
-      jest-runtime: 29.7.0
-      jest-snapshot: 29.7.0
-      jest-util: 29.7.0
-      jest-validate: 29.7.0
-      jest-watcher: 29.7.0
-      micromatch: 4.0.5
-      pretty-format: 29.7.0
-      slash: 3.0.0
-      strip-ansi: 6.0.1
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-
-  '@jest/core@29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))':
+  '@jest/core@29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))':
     dependencies:
       '@jest/console': 29.7.0
       '@jest/reporters': 29.7.0
@@ -21196,7 +21237,7 @@ snapshots:
       exit: 0.1.2
       graceful-fs: 4.2.11
       jest-changed-files: 29.7.0
-      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))
+      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       jest-haste-map: 29.7.0
       jest-message-util: 29.7.0
       jest-regex-util: 29.6.3
@@ -21807,93 +21848,149 @@ snapshots:
       picomatch: 2.3.1
       rollup: 2.79.1
 
+  '@rollup/pluginutils@5.1.2(rollup@4.24.0)':
+    dependencies:
+      '@types/estree': 1.0.6
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    optionalDependencies:
+      rollup: 4.24.0
+
   '@rollup/rollup-android-arm-eabi@4.12.0':
     optional: true
 
   '@rollup/rollup-android-arm-eabi@4.20.0':
     optional: true
 
+  '@rollup/rollup-android-arm-eabi@4.24.0':
+    optional: true
+
   '@rollup/rollup-android-arm64@4.12.0':
     optional: true
 
   '@rollup/rollup-android-arm64@4.20.0':
     optional: true
 
+  '@rollup/rollup-android-arm64@4.24.0':
+    optional: true
+
   '@rollup/rollup-darwin-arm64@4.12.0':
     optional: true
 
   '@rollup/rollup-darwin-arm64@4.20.0':
     optional: true
 
+  '@rollup/rollup-darwin-arm64@4.24.0':
+    optional: true
+
   '@rollup/rollup-darwin-x64@4.12.0':
     optional: true
 
   '@rollup/rollup-darwin-x64@4.20.0':
     optional: true
 
+  '@rollup/rollup-darwin-x64@4.24.0':
+    optional: true
+
   '@rollup/rollup-linux-arm-gnueabihf@4.12.0':
     optional: true
 
   '@rollup/rollup-linux-arm-gnueabihf@4.20.0':
     optional: true
 
+  '@rollup/rollup-linux-arm-gnueabihf@4.24.0':
+    optional: true
+
   '@rollup/rollup-linux-arm-musleabihf@4.20.0':
     optional: true
 
+  '@rollup/rollup-linux-arm-musleabihf@4.24.0':
+    optional: true
+
   '@rollup/rollup-linux-arm64-gnu@4.12.0':
     optional: true
 
   '@rollup/rollup-linux-arm64-gnu@4.20.0':
     optional: true
 
+  '@rollup/rollup-linux-arm64-gnu@4.24.0':
+    optional: true
+
   '@rollup/rollup-linux-arm64-musl@4.12.0':
     optional: true
 
   '@rollup/rollup-linux-arm64-musl@4.20.0':
     optional: true
 
+  '@rollup/rollup-linux-arm64-musl@4.24.0':
+    optional: true
+
   '@rollup/rollup-linux-powerpc64le-gnu@4.20.0':
     optional: true
 
+  '@rollup/rollup-linux-powerpc64le-gnu@4.24.0':
+    optional: true
+
   '@rollup/rollup-linux-riscv64-gnu@4.12.0':
     optional: true
 
   '@rollup/rollup-linux-riscv64-gnu@4.20.0':
     optional: true
 
+  '@rollup/rollup-linux-riscv64-gnu@4.24.0':
+    optional: true
+
   '@rollup/rollup-linux-s390x-gnu@4.20.0':
     optional: true
 
+  '@rollup/rollup-linux-s390x-gnu@4.24.0':
+    optional: true
+
   '@rollup/rollup-linux-x64-gnu@4.12.0':
     optional: true
 
   '@rollup/rollup-linux-x64-gnu@4.20.0':
     optional: true
 
+  '@rollup/rollup-linux-x64-gnu@4.24.0':
+    optional: true
+
   '@rollup/rollup-linux-x64-musl@4.12.0':
     optional: true
 
   '@rollup/rollup-linux-x64-musl@4.20.0':
     optional: true
 
+  '@rollup/rollup-linux-x64-musl@4.24.0':
+    optional: true
+
   '@rollup/rollup-win32-arm64-msvc@4.12.0':
     optional: true
 
   '@rollup/rollup-win32-arm64-msvc@4.20.0':
     optional: true
 
+  '@rollup/rollup-win32-arm64-msvc@4.24.0':
+    optional: true
+
   '@rollup/rollup-win32-ia32-msvc@4.12.0':
     optional: true
 
   '@rollup/rollup-win32-ia32-msvc@4.20.0':
     optional: true
 
+  '@rollup/rollup-win32-ia32-msvc@4.24.0':
+    optional: true
+
   '@rollup/rollup-win32-x64-msvc@4.12.0':
     optional: true
 
   '@rollup/rollup-win32-x64-msvc@4.20.0':
     optional: true
 
+  '@rollup/rollup-win32-x64-msvc@4.24.0':
+    optional: true
+
   '@schematics/angular@14.2.13(chokidar@3.5.3)':
     dependencies:
       '@angular-devkit/core': 14.2.13(chokidar@3.5.3)
@@ -22204,7 +22301,7 @@ snapshots:
       react-dom: 18.2.0(react@18.2.0)
       storybook: 8.4.2(prettier@3.0.3)
 
-  '@storybook/test-runner@0.19.1(@types/node@20.16.5)(storybook@8.4.2(prettier@3.0.3))(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))':
+  '@storybook/test-runner@0.19.1(@types/node@20.16.5)(storybook@8.4.2(prettier@3.0.3))(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/generator': 7.25.0
@@ -22218,14 +22315,14 @@ snapshots:
       '@swc/core': 1.9.2
       '@swc/jest': 0.2.37(@swc/core@1.9.2)
       expect-playwright: 0.8.0
-      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))
+      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       jest-circus: 29.7.0
       jest-environment-node: 29.7.0
       jest-junit: 16.0.0
-      jest-playwright-preset: 4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2)))
+      jest-playwright-preset: 4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5)))
       jest-runner: 29.7.0
       jest-serializer-html: 7.1.0
-      jest-watch-typeahead: 2.2.2(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2)))
+      jest-watch-typeahead: 2.2.2(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5)))
       nyc: 15.1.0
       playwright: 1.39.0
     transitivePeerDependencies:
@@ -23273,7 +23370,7 @@ snapshots:
       '@babel/parser': 7.23.0
       '@vue/shared': 3.3.7
       estree-walker: 2.0.2
-      source-map-js: 1.2.0
+      source-map-js: 1.2.1
 
   '@vue/compiler-dom@3.3.7':
     dependencies:
@@ -25185,7 +25282,7 @@ snapshots:
 
   corser@2.0.1: {}
 
-  cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.6.2))(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))(typescript@5.6.2):
+  cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.4.5))(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))(typescript@5.6.2):
     dependencies:
       '@types/node': 20.5.1
       cosmiconfig: 8.3.6(typescript@5.6.2)
@@ -25266,43 +25363,13 @@ snapshots:
       - supports-color
       - ts-node
 
-  create-jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4)):
-    dependencies:
-      '@jest/types': 29.6.3
-      chalk: 4.1.2
-      exit: 0.1.2
-      graceful-fs: 4.2.11
-      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))
-      jest-util: 29.7.0
-      prompts: 2.4.2
-    transitivePeerDependencies:
-      - '@types/node'
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-
-  create-jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5)):
-    dependencies:
-      '@jest/types': 29.6.3
-      chalk: 4.1.2
-      exit: 0.1.2
-      graceful-fs: 4.2.11
-      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5))
-      jest-util: 29.7.0
-      prompts: 2.4.2
-    transitivePeerDependencies:
-      - '@types/node'
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-
-  create-jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2)):
+  create-jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5)):
     dependencies:
       '@jest/types': 29.6.3
       chalk: 4.1.2
       exit: 0.1.2
       graceful-fs: 4.2.11
-      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))
+      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       jest-util: 29.7.0
       prompts: 2.4.2
     transitivePeerDependencies:
@@ -25431,12 +25498,17 @@ snapshots:
   css-tree@2.2.1:
     dependencies:
       mdn-data: 2.0.28
-      source-map-js: 1.2.0
+      source-map-js: 1.2.1
 
   css-tree@2.3.1:
     dependencies:
       mdn-data: 2.0.30
-      source-map-js: 1.2.0
+      source-map-js: 1.2.1
+
+  css-tree@3.0.0:
+    dependencies:
+      mdn-data: 2.10.0
+      source-map-js: 1.2.1
 
   css-what@6.1.0: {}
 
@@ -26015,11 +26087,11 @@ snapshots:
       unified: 9.2.2
       unist-util-is: 4.1.0
 
-  docusaurus-plugin-sass@0.2.5(@docusaurus/core@3.3.0(@docusaurus/types@3.3.0(@swc/core@1.9.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@swc/core@1.9.2)(eslint@9.5.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.2.2)(vue-template-compiler@2.7.15))(sass@1.69.5)(webpack@5.96.1(@swc/core@1.9.2)):
+  docusaurus-plugin-sass@0.2.5(@docusaurus/core@3.3.0(@docusaurus/types@3.3.0(@swc/core@1.9.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@swc/core@1.9.2)(eslint@9.5.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.2.2)(vue-template-compiler@2.7.15))(sass@1.69.5)(webpack@5.89.0(@swc/core@1.9.2)):
     dependencies:
       '@docusaurus/core': 3.3.0(@docusaurus/types@3.3.0(@swc/core@1.9.2)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@swc/core@1.9.2)(eslint@9.5.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.2.2)(vue-template-compiler@2.7.15)
       sass: 1.69.5
-      sass-loader: 10.4.1(sass@1.69.5)(webpack@5.96.1(@swc/core@1.9.2))
+      sass-loader: 10.4.1(sass@1.69.5)(webpack@5.89.0(@swc/core@1.9.2))
     transitivePeerDependencies:
       - fibers
       - node-sass
@@ -27015,7 +27087,7 @@ snapshots:
 
   estree-util-attach-comments@3.0.0:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
 
   estree-util-build-jsx@3.0.1:
     dependencies:
@@ -27034,7 +27106,7 @@ snapshots:
 
   estree-util-value-to-estree@3.0.1:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       is-plain-obj: 4.1.0
 
   estree-util-visit@2.0.0:
@@ -28123,7 +28195,7 @@ snapshots:
 
   hast-util-to-estree@3.1.0:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       '@types/estree-jsx': 1.0.2
       '@types/hast': 3.0.2
       comma-separated-tokens: 2.0.3
@@ -28292,7 +28364,7 @@ snapshots:
       tapable: 2.2.1
       webpack: 5.89.0(@swc/core@1.9.2)
 
-  html-webpack-plugin@5.6.3(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5)):
+  html-webpack-plugin@5.6.3(webpack@5.76.1(@swc/core@1.9.2)):
     dependencies:
       '@types/html-minifier-terser': 6.1.0
       html-minifier-terser: 6.1.0
@@ -29039,54 +29111,16 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest-cli@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4)):
+  jest-cli@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5)):
     dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))
+      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
-      create-jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))
+      create-jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       exit: 0.1.2
       import-local: 3.1.0
-      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))
-      jest-util: 29.7.0
-      jest-validate: 29.7.0
-      yargs: 17.7.2
-    transitivePeerDependencies:
-      - '@types/node'
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-
-  jest-cli@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5)):
-    dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5))
-      '@jest/test-result': 29.7.0
-      '@jest/types': 29.6.3
-      chalk: 4.1.2
-      create-jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5))
-      exit: 0.1.2
-      import-local: 3.1.0
-      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5))
-      jest-util: 29.7.0
-      jest-validate: 29.7.0
-      yargs: 17.7.2
-    transitivePeerDependencies:
-      - '@types/node'
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-
-  jest-cli@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2)):
-    dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))
-      '@jest/test-result': 29.7.0
-      '@jest/types': 29.6.3
-      chalk: 4.1.2
-      create-jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))
-      exit: 0.1.2
-      import-local: 3.1.0
-      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))
+      jest-config: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       jest-util: 29.7.0
       jest-validate: 29.7.0
       yargs: 17.7.2
@@ -29127,69 +29161,7 @@ snapshots:
       - babel-plugin-macros
       - supports-color
 
-  jest-config@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4)):
-    dependencies:
-      '@babel/core': 7.23.7
-      '@jest/test-sequencer': 29.7.0
-      '@jest/types': 29.6.3
-      babel-jest: 29.7.0(@babel/core@7.23.7)
-      chalk: 4.1.2
-      ci-info: 3.9.0
-      deepmerge: 4.3.1
-      glob: 7.2.3
-      graceful-fs: 4.2.11
-      jest-circus: 29.7.0
-      jest-environment-node: 29.7.0
-      jest-get-type: 29.6.3
-      jest-regex-util: 29.6.3
-      jest-resolve: 29.7.0
-      jest-runner: 29.7.0
-      jest-util: 29.7.0
-      jest-validate: 29.7.0
-      micromatch: 4.0.5
-      parse-json: 5.2.0
-      pretty-format: 29.7.0
-      slash: 3.0.0
-      strip-json-comments: 3.1.1
-    optionalDependencies:
-      '@types/node': 20.16.5
-      ts-node: 10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4)
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - supports-color
-
-  jest-config@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5)):
-    dependencies:
-      '@babel/core': 7.23.7
-      '@jest/test-sequencer': 29.7.0
-      '@jest/types': 29.6.3
-      babel-jest: 29.7.0(@babel/core@7.23.7)
-      chalk: 4.1.2
-      ci-info: 3.9.0
-      deepmerge: 4.3.1
-      glob: 7.2.3
-      graceful-fs: 4.2.11
-      jest-circus: 29.7.0
-      jest-environment-node: 29.7.0
-      jest-get-type: 29.6.3
-      jest-regex-util: 29.6.3
-      jest-resolve: 29.7.0
-      jest-runner: 29.7.0
-      jest-util: 29.7.0
-      jest-validate: 29.7.0
-      micromatch: 4.0.5
-      parse-json: 5.2.0
-      pretty-format: 29.7.0
-      slash: 3.0.0
-      strip-json-comments: 3.1.1
-    optionalDependencies:
-      '@types/node': 20.16.5
-      ts-node: 10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5)
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - supports-color
-
-  jest-config@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2)):
+  jest-config@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5)):
     dependencies:
       '@babel/core': 7.23.7
       '@jest/test-sequencer': 29.7.0
@@ -29351,10 +29323,10 @@ snapshots:
       '@types/node': 20.16.5
       jest-util: 29.7.0
 
-  jest-playwright-preset@4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))):
+  jest-playwright-preset@4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))):
     dependencies:
       expect-playwright: 0.8.0
-      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))
+      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       jest-circus: 29.7.0
       jest-environment-node: 29.7.0
       jest-process-manager: 0.4.0
@@ -29371,7 +29343,7 @@ snapshots:
     optionalDependencies:
       jest-resolve: 29.7.0
 
-  jest-preset-angular@12.2.6(kzhkrveqbt6o6ftxcikbrqnxuy):
+  jest-preset-angular@12.2.6(oqjflszfxbqjg7k6ghkytlxqb4):
     dependencies:
       '@angular-devkit/build-angular': 14.2.13(@angular/compiler-cli@13.4.0(@angular/compiler@13.4.0)(typescript@4.6.4))(@swc/core@1.9.2)(chokidar@3.5.3)(html-webpack-plugin@5.6.3(webpack@5.96.1(@swc/core@1.9.2)))(karma@6.4.2)(ng-packagr@14.3.0(@angular/compiler-cli@13.4.0(@angular/compiler@13.4.0)(typescript@4.6.4))(@types/node@20.16.5)(tslib@2.6.2)(typescript@4.6.4))(typescript@4.6.4)
       '@angular/compiler-cli': 13.4.0(@angular/compiler@13.4.0)(typescript@4.6.4)
@@ -29379,10 +29351,10 @@ snapshots:
       '@angular/platform-browser-dynamic': 14.3.0(@angular/common@13.4.0(@angular/core@13.4.0(rxjs@7.5.7)(zone.js@0.11.8))(rxjs@7.5.7))(@angular/compiler@13.4.0)(@angular/core@13.4.0(rxjs@7.5.7)(zone.js@0.11.8))(@angular/platform-browser@14.3.0(@angular/animations@14.3.0(@angular/core@13.4.0(rxjs@7.5.7)(zone.js@0.11.8)))(@angular/common@13.4.0(@angular/core@13.4.0(rxjs@7.5.7)(zone.js@0.11.8))(rxjs@7.5.7))(@angular/core@13.4.0(rxjs@7.5.7)(zone.js@0.11.8)))
       bs-logger: 0.2.6
       esbuild-wasm: 0.19.5
-      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))
+      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       jest-environment-jsdom: 28.1.3
       pretty-format: 28.1.3
-      ts-jest: 28.0.8(@babel/core@7.23.2)(esbuild@0.19.12)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4)))(typescript@4.6.4)
+      ts-jest: 28.0.8(@babel/core@7.23.2)(esbuild@0.19.12)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5)))(typescript@4.6.4)
       typescript: 4.6.4
     optionalDependencies:
       esbuild: 0.19.12
@@ -29541,11 +29513,11 @@ snapshots:
       leven: 3.1.0
       pretty-format: 29.7.0
 
-  jest-watch-typeahead@2.2.2(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))):
+  jest-watch-typeahead@2.2.2(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))):
     dependencies:
       ansi-escapes: 6.2.1
       chalk: 5.3.0
-      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))
+      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       jest-regex-util: 29.6.3
       jest-watcher: 29.7.0
       slash: 5.1.0
@@ -29594,36 +29566,12 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4)):
+  jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5)):
     dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))
+      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       '@jest/types': 29.6.3
       import-local: 3.1.0
-      jest-cli: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))
-    transitivePeerDependencies:
-      - '@types/node'
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-
-  jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5)):
-    dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5))
-      '@jest/types': 29.6.3
-      import-local: 3.1.0
-      jest-cli: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5))
-    transitivePeerDependencies:
-      - '@types/node'
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-
-  jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2)):
-    dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))
-      '@jest/types': 29.6.3
-      import-local: 3.1.0
-      jest-cli: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.6.2))
+      jest-cli: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -29644,6 +29592,8 @@ snapshots:
 
   js-tokens@8.0.3: {}
 
+  js-xxhash@4.0.0: {}
+
   js-yaml@3.14.1:
     dependencies:
       argparse: 1.0.10
@@ -30592,6 +30542,8 @@ snapshots:
 
   mdn-data@2.0.30: {}
 
+  mdn-data@2.10.0: {}
+
   media-typer@0.3.0: {}
 
   memfs@3.5.3:
@@ -30738,7 +30690,7 @@ snapshots:
 
   micromark-extension-mdx-expression@3.0.0:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       devlop: 1.1.0
       micromark-factory-mdx-expression: 2.0.1
       micromark-factory-space: 2.0.0
@@ -30750,7 +30702,7 @@ snapshots:
   micromark-extension-mdx-jsx@3.0.0:
     dependencies:
       '@types/acorn': 4.0.6
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       devlop: 1.1.0
       estree-util-is-identifier-name: 3.0.0
       micromark-factory-mdx-expression: 2.0.1
@@ -30766,7 +30718,7 @@ snapshots:
 
   micromark-extension-mdxjs-esm@3.0.0:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       devlop: 1.1.0
       micromark-core-commonmark: 2.0.0
       micromark-util-character: 2.0.1
@@ -30802,7 +30754,7 @@ snapshots:
 
   micromark-factory-mdx-expression@2.0.1:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       devlop: 1.1.0
       micromark-util-character: 2.0.1
       micromark-util-events-to-acorn: 2.0.2
@@ -30876,7 +30828,7 @@ snapshots:
   micromark-util-events-to-acorn@2.0.2:
     dependencies:
       '@types/acorn': 4.0.6
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       '@types/unist': 3.0.1
       devlop: 1.1.0
       estree-util-visit: 2.0.0
@@ -31923,7 +31875,7 @@ snapshots:
 
   periscopic@3.1.0:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       estree-walker: 3.0.3
       is-reference: 3.0.2
 
@@ -32959,7 +32911,7 @@ snapshots:
     dependencies:
       nanoid: 3.3.7
       picocolors: 1.1.1
-      source-map-js: 1.0.2
+      source-map-js: 1.2.1
 
   postcss@8.4.38:
     dependencies:
@@ -33210,11 +33162,11 @@ snapshots:
       iconv-lite: 0.4.24
       unpipe: 1.0.0
 
-  raw-loader@4.0.2(webpack@5.96.1(@swc/core@1.9.2)):
+  raw-loader@4.0.2(webpack@5.89.0(@swc/core@1.9.2)):
     dependencies:
       loader-utils: 2.0.4
       schema-utils: 3.3.0
-      webpack: 5.96.1(@swc/core@1.9.2)
+      webpack: 5.89.0(@swc/core@1.9.2)
 
   rc@1.2.8:
     dependencies:
@@ -33830,6 +33782,14 @@ snapshots:
     dependencies:
       rollup: 2.79.1
 
+  rollup-plugin-react-scoped-css@1.1.0:
+    dependencies:
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      css-tree: 3.0.0
+      escodegen: 2.1.0
+      js-xxhash: 4.0.0
+      rollup: 4.24.0
+
   rollup-plugin-sourcemaps@0.6.3(@types/node@20.16.5)(rollup@2.79.1):
     dependencies:
       '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
@@ -33895,6 +33855,28 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.20.0
       fsevents: 2.3.3
 
+  rollup@4.24.0:
+    dependencies:
+      '@types/estree': 1.0.6
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.24.0
+      '@rollup/rollup-android-arm64': 4.24.0
+      '@rollup/rollup-darwin-arm64': 4.24.0
+      '@rollup/rollup-darwin-x64': 4.24.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.24.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.24.0
+      '@rollup/rollup-linux-arm64-gnu': 4.24.0
+      '@rollup/rollup-linux-arm64-musl': 4.24.0
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.24.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.24.0
+      '@rollup/rollup-linux-s390x-gnu': 4.24.0
+      '@rollup/rollup-linux-x64-gnu': 4.24.0
+      '@rollup/rollup-linux-x64-musl': 4.24.0
+      '@rollup/rollup-win32-arm64-msvc': 4.24.0
+      '@rollup/rollup-win32-ia32-msvc': 4.24.0
+      '@rollup/rollup-win32-x64-msvc': 4.24.0
+      fsevents: 2.3.3
+
   rrweb-cssom@0.6.0: {}
 
   rrweb-cssom@0.7.1: {}
@@ -33953,14 +33935,14 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  sass-loader@10.4.1(sass@1.69.5)(webpack@5.96.1(@swc/core@1.9.2)):
+  sass-loader@10.4.1(sass@1.69.5)(webpack@5.89.0(@swc/core@1.9.2)):
     dependencies:
       klona: 2.0.6
       loader-utils: 2.0.4
       neo-async: 2.6.2
       schema-utils: 3.3.0
       semver: 7.5.4
-      webpack: 5.96.1(@swc/core@1.9.2)
+      webpack: 5.89.0(@swc/core@1.9.2)
     optionalDependencies:
       sass: 1.69.5
 
@@ -35030,11 +35012,11 @@ snapshots:
 
   ts-interface-checker@0.1.13: {}
 
-  ts-jest@28.0.8(@babel/core@7.23.2)(esbuild@0.19.12)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4)))(typescript@4.6.4):
+  ts-jest@28.0.8(@babel/core@7.23.2)(esbuild@0.19.12)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5)))(typescript@4.6.4):
     dependencies:
       bs-logger: 0.2.6
       fast-json-stable-stringify: 2.1.0
-      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))
+      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       jest-util: 28.1.3
       json5: 2.2.3
       lodash.memoize: 4.1.2
@@ -35046,11 +35028,11 @@ snapshots:
       '@babel/core': 7.23.2
       esbuild: 0.19.12
 
-  ts-jest@29.1.1(@babel/core@7.23.2)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4)))(typescript@4.6.4):
+  ts-jest@29.1.1(@babel/core@7.23.2)(jest@29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5)))(typescript@4.6.4):
     dependencies:
       bs-logger: 0.2.6
       fast-json-stable-stringify: 2.1.0
-      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4))
+      jest: 29.7.0(@types/node@20.16.5)(ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5))
       jest-util: 29.7.0
       json5: 2.2.3
       lodash.memoize: 4.1.2
@@ -35121,48 +35103,6 @@ snapshots:
     optionalDependencies:
       '@swc/core': 1.9.2
 
-  ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.6.4):
-    dependencies:
-      '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.9
-      '@tsconfig/node12': 1.0.11
-      '@tsconfig/node14': 1.0.3
-      '@tsconfig/node16': 1.0.4
-      '@types/node': 20.16.5
-      acorn: 8.12.0
-      acorn-walk: 8.3.2
-      arg: 4.1.3
-      create-require: 1.1.1
-      diff: 4.0.2
-      make-error: 1.3.6
-      typescript: 4.6.4
-      v8-compile-cache-lib: 3.0.1
-      yn: 3.1.1
-    optionalDependencies:
-      '@swc/core': 1.9.2
-    optional: true
-
-  ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.16.5)(typescript@4.9.5):
-    dependencies:
-      '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.9
-      '@tsconfig/node12': 1.0.11
-      '@tsconfig/node14': 1.0.3
-      '@tsconfig/node16': 1.0.4
-      '@types/node': 20.16.5
-      acorn: 8.12.0
-      acorn-walk: 8.3.2
-      arg: 4.1.3
-      create-require: 1.1.1
-      diff: 4.0.2
-      make-error: 1.3.6
-      typescript: 4.9.5
-      v8-compile-cache-lib: 3.0.1
-      yn: 3.1.1
-    optionalDependencies:
-      '@swc/core': 1.9.2
-    optional: true
-
   ts-node@10.9.2(@swc/core@1.9.2)(@types/node@20.5.1)(typescript@5.4.5):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
@@ -35594,23 +35534,23 @@ snapshots:
 
   url-join@4.0.1: {}
 
-  url-loader@4.1.1(file-loader@6.2.0(webpack@5.96.1(@swc/core@1.9.2)))(webpack@5.89.0(@swc/core@1.9.2)):
+  url-loader@4.1.1(file-loader@6.2.0(webpack@5.89.0(@swc/core@1.9.2)))(webpack@5.89.0(@swc/core@1.9.2)):
     dependencies:
       loader-utils: 2.0.4
       mime-types: 2.1.35
       schema-utils: 3.3.0
       webpack: 5.89.0(@swc/core@1.9.2)
     optionalDependencies:
-      file-loader: 6.2.0(webpack@5.96.1(@swc/core@1.9.2))
+      file-loader: 6.2.0(webpack@5.89.0(@swc/core@1.9.2))
 
-  url-loader@4.1.1(file-loader@6.2.0(webpack@5.96.1(@swc/core@1.9.2)))(webpack@5.96.1(@swc/core@1.9.2)):
+  url-loader@4.1.1(file-loader@6.2.0(webpack@5.89.0(@swc/core@1.9.2)))(webpack@5.96.1(@swc/core@1.9.2)):
     dependencies:
       loader-utils: 2.0.4
       mime-types: 2.1.35
       schema-utils: 3.3.0
       webpack: 5.96.1(@swc/core@1.9.2)
     optionalDependencies:
-      file-loader: 6.2.0(webpack@5.96.1(@swc/core@1.9.2))
+      file-loader: 6.2.0(webpack@5.89.0(@swc/core@1.9.2))
 
   url-parse@1.5.10:
     dependencies:
@@ -36091,6 +36031,15 @@ snapshots:
       schema-utils: 4.2.0
       webpack: 5.76.1(@swc/core@1.9.2)(esbuild@0.15.5)
 
+  webpack-dev-middleware@5.3.3(webpack@5.76.1(@swc/core@1.9.2)):
+    dependencies:
+      colorette: 2.0.20
+      memfs: 3.5.3
+      mime-types: 2.1.35
+      range-parser: 1.2.1
+      schema-utils: 4.2.0
+      webpack: 5.76.1(@swc/core@1.9.2)
+
   webpack-dev-middleware@5.3.3(webpack@5.89.0(@swc/core@1.9.2)):
     dependencies:
       colorette: 2.0.20
@@ -36138,6 +36087,44 @@ snapshots:
       - supports-color
       - utf-8-validate
 
+  webpack-dev-server@4.11.0(webpack@5.76.1(@swc/core@1.9.2)):
+    dependencies:
+      '@types/bonjour': 3.5.12
+      '@types/connect-history-api-fallback': 1.5.2
+      '@types/express': 4.17.20
+      '@types/serve-index': 1.9.3
+      '@types/serve-static': 1.15.4
+      '@types/sockjs': 0.3.35
+      '@types/ws': 8.5.8
+      ansi-html-community: 0.0.8
+      bonjour-service: 1.1.1
+      chokidar: 3.5.3
+      colorette: 2.0.20
+      compression: 1.7.4
+      connect-history-api-fallback: 2.0.0
+      default-gateway: 6.0.3
+      express: 4.18.2
+      graceful-fs: 4.2.11
+      html-entities: 2.4.0
+      http-proxy-middleware: 2.0.6(@types/express@4.17.20)
+      ipaddr.js: 2.1.0
+      open: 8.4.2
+      p-retry: 4.6.2
+      rimraf: 3.0.2
+      schema-utils: 4.2.0
+      selfsigned: 2.1.1
+      serve-index: 1.9.1
+      sockjs: 0.3.24
+      spdy: 4.0.2
+      webpack: 5.76.1(@swc/core@1.9.2)
+      webpack-dev-middleware: 5.3.3(webpack@5.76.1(@swc/core@1.9.2))
+      ws: 8.14.2
+    transitivePeerDependencies:
+      - bufferutil
+      - debug
+      - supports-color
+      - utf-8-validate
+
   webpack-dev-server@4.15.1(webpack@5.89.0(@swc/core@1.9.2)):
     dependencies:
       '@types/bonjour': 3.5.12
@@ -36191,12 +36178,12 @@ snapshots:
 
   webpack-sources@3.2.3: {}
 
-  webpack-subresource-integrity@5.1.0(html-webpack-plugin@5.6.3(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5)))(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5)):
+  webpack-subresource-integrity@5.1.0(html-webpack-plugin@5.6.3(webpack@5.76.1(@swc/core@1.9.2)))(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5)):
     dependencies:
       typed-assert: 1.0.9
       webpack: 5.76.1(@swc/core@1.9.2)
     optionalDependencies:
-      html-webpack-plugin: 5.6.3(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5))
+      html-webpack-plugin: 5.6.3(webpack@5.76.1(@swc/core@1.9.2))
 
   webpack-subresource-integrity@5.1.0(html-webpack-plugin@5.6.3(webpack@5.96.1(@swc/core@1.9.2)))(webpack@5.76.1(@swc/core@1.9.2)(esbuild@0.15.5)):
     dependencies: