diff --git a/app/.storybook/main.ts b/app/.storybook/main.ts
index 279e6d0dc..74c089de3 100644
--- a/app/.storybook/main.ts
+++ b/app/.storybook/main.ts
@@ -28,6 +28,7 @@ const config: StorybookConfig = {
     { from: '../public', to: '/' },
     { from: '../../dist/', to: '/dist' },
     { from: '../../css/foundations/fonts/', to: '/dist/fonts' },
+    { from: '../../dist/', to: '/dist' },
   ],
 }
 export default config
diff --git a/app/.storybook/preview.ts b/app/.storybook/preview.ts
index b1e0361ee..1501a8359 100644
--- a/app/.storybook/preview.ts
+++ b/app/.storybook/preview.ts
@@ -61,11 +61,28 @@ export default {
     },
     backgrounds: {
       values: [
-        { name: 'Light', value: 'var(--color-white, #fff)' },
-        { name: 'Dark', value: 'var(--color-secondary-600, #5f755f)' },
+        { name: 'Light', value: 'light' },
+        { name: 'Dark', value: 'dark' },
       ],
       // 👇 Specify which background is shown by default
       default: 'Light',
     },
   },
+  decorators: [
+    (_, args) => {
+      const theme = args.globals?.backgrounds?.value
+      switch (theme) {
+        case 'light':
+          document.querySelector('html')?.setAttribute('data-theme', 'light')
+          break
+        case 'dark':
+          document.querySelector('html')?.setAttribute('data-theme', 'dark')
+          break
+        default:
+          document.querySelector('html')?.setAttribute('data-theme', 'auto')
+          break
+      }
+      return { template: `<story/>` }
+    },
+  ],
 }
diff --git a/app/public/images/grid-example-1.png b/app/assets/images/grid-example-1.png
similarity index 100%
rename from app/public/images/grid-example-1.png
rename to app/assets/images/grid-example-1.png
diff --git a/app/public/images/grid-example-2.png b/app/assets/images/grid-example-2.png
similarity index 100%
rename from app/public/images/grid-example-2.png
rename to app/assets/images/grid-example-2.png
diff --git a/app/public/images/grid-example-3.png b/app/assets/images/grid-example-3.png
similarity index 100%
rename from app/public/images/grid-example-3.png
rename to app/assets/images/grid-example-3.png
diff --git a/app/components/ch/components/AlertBanner.vue b/app/components/ch/components/AlertBanner.vue
index bb6e599a8..f16d03529 100644
--- a/app/components/ch/components/AlertBanner.vue
+++ b/app/components/ch/components/AlertBanner.vue
@@ -23,7 +23,8 @@
                 :icon="link.icon ? link.icon : 'ArrowRight'"
                 icon-pos="right"
                 size="sm"
-                variant="link-negative"
+                variant="link"
+                class="link--negative"
               />
             </div>
           </li>
diff --git a/app/components/ch/components/BackToTopBtn.vue b/app/components/ch/components/BackToTopBtn.vue
index 5ebbdf0ca..50967b558 100644
--- a/app/components/ch/components/BackToTopBtn.vue
+++ b/app/components/ch/components/BackToTopBtn.vue
@@ -19,7 +19,7 @@ const props = defineProps({
   type: {
     type: String,
     validator: (prop) =>
-      ['default', 'negative', 'outline'].includes(prop as string),
+      ['negative', 'outline'].includes(prop as string),
     default: () => undefined,
   },
   target: {
diff --git a/app/components/ch/components/Badge.vue b/app/components/ch/components/Badge.vue
index caafda4eb..e4815b712 100644
--- a/app/components/ch/components/Badge.vue
+++ b/app/components/ch/components/Badge.vue
@@ -20,8 +20,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, type PropType } from 'vue';
-import SvgIcon from '../components/SvgIcon.vue';
+import { computed, type PropType } from 'vue'
+import SvgIcon from '../components/SvgIcon.vue'
 
 const props = defineProps({
   label: {
@@ -48,6 +48,7 @@ const props = defineProps({
         'pink',
         'indigo',
         'negative',
+        'active',
       ].includes(prop as string),
   },
   size: {
diff --git a/app/components/ch/components/BadgeFilter.vue b/app/components/ch/components/BadgeFilter.vue
index 756a17269..8fc732981 100644
--- a/app/components/ch/components/BadgeFilter.vue
+++ b/app/components/ch/components/BadgeFilter.vue
@@ -3,7 +3,7 @@
     <Badge
       label="Alle"
       size="base"
-      :color="activeFilter === 'all' ? 'negative' : 'gray'"
+      :color="activeFilter === 'all' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('all')"
       :disabled="disabledFilters.includes('all')"
@@ -11,7 +11,7 @@
     <Badge
       label="0-9"
       size="base"
-      :color="activeFilter === 'numeric' ? 'negative' : 'gray'"
+      :color="activeFilter === 'numeric' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('numeric')"
       :disabled="disabledFilters.includes('numeric')"
@@ -19,7 +19,7 @@
     <Badge
       label="A"
       size="base"
-      :color="activeFilter === 'a' ? 'negative' : 'gray'"
+      :color="activeFilter === 'a' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('a')"
       :disabled="disabledFilters.includes('a')"
@@ -27,7 +27,7 @@
     <Badge
       label="B"
       size="base"
-      :color="activeFilter === 'b' ? 'negative' : 'gray'"
+      :color="activeFilter === 'b' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('b')"
       :disabled="disabledFilters.includes('b')"
@@ -35,7 +35,7 @@
     <Badge
       label="C"
       size="base"
-      :color="activeFilter === 'c' ? 'negative' : 'gray'"
+      :color="activeFilter === 'c' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('c')"
       :disabled="disabledFilters.includes('c')"
@@ -43,7 +43,7 @@
     <Badge
       label="D"
       size="base"
-      :color="activeFilter === 'd' ? 'negative' : 'gray'"
+      :color="activeFilter === 'd' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('d')"
       :disabled="disabledFilters.includes('d')"
@@ -51,7 +51,7 @@
     <Badge
       label="E"
       size="base"
-      :color="activeFilter === 'e' ? 'negative' : 'gray'"
+      :color="activeFilter === 'e' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('e')"
       :disabled="disabledFilters.includes('e')"
@@ -59,7 +59,7 @@
     <Badge
       label="F"
       size="base"
-      :color="activeFilter === 'f' ? 'negative' : 'gray'"
+      :color="activeFilter === 'f' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('f')"
       :disabled="disabledFilters.includes('f')"
@@ -67,7 +67,7 @@
     <Badge
       label="G"
       size="base"
-      :color="activeFilter === 'g' ? 'negative' : 'gray'"
+      :color="activeFilter === 'g' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('g')"
       :disabled="disabledFilters.includes('g')"
@@ -75,7 +75,7 @@
     <Badge
       label="H"
       size="base"
-      :color="activeFilter === 'h' ? 'negative' : 'gray'"
+      :color="activeFilter === 'h' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('h')"
       :disabled="disabledFilters.includes('h')"
@@ -83,7 +83,7 @@
     <Badge
       label="I"
       size="base"
-      :color="activeFilter === 'i' ? 'negative' : 'gray'"
+      :color="activeFilter === 'i' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('i')"
       :disabled="disabledFilters.includes('i')"
@@ -91,7 +91,7 @@
     <Badge
       label="J"
       size="base"
-      :color="activeFilter === 'j' ? 'negative' : 'gray'"
+      :color="activeFilter === 'j' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('j')"
       :disabled="disabledFilters.includes('j')"
@@ -99,7 +99,7 @@
     <Badge
       label="K"
       size="base"
-      :color="activeFilter === 'k' ? 'negative' : 'gray'"
+      :color="activeFilter === 'k' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('k')"
       :disabled="disabledFilters.includes('k')"
@@ -107,7 +107,7 @@
     <Badge
       label="L"
       size="base"
-      :color="activeFilter === 'l' ? 'negative' : 'gray'"
+      :color="activeFilter === 'l' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('l')"
       :disabled="disabledFilters.includes('l')"
@@ -115,7 +115,7 @@
     <Badge
       label="M"
       size="base"
-      :color="activeFilter === 'm' ? 'negative' : 'gray'"
+      :color="activeFilter === 'm' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('m')"
       :disabled="disabledFilters.includes('m')"
@@ -123,7 +123,7 @@
     <Badge
       label="N"
       size="base"
-      :color="activeFilter === 'n' ? 'negative' : 'gray'"
+      :color="activeFilter === 'n' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('n')"
       :disabled="disabledFilters.includes('n')"
@@ -131,7 +131,7 @@
     <Badge
       label="O"
       size="base"
-      :color="activeFilter === 'o' ? 'negative' : 'gray'"
+      :color="activeFilter === 'o' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('o')"
       :disabled="disabledFilters.includes('o')"
@@ -139,7 +139,7 @@
     <Badge
       label="P"
       size="base"
-      :color="activeFilter === 'p' ? 'negative' : 'gray'"
+      :color="activeFilter === 'p' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('p')"
       :disabled="disabledFilters.includes('p')"
@@ -147,7 +147,7 @@
     <Badge
       label="Q"
       size="base"
-      :color="activeFilter === 'q' ? 'negative' : 'gray'"
+      :color="activeFilter === 'q' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('q')"
       :disabled="disabledFilters.includes('q')"
@@ -155,7 +155,7 @@
     <Badge
       label="R"
       size="base"
-      :color="activeFilter === 'r' ? 'negative' : 'gray'"
+      :color="activeFilter === 'r' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('r')"
       :disabled="disabledFilters.includes('r')"
@@ -163,7 +163,7 @@
     <Badge
       label="S"
       size="base"
-      :color="activeFilter === 's' ? 'negative' : 'gray'"
+      :color="activeFilter === 's' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('s')"
       :disabled="disabledFilters.includes('s')"
@@ -171,7 +171,7 @@
     <Badge
       label="T"
       size="base"
-      :color="activeFilter === 't' ? 'negative' : 'gray'"
+      :color="activeFilter === 't' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('t')"
       :disabled="disabledFilters.includes('t')"
@@ -179,7 +179,7 @@
     <Badge
       label="U"
       size="base"
-      :color="activeFilter === 'u' ? 'negative' : 'gray'"
+      :color="activeFilter === 'u' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('u')"
       :disabled="disabledFilters.includes('u')"
@@ -187,7 +187,7 @@
     <Badge
       label="V"
       size="base"
-      :color="activeFilter === 'v' ? 'negative' : 'gray'"
+      :color="activeFilter === 'v' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('v')"
       :disabled="disabledFilters.includes('v')"
@@ -195,7 +195,7 @@
     <Badge
       label="W"
       size="base"
-      :color="activeFilter === 'w' ? 'negative' : 'gray'"
+      :color="activeFilter === 'w' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('w')"
       :disabled="disabledFilters.includes('w')"
@@ -203,7 +203,7 @@
     <Badge
       label="X"
       size="base"
-      :color="activeFilter === 'x' ? 'negative' : 'gray'"
+      :color="activeFilter === 'x' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('x')"
       :disabled="disabledFilters.includes('x')"
@@ -211,7 +211,7 @@
     <Badge
       label="Y"
       size="base"
-      :color="activeFilter === 'y' ? 'negative' : 'gray'"
+      :color="activeFilter === 'y' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('y')"
       :disabled="disabledFilters.includes('y')"
@@ -219,7 +219,7 @@
     <Badge
       label="Z"
       size="base"
-      :color="activeFilter === 'z' ? 'negative' : 'gray'"
+      :color="activeFilter === 'z' ? 'active' : 'gray'"
       clickable
       :badgeClicked="() => badgeClicked('z')"
       :disabled="disabledFilters.includes('z')"
diff --git a/app/components/ch/components/Btn.vue b/app/components/ch/components/Btn.vue
index 7461a30bf..1bdb90869 100644
--- a/app/components/ch/components/Btn.vue
+++ b/app/components/ch/components/Btn.vue
@@ -32,10 +32,7 @@ const props = defineProps({
         'outline',
         'bare',
         'filled',
-        'outline-negative',
-        'bare-negative',
         'link',
-        'link-negative',
       ].includes(prop as string),
     default: () => undefined,
   },
diff --git a/app/components/ch/components/CarouselBadgeFilter.vue b/app/components/ch/components/CarouselBadgeFilter.vue
index 308f8ece2..e17ee371d 100644
--- a/app/components/ch/components/CarouselBadgeFilter.vue
+++ b/app/components/ch/components/CarouselBadgeFilter.vue
@@ -23,7 +23,7 @@
           <Badge
             label="Alle"
             size="base"
-            :color="activeFilter === 'all' ? 'negative' : 'gray'"
+            :color="activeFilter === 'all' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('all')"
             :disabled="disabledFilters.includes('all')"
@@ -33,7 +33,7 @@
           <Badge
             label="0-9"
             size="base"
-            :color="activeFilter === 'numeric' ? 'negative' : 'gray'"
+            :color="activeFilter === 'numeric' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('numeric')"
             :disabled="disabledFilters.includes('numeric')"
@@ -43,7 +43,7 @@
           <Badge
             label="A"
             size="base"
-            :color="activeFilter === 'a' ? 'negative' : 'gray'"
+            :color="activeFilter === 'a' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('a')"
             :disabled="disabledFilters.includes('a')"
@@ -53,7 +53,7 @@
           <Badge
             label="B"
             size="base"
-            :color="activeFilter === 'b' ? 'negative' : 'gray'"
+            :color="activeFilter === 'b' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('b')"
             :disabled="disabledFilters.includes('b')"
@@ -63,7 +63,7 @@
           <Badge
             label="C"
             size="base"
-            :color="activeFilter === 'c' ? 'negative' : 'gray'"
+            :color="activeFilter === 'c' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('c')"
             :disabled="disabledFilters.includes('c')"
@@ -73,7 +73,7 @@
           <Badge
             label="D"
             size="base"
-            :color="activeFilter === 'd' ? 'negative' : 'gray'"
+            :color="activeFilter === 'd' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('d')"
             :disabled="disabledFilters.includes('d')"
@@ -83,7 +83,7 @@
           <Badge
             label="E"
             size="base"
-            :color="activeFilter === 'e' ? 'negative' : 'gray'"
+            :color="activeFilter === 'e' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('e')"
             :disabled="disabledFilters.includes('e')"
@@ -93,7 +93,7 @@
           <Badge
             label="F"
             size="base"
-            :color="activeFilter === 'f' ? 'negative' : 'gray'"
+            :color="activeFilter === 'f' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('f')"
             :disabled="disabledFilters.includes('f')"
@@ -103,7 +103,7 @@
           <Badge
             label="G"
             size="base"
-            :color="activeFilter === 'g' ? 'negative' : 'gray'"
+            :color="activeFilter === 'g' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('g')"
             :disabled="disabledFilters.includes('g')"
@@ -113,7 +113,7 @@
           <Badge
             label="H"
             size="base"
-            :color="activeFilter === 'h' ? 'negative' : 'gray'"
+            :color="activeFilter === 'h' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('h')"
             :disabled="disabledFilters.includes('h')"
@@ -123,7 +123,7 @@
           <Badge
             label="I"
             size="base"
-            :color="activeFilter === 'i' ? 'negative' : 'gray'"
+            :color="activeFilter === 'i' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('i')"
             :disabled="disabledFilters.includes('i')"
@@ -133,7 +133,7 @@
           <Badge
             label="J"
             size="base"
-            :color="activeFilter === 'j' ? 'negative' : 'gray'"
+            :color="activeFilter === 'j' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('j')"
             :disabled="disabledFilters.includes('j')"
@@ -143,7 +143,7 @@
           <Badge
             label="K"
             size="base"
-            :color="activeFilter === 'k' ? 'negative' : 'gray'"
+            :color="activeFilter === 'k' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('k')"
             :disabled="disabledFilters.includes('k')"
@@ -153,7 +153,7 @@
           <Badge
             label="L"
             size="base"
-            :color="activeFilter === 'l' ? 'negative' : 'gray'"
+            :color="activeFilter === 'l' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('l')"
             :disabled="disabledFilters.includes('l')"
@@ -163,7 +163,7 @@
           <Badge
             label="M"
             size="base"
-            :color="activeFilter === 'm' ? 'negative' : 'gray'"
+            :color="activeFilter === 'm' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('m')"
             :disabled="disabledFilters.includes('m')"
@@ -173,7 +173,7 @@
           <Badge
             label="N"
             size="base"
-            :color="activeFilter === 'n' ? 'negative' : 'gray'"
+            :color="activeFilter === 'n' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('n')"
             :disabled="disabledFilters.includes('n')"
@@ -183,7 +183,7 @@
           <Badge
             label="O"
             size="base"
-            :color="activeFilter === 'o' ? 'negative' : 'gray'"
+            :color="activeFilter === 'o' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('o')"
             :disabled="disabledFilters.includes('o')"
@@ -193,7 +193,7 @@
           <Badge
             label="P"
             size="base"
-            :color="activeFilter === 'p' ? 'negative' : 'gray'"
+            :color="activeFilter === 'p' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('p')"
             :disabled="disabledFilters.includes('p')"
@@ -203,7 +203,7 @@
           <Badge
             label="Q"
             size="base"
-            :color="activeFilter === 'q' ? 'negative' : 'gray'"
+            :color="activeFilter === 'q' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('q')"
             :disabled="disabledFilters.includes('q')"
@@ -213,7 +213,7 @@
           <Badge
             label="R"
             size="base"
-            :color="activeFilter === 'r' ? 'negative' : 'gray'"
+            :color="activeFilter === 'r' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('r')"
             :disabled="disabledFilters.includes('r')"
@@ -223,7 +223,7 @@
           <Badge
             label="S"
             size="base"
-            :color="activeFilter === 's' ? 'negative' : 'gray'"
+            :color="activeFilter === 's' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('s')"
             :disabled="disabledFilters.includes('s')"
@@ -233,7 +233,7 @@
           <Badge
             label="T"
             size="base"
-            :color="activeFilter === 't' ? 'negative' : 'gray'"
+            :color="activeFilter === 't' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('t')"
             :disabled="disabledFilters.includes('t')"
@@ -243,7 +243,7 @@
           <Badge
             label="U"
             size="base"
-            :color="activeFilter === 'u' ? 'negative' : 'gray'"
+            :color="activeFilter === 'u' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('u')"
             :disabled="disabledFilters.includes('u')"
@@ -253,7 +253,7 @@
           <Badge
             label="V"
             size="base"
-            :color="activeFilter === 'v' ? 'negative' : 'gray'"
+            :color="activeFilter === 'v' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('v')"
             :disabled="disabledFilters.includes('v')"
@@ -263,7 +263,7 @@
           <Badge
             label="W"
             size="base"
-            :color="activeFilter === 'w' ? 'negative' : 'gray'"
+            :color="activeFilter === 'w' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('w')"
             :disabled="disabledFilters.includes('w')"
@@ -273,7 +273,7 @@
           <Badge
             label="X"
             size="base"
-            :color="activeFilter === 'x' ? 'negative' : 'gray'"
+            :color="activeFilter === 'x' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('x')"
             :disabled="disabledFilters.includes('x')"
@@ -283,7 +283,7 @@
           <Badge
             label="Y"
             size="base"
-            :color="activeFilter === 'y' ? 'negative' : 'gray'"
+            :color="activeFilter === 'y' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('y')"
             :disabled="disabledFilters.includes('y')"
@@ -293,7 +293,7 @@
           <Badge
             label="Z"
             size="base"
-            :color="activeFilter === 'z' ? 'negative' : 'gray'"
+            :color="activeFilter === 'z' ? 'active' : 'gray'"
             clickable
             :badgeClicked="() => badgeClicked('z')"
             :disabled="disabledFilters.includes('z')"
diff --git a/app/components/ch/components/Checkbox.vue b/app/components/ch/components/Checkbox.vue
index 545451b0f..df594e54b 100644
--- a/app/components/ch/components/Checkbox.vue
+++ b/app/components/ch/components/Checkbox.vue
@@ -30,11 +30,6 @@
 import { computed, type PropType } from 'vue'
 
 const props = defineProps({
-  variant: {
-    type: String,
-    validator: (prop) => ['outline', 'negative'].includes(prop as string),
-    default: () => 'outline',
-  },
   size: {
     type: String,
     validator: (prop) => ['sm', 'base', 'lg'].includes(prop as string),
@@ -82,7 +77,6 @@ const props = defineProps({
 
 const classes = computed(() => {
   let base = 'input '
-  if (props.variant) base += `input--${props.variant} `
   if (props.size) base += `input--${props.size} `
   if (props.messageType) base += `input--${props.messageType} `
   return base
@@ -90,7 +84,6 @@ const classes = computed(() => {
 
 const labelClasses = computed(() => {
   let base = ''
-  if (props.variant === 'negative') base += `text--negative `
   if (props.size) base += `text--${props.size} `
   if (props.required) base += `text--asterisk `
   return base
diff --git a/app/components/ch/components/Fieldset.vue b/app/components/ch/components/Fieldset.vue
index 19967c8d7..78eb421c0 100644
--- a/app/components/ch/components/Fieldset.vue
+++ b/app/components/ch/components/Fieldset.vue
@@ -18,11 +18,6 @@
 import { computed } from 'vue'
 
 const props = defineProps({
-  variant: {
-    type: String,
-    validator: (prop) => ['outline', 'negative'].includes(prop as string),
-    default: () => 'outline',
-  },
   size: {
     type: String,
     validator: (prop) => ['sm', 'base', 'lg'].includes(prop as string),
@@ -50,7 +45,6 @@ const props = defineProps({
 
 const legendClasses = computed(() => {
   let base = ''
-  if (props.variant === 'negative') base += `text--negative `
   if (props.size) base += `text--${props.size} `
   if (props.required) base += `text--asterisk `
   return base
diff --git a/app/components/ch/components/Input.vue b/app/components/ch/components/Input.vue
index 057904543..0b973b8c4 100644
--- a/app/components/ch/components/Input.vue
+++ b/app/components/ch/components/Input.vue
@@ -56,11 +56,6 @@ const props = defineProps({
       ].includes(prop as string),
     default: () => 'text',
   },
-  variant: {
-    type: String,
-    validator: (prop) => ['outline', 'negative'].includes(prop as string),
-    default: () => 'outline',
-  },
   message: {
     type: String,
     default: () => undefined,
@@ -131,8 +126,7 @@ const props = defineProps({
 })
 
 const classes = computed(() => {
-  let base = ''
-  if (props.variant) base += `input--${props.variant} `
+  let base = 'input_field '
   if (props.size) base += `input--${props.size} `
   if (props.message) base += `input--${props.messageType} `
   if (props.type === 'submit') base += 'input--submit'
@@ -141,7 +135,6 @@ const classes = computed(() => {
 
 const labelClasses = computed(() => {
   let base = ''
-  if (props.variant === 'negative') base += `text--negative `
   if (props.size) base += `text--${props.size} `
   if (props.hideLabel) base += `sr-only `
   if (props.required) base += `text--asterisk `
diff --git a/app/components/ch/components/LanguageSwitcher.vue b/app/components/ch/components/LanguageSwitcher.vue
index 6f25b1931..60d405860 100644
--- a/app/components/ch/components/LanguageSwitcher.vue
+++ b/app/components/ch/components/LanguageSwitcher.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="computedClass">
     <label for="lang-switcher" class="sr-only"> Select language </label>
-    <Select id="lang-switcher" size="sm" bare :variant="type">
+    <Select id="lang-switcher" size="sm" bare>
       <option>DE</option>
       <option>FR</option>
       <option>IT</option>
@@ -15,13 +15,6 @@
 import Select from '../components/Select.vue'
 import { computed } from 'vue'
 
-defineProps({
-  type: {
-    type: String,
-    default: () => 'negative',
-  },
-})
-
 const computedClass = computed(() => {
   const base = 'language-switcher'
   return base
diff --git a/app/components/ch/components/Modal.vue b/app/components/ch/components/Modal.vue
index df0b4c54e..731c835f2 100644
--- a/app/components/ch/components/Modal.vue
+++ b/app/components/ch/components/Modal.vue
@@ -3,14 +3,14 @@
     <div
       class="modal__content"
       role="dialog"
-      :aria-labelledby="'modal-title-' + uuid"
-      :aria-describedby="'modal-desc-' + uuid"
+      :aria-labelledby="`modal-title-${uuid}`"
+      :aria-describedby="`modal-desc-${uuid}`"
     >
       <header
         :class="{ 'modal__header--with-title': title }"
         class="modal__header"
       >
-        <h4 v-if="title" :id="'modal-title-' + uuid" class="h4">
+        <h4 v-if="title" :id="`modal-title-${uuid}`" class="h4">
           {{ title }}
         </h4>
         <button
@@ -24,7 +24,7 @@
         </button>
       </header>
 
-      <div v-if="slots.body" :id="'modal-desc-' + uuid" class="modal__body">
+      <div v-if="slots.body" :id="`modal-desc-${uuid}`" class="modal__body">
         <slot name="body" />
       </div>
 
diff --git a/app/components/ch/components/MultiSelect.vue b/app/components/ch/components/MultiSelect.vue
index 846b0fd09..0a68e5767 100644
--- a/app/components/ch/components/MultiSelect.vue
+++ b/app/components/ch/components/MultiSelect.vue
@@ -71,11 +71,6 @@ const props = defineProps({
     type: Boolean,
     default: () => false,
   },
-  variant: {
-    type: String,
-    validator: (prop) => ['outline', 'negative'].includes(prop as string),
-    default: () => 'outline',
-  },
   size: {
     type: String,
     validator: (prop) => ['sm', 'base', 'lg'].includes(prop as string),
@@ -149,7 +144,6 @@ const selectWrapperClasses = computed(() => {
 
 const selectClasses = computed(() => {
   let base = ''
-  if (props.variant) base += `input--${props.variant} `
   if (props.size) base += `input--${props.size} `
   if (props.disabled) base += 'input--disabled '
   if (props.messageType) base += `input--${props.messageType} `
@@ -158,7 +152,6 @@ const selectClasses = computed(() => {
 
 const labelClasses = computed(() => {
   let base = ''
-  if (props.variant === 'negative') base += 'text--negative '
   if (props.size) base += `text--${props.size} `
   if (props.hideLabel) base += 'sr-only '
   if (props.required) base += 'text--asterisk '
diff --git a/app/components/ch/components/Newsletter.vue b/app/components/ch/components/Newsletter.vue
index dcb778fb4..a296c4ef2 100644
--- a/app/components/ch/components/Newsletter.vue
+++ b/app/components/ch/components/Newsletter.vue
@@ -9,15 +9,15 @@
       @submit="submit"
     >
       <Input
-        :id="'newsletter-address'"
-        :type="'email'"
+        id="newsletter-address"
+        type="email"
         :label="inputLabel"
-        :autocomplete="'true'"
+        autocomplete="true"
         class="newsletter__input"
       />
       <Btn
-        :variant="'filled'"
-        :size="'base'"
+        variant="filled"
+        size="base"
         :label="buttonLabel"
         type="submit"
         class="newsletter__button"
@@ -25,9 +25,9 @@
     </form>
     <Notification
       v-else
-      :icon="'CheckmarkCircle'"
+      icon="CheckmarkCircle"
       :text="successText"
-      :type="'success'"
+      type="success"
       :closeBtn="false"
       class="newsletter__notification"
     />
diff --git a/app/components/ch/components/OrderBox.vue b/app/components/ch/components/OrderBox.vue
index 1f505817e..6fc1fb0c5 100644
--- a/app/components/ch/components/OrderBox.vue
+++ b/app/components/ch/components/OrderBox.vue
@@ -10,7 +10,6 @@
           :id="getUniqueId('input')"
           :label="amountInputLabel"
           type="number"
-          variant="outline"
           size="base"
           :value="inputValue.toString()"
           class="order__box-amount-input"
@@ -24,7 +23,6 @@
       <Select
         :id="getUniqueId('select')"
         class="order__box-input-language-container"
-        variant="outline"
         :bare="false"
         size="base"
         :label="languageLabel"
diff --git a/app/components/ch/components/Pagination.vue b/app/components/ch/components/Pagination.vue
index 76465d173..9c8bbb28d 100644
--- a/app/components/ch/components/Pagination.vue
+++ b/app/components/ch/components/Pagination.vue
@@ -1,22 +1,23 @@
 <template>
-  <div class="pagination" :class="!field ? 'pagination--extended' : ''">
+  <div
+    class="pagination"
+    :class="!props.field ? 'pagination--extended' : ''"
+  >
     <input
       v-if="field"
       v-model="currentPage"
-      class="pagination__input"
-      :class="computedClasses"
+      class="pagination__input input input--base"
       aria-label="pagination input"
     />
     <div v-if="field" class="pagination__text">
-      {{ totalPages }}
+      {{ props.totalPages }}
     </div>
     <ul class="pagination_items">
-      <li v-for="(item, index) in paginationItems" :key="`item-${index}`">
+      <li v-for="(item, index) in props.paginationItems" :key="`item-${index}`">
         <PaginationItem
           :icon="item.icon"
           :label="item.label"
           :link="item.link"
-          :type="type"
           :disabled="index === 0 && currentPage === '1'"
         />
       </li>
@@ -26,7 +27,6 @@
 
 <script setup lang="ts">
 import PaginationItem from './PaginationItem.vue'
-import { computed } from 'vue'
 
 const currentPage = defineModel('currentPage', {
   type: String,
@@ -34,12 +34,6 @@ const currentPage = defineModel('currentPage', {
 })
 
 const props = defineProps({
-  type: {
-    type: String,
-    default: () => 'outline',
-    validator: (prop) =>
-      ['outline', 'outline-negative'].includes(prop as string),
-  },
   field: {
     type: Boolean,
     default: () => true,
@@ -53,10 +47,4 @@ const props = defineProps({
     default: () => [],
   },
 })
-
-const computedClasses = computed(() => {
-  let base = 'input input--base '
-  if (props.type) base += `input--${props.type} `
-  return base
-})
 </script>
diff --git a/app/components/ch/components/PaginationItem.vue b/app/components/ch/components/PaginationItem.vue
index 48bb703e6..108307884 100644
--- a/app/components/ch/components/PaginationItem.vue
+++ b/app/components/ch/components/PaginationItem.vue
@@ -17,12 +17,6 @@ import SvgIcon from './SvgIcon.vue'
 import { computed } from 'vue'
 
 const props = defineProps({
-  type: {
-    type: String,
-    default: () => '',
-    validator: (prop) =>
-      ['outline', 'outline-negative'].includes(prop as string),
-  },
   icon: {
     type: String,
     default: () => '',
@@ -38,8 +32,7 @@ const props = defineProps({
 })
 
 const computedClasses = computed(() => {
-  let base = 'btn '
-  if (props.type) base += `btn--${props.type} `
+  let base = 'btn btn--outline '
   if (props.icon) base += `btn--icon-only `
   return base
 })
diff --git a/app/components/ch/components/Radio.vue b/app/components/ch/components/Radio.vue
index 02dab6276..ec3abe0d2 100644
--- a/app/components/ch/components/Radio.vue
+++ b/app/components/ch/components/Radio.vue
@@ -28,11 +28,6 @@
 import { computed, type PropType } from 'vue'
 
 const props = defineProps({
-  variant: {
-    type: String,
-    validator: (prop) => ['outline', 'negative'].includes(prop as string),
-    default: () => 'outline',
-  },
   size: {
     type: String,
     validator: (prop) => ['sm', 'base', 'lg'].includes(prop as string),
@@ -79,7 +74,6 @@ const props = defineProps({
 
 const classes = computed(() => {
   let base = 'input '
-  if (props.variant) base += `input--${props.variant} `
   if (props.size) base += `input--${props.size} `
   if (props.messageType) base += `input--${props.messageType} `
   return base
@@ -87,7 +81,6 @@ const classes = computed(() => {
 
 const labelClasses = computed(() => {
   let base = ''
-  if (props.variant === 'negative') base += `text--negative `
   if (props.size) base += `text--${props.size} `
   if (props.required) base += `text--asterisk `
   return base
diff --git a/app/components/ch/components/Select.vue b/app/components/ch/components/Select.vue
index 36c9f3b9e..521a55677 100644
--- a/app/components/ch/components/Select.vue
+++ b/app/components/ch/components/Select.vue
@@ -35,11 +35,6 @@
 import { computed, type PropType } from 'vue'
 
 const props = defineProps({
-  variant: {
-    type: String,
-    validator: (prop) => ['outline', 'negative'].includes(prop as string),
-    default: () => 'outline',
-  },
   bare: {
     type: Boolean,
     default: () => false,
@@ -95,7 +90,6 @@ const selectWrapperClasses = computed(() => {
 
 const selectClasses = computed(() => {
   let base = ''
-  if (props.variant) base += `input--${props.variant} `
   if (props.size) base += `input--${props.size} `
   if (props.message) base += `input--${props.messageType} `
   return base
@@ -103,7 +97,6 @@ const selectClasses = computed(() => {
 
 const labelClasses = computed(() => {
   let base = ''
-  if (props.variant === 'negative') base += `text--negative `
   if (props.size) base += `text--${props.size} `
   if (props.hideLabel) base += `sr-only `
   if (props.required) base += `text--asterisk `
diff --git a/app/components/ch/components/ShoppingCard.vue b/app/components/ch/components/ShoppingCard.vue
index c72d43514..7096211be 100644
--- a/app/components/ch/components/ShoppingCard.vue
+++ b/app/components/ch/components/ShoppingCard.vue
@@ -29,7 +29,7 @@
       <input
         v-model="inputValue"
         type="number"
-        class="input--outline text--base"
+        class="text--base"
       />
     </div>
 
diff --git a/app/components/ch/components/ShoppingCart.vue b/app/components/ch/components/ShoppingCart.vue
index dfb353c3e..10b7b9039 100644
--- a/app/components/ch/components/ShoppingCart.vue
+++ b/app/components/ch/components/ShoppingCart.vue
@@ -80,7 +80,7 @@
                       <ShoppingCard
                         type="edit"
                         :image="{
-                          src: 'images/publication-cover.png',
+                          src: '/images/publication-cover.png',
                           alt: 'publication-cover',
                         }"
                         title="Pensionskassenstatistik - Kennzahlen 2018-2022 (554-2200)"
@@ -154,7 +154,6 @@
                   Rechnungsaddresse
                 </h3>
                 <Fieldset
-                  variant="outline"
                   size="base"
                   :required="formInputFields.invoice.gender.mandatory"
                   legend="Anrede"
@@ -169,7 +168,6 @@
                   <Radio
                     :required="true"
                     size="base"
-                    type="outline"
                     name="radio-gender"
                     value="Frau"
                     label="Frau"
@@ -178,7 +176,6 @@
                   <Radio
                     :required="true"
                     size="base"
-                    type="outline"
                     name="radio-gender"
                     value="Herr"
                     label="Herr"
@@ -351,7 +348,6 @@
                     <Select
                       class="shopping__cart-order-form-input-spacing"
                       :required="formInputFields.invoice.country.mandatory"
-                      variant="outline"
                       size="base"
                       label="Land"
                       messageType="error"
@@ -427,11 +423,10 @@
                   placeholder="Erweiterte Details hier angeben"
                 />
                 <div class="shopping__cart-order-form-fieldset-spacing">
-                  <Fieldset variant="outline" size="base" :required="false">
+                  <Fieldset size="base" :required="false">
                     <Checkbox
                       :required="false"
                       size="base"
-                      type="outline"
                       name="radio-delivery-address"
                       value="matching delivery address"
                       label="Lieferadresse ist mit Rechnungsadresse identisch."
@@ -617,7 +612,6 @@
                       <Select
                         class="shopping__cart-order-form-input-spacing"
                         :required="formInputFields.delivery.country.mandatory"
-                        variant="outline"
                         size="base"
                         label="Land"
                         messageType="error"
@@ -645,7 +639,7 @@
                 <div class="shopping__cart__action-container">
                   <Btn
                     class="shopping__cart-button"
-                    variant="outline-negative"
+                    variant="outline"
                     size="base"
                     label="Nächster Schritt"
                     ariaLabel="Nächster Schritt"
@@ -683,7 +677,7 @@
                     <ShoppingCard
                       type="view"
                       :image="{
-                        src: 'images/publication-cover.png',
+                        src: '/images/publication-cover.png',
                         alt: 'publication-cover',
                       }"
                       title="Pensionskassenstatistik - Kennzahlen 2018-2022 (554-2200)"
@@ -709,7 +703,7 @@
                     <ShoppingCard
                       type="view"
                       :image="{
-                        src: 'images/publication-cover.png',
+                        src: '/images/publication-cover.png',
                         alt: 'publication-cover',
                       }"
                       title="Pensionskassenstatistik - Kennzahlen 2018-2022 (554-2200)"
@@ -785,7 +779,7 @@
       </div>
       <Btn
         class="shopping__cart-confirmation-action"
-        variant="outline-negative"
+        variant="outline"
         size="base"
         label="Zurück"
         ariaLabel="Zurück"
diff --git a/app/components/ch/components/ShoppingCartTotal.vue b/app/components/ch/components/ShoppingCartTotal.vue
index d2e420102..cdd4111ce 100644
--- a/app/components/ch/components/ShoppingCartTotal.vue
+++ b/app/components/ch/components/ShoppingCartTotal.vue
@@ -12,7 +12,7 @@
     <div class="shopping__cart__action-container">
       <Btn
         class="shopping__cart-button"
-        variant="outline-negative"
+        variant="outline"
         size="base"
         :label="nextStepLabel"
         :ariaLabel="nextStepAriaLabel"
diff --git a/app/components/ch/components/ShoppingCartTotalSummary.vue b/app/components/ch/components/ShoppingCartTotalSummary.vue
index 7ea04f731..f874684e1 100644
--- a/app/components/ch/components/ShoppingCartTotalSummary.vue
+++ b/app/components/ch/components/ShoppingCartTotalSummary.vue
@@ -26,7 +26,6 @@
       <Checkbox
         :required="true"
         size="base"
-        type="outline"
         name="checkbox-agb"
         value="agb accepted"
         :label="agreementText"
@@ -39,7 +38,7 @@
     </div>
     <Btn
       class="shopping__cart-button"
-      variant="outline-negative"
+      variant="outline"
       size="base"
       :label="orderButtonText"
       :ariaLabel="orderButtonAriaLabel"
diff --git a/app/components/ch/components/Textarea.vue b/app/components/ch/components/Textarea.vue
index 73a3929b4..69f66d6fd 100644
--- a/app/components/ch/components/Textarea.vue
+++ b/app/components/ch/components/Textarea.vue
@@ -28,11 +28,6 @@
 import { computed } from 'vue'
 
 const props = defineProps({
-  variant: {
-    type: String,
-    validator: (prop) => ['outline', 'negative'].includes(prop as string),
-    default: () => undefined,
-  },
   size: {
     type: String,
     validator: (prop) => ['sm', 'base', 'lg'].includes(prop as string),
@@ -92,7 +87,6 @@ const props = defineProps({
 
 const classes = computed(() => {
   let base = ''
-  if (props.variant) base += `input--${props.variant} `
   if (props.size) base += `input--${props.size} `
   if (props.messageType) base += `input--${props.messageType} `
   if (!props.resizable) base += 'textarea--public'
@@ -101,7 +95,6 @@ const classes = computed(() => {
 
 const labelClasses = computed(() => {
   let base = ''
-  if (props.variant === 'negative') base += `text--negative `
   if (props.size) base += `text--${props.size} `
   if (props.required) base += `text--asterisk `
   return base
diff --git a/app/components/ch/demo/ColorList.vue b/app/components/ch/demo/ColorList.vue
index 7d4ef2dd6..3f67b07d5 100644
--- a/app/components/ch/demo/ColorList.vue
+++ b/app/components/ch/demo/ColorList.vue
@@ -1,19 +1,24 @@
 <template>
   <div>
     <ul>
-      <li v-for="(color, key) in colors" :key="`${key}`" class="flex">
-        <ul v-if="typeof color == 'object'" class="storybook-color-list">
-          <h3 class="storybook-color-list__title">{{ key }} colors</h3>
+      <li
+        v-for="{ groupName, colorItems } in colors"
+        :key="`${groupName}`"
+        class="flex"
+      >
+        <ul class="storybook-color-list">
+          <h3 class="storybook-color-list__title">{{ groupName }}</h3>
           <li
-            v-for="(subvalue, subkey) in color"
-            :key="`${key}-${subkey}`"
+            v-for="{ name, value } in colorItems"
+            :key="`${groupName}-${value}`"
             class="storybook-color-list__item"
           >
-            <ColorListItem :name="`${key}-${subkey}`" :color="subvalue" />
+            <ColorListItem
+              :name="`${groupName ? groupName + '-' : ''}${name}`"
+              :color="value"
+            />
           </li>
         </ul>
-
-        <ColorListItem v-else :name="key" :color="color" />
       </li>
     </ul>
   </div>
@@ -24,9 +29,53 @@ import ColorListItem from './ColorListItem.vue'
 import tailwindConfig from '../../../tailwind.config.js'
 import { reactive, onMounted } from 'vue'
 
-const colors = reactive({} as Record<string, string | Record<string, string>>)
+type ColorItem = { name: string; value: string }
+type ColorGroup = { groupName: string; colorItems: ColorItem[] }
+
+const colors = reactive([] as ColorGroup[])
+
+const flattenColors = (colorsRaw: any) => {
+  const result: ColorGroup[] = []
+
+  // Recursive function to process nested categories
+  const processCategory = (category: ColorItem, groupName: string) => {
+    const colorItems: ColorItem[] = []
+
+    // Loop through each key in the category
+    for (const [key, value] of Object.entries(category)) {
+      if (typeof value === 'object') {
+        // If the value is an object (nested category), recurse into it
+        processCategory(value, key)
+      } else if (typeof value === 'string') {
+        // If the value is a color value, add it to the colorItems array
+        colorItems.push({ name: key, value })
+      } else {
+        console.warn(`Unknown value type for key ${key}`)
+      }
+    }
+
+    // If colorItems are found, push the group and its colors to the result
+    if (colorItems.length > 0) {
+      result.push({ groupName, colorItems })
+    }
+  }
+
+  // Start the recursion for the top level of the object
+  processCategory(colorsRaw, '')
+
+  return result
+}
+
+// Put ungrouped colors at the top, everything else as appearing in tailwind.config.js
+function colorSort(a: ColorGroup, b: ColorGroup) {
+  if (a.groupName === '') return -1
+  return 0
+}
 
 onMounted(() => {
-  Object.assign(colors, tailwindConfig.theme?.colors)
+  Object.assign(
+    colors,
+    flattenColors(tailwindConfig.theme?.colors).sort(colorSort),
+  )
 })
 </script>
diff --git a/app/components/ch/demo/ColorListItem.vue b/app/components/ch/demo/ColorListItem.vue
index 44d845e66..cb101a594 100644
--- a/app/components/ch/demo/ColorListItem.vue
+++ b/app/components/ch/demo/ColorListItem.vue
@@ -5,7 +5,7 @@
       :style="`background-color: ${color} `"
     />
     <div class="storybook-color__text">
-      {{ name }} <br />
+      {{ name }} <br /><br />
       {{ color }}
     </div>
   </div>
diff --git a/app/components/ch/demo/Tabs.vue b/app/components/ch/demo/Tabs.vue
index af2aa3685..428ec7695 100644
--- a/app/components/ch/demo/Tabs.vue
+++ b/app/components/ch/demo/Tabs.vue
@@ -3,7 +3,9 @@
     <div class="tab__controls-container">
       <div class="tab__controls" role="tablist" aria-label="Additional Content">
         <button
-          class="tab__control tab__control--active"
+          :class="
+            'tab__control' + (activeIndex === 0 ? ' tab__control--active' : '')
+          "
           type="button"
           role="tab"
           aria-selected="true"
@@ -13,7 +15,9 @@
           Publications
         </button>
         <button
-          class="tab__control"
+          :class="
+            'tab__control' + (activeIndex === 1 ? ' tab__control--active' : '')
+          "
           type="button"
           role="tab"
           aria-selected="false"
@@ -24,7 +28,9 @@
           Events
         </button>
         <button
-          class="tab__control"
+          :class="
+            'tab__control' + (activeIndex === 2 ? ' tab__control--active' : '')
+          "
           type="button"
           role="tab"
           aria-selected="false"
diff --git a/app/components/ch/demo/VideoExample.vue b/app/components/ch/demo/VideoExample.vue
index 472f5255a..37a36fe63 100644
--- a/app/components/ch/demo/VideoExample.vue
+++ b/app/components/ch/demo/VideoExample.vue
@@ -12,6 +12,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-const videoFile = ref('../../../public/videos/demo.mp4')
-const vttFile = ref('../../../public/videos/demo.vtt')
+const videoFile = ref('/videos/demo.mp4')
+const vttFile = ref('/videos/demo.vtt')
 </script>
diff --git a/app/components/ch/foundations/Backgrounds.vue b/app/components/ch/foundations/Backgrounds.vue
index 2dea4293c..0b24aa089 100644
--- a/app/components/ch/foundations/Backgrounds.vue
+++ b/app/components/ch/foundations/Backgrounds.vue
@@ -1,5 +1,10 @@
 <template>
   <div>
+    <div class="bg--accent-01">bg--accent-01</div>
+    <div class="bg--accent-02">bg--accent-02</div>
+    <div class="bg--accent-03">bg--accent-03</div>
+    <div class="bg--accent-04">bg--accent-04</div>
+    <div class="bg--main">bg--main</div>
     <div class="bg--secondary-900">bg--secondary-900</div>
     <div class="bg--secondary-800">bg--secondary-800</div>
     <div class="bg--secondary-700">bg--secondary-700</div>
diff --git a/app/components/ch/navigations/MetaNavigation.vue b/app/components/ch/navigations/MetaNavigation.vue
index e74301dde..8afde60a1 100644
--- a/app/components/ch/navigations/MetaNavigation.vue
+++ b/app/components/ch/navigations/MetaNavigation.vue
@@ -19,7 +19,7 @@
         </li>
       </ul>
     </nav>
-    <LanguageSwitcher v-if="isFreebrand && screenSize > 1023" type="outline" />
+    <LanguageSwitcher v-if="isFreebrand && screenSize > 1023"/>
   </div>
 </template>
 
diff --git a/app/components/ch/navigations/TopBarNavigation.vue b/app/components/ch/navigations/TopBarNavigation.vue
index e22378b76..ff4363169 100644
--- a/app/components/ch/navigations/TopBarNavigation.vue
+++ b/app/components/ch/navigations/TopBarNavigation.vue
@@ -10,10 +10,25 @@
         <a href="#">
           <span>Anmelden</span>
         </a>
+      </li>
+      <li>
         <a href="#">
           <span>Informationsportal der Schweizer Behörden</span>
         </a>
       </li>
+      <li class="top-bar-navigation-mobile-selector">
+        <Select
+          class="top-bar-navigation-select"
+          :required="false"
+          size="base"
+          label="Darstellung"
+          :on-select="handleSelect"
+        >
+          <option selected value="auto">Automatisch</option>
+          <option value="dark">Darkmode</option>
+          <option value="light">Lightmode</option>
+        </Select>
+      </li>
     </ul>
   </nav>
   <nav v-else class="top-bar-navigation" aria-label="Top bar">
@@ -41,6 +56,7 @@
 </template>
 
 <script setup lang="ts">
+import Select from '../components/Select.vue'
 import SvgIcon from '../components/SvgIcon.vue'
 
 defineProps({
@@ -53,4 +69,8 @@ defineProps({
     default: () => undefined,
   },
 })
+
+const handleSelect = function (e: string) {
+  document.querySelector('html')?.setAttribute('data-theme', e)
+}
 </script>
diff --git a/app/components/ch/objects/AlterBodyClasses.vue b/app/components/ch/objects/AlterBodyClasses.vue
index d6c0a0e59..ec8979645 100644
--- a/app/components/ch/objects/AlterBodyClasses.vue
+++ b/app/components/ch/objects/AlterBodyClasses.vue
@@ -1,3 +1,5 @@
+<!-- eslint-disable vue/valid-template-root -->
+<template></template>
 <script setup lang="ts">
 import { watch, onMounted, onUnmounted } from 'vue'
 import { useLayoutStore } from '../../../store/layout'
@@ -86,6 +88,10 @@ watch(props, function () {
 onMounted(() => {
   alterMenuClasses()
   window.addEventListener('resize', alterMenuClasses)
+
+  // if no theme is set, set it to auto
+  if (!document.documentElement.hasAttribute('data-theme'))
+    document.documentElement.setAttribute('data-theme', 'auto')
 })
 
 onUnmounted(() => {
diff --git a/app/components/ch/sections/ContactSection.vue b/app/components/ch/sections/ContactSection.vue
index 10fdeb5ce..792278adf 100644
--- a/app/components/ch/sections/ContactSection.vue
+++ b/app/components/ch/sections/ContactSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="section bg--secondary-50">
+  <section class="section bg--accent-01">
     <div class="container container--grid">
       <div class="container__center--md">
         <h2 class="section__title">Hauptadresse Geoportal</h2>
diff --git a/app/components/ch/sections/FooterInformation.vue b/app/components/ch/sections/FooterInformation.vue
index 5f2ea1499..94dc7a229 100644
--- a/app/components/ch/sections/FooterInformation.vue
+++ b/app/components/ch/sections/FooterInformation.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg--secondary-600">
+  <div class="footer-information-container">
     <div class="container">
       <div class="footer-information">
         <div class="footer-information__entry">
@@ -41,7 +41,8 @@
             label="News abonnieren"
             icon="ArrowRight"
             icon-pos="right"
-            variant="outline-negative"
+            variant="outline"
+            class="footer-information-newsletter--button"
           />
         </div>
         <div class="footer-information__entry footer-information__entry--big">
diff --git a/app/components/ch/sections/FooterNavigation.vue b/app/components/ch/sections/FooterNavigation.vue
index 96feb6def..7ebe54c9e 100644
--- a/app/components/ch/sections/FooterNavigation.vue
+++ b/app/components/ch/sections/FooterNavigation.vue
@@ -1,14 +1,47 @@
 <template>
-  <div class="bg--secondary-700">
+  <div class="footer-navigation-container">
     <nav class="container" aria-label="Footer">
       <ul class="footer-navigation">
         <li>
-          <a href="javascript:void(0)" class="footer__link">Rechtliches</a>
+          <ul class="footer-navigation-links">
+            <li>
+              <a href="javascript:void(0)" class="footer__link">Rechtliches</a>
+            </li>
+            <li>
+              <a href="javascript:void(0)" class="footer__link">Datenschutz</a>
+            </li>
+            <li>
+              <a href="javascript:void(0)" class="footer__link">Impressum</a>
+            </li>
+            <li>
+              <a href="javascript:void(0)" class="footer__link">
+                Barrierefreiheit
+              </a>
+            </li>
+          </ul>
         </li>
-        <li>
-          <a href="javascript:void(0)" class="footer__link">Datenschutz</a>
+        <li class="footer-navigation-select">
+          <Select
+            class="footer--select"
+            :required="false"
+            size="base"
+            label="Darstellung"
+            :on-select="handleSelect"
+          >
+            <option selected value="auto">Automatisch</option>
+            <option value="dark">Darkmode</option>
+            <option value="light">Lightmode</option>
+          </Select>
         </li>
       </ul>
     </nav>
   </div>
 </template>
+
+<script setup lang="ts">
+import Select from '../components/Select.vue'
+
+const handleSelect = function (e: string) {
+  document.querySelector('html')?.setAttribute('data-theme', e)
+}
+</script>
diff --git a/app/components/ch/sections/FormDemo.vue b/app/components/ch/sections/FormDemo.vue
index 750b4469a..c5db991f2 100644
--- a/app/components/ch/sections/FormDemo.vue
+++ b/app/components/ch/sections/FormDemo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="section bg--secondary-50">
+  <div class="section bg--accent-01">
     <div class="container container--grid">
       <div class="container__center--sm">
         <h2 class="h2">Classical input types</h2>
@@ -56,7 +56,7 @@
             />
           </div>
         </div>
-        <h2 class="h2 mt-8">Other input types</h2>
+        <h2 class="mt-8 h2">Other input types</h2>
         <div class="form">
           <Input
             id="color-id"
@@ -162,7 +162,7 @@
           />
         </div>
         <div class="form">
-          <h2 class="h2 mt-8">required fields example</h2>
+          <h2 class="mt-8 h2">required fields example</h2>
           <div class="form__group">
             <Input
               id="text-id-0"
diff --git a/app/components/ch/sections/MoreInfosAccordionSection.vue b/app/components/ch/sections/MoreInfosAccordionSection.vue
index a109653f6..08d8392d7 100644
--- a/app/components/ch/sections/MoreInfosAccordionSection.vue
+++ b/app/components/ch/sections/MoreInfosAccordionSection.vue
@@ -82,22 +82,22 @@
             <ul class="download-items">
               <li>
                 <DownloadItem
-                  :filename="'dummy.pdf'"
-                  :title="'Information on the usage of websites'"
+                  filename="dummy.pdf"
+                  title="Information on the usage of websites"
                   description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat augue eu purus luctus rhoncus. Donec ultricies venenatis nibh, vel placerat est accumsan quis. Maecenas urna nibh, pretium pretium odio id, rhoncus rhoncus lorem. Nulla eu neque sagittis, cursus purus eget, sodales est. Duis at ultrices odio, ac egestas dolor."
-                  :url="'../../../public/documents/dummy.pdf'"
-                  :type="'PDF'"
-                  :date="'22.01.2022'"
+                  url="/documents/dummy.pdf"
+                  type="PDF"
+                  date="22.01.2022"
                 />
               </li>
               <li>
                 <DownloadItem
-                  :filename="'image.png'"
-                  :title="'Information on the usage of websites'"
+                  filename="image.png"
+                  title="Information on the usage of websites"
                   description=""
-                  :url="'/images/html-structure.png'"
-                  :type="'PNG'"
-                  :date="'22.01.2022'"
+                  url="/images/html-structure.png"
+                  type="PNG"
+                  date="22.01.2022"
                 />
               </li>
             </ul>
diff --git a/app/components/ch/sections/PortraitSection.vue b/app/components/ch/sections/PortraitSection.vue
index 5d2ef53d8..b8b253916 100644
--- a/app/components/ch/sections/PortraitSection.vue
+++ b/app/components/ch/sections/PortraitSection.vue
@@ -21,37 +21,37 @@
               nunc ultrices, tristique metus quis, sagittis ipsum, maecenas.
             </div>
             <ul class="menu text--sm">
-              <li class="menu__item menu__item--border menu__item--condensed">
+              <li class="menu__item menu__item--border menu__item--condensed menu__item--portrait">
                 <a href="javascript:void(0)" class="menu__item__flex">
                   <div>Lebenslauf</div>
                   <SvgIcon icon="ArrowRight" class="menu__item__icon" />
                 </a>
               </li>
-              <li class="menu__item menu__item--border menu__item--condensed">
+              <li class="menu__item menu__item--border menu__item--condensed menu__item--portrait">
                 <a href="javascript:void(0)" class="menu__item__flex">
                   <div>Anlässe</div>
                   <SvgIcon icon="ArrowRight" class="menu__item__icon" />
                 </a>
               </li>
-              <li class="menu__item menu__item--border menu__item--condensed">
+              <li class="menu__item menu__item--border menu__item--condensed menu__item--portrait">
                 <a href="javascript:void(0)" class="menu__item__flex">
                   <div>Reden</div>
                   <SvgIcon icon="ArrowRight" class="menu__item__icon" />
                 </a>
               </li>
-              <li class="menu__item menu__item--border menu__item--condensed">
+              <li class="menu__item menu__item--border menu__item--condensed menu__item--portrait">
                 <a href="javascript:void(0)" class="menu__item__flex">
                   <div>Interviews und Gastartikeln</div>
                   <SvgIcon icon="ArrowRight" class="menu__item__icon" />
                 </a>
               </li>
-              <li class="menu__item menu__item--border menu__item--condensed">
+              <li class="menu__item menu__item--border menu__item--condensed menu__item--portrait">
                 <a href="javascript:void(0)" class="menu__item__flex">
                   <div>Autogrammkarte</div>
                   <SvgIcon icon="ArrowRight" class="menu__item__icon" />
                 </a>
               </li>
-              <li class="menu__item menu__item--border menu__item--condensed">
+              <li class="menu__item menu__item--border menu__item--condensed menu__item--portrait">
                 <a href="javascript:void(0)" class="menu__item__flex">
                   <div>Präsidialjahr 2020</div>
                   <SvgIcon icon="ArrowRight" class="menu__item__icon" />
diff --git a/app/components/ch/sections/QuoteSection.vue b/app/components/ch/sections/QuoteSection.vue
index ca30fc748..fa8010016 100644
--- a/app/components/ch/sections/QuoteSection.vue
+++ b/app/components/ch/sections/QuoteSection.vue
@@ -32,12 +32,12 @@ const props = defineProps({
     validator: (prop) =>
       [
         'white',
-        'secondary-50',
-        'secondary-100',
-        'secondary-500',
-        'secondary-600',
+        'accent-01',
+        'accent-02',
+        'accent-03',
+        'accent-04',
       ].includes(prop as string),
-    default: () => 'secondary-50',
+    default: () => 'accent-01',
   },
   quote: {
     type: String,
diff --git a/app/components/ch/sections/RelatedPublicationsSection.vue b/app/components/ch/sections/RelatedPublicationsSection.vue
index c5dae5ba9..b4b6129f5 100644
--- a/app/components/ch/sections/RelatedPublicationsSection.vue
+++ b/app/components/ch/sections/RelatedPublicationsSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="section bg--secondary-50">
+  <section class="section bg--accent-01">
     <div class="container">
       <h2 class="section__title">Das könnte Sie auch interessieren</h2>
       <div class="grid grid--responsive-cols-3 gap--responsive">
diff --git a/app/components/ch/sections/ServicesSection.vue b/app/components/ch/sections/ServicesSection.vue
index 24366098d..d0825c982 100644
--- a/app/components/ch/sections/ServicesSection.vue
+++ b/app/components/ch/sections/ServicesSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="section bg--secondary-100">
+  <section class="section bg--accent-02">
     <div class="container">
       <h2 v-if="isHomePage" class="section__title">
         Unsere top Dienstleistungen
diff --git a/app/components/ch/sections/SocialsSection.vue b/app/components/ch/sections/SocialsSection.vue
index 1188833fa..241803a43 100644
--- a/app/components/ch/sections/SocialsSection.vue
+++ b/app/components/ch/sections/SocialsSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="section bg--secondary-50">
+  <section class="section bg--accent-01">
     <div class="container">
       <div :class="computedClasses">
         <div class="grid socials__grid gap--responsive">
@@ -8,7 +8,7 @@
               {{ sectionTitle }}
             </h2>
 
-            <p v-html="sectionDesc" />
+            <p class="section__desc" v-html="sectionDesc" />
           </div>
 
           <Card
@@ -294,7 +294,7 @@
                     </p>
                   </div>
                 </blockquote>
-                <!-- <script async src="//www.instagram.com/embed.js"></script> -->
+                <!-- <script async src="https://www.instagram.com/embed.js"></script> -->
               </div>
               <div
                 v-else-if="feed.type == 'facebook'"
diff --git a/app/components/ch/sections/SubpagesSection.vue b/app/components/ch/sections/SubpagesSection.vue
index 2a0fddfb4..985f6747b 100644
--- a/app/components/ch/sections/SubpagesSection.vue
+++ b/app/components/ch/sections/SubpagesSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="section bg--secondary-100">
+  <section class="section bg--accent-02">
     <div class="container">
       <div class="grid grid--responsive-cols-3 gap--responsive">
         <Card type="highlight">
diff --git a/app/components/ch/sections/TopBar.vue b/app/components/ch/sections/TopBar.vue
index 21411a7b5..fff120147 100644
--- a/app/components/ch/sections/TopBar.vue
+++ b/app/components/ch/sections/TopBar.vue
@@ -24,7 +24,7 @@
             size="base"
           />
           <TopBarNavigation v-if="!isEasyLanguage && !isSignLanguage" />
-          <LanguageSwitcher type="negative" />
+          <LanguageSwitcher/>
         </div>
       </div>
     </div>
@@ -62,7 +62,7 @@
           </nav>
         </div>
 
-        <div class="separator separator--negative separator--xl" />
+        <div class="separator separator--xl" />
 
         <div>
           <h3 class="top-bar__main-title">
@@ -199,7 +199,7 @@
                     label="Clear search input"
                     icon="CancelCircle"
                     icon-pos="only"
-                    variant="bare-negative"
+                    variant="bare"
                     size="lg"
                     @click="
                       () => {
diff --git a/app/components/ch/sections/TopHeader.vue b/app/components/ch/sections/TopHeader.vue
index dfe06e197..8c24ccdf8 100644
--- a/app/components/ch/sections/TopHeader.vue
+++ b/app/components/ch/sections/TopHeader.vue
@@ -55,7 +55,6 @@
         </div>
         <LanguageSwitcher
           v-if="isFreebrand && screenSize <= 1023"
-          type="outline"
         />
         <Burger
           :isOpen="getMobileMenuIsOpen()"
diff --git a/app/components/ch/sections/TopNewsSection.vue b/app/components/ch/sections/TopNewsSection.vue
index c9610f491..f4bc8f919 100644
--- a/app/components/ch/sections/TopNewsSection.vue
+++ b/app/components/ch/sections/TopNewsSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="section bg--secondary-50">
+  <section class="section bg--accent-01">
     <div class="container">
       <h2 class="section__title">Aktuell</h2>
       <div class="grid grid--items-5 gap--responsive">
@@ -59,15 +59,15 @@
           </template>
           <template #eventInfos>
             <ul class="flex flex-wrap">
-              <li class="flex items-center mr-6 mb-2">
+              <li class="flex items-center mb-2 mr-6">
                 <SvgIcon icon="Calendar" size="xl" class="-ml-1.5 mr-1" />
                 <div>10-12 Mai 2022</div>
               </li>
-              <li class="flex items-center mr-6 mb-2">
+              <li class="flex items-center mb-2 mr-6">
                 <SvgIcon icon="Clock" size="xl" class="-ml-1.5 mr-1" />
                 <div>9 bis 11 Uhr</div>
               </li>
-              <li class="flex items-center mr-6 mb-2">
+              <li class="flex items-center mb-2 mr-6">
                 <SvgIcon icon="MapMarker" size="xl" class="-ml-1.5 mr-1" />
                 <div>Zürich</div>
               </li>
diff --git a/app/components/ch/sections/TopicsSection.vue b/app/components/ch/sections/TopicsSection.vue
index e8cb2e688..c3ff89cea 100644
--- a/app/components/ch/sections/TopicsSection.vue
+++ b/app/components/ch/sections/TopicsSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="section bg--secondary-50">
+  <section class="section bg--accent-01">
     <div class="container">
       <h2 class="section__title">Schwerpunktthemen</h2>
       <div class="grid grid--responsive-cols-3 gap--responsive">
diff --git a/app/components/stories/components/BackToTopBtn.mdx b/app/components/stories/components/BackToTopBtn.mdx
index bff5eba31..492ede909 100644
--- a/app/components/stories/components/BackToTopBtn.mdx
+++ b/app/components/stories/components/BackToTopBtn.mdx
@@ -48,7 +48,6 @@ You can <a href="?id=pages-homepage--example" target="_blank">Open a demo page</
 
 For type variations, the following css classes are built:
 
-- `back-to-top-btn--default` for standard back to top button
 - `back-to-top-btn--negative` for standard back to top button with dark color
 - `back-to-top-btn--outline` for back to top button with strokes
 
diff --git a/app/components/stories/components/BackToTopBtn.stories.js b/app/components/stories/components/BackToTopBtn.stories.js
index db769d7ec..9d05ded2c 100644
--- a/app/components/stories/components/BackToTopBtn.stories.js
+++ b/app/components/stories/components/BackToTopBtn.stories.js
@@ -5,8 +5,8 @@ export default {
   component: BackToTopBtn,
   argTypes: {
     type: {
-      table: { type: { summary: ['string: default, negative, outline'] } },
-      options: ['default', 'negative', 'outline'],
+      table: { type: { summary: ['string: negative, outline'] } },
+      options: ['negative', 'outline'],
       control: { type: 'select' },
     },
   },
@@ -22,12 +22,6 @@ export const Example = {
 export const Variations = {
   render: () => ({
     template: `
-      <button type="button" class="back-to-top-btn back-to-top-btn--default">
-        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="back-to-top-btn__icon icon icon--base">
-          <path xmlns="http://www.w3.org/2000/svg" d="m19.044 14.731-6.669-3.85-6.669 3.85-.375-.649 7.044-4.067 7.044 4.067z" />
-        </svg>
-      </button>
-
       <button type="button" class="back-to-top-btn back-to-top-btn--negative">
         <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="back-to-top-btn__icon icon icon--base">
           <path xmlns="http://www.w3.org/2000/svg" d="m19.044 14.731-6.669-3.85-6.669 3.85-.375-.649 7.044-4.067 7.044 4.067z" />
diff --git a/app/components/stories/components/Badge.stories.js b/app/components/stories/components/Badge.stories.js
index df4b23ae2..8ceb7ff23 100644
--- a/app/components/stories/components/Badge.stories.js
+++ b/app/components/stories/components/Badge.stories.js
@@ -26,6 +26,7 @@ export default {
         'indigo',
         'purple',
         'pink',
+        'active',
       ],
       control: { type: 'select' },
     },
@@ -43,15 +44,6 @@ export default {
 }
 
 export const Example = {
-  render: (args) => ({
-    setup: () => ({ args }),
-    components: { Badge },
-    template: `
-    <div id="root">
-      <Badge v-bind="args" />
-    </div>
-  `,
-  }),
   args: {
     color: 'blue',
     size: 'base',
@@ -67,6 +59,7 @@ export const ColorsStates = {
       <button class="badge badge--warning">warning</button>
       <button class="badge badge--error">error</button>
       <button class="badge badge--success">success</button>
+      <button class="badge badge--active">active</button>
     `,
   }),
 }
diff --git a/app/components/stories/components/Btn.mdx b/app/components/stories/components/Btn.mdx
index 0b44ed014..c12d33a79 100644
--- a/app/components/stories/components/Btn.mdx
+++ b/app/components/stories/components/Btn.mdx
@@ -28,13 +28,6 @@ For type variations, the following css classes are built:
 
 <Canvas of={BtnStories.ButtonVariations} />
 
-## Button negative types
-
-- `btn--outline-negative` for standard buttons on dark background
-- `btn--bare-negative` for buttons without strokes on dark background
-
-<Canvas className="storybook-bg-negative" of={BtnStories.NegativeTypes} />
-
 ## Sizes
 
 For size variations, the following css classes are built:
@@ -65,10 +58,6 @@ Button can be displayed as links. They are similar to bare buttons, but the padd
 
 <Canvas of={BtnStories.ButtonLinks} />
 
-## Negative button links
-
-<Canvas className="storybook-bg-negative" of={BtnStories.NegativeButtonLinks} />
-
 ## Buttons inside notification component
 
 Buttons inside a `.notification` container inherit text color and border colors from their container. Check the [notification banner](?path=/docs/components-notificationbanner--example) example.
diff --git a/app/components/stories/components/Btn.stories.js b/app/components/stories/components/Btn.stories.js
index 4b48cf2c5..5c7c05796 100644
--- a/app/components/stories/components/Btn.stories.js
+++ b/app/components/stories/components/Btn.stories.js
@@ -8,7 +8,7 @@ export default {
       table: {
         type: {
           summary: [
-            'string: outline, bare, filled, outline-negative, bare-negative, link, link-negative',
+            'string: outline, bare, filled, link',
           ],
         },
       },
@@ -16,10 +16,7 @@ export default {
         'outline',
         'bare',
         'filled',
-        'outline-negative',
-        'bare-negative',
         'link',
-        'link-negative',
       ],
       control: { type: 'select' },
     },
@@ -44,15 +41,6 @@ export default {
 }
 
 export const Example = {
-  render: (args) => ({
-    setup: () => ({ args }),
-    components: { Btn },
-    template: `
-      <div id="root" style="padding: 3em" class="${args.variant.endsWith('-negative') ? 'bg--secondary-600' : ''}">
-        <Btn v-bind="args" />
-      </div>
-    `,
-  }),
   args: {
     variant: 'outline',
     size: 'base',
@@ -82,38 +70,23 @@ export const ButtonOrLink = {
 export const ButtonVariations = {
   render: () => ({
     template: `
-      <button type="button" class="btn btn--base btn--outline">
-        <span class="btn__text">
-          btn--outline
-        </span>
-      </button>
-
-      <button type="button" class="btn btn--base btn--filled">
-        <span class="btn__text">btn--filled</span>
-      </button>
+      <div style="display:flex; gap:1rem; padding:1rem;">
+        <button type="button" class="btn btn--base btn--outline">
+          <span class="btn__text">btn--outline</span>
+        </button>
 
-      <button type="button" class="btn btn--base btn--bare">
-        <span class="btn__text">
-          btn--bare
-        </span>
-      </button>`,
-  }),
-}
+        <button type="button" class="btn btn--base btn--filled">
+          <span class="btn__text">btn--filled</span>
+        </button>
 
-export const NegativeTypes = {
-  render: () => ({
-    template: `
-      <button type="button" class="btn btn--base btn--outline-negative">
-        <span class="btn__text">
-          btn--outline-negative
-        </span>
-      </button>
+        <button type="button" class="btn btn--base btn--bare">
+          <span class="btn__text">btn--bare</span>
+        </button>
 
-      <button type="button" class="btn btn--base btn--bare-negative">
-        <span class="btn__text">
-          btn--bare-negative
-        </span>
-      </button>`,
+        <button type="button" class="btn btn--base btn--link">
+          <span class="btn__text">btn--link</span>
+        </button>
+      </div>`,
   }),
 }
 
@@ -180,24 +153,3 @@ export const ButtonLinks = {
       </div>`,
   }),
 }
-
-export const NegativeButtonLinks = {
-  parameters: {
-    backgrounds: {
-      default: 'Dark',
-    },
-  },
-  render: () => ({
-    template: `
-      <div>
-        <button type="button" class="btn btn--link-negative">
-          <svg viewBox="0 0 24 24" class="btn__icon">
-            <path d="m12.3916 20.99951-5.25976-8.42578a5.87365 5.87365 0 1 1 10.53857-.0332zm0-16.167a5.1305 5.1305 0 0 0 -5.125 5.125 5.07366 5.07366 0 0 0 .52 2.25293l4.605 7.373 4.624-7.40625a5.07217 5.07217 0 0 0 .501-2.21972 5.1305 5.1305 0 0 0 -5.125-5.12495zm0 7.418a2.292 2.292 0 1 1 2.292-2.292 2.29476 2.29476 0 0 1 -2.292 2.29198zm0-3.834a1.542 1.542 0 1 0 1.542 1.542 1.54363 1.54363 0 0 0 -1.542-1.54201z" />
-          </svg>
-
-          <span class="btn__text">Negative button link with icon</span>
-        </button>
-
-      </div>`,
-  }),
-}
diff --git a/app/components/stories/components/Card.stories.js b/app/components/stories/components/Card.stories.js
index e45f20f61..320f97158 100644
--- a/app/components/stories/components/Card.stories.js
+++ b/app/components/stories/components/Card.stories.js
@@ -69,7 +69,7 @@ export default {
   decorators: [
     () => ({
       template:
-        '<div style="padding:3rem; background:var(--color-secondary-50)"><story/></div>',
+        '<div style="padding:3rem; background:var(--background-accent-01)"><story/></div>',
     }),
   ],
 }
diff --git a/app/components/stories/components/CardsOnGrid.stories.js b/app/components/stories/components/CardsOnGrid.stories.js
index 42669877c..37da8cc39 100644
--- a/app/components/stories/components/CardsOnGrid.stories.js
+++ b/app/components/stories/components/CardsOnGrid.stories.js
@@ -11,7 +11,7 @@ export default {
 export const DynamicList = {
   render: () => ({
     template: `
-      <section class="section bg--secondary-50">
+      <section class="section bg--accent-01">
         <div class="container">
           <h2 class="section__title">Dynamic list</h2>
 
@@ -48,7 +48,7 @@ export const DynamicList = {
 export const GridClasses = {
   render: () => ({
     template: `
-    <section class="section bg--secondary-50">
+    <section class="section bg--accent-01">
       <div class="container">
         <h2 class="section__title">Section title</h2>
 
@@ -93,7 +93,7 @@ export const OneCard = {
     setup: () => ({ ...args }),
     components: { Card, Btn, SvgIcon, CardGrid },
     template: `
-      <section class="section bg--secondary-50">
+      <section class="section bg--accent-01">
         <div class="container">
           <h2 class="section__title">{{ sectionTitle }}</h2>
           <CardGrid v-if="nItems" :nItems="nItems">
diff --git a/app/components/stories/components/CardsVariants.stories.js b/app/components/stories/components/CardsVariants.stories.js
index 093aebabd..5fabb6441 100644
--- a/app/components/stories/components/CardsVariants.stories.js
+++ b/app/components/stories/components/CardsVariants.stories.js
@@ -8,7 +8,7 @@ const TemplateCardArticle = (args) => ({
   components: { Card, Btn, SvgIcon },
   template: `
     <div>
-      <div style="padding: 3em;" class="bg--secondary-50">
+      <div style="padding: 3em;" class="bg--accent-01">
         <div style="max-width: 600px; margin: auto;">
           <Card :type="type">
             <template v-slot:image>
@@ -58,7 +58,7 @@ const TemplateCardEvent = (args) => ({
   components: { Card, Btn, SvgIcon },
   template: `
     <div>
-      <div style="padding: 3em;" class="bg--secondary-50">
+      <div style="padding: 3em;" class="bg--accent-01">
         <div style="max-width: 600px; margin: auto;">
           <Card type="default">
             <template v-slot:image>
@@ -122,7 +122,7 @@ const TemplateCardShare = (args) => ({
   components: { Card, Btn, SvgIcon },
   template: `
     <div>
-      <div style="padding: 3em;" class="bg--secondary-50">
+      <div style="padding: 3em;" class="bg--accent-01">
         <div style="max-width: 600px; margin: auto;">
           <Card>
             <template v-slot:header>
diff --git a/app/components/stories/components/Carousel.mdx b/app/components/stories/components/Carousel.mdx
index 97cd790c7..84b63715f 100644
--- a/app/components/stories/components/Carousel.mdx
+++ b/app/components/stories/components/Carousel.mdx
@@ -23,6 +23,6 @@ If the number of cards is larger than 6, the bullet points are hidden through CS
 
 # Backgrounds
 
-The recommended background colors for carousels are the following: `bg--default`, `bg--secondary-50`, `bg--secondary-100`, `bg--secondary-500`, `bg--secondary-600`.
+The recommended background colors for carousels are the following: `bg--default`, `bg--accent-01`, `bg--accent-02`, `bg--accent-03`, `bg--accent-04`.
 
 <Canvas of={CarouselStories.Backgrounds} />
diff --git a/app/components/stories/components/Carousel.stories.js b/app/components/stories/components/Carousel.stories.js
index 7a01d9050..f6b0077cc 100644
--- a/app/components/stories/components/Carousel.stories.js
+++ b/app/components/stories/components/Carousel.stories.js
@@ -24,7 +24,7 @@ const TemplateBackgrounds = (args) => ({
   components: { CarouselExample },
   template: `
     <div>
-      <div class="section bg--secondary-50">
+      <div class="section bg--accent-01">
         <div class="container">
           <CarouselExample
             :breakpoints="breakpoints"
@@ -34,7 +34,7 @@ const TemplateBackgrounds = (args) => ({
           />
         </div>
       </div>
-      <div class="section bg--secondary-100">
+      <div class="section bg--accent-02">
         <div class="container">
           <CarouselExample
             :breakpoints="breakpoints"
@@ -44,7 +44,7 @@ const TemplateBackgrounds = (args) => ({
           />
         </div>
       </div>
-      <div class="section bg--secondary-500">
+      <div class="section bg--accent-03">
         <div class="container">
           <CarouselExample
             :breakpoints="breakpoints"
@@ -54,7 +54,7 @@ const TemplateBackgrounds = (args) => ({
           />
         </div>
       </div>
-      <div class="section bg--secondary-600">
+      <div class="section bg--accent-04">
         <div class="container">
           <CarouselExample
             :breakpoints="breakpoints"
diff --git a/app/components/stories/components/Checkbox.mdx b/app/components/stories/components/Checkbox.mdx
index 909ee0654..92ef9af3b 100644
--- a/app/components/stories/components/Checkbox.mdx
+++ b/app/components/stories/components/Checkbox.mdx
@@ -11,15 +11,6 @@ import * as CheckboxStories from './Checkbox.stories'
 
 <Controls of={CheckboxStories.Example} />
 
-## Checkbox negative type
-
-- `input--negative` for standard checkboxes on dark background
-
-<Canvas
-  of={CheckboxStories.NegativeCheckbox}
-  className="storybook-bg-negative"
-/>
-
 ## Input disabled state
 
 - `input--disabled` or `disabled state on the input` to add the disabled style
diff --git a/app/components/stories/components/Checkbox.stories.js b/app/components/stories/components/Checkbox.stories.js
index 3d7af89bc..5074fcd85 100644
--- a/app/components/stories/components/Checkbox.stories.js
+++ b/app/components/stories/components/Checkbox.stories.js
@@ -5,11 +5,6 @@ export default {
   component: Checkbox,
 
   argTypes: {
-    variant: {
-      table: { type: { summary: ['string: outline, negative'] } },
-      options: ['outline', 'negative'],
-      control: { type: 'select' },
-    },
     size: {
       table: { type: { summary: ['string: sm, base, lg'] } },
       options: ['sm', 'base', 'lg'],
@@ -35,7 +30,6 @@ export const Example = {
     `,
   }),
   args: {
-    variant: 'outline',
     size: 'base',
     label: 'Label',
     name: 'checkbox-name',
@@ -43,21 +37,13 @@ export const Example = {
   },
 }
 
-export const NegativeCheckbox = {
-  render: () => ({
-    template: `
-      <input type="checkbox" class="input--negative input--base" />
-    `,
-  }),
-}
-
 export const DisabledInput = {
   render: () => ({
     template: `
-      <input type="checkbox" class="input--outline input--base" disabled />
-      <input type="checkbox" class="input--outline input--base" disabled checked />
-      <input type="checkbox" class="input--negative input--base" disabled />
-      <input type="checkbox" class="input--negative input--base" disabled checked />
+      <input type="checkbox" class="input--base" disabled />
+      <input type="checkbox" class="input--base" disabled checked />
+      <label><input type="checkbox" class="input--base" disabled data-default-theme="dark"/>dark-themed disabled checkbox</label>
+      <label><input type="checkbox" class="input--base" disabled checked data-default-theme="dark" /> dark-themed disabled checked checkbox</label>
     `,
   }),
 }
@@ -65,9 +51,9 @@ export const DisabledInput = {
 export const SizesCheckbox = {
   render: () => ({
     template: `
-      <input type="checkbox" class="input--outline input--sm" value="input--sm" />
-      <input type="checkbox" class="input--outline input--base" value="input--base" />
-      <input type="checkbox" class="input--outline input--lg" value="input--lg" />
+      <input type="checkbox" class="input--sm" value="input--sm" />
+      <input type="checkbox" class="input--base" value="input--base" />
+      <input type="checkbox" class="input--lg" value="input--lg" />
     `,
   }),
 }
@@ -76,7 +62,7 @@ export const RequiredCheckbox = {
   render: () => ({
     template: `
       <div class="form__group__checkbox">
-        <input type="checkbox" id="checkbox-id1" name="checkbox-name" required="required" class="input input--outline input--base" value="" />
+        <input type="checkbox" id="checkbox-id1" name="checkbox-name" required="required" class="input input--base" value="" />
         <label for="checkbox-id1" class="text--base text--asterisk">
           Label <span class="sr-only">required</span>
         </label>
@@ -89,7 +75,7 @@ export const MessagesCheckbox = {
   render: () => ({
     template: `
       <div class="form__group__checkbox">
-        <input type="checkbox" id="checkbox-id2" name="checkbox-name" required="required" class="input input--outline input--base input--error" value="" />
+        <input type="checkbox" id="checkbox-id2" name="checkbox-name" required="required" class="input input--base input--error" value="" />
         <label for="checkbox-id2" class="text--base text--asterisk">
           Label <span class="sr-only">required</span>
         </label>
diff --git a/app/components/stories/components/DownloadItem.stories.js b/app/components/stories/components/DownloadItem.stories.js
index 540c55c02..737045201 100644
--- a/app/components/stories/components/DownloadItem.stories.js
+++ b/app/components/stories/components/DownloadItem.stories.js
@@ -17,7 +17,7 @@ export const Example = {
     title: 'Information on the usage of websites',
     description:
       'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat augue eu purus luctus rhoncus. Donec ultricies venenatis nibh, vel placerat est accumsan quis. Maecenas urna nibh, pretium pretium odio id, rhoncus rhoncus lorem. Nulla eu neque sagittis, cursus purus eget, sodales est. Duis at ultrices odio, ac egestas dolor.',
-    url: '../../../public/documents/dummy.pdf',
+    url: '/documents/dummy.pdf',
     type: 'PDF',
     date: '13.01.2022',
     headingLevel: 'h3',
@@ -53,7 +53,7 @@ export const ListExample = {
         title: 'Information on the usage of websites',
         description:
           'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat augue eu purus luctus rhoncus. Donec ultricies venenatis nibh, vel placerat est accumsan quis. Maecenas urna nibh, pretium pretium odio id, rhoncus rhoncus lorem. Nulla eu neque sagittis, cursus purus eget, sodales est. Duis at ultrices odio, ac egestas dolor.',
-        url: '../../../public/documents/dummy.pdf',
+        url: '/documents/dummy.pdf',
         type: 'PDF',
         date: '13.01.2022',
       },
@@ -61,7 +61,7 @@ export const ListExample = {
         filename: 'image.png',
         title: 'Information on the usage of websites',
         description: '',
-        url: '../../../public/images/html-structure.png',
+        url: '/images/html-structure.png',
         type: 'PNG',
         date: '22.01.2022',
       },
@@ -69,7 +69,7 @@ export const ListExample = {
         filename: 'image.png',
         title: 'Information on the usage of websites',
         description: '',
-        url: '../../../public/images/html-structure.png',
+        url: '/images/html-structure.png',
         type: '',
         date: '',
       },
diff --git a/app/components/stories/components/Fieldset.mdx b/app/components/stories/components/Fieldset.mdx
index 76a89651a..3568eb0bc 100644
--- a/app/components/stories/components/Fieldset.mdx
+++ b/app/components/stories/components/Fieldset.mdx
@@ -18,7 +18,7 @@ import * as FieldsetStories from './Fieldset.stories'
       type="radio"
       id="radio-0"
       name="radio-group-1"
-      class="input input--outline"
+      class="input"
       value="value-0"
     />
     <label for="radio-0">Label for value one</label>
@@ -28,7 +28,7 @@ import * as FieldsetStories from './Fieldset.stories'
       type="radio"
       id="radio-1"
       name="radio-group-1"
-      class="input input--outline"
+      class="input"
       value="value-1"
     />
     <label for="radio-1">Label for value two</label>
@@ -57,7 +57,7 @@ The `legend` element provide a caption for the `fieldset` group.
       type="radio"
       id="radio-0"
       name="radio-group-1"
-      class="input input--outline"
+      class="input"
       value="value-0"
     />
     <label for="radio-0">Label for value one</label>
@@ -67,7 +67,7 @@ The `legend` element provide a caption for the `fieldset` group.
       type="radio"
       id="radio-1"
       name="radio-group-1"
-      class="input input--outline"
+      class="input"
       value="value-1"
     />
     <label for="radio-1">Label for value two</label>
diff --git a/app/components/stories/components/Fieldset.stories.js b/app/components/stories/components/Fieldset.stories.js
index fbf419fcf..353d4a090 100644
--- a/app/components/stories/components/Fieldset.stories.js
+++ b/app/components/stories/components/Fieldset.stories.js
@@ -7,11 +7,6 @@ export default {
   component: Fieldset,
 
   argTypes: {
-    variant: {
-      table: { type: { summary: ['string: outline, negative'] } },
-      options: ['outline', 'negative'],
-      control: { type: 'select' },
-    },
     size: {
       table: { type: { summary: ['string: sm, base, lg'] } },
       options: ['sm', 'base', 'lg'],
@@ -38,8 +33,8 @@ export const WithRadio = {
     setup: () => ({ args }),
     template: `
       <Fieldset v-bind="args">
-          <Radio id="radio-0" name="radio-group-1" label="Label for value one" value="value-1" :variant="args.variant" :size="args.size" :required="args.required" />
-          <Radio id="radio-1" name="radio-group-1" label="Label for value two" value="value-2" :variant="args.variant" :size="args.size" :required="args.required" />
+          <Radio id="radio-0" name="radio-group-1" label="Label for value one" value="value-1" :size="args.size" :required="args.required" :messageType="args.messageType" />
+          <Radio id="radio-1" name="radio-group-1" label="Label for value two" value="value-2" :size="args.size" :required="args.required" :messageType="args.messageType" />
       </Fieldset>
     `,
   }),
@@ -55,8 +50,8 @@ export const WithCheckboxes = {
     setup: () => ({ args }),
     template: `
       <Fieldset v-bind="args" >
-        <Checkbox id="checkbox-0" name="checkbox-group-1" label="Label for value one" value="value-1" :variant="args.variant" :size="args.size" :required="args.required" />
-        <Checkbox id="checkbox-1" name="checkbox-group-1" label="Label for value two" value="value-2" :variant="args.variant" :size="args.size" :required="args.required" />
+        <Checkbox id="checkbox-0" name="checkbox-group-1" label="Label for value one" value="value-1" :size="args.size" :required="args.required" :messageType="args.messageType" />
+        <Checkbox id="checkbox-1" name="checkbox-group-1" label="Label for value two" value="value-2" :size="args.size" :required="args.required" :messageType="args.messageType" />
       </Fieldset>
     `,
   }),
@@ -74,11 +69,11 @@ export const RequiredFieldset = {
           Radio button group legend <span class="sr-only">required</span>
         </legend>
         <div class="form__group__radio">
-          <input type="radio" id="radio-0" name="radio-group-1" required="required" class="input input--outline" value="value-0" />
+          <input type="radio" id="radio-0" name="radio-group-1" required="required" class="input" value="value-0" />
           <label for="radio-0">Label for value one</label>
         </div>
         <div class="form__group__radio">
-          <input type="radio" id="radio-1" name="radio-group-1" required="required" class="input input--outline" value="value-1" />
+          <input type="radio" id="radio-1" name="radio-group-1" required="required" class="input" value="value-1" />
           <label for="radio-1">Label for value two</label>
         </div>
       </fieldset>
@@ -94,11 +89,11 @@ export const MessagesFieldset = {
           Radio button group legend <span class="sr-only">required</span>
         </legend>
         <div class="form__group__radio">
-          <input type="radio" id="radio-3" name="radio-group-2" required="required" class="input input--outline input--error" value="value-0" />
+          <input type="radio" id="radio-3" name="radio-group-2" required="required" class="input input--error" value="value-0" />
           <label for="radio-3">Label for value one</label>
         </div>
         <div class="form__group__radio">
-          <input type="radio" id="radio-4" name="radio-group-2" required="required" class="input input--outline input--error" value="value-1" />
+          <input type="radio" id="radio-4" name="radio-group-2" required="required" class="input input--error" value="value-1" />
           <label for="radio-4">Label for value two</label>
         </div>
         <div class="badge badge--sm badge--error">Error message, after last radio item</div>
diff --git a/app/components/stories/components/Input.mdx b/app/components/stories/components/Input.mdx
index f8c2e455b..b8dc8679a 100644
--- a/app/components/stories/components/Input.mdx
+++ b/app/components/stories/components/Input.mdx
@@ -12,15 +12,10 @@ import * as InputStories from './Input.stories'
 
 <Controls of={InputStories.Example} />
 
-## Input negative variant
-
-- `input--negative` for standard buttons on dark background
-
-<Canvas of={InputStories.NegativeInput} className="storybook-bg-negative" />
-
 ## Input disabled state
 
 - `input--disabled` or `disabled state on the input` to add the disabled style
+-  Second input: dark-themed version
 
 <Canvas of={InputStories.DisabledInput} />
 
diff --git a/app/components/stories/components/Input.stories.js b/app/components/stories/components/Input.stories.js
index 90828b072..ea5c9aa7c 100644
--- a/app/components/stories/components/Input.stories.js
+++ b/app/components/stories/components/Input.stories.js
@@ -31,42 +31,21 @@ export default {
         'week',
         'submit',
       ],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
     required: {
-      control: {
-        type: 'boolean',
-      },
+      control: { type: 'boolean' },
     },
     size: {
       table: {
-        type: {
-          summary: ['string: sm, base, lg'],
-        },
+        type: { summary: ['string: sm, base, lg'] },
       },
       options: ['sm', 'base', 'lg'],
-      control: {
-        type: 'select',
-      },
-    },
-    variant: {
-      table: {
-        type: {
-          summary: ['string: outline, negative'],
-        },
-      },
-      options: ['outline', 'negative'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
     label: {},
     hideLabel: {
-      control: {
-        type: 'boolean',
-      },
+      control: { type: 'boolean' },
     },
     message: {},
     messageType: {
@@ -76,9 +55,7 @@ export default {
         },
       },
       options: ['error', 'warning', 'success', 'info'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
   },
 }
@@ -105,19 +82,12 @@ export const Example = {
   },
 }
 
-export const NegativeInput = {
-  render: () => ({
-    template:
-      '<input class="input--negative input--base" value="Input text" />',
-  }),
-}
-
 export const DisabledInput = {
   render: () => ({
     template: `
       <div style="display: flex; flex-direction: row; gap: 10pt; width: 90%" >
-        <input class="input--outline input--base" disabled value="Input text" />
-        <input class="input--negative input--base" disabled value="Input text" />
+        <input class="input--base" disabled value="Input text" />
+        <input class="input--base" data-default-theme="dark" disabled value="Input text" />
       </div>
     `,
   }),
@@ -127,9 +97,9 @@ export const SizesInput = {
   render: () => ({
     template: `
       <div style="display: flex; flex-direction: row; gap: 10pt; width: 90%" >
-        <input class="input--outline input--sm" value="input--sm" />
-        <input class="input--outline input--base" value="input--base" />
-        <input class="input--outline input--lg" value="input--lg" />
+        <input class="input--sm" value="input--sm" />
+        <input class="input--base" value="input--base" />
+        <input class="input--lg" value="input--lg" />
       </div>
     `,
   }),
@@ -142,7 +112,7 @@ export const RequiredInput = {
         <label for="my-id" class="text--base text--asterisk">
           Name <span class="sr-only">required</span>
         </label>
-        <input type="text" id="my-id" name="my-id" placeholder="Placeholder" class="input--outline input--base" required />
+        <input type="text" id="my-id" name="my-id" placeholder="Placeholder" class="input--base" required />
       </div>
     `,
   }),
@@ -155,7 +125,7 @@ export const MessagesInput = {
         <label for="my-id" class="text--base text--asterisk">
           Name <span class="sr-only">required</span>
         </label>
-        <input type="text" id="my-id" name="my-id" placeholder="Placeholder" class="input--outline input--base input--error" required />
+        <input type="text" id="my-id" name="my-id" placeholder="Placeholder" class="input--base input--error" required />
         <div class="badge badge--sm badge--error">This field is required</div>
       </div>
     `,
diff --git a/app/components/stories/components/Link.mdx b/app/components/stories/components/Link.mdx
index 6a3bf9d84..f453bb936 100644
--- a/app/components/stories/components/Link.mdx
+++ b/app/components/stories/components/Link.mdx
@@ -23,10 +23,6 @@ You can add a `.link` class to force the link appearance
 
 <Canvas of={LinkStories.ForceLink} />
 
-## Negative links
-
-<Canvas of={LinkStories.NegativeLink} className="storybook-bg-negative" />
-
 ## Links with icons
 
 Use the `.btn btn--link` component and its variants to display a link with an icon.
diff --git a/app/components/stories/components/Link.stories.js b/app/components/stories/components/Link.stories.js
index f728fa60a..13fe517c0 100644
--- a/app/components/stories/components/Link.stories.js
+++ b/app/components/stories/components/Link.stories.js
@@ -32,19 +32,6 @@ export const ForceLink = {
   }),
 }
 
-export const NegativeLink = {
-  parameters: {
-    backgrounds: {
-      default: 'Dark',
-    },
-  },
-  render: () => ({
-    template: `
-      <a class="link link--negative">Negative Link</a>
-    `,
-  }),
-}
-
 export const IconLink = {
   render: () => ({
     template: `
diff --git a/app/components/stories/components/Lists.mdx b/app/components/stories/components/Lists.mdx
index dbe5e8766..22bd4fe72 100644
--- a/app/components/stories/components/Lists.mdx
+++ b/app/components/stories/components/Lists.mdx
@@ -43,10 +43,6 @@ Use `.list .list--roman` for roman glyphs:
 
 <Canvas of={ListStories.LooseVariant} />
 
-## Negative List
-
-<Canvas of={ListStories.NegativeList} className="storybook-bg-negative" />
-
 ## Horizontal Lists
 
 `.list--flex` display list items horizontally, without wrapping
diff --git a/app/components/stories/components/Lists.stories.js b/app/components/stories/components/Lists.stories.js
index 34cc1dba5..c4914aac2 100644
--- a/app/components/stories/components/Lists.stories.js
+++ b/app/components/stories/components/Lists.stories.js
@@ -78,22 +78,6 @@ export const LooseVariant = {
   }),
 }
 
-export const NegativeList = {
-  parameters: {
-    backgrounds: {
-      default: 'Dark',
-    },
-  },
-  render: () => ({
-    template: `
-      <ul class="list list--default list--negative">
-        <li>List item</li>
-        <li>List item</li>
-      </ul>
-    `,
-  }),
-}
-
 export const HorizontalList = {
   render: () => ({
     template: `
diff --git a/app/components/stories/components/Modal.stories.js b/app/components/stories/components/Modal.stories.js
index ca0866d71..6423c932a 100644
--- a/app/components/stories/components/Modal.stories.js
+++ b/app/components/stories/components/Modal.stories.js
@@ -119,7 +119,6 @@ export const Example = {
                 <hr class="separator">
                 <div class="pt-3">
                   <Input
-                    type="outline"
                     size="base"
                     label="Label"
                     value="https://www.admin.ch/gov/de/start/departemente/departement-des-innern-edi.html"
diff --git a/app/components/stories/components/MultiSelect.stories.js b/app/components/stories/components/MultiSelect.stories.js
index 4b3d3914c..7f1821722 100644
--- a/app/components/stories/components/MultiSelect.stories.js
+++ b/app/components/stories/components/MultiSelect.stories.js
@@ -6,66 +6,37 @@ export default {
 
   argTypes: {
     bare: {
-      control: {
-        type: 'boolean',
-      },
-    },
-    variant: {
-      table: {
-        type: {
-          summary: ['string: outline, negative'],
-        },
-      },
-      options: ['outline', 'negative'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'boolean' },
     },
     required: {
-      control: {
-        type: 'boolean',
-      },
+      control: { type: 'boolean' },
     },
     size: {
       table: {
-        type: {
-          summary: ['string: sm, base, lg'],
-        },
+        type: { summary: ['string: sm, base, lg'] },
       },
       options: ['sm', 'base', 'lg'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
     label: {},
     disabled: {
-      control: {
-        type: 'boolean',
-      },
+      control: { type: 'boolean' },
     },
     hideLabel: {
-      control: {
-        type: 'boolean',
-      },
+      control: { type: 'boolean' },
     },
     multiple: {
-      control: {
-        type: 'boolean',
-      },
+      control: { type: 'boolean' },
     },
     placeholder: {},
     name: {},
     message: {},
     messageType: {
       table: {
-        type: {
-          summary: ['string: error, warning, success, info'],
-        },
+        type: { summary: ['string: error, warning, success, info'] },
       },
       options: ['error', 'warning', 'success', 'info'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
   },
 }
@@ -88,7 +59,6 @@ export const Example = {
       'bar',
       'baz',
     ],
-    variant: 'outline',
     size: 'base',
     label: 'Label',
     disabled: false,
diff --git a/app/components/stories/components/Pagination.stories.js b/app/components/stories/components/Pagination.stories.js
index b5ff171f1..392e2cfe4 100644
--- a/app/components/stories/components/Pagination.stories.js
+++ b/app/components/stories/components/Pagination.stories.js
@@ -5,11 +5,6 @@ export default {
   component: Pagination,
 
   argTypes: {
-    type: {
-      table: { type: { summary: ['string: outline, outline-negative'] } },
-      options: ['outline', 'outline-negative'],
-      control: { type: 'select' },
-    },
     field: {
       control: { type: 'boolean' },
     },
diff --git a/app/components/stories/components/Radio.mdx b/app/components/stories/components/Radio.mdx
index a4c73bd87..e4e040ca0 100644
--- a/app/components/stories/components/Radio.mdx
+++ b/app/components/stories/components/Radio.mdx
@@ -11,12 +11,6 @@ import * as RadioStories from './Radio.stories'
 
 <Controls of={RadioStories.Example} />
 
-## Radiobox negative type
-
-- `input--negative` for standard radioboxes on dark background
-
-<Canvas of={RadioStories.NegativeRadio} className="storybook-bg-negative" />
-
 ## Radio disabled state
 
 - `input--disabled` or `disabled state on the input` to add the disabled style
@@ -52,7 +46,7 @@ Check the [Fieldset documentation](/docs/components-form-fieldset--example-radio
       id="radio-0"
       name="radio-group-1"
       required="required"
-      class="input input--outline"
+      class="input"
       value="value-1"
     />
     <label for="radio-0" class="text--asterisk">
@@ -66,7 +60,7 @@ Check the [Fieldset documentation](/docs/components-form-fieldset--example-radio
       id="radio-1"
       name="radio-group-1"
       required="required"
-      class="input input--outline"
+      class="input"
       value="value-2"
     />
     <label for="radio-1" class="text--asterisk">
diff --git a/app/components/stories/components/Radio.stories.js b/app/components/stories/components/Radio.stories.js
index 0514a7878..d0eccf88e 100644
--- a/app/components/stories/components/Radio.stories.js
+++ b/app/components/stories/components/Radio.stories.js
@@ -5,44 +5,23 @@ export default {
   component: Radio,
 
   argTypes: {
-    variant: {
-      table: {
-        type: {
-          summary: ['string: outline, negative'],
-        },
-      },
-      options: ['outline', 'negative'],
-      control: {
-        type: 'select',
-      },
-    },
     required: {
-      control: {
-        type: 'boolean',
-      },
+      control: { type: 'boolean' },
     },
     size: {
       table: {
-        type: {
-          summary: ['string: sm, base, lg'],
-        },
+        type: { summary: ['string: sm, base, lg'] },
       },
       options: ['sm', 'base', 'lg'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
     message: {},
     messageType: {
       table: {
-        type: {
-          summary: ['string: error, warning, success, info'],
-        },
+        type: { summary: ['string: error, warning, success, info'] },
       },
       options: ['error', 'warning', 'success', 'info'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
   },
 }
@@ -58,7 +37,6 @@ export const Example = {
     `,
   }),
   args: {
-    variant: 'outline',
     size: 'base',
     label: 'Label',
     name: 'radio-name',
@@ -66,19 +44,13 @@ export const Example = {
   },
 }
 
-export const NegativeRadio = {
-  render: () => ({
-    template: `<input type="radio" class="input--negative input--base" />`,
-  }),
-}
-
 export const DisabledRadio = {
   render: () => ({
     template: `
-      <input type="radio" class="input--outline input--base" disabled />
-      <input type="radio" class="input--outline input--base" disabled checked />
-      <input type="radio" class="input--negative input--base" disabled />
-      <input type="radio" class="input--negative input--base" disabled checked />
+      <input type="radio" class="input--base" disabled />
+      <input type="radio" class="input--base" disabled checked />
+      <label for=""><input type="radio" class="input--base" disabled data-default-theme="dark" />dark-themed disabled radio</label>
+      <label for=""><input type="radio" class="input--base" disabled checked data-default-theme="dark" />dark-themed disabled checked radio</label>
     `,
   }),
 }
@@ -86,9 +58,9 @@ export const DisabledRadio = {
 export const SizesRadio = {
   render: () => ({
     template: `
-      <input type="radio" class="input--outline input--sm" value="input--sm" />
-      <input type="radio" class="input--outline input--base" value="input--base" />
-      <input type="radio" class="input--outline input--lg" value="input--lg" />
+      <input type="radio" class="input--sm" value="input--sm" />
+      <input type="radio" class="input--base" value="input--base" />
+      <input type="radio" class="input--lg" value="input--lg" />
     `,
   }),
 }
@@ -102,7 +74,7 @@ export const RequiredRadio = {
         </legend>
 
         <div class="form__group__radio">
-          <input type="radio" id="radio-0" name="radio-group-1" class="input input--outline " value="value-0" />
+          <input type="radio" id="radio-0" name="radio-group-1" class="input" value="value-0" />
 
           <label for="radio-0" class="">
             Label for value one
@@ -110,7 +82,7 @@ export const RequiredRadio = {
         </div>
 
         <div class="form__group__radio">
-          <input type="radio" id="radio-1" name="radio-group-1" class="input input--outline " value="value-1" />
+          <input type="radio" id="radio-1" name="radio-group-1" class="input" value="value-1" />
 
           <label for="radio-1" class="">
             Label for value two
@@ -118,7 +90,7 @@ export const RequiredRadio = {
         </div>
 
         <div class="form__group__radio">
-          <input type="radio" id="radio-2" name="radio-group-1" class="input input--outline " value="value-2" />
+          <input type="radio" id="radio-2" name="radio-group-1" class="input" value="value-2" />
 
           <label for="radio-2" class="">
             Label for value three
@@ -138,7 +110,7 @@ export const MessageRadio = {
         </legend>
 
         <div class="form__group__radio">
-          <input type="radio" id="radio-10" name="radio-group-2" class="input input--outline input--error" value="value-0" />
+          <input type="radio" id="radio-10" name="radio-group-2" class="input input--error" value="value-0" />
 
           <label for="radio-10" class="">
             Label for value one
@@ -146,7 +118,7 @@ export const MessageRadio = {
         </div>
 
         <div class="form__group__radio">
-          <input type="radio" id="radio-11" name="radio-group-2" class="input input--outline input--error" value="value-1" />
+          <input type="radio" id="radio-11" name="radio-group-2" class="input input--error" value="value-1" />
 
           <label for="radio-11" class="">
             Label for value two
@@ -154,7 +126,7 @@ export const MessageRadio = {
         </div>
 
         <div class="form__group__radio">
-          <input type="radio" id="radio-12" name="radio-group-2" class="input input--outline input--error" value="value-2" />
+          <input type="radio" id="radio-12" name="radio-group-2" class="input input--error" value="value-2" />
 
           <label for="radio-12" class="">
             Label for value three
diff --git a/app/components/stories/components/Select.mdx b/app/components/stories/components/Select.mdx
index c13d56bc8..2bd02be5b 100644
--- a/app/components/stories/components/Select.mdx
+++ b/app/components/stories/components/Select.mdx
@@ -12,12 +12,6 @@ import * as SelectStories from './Select.stories'
 
 <Controls of={SelectStories.Example} />
 
-## Select negative type
-
-- `input--negative` for standard textareas on dark background
-
-<Canvas of={SelectStories.NegativeSelect} className="storybook-bg-negative" />
-
 ## Select disabled state
 
 - `input--disabled` or `disabled state on the input` to add the disabled style
diff --git a/app/components/stories/components/Select.stories.js b/app/components/stories/components/Select.stories.js
index d611ed45e..98a100fbc 100644
--- a/app/components/stories/components/Select.stories.js
+++ b/app/components/stories/components/Select.stories.js
@@ -5,51 +5,28 @@ export default {
   component: Select,
 
   argTypes: {
-    variant: {
-      table: {
-        type: {
-          summary: ['string: outline, negative'],
-        },
-      },
-      options: ['outline', 'negative'],
-      control: {
-        type: 'select',
-      },
-    },
     required: {
-      control: {
-        type: 'boolean',
-      },
+      control: { type: 'boolean' },
     },
     bare: {},
     size: {
       table: {
-        type: {
-          summary: ['string: sm, base, lg'],
-        },
+        type: { summary: ['string: sm, base, lg'] },
       },
       options: ['sm', 'base', 'lg'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
     label: {},
     hideLabel: {
-      control: {
-        type: 'boolean',
-      },
+      control: { type: 'boolean' },
     },
     message: {},
     messageType: {
       table: {
-        type: {
-          summary: ['string: error, warning, success, info'],
-        },
+        type: { summary: ['string: error, warning, success, info'] },
       },
       options: ['error', 'warning', 'success', 'info'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
   },
 }
@@ -68,7 +45,6 @@ export const Example = {
     `,
   }),
   args: {
-    variant: 'outline',
     bare: false,
     size: 'base',
     label: 'Label',
@@ -78,31 +54,11 @@ export const Example = {
   },
 }
 
-export const NegativeSelect = {
-  render: () => ({
-    template: `
-      <div class="select">
-        <select id="select-id" name="select-name" class="input--outline input--base input--negative">
-          <option>Choose your country</option>
-          <option>Switzerland</option>
-          <option>Swaziland</option>
-          <option>Sweden</option>
-        </select>
-        <div class="select__icon">
-          <svg role="presentation" aria-hidden="true" viewBox="0 0 24 24">
-            <path d="m5.706 10.015 6.669 3.85 6.669-3.85.375.649-7.044 4.067-7.044-4.067z" />
-          </svg>
-        </div>
-      </div>
-    `,
-  }),
-}
-
 export const DisabledSelect = {
   render: () => ({
     template: `
       <div class="select">
-        <select id="select-id" name="select-name" class="input--outline input--base input--disabled">
+        <select id="select-id" name="select-name" class="input--base input--disabled">
           <option>Choose your country</option>
           <option>Switzerland</option>
           <option>Swaziland</option>
@@ -122,7 +78,7 @@ export const SmallSizesSelect = {
   render: () => ({
     template: `
       <div class="select">
-        <select id="select-0" name="select-name" class="input--outline input--sm">
+        <select id="select-0" name="select-name" class="input--sm">
           <option>Small</option>
         </select>
         <div class="select__icon">
@@ -139,7 +95,7 @@ export const BaseSizesSelect = {
   render: () => ({
     template: `
       <div class="select">
-        <select id="select-0" name="select-name" class="input--outline input--base">
+        <select id="select-0" name="select-name" class="input--base">
           <option>Default</option>
         </select>
         <div class="select__icon">
@@ -156,7 +112,7 @@ export const LargeSizesSelect = {
   render: () => ({
     template: `
       <div class="select">
-        <select id="select-0" name="select-name" class="input--outline input--lg">
+        <select id="select-0" name="select-name" class="input--lg">
           <option>Large</option>
         </select>
         <div class="select__icon">
@@ -177,7 +133,7 @@ export const RequiredSelect = {
           Label
         </label>
         <div class="select">
-          <select id="select-id" name="select-name" class="input--outline input--base">
+          <select id="select-id" name="select-name" class="input--base">
             <option disabled="disabled" selected="selected">
               Choose your country
             </option>
@@ -205,7 +161,7 @@ export const MessagesSelect = {
           Label
         </label>
         <div class="select">
-          <select id="select-id" name="select-name" class="input--outline input--base input--error">
+          <select id="select-id" name="select-name" class="input--base input--error">
             <option disabled="disabled" selected="selected">
               Choose your country
             </option>
diff --git a/app/components/stories/components/Separator.mdx b/app/components/stories/components/Separator.mdx
index cab6d0a19..b7a715199 100644
--- a/app/components/stories/components/Separator.mdx
+++ b/app/components/stories/components/Separator.mdx
@@ -16,10 +16,3 @@ A separator is an horizonal line, helping to separate content visually.
 ## Separator with spacings
 
 <Canvas of={SeparatorStories.SeparatorSpacings} />
-
-## Negative Separator
-
-<Canvas
-  of={SeparatorStories.SeparatorNegative}
-  className="storybook-bg-negative"
-/>
diff --git a/app/components/stories/components/Separator.stories.js b/app/components/stories/components/Separator.stories.js
index 345bc715a..c482e0c42 100644
--- a/app/components/stories/components/Separator.stories.js
+++ b/app/components/stories/components/Separator.stories.js
@@ -7,7 +7,7 @@ export const Separator = {
     template: `
       <div>
         <div>Content above</div>
-          <hr class="separator sperator--negative" />
+          <hr class="separator" />
         <div>Content below</div>
       </div>
     `,
@@ -25,20 +25,3 @@ export const SeparatorSpacings = {
     `,
   }),
 }
-
-export const SeparatorNegative = {
-  parameters: {
-    backgrounds: {
-      default: 'Dark',
-    },
-  },
-  render: () => ({
-    template: `
-      <div class="text--negative">
-        <div>Content above</div>
-          <hr class="separator sperator--negative" />
-        <div>Content below</div>
-      </div>
-    `,
-  }),
-}
diff --git a/app/components/stories/components/Table.stories.js b/app/components/stories/components/Table.stories.js
index 8417132a8..14bbf6826 100644
--- a/app/components/stories/components/Table.stories.js
+++ b/app/components/stories/components/Table.stories.js
@@ -7,14 +7,10 @@ export default {
   argTypes: {
     variant: {
       table: {
-        type: {
-          summary: ['string: default, compact'],
-        },
+        type: { summary: ['string: default, compact'] },
       },
       options: ['default', 'compact'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
   },
 }
diff --git a/app/components/stories/components/Tabs.mdx b/app/components/stories/components/Tabs.mdx
index 6b9ce303b..ede4b8621 100644
--- a/app/components/stories/components/Tabs.mdx
+++ b/app/components/stories/components/Tabs.mdx
@@ -17,7 +17,7 @@ If you want to add vertical spacing to the content of your tab, add the class `.
 
 While it is not advised to use more than 4 tabs, it can happen that the tabs are too large or too many to fit in the available space. In this case, the tabcontainer can be made to overflow.
 
-If the tabs are placed in a grey container (`.bg--secondary-50`), the colors will update accordingly.
+If the tabs are placed in a grey container (`.bg--accent-01`), the colors will update accordingly.
 
 <Canvas of={TabsStories.LargeExample} />
 
diff --git a/app/components/stories/components/Tabs.stories.js b/app/components/stories/components/Tabs.stories.js
index 394859975..f079f8462 100644
--- a/app/components/stories/components/Tabs.stories.js
+++ b/app/components/stories/components/Tabs.stories.js
@@ -17,6 +17,6 @@ export const LargeExample = {
   render: () => ({
     components: { TabsLarge },
     template:
-      '<div class="container bg--secondary-50"><br /><TabsLarge /><br /></div>',
+      '<div class="container bg--accent-01"><br /><TabsLarge /><br /></div>',
   }),
 }
diff --git a/app/components/stories/components/Textarea.mdx b/app/components/stories/components/Textarea.mdx
index 721c578c3..746237339 100644
--- a/app/components/stories/components/Textarea.mdx
+++ b/app/components/stories/components/Textarea.mdx
@@ -11,15 +11,6 @@ import * as TextareaStories from './Textarea.stories'
 
 <Controls of={TextareaStories.Example} />
 
-## Textarea negative type
-
-- `input--negative` for standard textareas on dark background
-
-<Canvas
-  of={TextareaStories.NegativeTextarea}
-  className="storybook-bg-negative"
-/>
-
 ## Textarea disabled state
 
 - `input--disabled` or `disabled state on the input` to add the disabled style
diff --git a/app/components/stories/components/Textarea.stories.js b/app/components/stories/components/Textarea.stories.js
index d9225f21b..02ffdea39 100644
--- a/app/components/stories/components/Textarea.stories.js
+++ b/app/components/stories/components/Textarea.stories.js
@@ -5,43 +5,22 @@ export default {
   component: Textarea,
 
   argTypes: {
-    variant: {
-      table: {
-        type: {
-          summary: ['string: outline, negative'],
-        },
-      },
-      options: ['outline', 'negative'],
-      control: {
-        type: 'select',
-      },
-    },
     required: {
-      control: {
-        type: 'boolean',
-      },
+      control: { type: 'boolean' },
     },
     size: {
       table: {
-        type: {
-          summary: ['string: sm, base, lg'],
-        },
+        type: { summary: ['string: sm, base, lg'] },
       },
       options: ['sm', 'base', 'lg'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
     messageType: {
       table: {
-        type: {
-          summary: ['string: error, warning, success, info'],
-        },
+        type: { summary: ['string: error, warning, success, info'] },
       },
       options: ['error', 'warning', 'success', 'info'],
-      control: {
-        type: 'select',
-      },
+      control: { type: 'select' },
     },
   },
 }
@@ -53,7 +32,6 @@ export const Example = {
     template: `<Textarea v-bind="args" />`,
   }),
   args: {
-    variant: 'outline',
     size: 'base',
     label: 'Label',
     name: 'textarea-name',
@@ -62,18 +40,11 @@ export const Example = {
   },
 }
 
-export const NegativeTextarea = {
-  render: () => ({
-    template: `<textarea class="input--negative input--base" />`,
-  }),
-}
-
 export const DisabledTextarea = {
   render: () => ({
     template: `
       <div style="display: flex; flex-direction: row; gap: 5pt; width: 50%">
-        <textarea class="input--outline input--base" disabled>Disabled</textarea>
-        <textarea class="input--negative input--base" disabled>Disabled and negative</textarea>
+        <textarea class="input--base" disabled>Disabled</textarea>
       </div>
     `,
   }),
@@ -83,9 +54,9 @@ export const SizesTextarea = {
   render: () => ({
     template: `
       <div style="display: flex; flex-direction: row; gap: 5pt; width: 90%">
-        <textarea class="input--outline input--sm">Small</textarea>
-        <textarea class="input--outline input--base">Default</textarea>
-        <textarea class="input--outline input--lg">Large</textarea>
+        <textarea class="input--sm">Small</textarea>
+        <textarea class="input--base">Default</textarea>
+        <textarea class="input--lg">Large</textarea>
       </div>
     `,
   }),
@@ -98,7 +69,7 @@ export const RequiredTextarea = {
         <label for="my-id" class="text--base text--asterisk">
           Your message
         </label>
-        <textarea class="input--outline input--base" required />
+        <textarea class="input--base" required />
       </div>
     `,
   }),
@@ -111,7 +82,7 @@ export const MessagesTextarea = {
         <label for="my-id" class="text--base text--asterisk">
           Your message
         </label>
-        <textarea class="input--outline input--base input--error" required />
+        <textarea class="input--base input--error" required />
         <div class="badge badge--sm badge--error">
           This field is required
         </div>
diff --git a/app/components/stories/components/Video.mdx b/app/components/stories/components/Video.mdx
index 3a43944ba..ecce35c13 100644
--- a/app/components/stories/components/Video.mdx
+++ b/app/components/stories/components/Video.mdx
@@ -14,7 +14,7 @@ If the video need a label, use the `figure` and `figcaption`combination.
     <iframe
       width="560"
       height="315"
-      src="//www.youtube-nocookie.com/embed/vIG4cKz7ukM"
+      src="https://www.youtube-nocookie.com/embed/vIG4cKz7ukM"
       title="YouTube video player"
       frameborder="0"
       allowfullscreen
diff --git a/app/components/stories/components/Video.stories.js b/app/components/stories/components/Video.stories.js
index 9d63a709d..dc957100a 100644
--- a/app/components/stories/components/Video.stories.js
+++ b/app/components/stories/components/Video.stories.js
@@ -9,7 +9,7 @@ export const Example = {
         <h3 class="h3">4/3 video in a tight and centered container</h3>
         <figure>
           <div class="ratio ratio--4/3">
-            <iframe width="1600" height="900" src="//www.youtube-nocookie.com/embed/vIG4cKz7ukM" title="YouTube video player" frameborder="0" allowfullscreen />
+            <iframe width="1600" height="900" src="https://www.youtube-nocookie.com/embed/vIG4cKz7ukM" title="YouTube video player" frameborder="0" allowfullscreen />
           </div>
           <figcaption>Geoinformation - Alles findet irgendwo statt — © Swiss Geoportal</figcaption>
         </figure>
@@ -18,7 +18,7 @@ export const Example = {
         <h3 class="h3">16/9 video in a medium and centered container</h3>
         <figure>
           <div class="ratio ratio--16/9">
-            <iframe width="560" height="315" src="//www.youtube-nocookie.com/embed/vIG4cKz7ukM" title="YouTube video player" frameborder="0" allowfullscreen />
+            <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/vIG4cKz7ukM" title="YouTube video player" frameborder="0" allowfullscreen />
           </div>
           <figcaption>Geoinformation - Alles findet irgendwo statt — © Swiss Geoportal</figcaption>
         </figure>
diff --git a/app/components/stories/foundations/Icons.stories.js b/app/components/stories/foundations/Icons.stories.js
index ac3bf77f9..b20d285ab 100644
--- a/app/components/stories/foundations/Icons.stories.js
+++ b/app/components/stories/foundations/Icons.stories.js
@@ -9,7 +9,7 @@ export const List = {}
 
 export const Example = {
   render: () => ({
-    template: `<div className="flex items-center">
+    template: `<div style="display:flex; flex-direction:row; align-items:center">
       <svg viewBox="0 0 24 24" class="icon icon--sm">
         <path d="m12 3.7v.8c4.1 0 7.5 3.4 7.5 7.5s-3.4 7.5-7.5 7.5-7.5-3.4-7.5-7.5c0-2.1.8-3.9 2.2-5.3l-.6-.6c-1.5 1.5-2.4 3.6-2.4 5.9 0 4.6 3.7 8.3 8.3 8.3s8.3-3.7 8.3-8.3-3.7-8.3-8.3-8.3z" />
       </svg>
@@ -51,7 +51,7 @@ export const Example = {
 
 export const SpinningIcon = {
   render: () => ({
-    template: `<svg viewBox="0 0 24 24" class="icon icon--3xl icon--spin">
+    template: `<svg viewBox="0 0 24 24" class="icon icon--3xl icon--spin" style="width:fit-content">
       <path d="m12 3.7v.8c4.1 0 7.5 3.4 7.5 7.5s-3.4 7.5-7.5 7.5-7.5-3.4-7.5-7.5c0-2.1.8-3.9 2.2-5.3l-.6-.6c-1.5 1.5-2.4 3.6-2.4 5.9 0 4.6 3.7 8.3 8.3 8.3s8.3-3.7 8.3-8.3-3.7-8.3-8.3-8.3z" />
     </svg>`,
   }),
diff --git a/app/components/stories/foundations/backgrounds/Backgrounds.stories.js b/app/components/stories/foundations/backgrounds/Backgrounds.stories.js
index 63a6aeb3a..ca6e68d43 100644
--- a/app/components/stories/foundations/backgrounds/Backgrounds.stories.js
+++ b/app/components/stories/foundations/backgrounds/Backgrounds.stories.js
@@ -5,6 +5,40 @@ export default {
 export const Example = {
   render: () => ({
     template: `<div class="storybook-backgrounds">
+      <div class="bg--accent-01">
+        <div class="">
+          bg--accent-01
+        </div>
+      </div>
+
+
+      <div class="bg--accent-02">
+        <div class="">
+          bg--accent-02
+        </div>
+      </div>
+
+
+      <div class="bg--accent-03">
+        <div class="">
+          bg--accent-03
+        </div>
+      </div>
+
+
+      <div class="bg--accent-04">
+        <div class="">
+          bg--accent-04
+        </div>
+      </div>
+
+
+      <div class="bg--main">
+        <div class="">
+          bg--main
+        </div>
+      </div>
+
       <div class="bg--secondary-900">
         <div class="text--negative">
           bg--secondary-900
diff --git a/app/components/stories/foundations/favicon/Favicon.mdx b/app/components/stories/foundations/favicon/Favicon.mdx
index a73a483e2..132e1eea4 100644
--- a/app/components/stories/foundations/favicon/Favicon.mdx
+++ b/app/components/stories/foundations/favicon/Favicon.mdx
@@ -2,7 +2,7 @@ import { Meta, Story, Canvas } from '@storybook/blocks'
 
 <Meta title="Foundations/Favicon" />
 
-<a href="../../../../public/favicon_package_bds.zip" />
+<a href="/favicon_package_bds.zip" />
 
 # Favicon
 
diff --git a/app/components/stories/foundations/fonts/Colors.mdx b/app/components/stories/foundations/fonts/Colors.mdx
index 2e2e3a65d..b99d9d269 100644
--- a/app/components/stories/foundations/fonts/Colors.mdx
+++ b/app/components/stories/foundations/fonts/Colors.mdx
@@ -3,17 +3,24 @@ import * as ColorsStories from './Colors.stories'
 
 <Meta of={ColorsStories} />
 
-# Text colors
+The first story depicts the colors that are currently in use and are able to switch between light and dark mode.
+All other stories below show the old color values for reference but should not be used.
+
+# New Light/Darkmode colors
+
+<Canvas of={ColorsStories.LightDarkModeColors} />
+
+# Text colors (deprecated)
 
 Text colors should be automatically defined. You can force them with specific classes though:
 
 <Canvas of={ColorsStories.TextColors} />
 
-# Negative color
+# Negative color (deprecated)
 
 <Canvas of={ColorsStories.NegativeColor} className="storybook-bg-negative" />
 
-# All text color variants
+# All text color variants (deprecated)
 
 Colors have a complete spectrum based on Tailwind configuration. Use them with precaution and be sure the contrast fit the accessibility recommendations.
 
@@ -21,7 +28,7 @@ Colors have a complete spectrum based on Tailwind configuration. Use them with p
 
 <Canvas of={ColorsStories.AllColorVariantsPrimary} />
 
-# Flexible Colors for future projects
+# Flexible Colors for future projects (deprecated)
 
 For future projects, if you generate the CSS by your own, it's possible to use not only the mentioned colors above, but the whole palette of colors declared in the Tailwind config and all its variations.
 
diff --git a/app/components/stories/foundations/fonts/Colors.stories.js b/app/components/stories/foundations/fonts/Colors.stories.js
index b42014dcd..5c4c08016 100644
--- a/app/components/stories/foundations/fonts/Colors.stories.js
+++ b/app/components/stories/foundations/fonts/Colors.stories.js
@@ -5,6 +5,19 @@ export default {
   component: ColorList,
 }
 
+export const LightDarkModeColors = {
+  render: () => ({
+    template: `<div>
+      <div class="text--text-contrast">color--text-contrast</div>
+      <div class="text--text-disabled">color--text-disabled</div>
+      <div class="text--text-label">color--text-label</div>
+      <div class="text--text-main">color--text-main</div>
+      <div class="text--text-quote">color--text-quote</div>
+      <div class="text--text-selected">color--text-selected</div>
+    </div>`,
+  }),
+}
+
 export const TextColors = {
   render: () => ({
     template: `<div>
@@ -17,7 +30,7 @@ export const TextColors = {
 
 export const NegativeColor = {
   render: () => ({
-    template: `<div>
+    template: `<div class="storybook-bg-negative">
       <div class="color--negative">color--negative</div>
     </div>`,
   }),
@@ -27,16 +40,16 @@ export const AllColorVariantsDefault = {
   render: () => ({
     template: `<div class="storybook-backgrounds">
       <div class="color--text-900">color--text-900</div>
-      <div class="color--text-800">color--text-800 – default text color</div>
+      <div class="color--text-800">color--text-800 - default text color</div>
       <div class="color--text-700">color--text-700</div>
       <div class="color--text-600">color--text-600</div>
-      <div class="color--text-500">color--text-500 – still AA Accessible on white backgrounds</div>
-      <div class="color--text-400  bg--secondary-900">color--text-400</div>
-      <div class="color--text-300  bg--secondary-800">color--text-300</div>
-      <div class="color--text-200  bg--secondary-700">color--text-200</div>
-      <div class="color--text-100  bg--secondary-600">color--text-100</div>
-      <div class="color--text-50   bg--secondary-500">color--text-50</div>
-      <div class="color--white     bg--secondary-400">color--white</div>
+      <div class="color--text-500">color--text-500 - still AA Accessible on white backgrounds</div>
+      <div class="color--text-400 bg--secondary-900">color--text-400</div>
+      <div class="color--text-300 bg--secondary-800">color--text-300</div>
+      <div class="color--text-200 bg--secondary-700">color--text-200</div>
+      <div class="color--text-100 bg--secondary-600">color--text-100</div>
+      <div class="color--text-50 bg--secondary-500">color--text-50</div>
+      <div class="color--white bg--secondary-400">color--white</div>
     </div>`,
   }),
 }
@@ -47,14 +60,14 @@ export const AllColorVariantsPrimary = {
       <div class="color--primary-900">color--primary-900</div>
       <div class="color--primary-800">color--primary-800</div>
       <div class="color--primary-700">color--primary-700</div>
-      <div class="color--primary-600">color--primary-600 – default link color</div>
+      <div class="color--primary-600">color--primary-600 - default link color</div>
       <div class="color--primary-500">color--primary-500</div>
-      <div class="color--primary-400  bg--secondary-900">color--primary-400</div>
-      <div class="color--primary-300  bg--secondary-800">color--primary-300</div>
-      <div class="color--primary-200  bg--secondary-700">color--primary-200</div>
-      <div class="color--primary-100  bg--secondary-600">color--primary-100</div>
-      <div class="color--primary-50   bg--secondary-500">color--primary-50</div>
-      <div class="color--white    bg--secondary-400">color--white</div>
+      <div class="color--primary-400 bg--secondary-900">color--primary-400</div>
+      <div class="color--primary-300 bg--secondary-800">color--primary-300</div>
+      <div class="color--primary-200 bg--secondary-700">color--primary-200</div>
+      <div class="color--primary-100 bg--secondary-600">color--primary-100</div>
+      <div class="color--primary-50 bg--secondary-500">color--primary-50</div>
+      <div class="color--white bg--secondary-400">color--white</div>
     </div>`,
   }),
 }
diff --git a/app/components/stories/layout/Containers.mdx b/app/components/stories/layout/Containers.mdx
index cc0c27040..789a65597 100644
--- a/app/components/stories/layout/Containers.mdx
+++ b/app/components/stories/layout/Containers.mdx
@@ -87,11 +87,11 @@ The default full width of `container` is used for hub pages and homepage. It's g
 ```html
 <main id="main-content">
   <Hero />
-  <section class="section bg--secondary-50">
+  <section class="section bg--accent-01">
     <div class="container">
       <h2 class="section__title">Section title</h2>
       <div class="grid grid--responsive-cols-3 gap--responsive">
-        <!-- Content here, for example 3 column card list on gray background -->
+        <!-- Content here, for example 3 column card list on gray/dark grey background in light/darkmode -->
       </div>
     </div>
   </section>
@@ -186,10 +186,10 @@ Then, the content can be rythmed by consecutive sections with different backgrou
     </div>
   </section>
 
-  <section class="section bg--secondary-50">
+  <section class="section bg--accent-01">
     <div class="container">
       <div class="grid grid--responsive-cols-3 gap--responsive">
-        <!-- Content here, for example 3 columns card list on gray background -->
+        <!-- Content here, for example 3 column card list on gray/dark grey background in light/darkmode -->
       </div>
     </div>
   </section>
diff --git a/app/components/stories/layout/General.mdx b/app/components/stories/layout/General.mdx
index 03f2372ad..233ffeac2 100644
--- a/app/components/stories/layout/General.mdx
+++ b/app/components/stories/layout/General.mdx
@@ -11,7 +11,7 @@ Schematically, a `section` contains a `container`.
 
 ```html
 <main id="main-content">
-  <section class="section">
+  <section class="section section--default">
     <div class="container">
       <!-- Content -->
     </div>
@@ -23,7 +23,7 @@ Apply the `container--grid` variant to create a 12 cols grid container.
 
 ```html
 <main id="main-content">
-  <section class="section">
+  <section class="section section--default">
     <div class="container container--grid">
       <div class="container__[variant]">
     </div>
diff --git a/app/components/stories/layout/Grids.mdx b/app/components/stories/layout/Grids.mdx
index 8ce1210b5..86182dcd0 100644
--- a/app/components/stories/layout/Grids.mdx
+++ b/app/components/stories/layout/Grids.mdx
@@ -125,9 +125,9 @@ The following html strucuture will display 1 column on mobile, 3 columns on tabl
 
 Here are visual examples of the grid above:
 
-import gridImage1 from '../../../public/images/grid-example-1.png'
-import gridImage2 from '../../../public/images/grid-example-2.png'
-import gridImage3 from '../../../public/images/grid-example-3.png'
+import gridImage1 from '../../../assets/images/grid-example-1.png'
+import gridImage2 from '../../../assets/images/grid-example-2.png'
+import gridImage3 from '../../../assets/images/grid-example-3.png'
 
 **Mobile view**
 
diff --git a/app/components/stories/layout/Sections.mdx b/app/components/stories/layout/Sections.mdx
index bb92a3dc1..d8a1f1fad 100644
--- a/app/components/stories/layout/Sections.mdx
+++ b/app/components/stories/layout/Sections.mdx
@@ -18,14 +18,14 @@ After section's content, a `.section__action` wraps a potential link, inviting t
 
 # Dark sections
 
-If you define a dark background (`.bg--secondary-[variant]` where `variant ≥ 500`) the `.section__title` will turn automatically to white. In other contexts, you can force negative color with `.section__title--negative`.
+If you define a dark background (`.bg--secondary-[variant]` where `variant ≥ 500` or `.bg--accent-[variant]` where `variant = 03 || 04`) the `.section__title` will turn automatically to white. In other contexts, you can force negative color with `.section__title--negative`.
 
 <Canvas of={SectionsStories.DarkSections} />
 
 # Paddings for sections
 
 - `.section.section--default` and
-- `.section.bg--secondary-[color-variant]` add top and bottom paddings to the section.
+- `.section.bg--[secondary || accent]-[color-variant]` add top and bottom paddings to the section.
 - consecutive sections with the same background color removes the double spacing automatically.
 - consecutive `.container` elements adds a top padding to the second container.
 
diff --git a/app/components/stories/layout/Sections.stories.js b/app/components/stories/layout/Sections.stories.js
index 91c730084..fe33aaf5b 100644
--- a/app/components/stories/layout/Sections.stories.js
+++ b/app/components/stories/layout/Sections.stories.js
@@ -16,7 +16,7 @@ export const MainContentExample = {
 export const Titles = {
   render: () => ({
     template: `
-      <section class="section bg--secondary-50">
+      <section class="section bg--accent-01">
         <div class="container">
           <h2 class="section__title">Section title</h2>
           <h2 class="section__subtitle">Section subtitle</h2>
@@ -38,7 +38,7 @@ export const Titles = {
 export const DarkSections = {
   render: () => ({
     template: `
-      <section class="section bg--secondary-500">
+      <section class="section bg--accent-03">
         <div class="container">
           <h2 class="section__title">Negative section title</h2>
 
@@ -74,13 +74,13 @@ export const Paddings = {
           </div>
         </section>
 
-        <section class="section bg--secondary-50">
+        <section class="section bg--accent-01">
           <div class="container">
             Section with top and bottom paddings
           </div>
         </section>
 
-        <section class="section bg--secondary-50">
+        <section class="section bg--accent-01">
           <div class="container">
             Section with padding bottom only (padding top is removed because previous section has the same background color)
           </div>
@@ -92,7 +92,7 @@ export const Paddings = {
           </div>
         </section>
 
-        <section class="section bg--secondary-100">
+        <section class="section bg--accent-02">
           <div class="container">
             Section with top and padding bottom
           </div>
diff --git a/app/components/stories/layout/Spacings.mdx b/app/components/stories/layout/Spacings.mdx
index f5098f962..27bf52afa 100644
--- a/app/components/stories/layout/Spacings.mdx
+++ b/app/components/stories/layout/Spacings.mdx
@@ -11,7 +11,7 @@ In order to set vertical spacings between generic DOM elements (created in a WYS
 
 ```html
 <main id="main-content">
-  <section class="section">
+  <section class="section section--default">
     <div class="container vertical-spacing">
       <!-- Content -->
     </div>
@@ -28,7 +28,7 @@ In order to set vertical spacings between generic DOM elements (created in a WYS
 
 ```html
 <main id="main-content">
-  <section class="section">
+  <section class="section section--default">
     <div class="container">
       <!-- Content -->
     </div>
diff --git a/app/components/stories/layout/Spacings.stories.js b/app/components/stories/layout/Spacings.stories.js
index 89c5609f8..83de296a6 100644
--- a/app/components/stories/layout/Spacings.stories.js
+++ b/app/components/stories/layout/Spacings.stories.js
@@ -5,89 +5,85 @@ export default {
 export const WithVerticalSpacing = {
   render: () => ({
     template: `
-      <main id="main-content">
-        <section class="section">
-          <div class="container vertical-spacing">
-            <h3 class="h3">Title H3</h3>
-
-            <p>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
-              nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
-              purus et ipsum placerat
-            </p>
-
-            <p>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
-              nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
-              purus et ipsum placerat
-            </p>
-
-            <figure>
-              <picture>
-                <source srcset="https://picsum.photos/1600/900" media="(min-width: 800px)" />
-
-                <img src="https://picsum.photos/1600/900" alt="cat" />
-              </picture>
-
-              <figcaption>
-                Image label here — ©  Photograph Name
-              </figcaption>
-            </figure>
-
-            <h3 class="h3">Title H3</h3>
-
-            <p>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
-              nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
-              purus et ipsum placerat
-            </p>
-          </div>
-        </section>
-      </main>`,
+      <section class="section section--default">
+        <div class="container vertical-spacing">
+          <h3 class="h3">Title H3</h3>
+
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
+            nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
+            purus et ipsum placerat
+          </p>
+
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
+            nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
+            purus et ipsum placerat
+          </p>
+
+          <figure>
+            <picture>
+              <source srcset="https://picsum.photos/1600/900" media="(min-width: 800px)" />
+
+              <img src="https://picsum.photos/1600/900" alt="cat" />
+            </picture>
+
+            <figcaption>
+              Image label here — ©  Photograph Name
+            </figcaption>
+          </figure>
+
+          <h3 class="h3">Title H3</h3>
+
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
+            nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
+            purus et ipsum placerat
+          </p>
+        </div>
+      </section>`,
   }),
 }
 
 export const WithoutVerticalSpacing = {
   render: () => ({
     template: `
-      <main id="main-content">
-        <section class="section">
-          <div class="container">
-            <h3 class="h3">Title H3</h3>
-
-            <p>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
-              nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
-              purus et ipsum placerat
-            </p>
-
-            <p>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
-              nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
-              purus et ipsum placerat
-            </p>
-
-            <figure>
-              <picture>
-                <source srcset="https://picsum.photos/1600/900" media="(min-width: 800px)" />
-
-                <img src="https://picsum.photos/1600/900" alt="cat" />
-              </picture>
-
-              <figcaption>
-                Image label here — © Photograph Name
-              </figcaption>
-            </figure>
-
-            <h3 class="h3">Title H3</h3>
-
-            <p>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
-              nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
-              purus et ipsum placerat
-            </p>
-          </div>
-        </section>
-      </main>`,
+      <section class="section section--default">
+        <div class="container">
+          <h3 class="h3">Title H3</h3>
+
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
+            nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
+            purus et ipsum placerat
+          </p>
+
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
+            nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
+            purus et ipsum placerat
+          </p>
+
+          <figure>
+            <picture>
+              <source srcset="https://picsum.photos/1600/900" media="(min-width: 800px)" />
+
+              <img src="https://picsum.photos/1600/900" alt="cat" />
+            </picture>
+
+            <figcaption>
+              Image label here — © Photograph Name
+            </figcaption>
+          </figure>
+
+          <h3 class="h3">Title H3</h3>
+
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ipsum
+            nisl, ultricies quis aliquet ac, ultrices nec felis. Proin gravida
+            purus et ipsum placerat
+          </p>
+        </div>
+      </section>`,
   }),
 }
diff --git a/app/components/stories/pages/FreebrandPageSimple.mdx b/app/components/stories/pages/FreebrandPageSimple.mdx
index ae000733d..1cb6ecf76 100644
--- a/app/components/stories/pages/FreebrandPageSimple.mdx
+++ b/app/components/stories/pages/FreebrandPageSimple.mdx
@@ -22,6 +22,8 @@ Freebrand design. See bottom of page for configuration options.
 
 Overwrite the colors by setting the color style attributes on the body
 
+{/* TODO: Change documentation for dark modes */}
+
 ```javascript
 const freebrandColors = [
   { key: '--color-primary-50', value: '#eaffe9' },
diff --git a/app/components/stories/sections/Breadcrumb.stories.js b/app/components/stories/sections/Breadcrumb.stories.js
index e1b8b5d4a..facd0d234 100644
--- a/app/components/stories/sections/Breadcrumb.stories.js
+++ b/app/components/stories/sections/Breadcrumb.stories.js
@@ -1,17 +1,9 @@
 import Breadcrumb from '../../ch/sections/Breadcrumb.vue'
 
 export default {
-  render: (args) => ({
-    setup: () => ({ args }),
-    components: { Breadcrumb },
-    template: `
-    <div id="root">
-      <Breadcrumb v-bind="args" />
-    </div>
-  `,
-  }),
   title: 'Sections/Header/Breadcrumb',
   component: Breadcrumb,
+  decorators: [() => ({ template: '<div id="main-content"><story/></div>' })],
 }
 
 export const Example = {}
diff --git a/app/components/stories/sections/DesktopMenu.stories.js b/app/components/stories/sections/DesktopMenu.stories.js
index 5985f8143..5eb7f7004 100644
--- a/app/components/stories/sections/DesktopMenu.stories.js
+++ b/app/components/stories/sections/DesktopMenu.stories.js
@@ -3,6 +3,7 @@ import DesktopMenu from '../../ch/sections/DesktopMenu.vue'
 export default {
   title: 'Sections/Header/DesktopMenu',
   component: DesktopMenu,
+  decorators: [() => ({ template: '<div id="main-content"><story/></div>' })],
 }
 
 export const Example = {
diff --git a/app/components/stories/sections/FooterInformation.stories.js b/app/components/stories/sections/FooterInformation.stories.js
index 187782fd1..9d1b637d7 100644
--- a/app/components/stories/sections/FooterInformation.stories.js
+++ b/app/components/stories/sections/FooterInformation.stories.js
@@ -3,6 +3,7 @@ import FooterInformation from '../../ch/sections/FooterInformation.vue'
 export default {
   title: 'Sections/Footer/FooterInformation',
   component: FooterInformation,
+  decorators: [() => ({ template: '<div id="main-content"><story/></div>' })],
 }
 
 export const Example = {}
diff --git a/app/components/stories/sections/FooterNavigation.stories.js b/app/components/stories/sections/FooterNavigation.stories.js
index a1abae261..388157297 100644
--- a/app/components/stories/sections/FooterNavigation.stories.js
+++ b/app/components/stories/sections/FooterNavigation.stories.js
@@ -3,6 +3,7 @@ import FooterNavigation from '../../ch/sections/FooterNavigation.vue'
 export default {
   title: 'Sections/Footer/FooterNavigation',
   component: FooterNavigation,
+  decorators: [() => ({ template: '<div id="main-content"><story/></div>' })],
 }
 
 export const Example = {}
diff --git a/app/components/stories/sections/MobileMenu.stories.js b/app/components/stories/sections/MobileMenu.stories.js
index 00b84dd8d..45f5e0a0a 100644
--- a/app/components/stories/sections/MobileMenu.stories.js
+++ b/app/components/stories/sections/MobileMenu.stories.js
@@ -3,6 +3,7 @@ import MobileMenu from '../../ch/sections/MobileMenu.vue'
 export default {
   title: 'Sections/Header/MobileMenu',
   component: MobileMenu,
+  decorators: [() => ({ template: '<div id="main-content"><story/></div>' })],
 }
 
 export const Example = {
diff --git a/app/components/stories/sections/QuoteSection.mdx b/app/components/stories/sections/QuoteSection.mdx
index e44920245..33ef3b28c 100644
--- a/app/components/stories/sections/QuoteSection.mdx
+++ b/app/components/stories/sections/QuoteSection.mdx
@@ -14,10 +14,10 @@ import * as QuoteSectionStories from './QuoteSection.stories'
 The recommended background colors for the section are the following:
 
 - white
-- secondary-50
-- secondary-100
-- secondary-500
-- secondary-600
+- accent-01
+- accent-02
+- accent-03
+- accent-04
 
 <a href="?path=/story/sections-content-quote--example">
   {'Go to the Canvas Tab'}
diff --git a/app/components/stories/sections/QuoteSection.stories.js b/app/components/stories/sections/QuoteSection.stories.js
index 8a988d65b..21fad96c2 100644
--- a/app/components/stories/sections/QuoteSection.stories.js
+++ b/app/components/stories/sections/QuoteSection.stories.js
@@ -9,16 +9,16 @@ export default {
       table: {
         type: {
           summary: [
-            'string: white, secondary-50, secondary-100, secondary-500, secondary-600',
+            'string: white, accent-01, accent-02, accent-03, accent-04',
           ],
         },
       },
       options: [
         'white',
-        'secondary-50',
-        'secondary-100',
-        'secondary-500',
-        'secondary-600',
+        'accent-01',
+        'accent-02',
+        'accent-03',
+        'accent-04',
       ],
       control: {
         type: 'select',
@@ -45,6 +45,6 @@ export const Example = {
       },
       caption: 'Image one caption —&nbsp;©&nbsp;Photograph Name',
     },
-    background: 'secondary-50',
+    background: 'accent-01',
   },
 }
diff --git a/app/components/stories/sections/TopBar.stories.js b/app/components/stories/sections/TopBar.stories.js
index e9e23f85a..4ea99f0b1 100644
--- a/app/components/stories/sections/TopBar.stories.js
+++ b/app/components/stories/sections/TopBar.stories.js
@@ -8,6 +8,7 @@ export default {
       table: { category: 'props' },
     },
   },
+  decorators: [() => ({ template: '<div id="main-content"><story/></div>' })],
 }
 
 export const Example = {
diff --git a/app/components/stories/sections/TopHeader.stories.js b/app/components/stories/sections/TopHeader.stories.js
index 3e823a5c7..ab9ec5bda 100644
--- a/app/components/stories/sections/TopHeader.stories.js
+++ b/app/components/stories/sections/TopHeader.stories.js
@@ -3,6 +3,7 @@ import TopHeader from '../../ch/sections/TopHeader.vue'
 export default {
   title: 'Sections/Header/TopHeader',
   component: TopHeader,
+  decorators: [() => ({ template: '<div id="main-content"><story/></div>' })],
 }
 
 export const Example = {}
diff --git a/app/package.json b/app/package.json
index f7f090696..fdf30f724 100644
--- a/app/package.json
+++ b/app/package.json
@@ -9,7 +9,7 @@
     "start": "nuxi preview",
     "storybook": "storybook dev --no-open -p 6006",
     "build-storybook": "storybook build",
-    "chromatic": "chromatic --project-token=a59f72b20002",
+    "chromatic": "chromatic --project-token=chpt_d750d8f88584b59",
     "check": "pnpm check:format && pnpm check:ts:vue && pnpm check:lint",
     "check:format": "prettier --check \"./**/*.{ts,js,mjs,vue,mdx,md,css,postcss}\"",
     "check:format:fix": "prettier --write \"./**/*.{ts,js,mjs,vue,mdx,md,css,postcss}\"",
@@ -19,29 +19,29 @@
   },
   "dependencies": {
     "pinia": "^2.3.1",
-    "swiper": "^11.2.1",
-    "uuid": "^11.0.5",
+    "swiper": "^11.2.5",
+    "uuid": "^11.1.0",
     "vue": "^3.5.13",
     "vue-inline-svg": "^3.1.4",
     "vue-select": "4.0.0-beta.6"
   },
   "devDependencies": {
-    "@eslint/js": "^9.19.0",
+    "@eslint/js": "^9.21.0",
     "@nuxt/eslint": "^0.7.5",
     "@nuxtjs/tailwindcss": "^6.13.1",
-    "@pinia/nuxt": "^0.9.0",
-    "@storybook/addon-a11y": "^8.5.2",
-    "@storybook/addon-actions": "^8.5.2",
-    "@storybook/addon-designs": "8.0.4",
-    "@storybook/addon-docs": "^8.5.2",
-    "@storybook/addon-essentials": "^8.5.2",
-    "@storybook/addon-links": "^8.5.2",
-    "@storybook/blocks": "^8.5.2",
-    "@storybook/manager-api": "^8.5.2",
-    "@storybook/preview-api": "^8.5.2",
-    "@storybook/theming": "^8.5.2",
-    "@storybook/vue3": "^8.5.2",
-    "@storybook/vue3-vite": "^8.5.2",
+    "@pinia/nuxt": "^0.10.1",
+    "@storybook/addon-a11y": "^8.6.3",
+    "@storybook/addon-actions": "^8.6.3",
+    "@storybook/addon-designs": "8.2.0",
+    "@storybook/addon-docs": "^8.6.3",
+    "@storybook/addon-essentials": "^8.6.3",
+    "@storybook/addon-links": "^8.6.3",
+    "@storybook/blocks": "^8.6.3",
+    "@storybook/manager-api": "^8.6.3",
+    "@storybook/preview-api": "^8.6.3",
+    "@storybook/theming": "^8.6.3",
+    "@storybook/vue3": "^8.6.3",
+    "@storybook/vue3-vite": "^8.6.3",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/eslint__js": "^8.42.3",
     "@types/uuid": "^10.0.0",
@@ -50,20 +50,19 @@
     "@vueform/multiselect": "^2.6.11",
     "@whitespace/storybook-addon-html": "^6.1.1",
     "acorn": "^8.14.0",
-    "chromatic": "^11.25.1",
+    "chromatic": "^11.27.0",
     "eslint": "^9.19.0",
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-vue": "^9.32.0",
     "jsdoc-type-pratt-parser": "^4.1.0",
-    "nuxt": "^3.15.3",
-    "postcss": "^8.5.1",
-    "prettier": "^3.4.2",
-    "remark-gfm": "^4.0.0",
-    "storybook": "^8.5.2",
-    "svg-inline-loader": "^0.8.2",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.22.0",
-    "vite": "^6.0.11",
+    "nuxt": "^3.15.4",
+    "postcss": "^8.5.3",
+    "prettier": "^3.5.3",
+    "remark-gfm": "^4.0.1",
+    "storybook": "^8.6.3",
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.26.0",
+    "vite": "^6.2.0",
     "vue-tsc": "^2.2.0"
   },
   "readme": "ERROR: No README data found!",
diff --git a/app/pages/SearchResultsFilters.vue b/app/pages/SearchResultsFilters.vue
index 3bc237393..5dafb26c1 100644
--- a/app/pages/SearchResultsFilters.vue
+++ b/app/pages/SearchResultsFilters.vue
@@ -9,7 +9,7 @@
       <MobileMenu :showActiveNavigation="true" />
     </header>
     <main id="main-content">
-      <section class="section section--default bg--secondary-50">
+      <section class="section section--default bg--accent-01">
         <div class="container">
           <h1 class="h1">Search Results</h1>
           <div class="search search--large search--page-result">
@@ -55,7 +55,6 @@
             <div v-if="filtersAreOpen" class="search__filters__drawer">
               <Select
                 id="select-1"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Filter name"
@@ -65,7 +64,6 @@
               </Select>
               <Select
                 id="select-2"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Filter name"
@@ -75,7 +73,6 @@
               </Select>
               <Select
                 id="select-3"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Filter name"
@@ -85,7 +82,6 @@
               </Select>
               <Select
                 id="select-4"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Filter name"
@@ -95,7 +91,6 @@
               </Select>
               <Select
                 id="select-5"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Filter name"
@@ -127,7 +122,6 @@
               <div class="search-results__header__right">
                 <Select
                   id="select-6"
-                  variant="outline"
                   bare
                   size="sm"
                   name="select-name"
diff --git a/app/pages/detailEvent.vue b/app/pages/detailEvent.vue
index e4beb7902..b82328106 100644
--- a/app/pages/detailEvent.vue
+++ b/app/pages/detailEvent.vue
@@ -1,297 +1,292 @@
 <template>
-  <ClientOnly>
-    <div>
-      <AlterBodyClasses :isMobileMenuOpen="layoutStore.mobileMenuIsOpen" />
-      <header id="main-header">
-        <a href="#main-content" class="skip-to-content">Skip to main content</a>
-        <TopBar :isOpen="false" />
-        <TopHeader />
-        <DesktopMenu :showActiveNavigation="true" />
-        <MobileMenu :showActiveNavigation="true" />
-        <Breadcrumb />
-        <div class="container">
-          <Btn
-            to="/"
-            variant="outline"
-            size="sm"
-            icon="ArrowLeft"
-            iconPos="left"
-            label="Zurück"
-            class="btn--back"
-          />
-          <ShareBar />
-        </div>
-      </header>
-      <main id="main-content">
-        <Hero type="default" :meta-infos="['Veranstaltung']">
-          <template #title>
-            Symposium Extremhochwasser in der Schweiz
-          </template>
-        </Hero>
-        <section class="section section--py">
-          <div class="container container--grid gap--responsive">
-            <div class="container__main vertical-spacing">
-              <figure>
-                <picture>
-                  <source
-                    srcset="https://picsum.photos/1600/900"
-                    media="(min-width: 800px)"
-                  />
-                  <img src="https://picsum.photos/1600/900" alt="cat" />
-                </picture>
-              </figure>
+  <div>
+    <AlterBodyClasses :isMobileMenuOpen="layoutStore.mobileMenuIsOpen" />
+    <header id="main-header">
+      <a href="#main-content" class="skip-to-content">Skip to main content</a>
+      <TopBar :isOpen="false" />
+      <TopHeader />
+      <DesktopMenu :showActiveNavigation="true" />
+      <MobileMenu :showActiveNavigation="true" />
+      <Breadcrumb />
+      <div class="container">
+        <Btn
+          to="/"
+          variant="outline"
+          size="sm"
+          icon="ArrowLeft"
+          iconPos="left"
+          label="Zurück"
+          class="btn--back"
+        />
+        <ShareBar />
+      </div>
+    </header>
+    <main id="main-content">
+      <Hero type="default" :meta-infos="['Veranstaltung']">
+        <template #title> Symposium Extremhochwasser in der Schweiz </template>
+      </Hero>
+      <section class="section section--py">
+        <div class="container container--grid gap--responsive">
+          <div class="container__main vertical-spacing">
+            <figure>
+              <picture>
+                <source
+                  srcset="https://picsum.photos/1600/900"
+                  media="(min-width: 800px)"
+                />
+                <img src="https://picsum.photos/1600/900" alt="cat" />
+              </picture>
+            </figure>
 
-              <div class="container__mobile">
-                <!-- mobile only -->
-                <div class="box">
-                  <h2 class="sr-only">Event Date</h2>
-                  <div class="date" lang="de">
-                    <div class="date__wrapper">
-                      <div class="date__day">10</div>
-                      <div class="date__month">Apr</div>
-                    </div>
-                    <div class="date__separator">–</div>
-                    <div class="date__wrapper">
-                      <div class="date__day">11</div>
-                      <div class="date__month">Apr</div>
-                      <div class="date__year">2023</div>
-                    </div>
+            <div class="container__mobile">
+              <!-- mobile only -->
+              <div class="box">
+                <h2 class="sr-only">Event Date</h2>
+                <div class="date" lang="de">
+                  <div class="date__wrapper">
+                    <div class="date__day">10</div>
+                    <div class="date__month">Apr</div>
                   </div>
-                  <div class="hours">
-                    Friday 18:00 – 21:00<br />
-                    Saturday 10:00 – 17:00
+                  <div class="date__separator">–</div>
+                  <div class="date__wrapper">
+                    <div class="date__day">11</div>
+                    <div class="date__month">Apr</div>
+                    <div class="date__year">2023</div>
                   </div>
                 </div>
-                <div class="box">
-                  <Contact
-                    address1="Museum Cerny"
-                    street="Stadtbachstrasse 8A"
-                    zip="3012"
-                    city="Bern"
-                    country="CH"
-                    mapLink="https://www.google.com/maps"
-                    website="https://www.cerny.ch"
-                  />
-                </div>
-                <div class="box">
-                  <Btn
-                    to="#"
-                    variant="filled"
-                    icon-pos="right"
-                    icon="ArrowRight"
-                    label="Jetzt anmelden"
-                  />
+                <div class="hours">
+                  Friday 18:00 – 21:00<br />
+                  Saturday 10:00 – 17:00
                 </div>
               </div>
-              <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
-                euismod bibendum laoreet. Proin gravida dolor sit amet lacus
-                accumsan et viverra justo commodo. Proin sodales pulvinar
-                tempor.
-              </p>
-              <p>
-                Aenean euismod bibendum laoreet. Proin gravida dolor sit amet
-                lacus accumsan et viverra justo commodo. Proin sodales pulvinar
-                tempor.
-              </p>
+              <div class="box">
+                <Contact
+                  address1="Museum Cerny"
+                  street="Stadtbachstrasse 8A"
+                  zip="3012"
+                  city="Bern"
+                  country="CH"
+                  mapLink="https://www.google.com/maps"
+                  website="https://www.cerny.ch"
+                />
+              </div>
+              <div class="box">
+                <Btn
+                  to="#"
+                  variant="filled"
+                  icon-pos="right"
+                  icon="ArrowRight"
+                  label="Jetzt anmelden"
+                />
+              </div>
+            </div>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
+              euismod bibendum laoreet. Proin gravida dolor sit amet lacus
+              accumsan et viverra justo commodo. Proin sodales pulvinar tempor.
+            </p>
+            <p>
+              Aenean euismod bibendum laoreet. Proin gravida dolor sit amet
+              lacus accumsan et viverra justo commodo. Proin sodales pulvinar
+              tempor.
+            </p>
 
-              <h2 class="h2">Veranstaltungsdetails</h2>
+            <h2 class="h2">Veranstaltungsdetails</h2>
 
-              <div>
-                <InfoBlock title="Teilnahme&shy;bedingungen" headingLevel="h3">
-                  <div>Anmeldung zwingend.</div>
-                  <div>Anmeldefrist: 10. Dezember 2023</div>
-                </InfoBlock>
+            <div>
+              <InfoBlock title="Teilnahme&shy;bedingungen" headingLevel="h3">
+                <div>Anmeldung zwingend.</div>
+                <div>Anmeldefrist: 10. Dezember 2023</div>
+              </InfoBlock>
 
-                <InfoBlock title="Veranstaltungs&shy;sprache" headingLevel="h3">
-                  <div>Deutsch</div>
-                </InfoBlock>
+              <InfoBlock title="Veranstaltungs&shy;sprache" headingLevel="h3">
+                <div>Deutsch</div>
+              </InfoBlock>
 
-                <InfoBlock title="Referenten/-innen" headingLevel="h3">
-                  <Authors :authors="authors" bare />
-                </InfoBlock>
+              <InfoBlock title="Referenten/-innen" headingLevel="h3">
+                <Authors :authors="authors" bare />
+              </InfoBlock>
 
-                <InfoBlock title="Kontaktadresse" headingLevel="h3">
-                  <Contact
-                    title="Geoportal"
-                    address1="c/o"
-                    address2="Bundesamt für Landestopografie swisstopo"
-                    address3="KOGIS (Koordination, Geoinformation und Services )"
-                    street="Seftigenstrasse 264"
-                    zip="3084"
-                    city="Wabern"
-                    country="CH"
-                    phone="+41 31 123 45 67"
-                    fax="+41 31 123 45 67"
-                    email="info@geo.admin.ch"
-                    website="www.geo.admin.ch"
-                    :openingHours="false"
-                    :contactForm="true"
-                  />
-                </InfoBlock>
+              <InfoBlock title="Kontaktadresse" headingLevel="h3">
+                <Contact
+                  title="Geoportal"
+                  address1="c/o"
+                  address2="Bundesamt für Landestopografie swisstopo"
+                  address3="KOGIS (Koordination, Geoinformation und Services )"
+                  street="Seftigenstrasse 264"
+                  zip="3084"
+                  city="Wabern"
+                  country="CH"
+                  phone="+41 31 123 45 67"
+                  fax="+41 31 123 45 67"
+                  email="info@geo.admin.ch"
+                  website="www.geo.admin.ch"
+                  :openingHours="false"
+                  :contactForm="true"
+                />
+              </InfoBlock>
 
-                <InfoBlock title="Preise" headingLevel="h3">
-                  <table class="table table--bare">
-                    <caption class="sr-only">
-                      Prices entries
-                    </caption>
-                    <tbody>
-                      <tr>
-                        <th scope="row">Children under 12</th>
-                        <td>Free</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">Students under 18, with ID</th>
-                        <td>CHF 10.–</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">AHV</th>
-                        <td>CHF 10.–</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">Adults</th>
-                        <td>CHF 15.–</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">Families</th>
-                        <td>CHF 30.–</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">Handicapped visitors</th>
-                        <td>Free</td>
-                      </tr>
-                      <tr>
-                        <th scope="row">Swiss Museums pass</th>
-                        <td>Free</td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </InfoBlock>
+              <InfoBlock title="Preise" headingLevel="h3">
+                <table class="table table--bare">
+                  <caption class="sr-only">
+                    Prices entries
+                  </caption>
+                  <tbody>
+                    <tr>
+                      <th scope="row">Children under 12</th>
+                      <td>Free</td>
+                    </tr>
+                    <tr>
+                      <th scope="row">Students under 18, with ID</th>
+                      <td>CHF 10.–</td>
+                    </tr>
+                    <tr>
+                      <th scope="row">AHV</th>
+                      <td>CHF 10.–</td>
+                    </tr>
+                    <tr>
+                      <th scope="row">Adults</th>
+                      <td>CHF 15.–</td>
+                    </tr>
+                    <tr>
+                      <th scope="row">Families</th>
+                      <td>CHF 30.–</td>
+                    </tr>
+                    <tr>
+                      <th scope="row">Handicapped visitors</th>
+                      <td>Free</td>
+                    </tr>
+                    <tr>
+                      <th scope="row">Swiss Museums pass</th>
+                      <td>Free</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </InfoBlock>
 
-                <InfoBlock title="Unterlagen und Dokumente" headingLevel="h3">
-                  <ul class="download-items -mt-4">
-                    <li>
-                      <DownloadItem
-                        headingLevel="h3"
-                        :filename="'dummy.pdf'"
-                        title="Programm"
-                        :url="'../../../public/documents/dummy.pdf'"
-                        :type="'PDF'"
-                        :date="'22.01.2022'"
-                      />
-                    </li>
-                    <li>
-                      <DownloadItem
-                        headingLevel="h3"
-                        :filename="'image.png'"
-                        title="Handouts"
-                        description=""
-                        :url="'../../../public/images/html-structure.png'"
-                        :type="'PNG'"
-                        :date="'22.01.2022'"
-                      />
-                    </li>
-                  </ul>
-                </InfoBlock>
-              </div>
+              <InfoBlock title="Unterlagen und Dokumente" headingLevel="h3">
+                <ul class="download-items -mt-4">
+                  <li>
+                    <DownloadItem
+                      headingLevel="h3"
+                      filename="dummy.pdf"
+                      title="Programm"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="22.01.2022"
+                    />
+                  </li>
+                  <li>
+                    <DownloadItem
+                      headingLevel="h3"
+                      filename="image.png"
+                      title="Handouts"
+                      description=""
+                      url="/images/html-structure.png"
+                      type="PNG"
+                      date="22.01.2022"
+                    />
+                  </li>
+                </ul>
+              </InfoBlock>
+            </div>
 
-              <div>
-                <h2 class="h2">FAQ</h2>
-                <Accordion id="100">
-                  <AccordionItem
-                    id="10"
-                    title="Was sind Geodaten?"
-                    headingLevel="h3"
-                  >
-                    <p>
-                      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                      Aenean euismod bibendum laoreet. Proin gravida dolor
-                    </p>
-                  </AccordionItem>
-                  <AccordionItem
-                    id="11"
-                    title="Was sind Geoinformationen?"
-                    headingLevel="h3"
-                  >
-                    <p>
-                      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                      Aenean euismod bibendum laoreet. Proin gravida dolor
-                    </p>
-                  </AccordionItem>
-                </Accordion>
-              </div>
+            <div>
+              <h2 class="h2">FAQ</h2>
+              <Accordion id="100">
+                <AccordionItem
+                  id="10"
+                  title="Was sind Geodaten?"
+                  headingLevel="h3"
+                >
+                  <p>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                    Aenean euismod bibendum laoreet. Proin gravida dolor
+                  </p>
+                </AccordionItem>
+                <AccordionItem
+                  id="11"
+                  title="Was sind Geoinformationen?"
+                  headingLevel="h3"
+                >
+                  <p>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                    Aenean euismod bibendum laoreet. Proin gravida dolor
+                  </p>
+                </AccordionItem>
+              </Accordion>
+            </div>
 
-              <div>
-                <h2 class="h2">Themen</h2>
-                <RelatedTags :tags="tags" bare />
-              </div>
+            <div>
+              <h2 class="h2">Themen</h2>
+              <RelatedTags :tags="tags" bare />
             </div>
-            <div class="container__aside hidden md:block">
-              <div id="aside-content" :class="computedAsideContainerClass">
-                <!-- desktop only -->
-                <div class="box">
-                  <h2 class="sr-only">Event Date</h2>
-                  <div class="date" lang="de">
-                    <div class="date__wrapper">
-                      <div class="date__day">10</div>
-                      <div class="date__month">Apr</div>
-                    </div>
-                    <div class="date__separator">–</div>
-                    <div class="date__wrapper">
-                      <div class="date__day">11</div>
-                      <div class="date__month">Apr</div>
-                      <div class="date__year">2023</div>
-                    </div>
+          </div>
+          <div class="container__aside hidden md:block">
+            <div id="aside-content" :class="computedAsideContainerClass">
+              <!-- desktop only -->
+              <div class="box">
+                <h2 class="sr-only">Event Date</h2>
+                <div class="date" lang="de">
+                  <div class="date__wrapper">
+                    <div class="date__day">10</div>
+                    <div class="date__month">Apr</div>
                   </div>
-                  <div class="hours">
-                    Friday 18:00 – 21:00<br />
-                    Saturday 10:00 – 17:00
+                  <div class="date__separator">–</div>
+                  <div class="date__wrapper">
+                    <div class="date__day">11</div>
+                    <div class="date__month">Apr</div>
+                    <div class="date__year">2023</div>
                   </div>
                 </div>
-                <div class="box">
-                  <Contact
-                    address1="Museum Cerny"
-                    street="Stadtbachstrasse 8A"
-                    zip="3012"
-                    city="Bern"
-                    country="CH"
-                    mapLink="https://www.google.com/maps"
-                    website="https://www.cerny.ch"
-                  />
-                </div>
-                <div class="box">
-                  <Btn
-                    to="#"
-                    variant="filled"
-                    icon-pos="right"
-                    icon="ArrowRight"
-                    label="Jetzt anmelden"
-                  />
+                <div class="hours">
+                  Friday 18:00 – 21:00<br />
+                  Saturday 10:00 – 17:00
                 </div>
               </div>
+              <div class="box">
+                <Contact
+                  address1="Museum Cerny"
+                  street="Stadtbachstrasse 8A"
+                  zip="3012"
+                  city="Bern"
+                  country="CH"
+                  mapLink="https://www.google.com/maps"
+                  website="https://www.cerny.ch"
+                />
+              </div>
+              <div class="box">
+                <Btn
+                  to="#"
+                  variant="filled"
+                  icon-pos="right"
+                  icon="ArrowRight"
+                  label="Jetzt anmelden"
+                />
+              </div>
             </div>
           </div>
-        </section>
-        <section class="section section--default">
-          <div class="container">
-            <Btn
-              to="/"
-              variant="outline"
-              size="sm"
-              icon="ArrowLeft"
-              iconPos="left"
-              label="Zurück"
-              class="btn--back"
-            />
-          </div>
-        </section>
-      </main>
-      <footer id="main-footer" class="footer">
-        <FooterInformation />
-        <FooterNavigation />
-      </footer>
-    </div>
-  </ClientOnly>
+        </div>
+      </section>
+      <section class="section section--default">
+        <div class="container">
+          <Btn
+            to="/"
+            variant="outline"
+            size="sm"
+            icon="ArrowLeft"
+            iconPos="left"
+            label="Zurück"
+            class="btn--back"
+          />
+        </div>
+      </section>
+    </main>
+    <footer id="main-footer" class="footer">
+      <FooterInformation />
+      <FooterNavigation />
+    </footer>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/app/pages/detailPageAnchorNav.vue b/app/pages/detailPageAnchorNav.vue
index 523576028..9807b5b0e 100644
--- a/app/pages/detailPageAnchorNav.vue
+++ b/app/pages/detailPageAnchorNav.vue
@@ -1,33 +1,89 @@
 <template>
-  <ClientOnly>
-    <div>
-      <AlterBodyClasses :isMobileMenuOpen="layoutStore.mobileMenuIsOpen" />
-      <header id="main-header">
-        <a href="#main-content" class="skip-to-content">Skip to main content</a>
-        <TopBar :isOpen="false" />
-        <TopHeader />
-        <DesktopMenu :showActiveNavigation="true" />
-        <MobileMenu :showActiveNavigation="true" />
-        <Breadcrumb />
-        <div class="container">
-          <ShareBar />
-        </div>
-      </header>
-      <main id="main-content">
-        <Hero type="default">
-          <template #title>
-            Web Mapping Services WMS: Verfügbare Dienste und Daten
-          </template>
-          <template #description>
-            Das Konzept des INTERLIS Model Repository sieht vor, Datenmodelle
-            als http-Ressource nutzbar zu machen. Dabei werden die
-            INTERLIS-Modelldateien auf einem Webserver abgelegt, und können
-            beispielsweise vom FME-Plugin «ili2fme» direkt benutzt werden. Der
-            Vorteil für einen Benutzer liegt darin, dass die Modelldateien und
-            evtl. weitere importierte Datenmodelle nicht lokal vorhanden sein
-            müssen.
-          </template>
-          <template #image>
+  <div>
+    <AlterBodyClasses :isMobileMenuOpen="layoutStore.mobileMenuIsOpen" />
+    <header id="main-header">
+      <a href="#main-content" class="skip-to-content">Skip to main content</a>
+      <TopBar :isOpen="false" />
+      <TopHeader />
+      <DesktopMenu :showActiveNavigation="true" />
+      <MobileMenu :showActiveNavigation="true" />
+      <Breadcrumb />
+      <div class="container">
+        <ShareBar />
+      </div>
+    </header>
+    <main id="main-content">
+      <Hero type="default">
+        <template #title>
+          Web Mapping Services WMS: Verfügbare Dienste und Daten
+        </template>
+        <template #description>
+          Das Konzept des INTERLIS Model Repository sieht vor, Datenmodelle als
+          http-Ressource nutzbar zu machen. Dabei werden die
+          INTERLIS-Modelldateien auf einem Webserver abgelegt, und können
+          beispielsweise vom FME-Plugin «ili2fme» direkt benutzt werden. Der
+          Vorteil für einen Benutzer liegt darin, dass die Modelldateien und
+          evtl. weitere importierte Datenmodelle nicht lokal vorhanden sein
+          müssen.
+        </template>
+        <template #image>
+          <figure>
+            <picture>
+              <source
+                srcset="https://picsum.photos/1600/900"
+                media="(min-width: 800px)"
+              />
+              <img src="https://picsum.photos/1600/1200" alt="cat" />
+            </picture>
+            <figcaption>
+              Datenmodelle als http-Ressource nutzbar zu machen.
+              —&nbsp;©&nbsp;Photograph Name
+            </figcaption>
+          </figure>
+        </template>
+      </Hero>
+      <section class="section section--py">
+        <div
+          class="container container--grid container--reverse-mobile gap--responsive"
+        >
+          <div class="container__main vertical-spacing">
+            <h2 id="einleitung" class="h2">Einleitung</h2>
+            <p>
+              Über den Kontakt models@geo.admin.ch können die Modelldatei und
+              die Modelldokumentation zur Publikation eingereicht werden.
+            </p>
+            <p>
+              Über den Kontakt models@geo.admin.ch können die Modelldatei und
+              die Modelldokumentation eingereicht werden.
+            </p>
+
+            <figure>
+              <picture>
+                <source
+                  srcset="https://picsum.photos/1600/900"
+                  media="(min-width: 800px)"
+                />
+                <img src="https://picsum.photos/1600/900" alt="cat" />
+              </picture>
+              <figcaption>
+                Image label here —&nbsp;©&nbsp;Photograph Name
+              </figcaption>
+            </figure>
+            <h2 id="datenmodell-ablage" class="h2">
+              Datenmodellablage ansehen
+            </h2>
+            <p>
+              Der Modellkatalog kann unter
+              <a href="#">models.geo.admin.ch</a> angesehen werden. Ein neues
+              «minimales Geodatenmodell» in der Datenmodellablage publizieren.
+              Für die Publikation der «minimalen Geodatenmodelle» besteht kein
+              direkter Online-Zugang. Die Datenmodellablage ist moderiert und
+              die Erfassung neuer Datenmodelle wird durch GKG/KOGIS vorgenommen.
+              Entsprechend der Empfehlungen zur Modellierung wird die
+              Modelldokumentation veröffentlicht oder verlinkt. Die
+              INTERLIS-Modelldatei wird in jedem Fall in die Datenmodellablage
+              eingepflegt.
+            </p>
             <figure>
               <picture>
                 <source
@@ -41,185 +97,127 @@
                 —&nbsp;©&nbsp;Photograph Name
               </figcaption>
             </figure>
-          </template>
-        </Hero>
-        <section class="section section--py">
-          <div
-            class="container container--grid container--reverse-mobile gap--responsive"
-          >
-            <div class="container__main vertical-spacing">
-              <h2 id="einleitung" class="h2">Einleitung</h2>
-              <p>
-                Über den Kontakt models@geo.admin.ch können die Modelldatei und
-                die Modelldokumentation zur Publikation eingereicht werden.
-              </p>
-              <p>
-                Über den Kontakt models@geo.admin.ch können die Modelldatei und
-                die Modelldokumentation eingereicht werden.
-              </p>
+            <p>
+              Der Modellkatalog kann unter
+              <a href="#">models.geo.admin.ch</a> angesehen werden. Ein neues
+              «minimales Geodatenmodell» in der Datenmodellablage publizieren.
+              Für die Publikation der «minimalen Geodatenmodelle» besteht kein
+              direkter Online-Zugang. Die Datenmodellablage ist moderiert und
+              die Erfassung neuer Datenmodelle wird durch GKG/KOGIS vorgenommen.
+              Entsprechend der Empfehlungen zur Modellierung wird die
+              Modelldokumentation veröffentlicht oder verlinkt. Die
+              INTERLIS-Modelldatei wird in jedem Fall in die Datenmodellablage
+              eingepflegt.
+            </p>
+            <h2 id="dokumente" class="h2">Weitere Informationen</h2>
 
-              <figure>
-                <picture>
-                  <source
-                    srcset="https://picsum.photos/1600/900"
-                    media="(min-width: 800px)"
-                  />
-                  <img src="https://picsum.photos/1600/900" alt="cat" />
-                </picture>
-                <figcaption>
-                  Image label here —&nbsp;©&nbsp;Photograph Name
-                </figcaption>
-              </figure>
-              <h2 id="datenmodell-ablage" class="h2">
-                Datenmodellablage ansehen
-              </h2>
-              <p>
-                Der Modellkatalog kann unter
-                <a href="#">models.geo.admin.ch</a> angesehen werden. Ein neues
-                «minimales Geodatenmodell» in der Datenmodellablage publizieren.
-                Für die Publikation der «minimalen Geodatenmodelle» besteht kein
-                direkter Online-Zugang. Die Datenmodellablage ist moderiert und
-                die Erfassung neuer Datenmodelle wird durch GKG/KOGIS
-                vorgenommen. Entsprechend der Empfehlungen zur Modellierung wird
-                die Modelldokumentation veröffentlicht oder verlinkt. Die
-                INTERLIS-Modelldatei wird in jedem Fall in die Datenmodellablage
-                eingepflegt.
-              </p>
-              <figure>
-                <picture>
-                  <source
-                    srcset="https://picsum.photos/1600/900"
-                    media="(min-width: 800px)"
-                  />
-                  <img src="https://picsum.photos/1600/1200" alt="cat" />
-                </picture>
-                <figcaption>
-                  Datenmodelle als http-Ressource nutzbar zu machen.
-                  —&nbsp;©&nbsp;Photograph Name
-                </figcaption>
-              </figure>
-              <p>
-                Der Modellkatalog kann unter
-                <a href="#">models.geo.admin.ch</a> angesehen werden. Ein neues
-                «minimales Geodatenmodell» in der Datenmodellablage publizieren.
-                Für die Publikation der «minimalen Geodatenmodelle» besteht kein
-                direkter Online-Zugang. Die Datenmodellablage ist moderiert und
-                die Erfassung neuer Datenmodelle wird durch GKG/KOGIS
-                vorgenommen. Entsprechend der Empfehlungen zur Modellierung wird
-                die Modelldokumentation veröffentlicht oder verlinkt. Die
-                INTERLIS-Modelldatei wird in jedem Fall in die Datenmodellablage
-                eingepflegt.
-              </p>
-              <h2 id="dokumente" class="h2">Weitere Informationen</h2>
-
-              <Accordion id="12345">
-                <AccordionItem
-                  id="10"
-                  title="Medienmitteilungen"
-                  headingLevel="h3"
-                >
-                  <h3 class="h5">Title</h3>
-                  <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                    Aenean euismod bibendum laoreet. Proin gravida dolor
-                  </p>
-                </AccordionItem>
-                <AccordionItem id="11" title="Interviews" headingLevel="h3">
-                  <h3 class="h5">Title</h3>
-                  <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                    Aenean euismod bibendum laoreet. Proin gravida dolor
-                  </p>
-                </AccordionItem>
-                <AccordionItem
-                  id="12"
-                  title="Dokumente und Downloads"
-                  headingLevel="h3"
-                >
-                  <h3 class="h5">Title</h3>
-                  <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                    Aenean euismod bibendum laoreet. Proin gravida dolor
-                  </p>
-                </AccordionItem>
-                <AccordionItem id="13" title="Reden" headingLevel="h3">
-                  <h3 class="h5">Title</h3>
-                  <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                    Aenean euismod bibendum laoreet. Proin gravida dolor
-                  </p>
-                </AccordionItem>
-                <AccordionItem
-                  id="14"
-                  title="Gesetze und Verordnungen"
-                  headingLevel="h3"
-                >
-                  <h3 class="h5">Title</h3>
-                  <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                    Aenean euismod bibendum laoreet. Proin gravida dolor
-                  </p>
-                </AccordionItem>
-              </Accordion>
-            </div>
-            <div class="container__aside">
-              <div id="aside-content" :class="computedAsideContainerClass">
-                <Card type="default">
-                  <template #title>
-                    <h2>Inhaltverzeichnis</h2>
-                  </template>
-                  <template #description>
-                    <ul class="menu text--sm">
-                      <li>
-                        <a
-                          href="#einleitung"
-                          class="menu__item menu__item--border menu__item--condensed"
-                        >
-                          <div>Einleitung</div>
-                          <SvgIcon
-                            icon="ArrowAngleBottomLeft"
-                            class="menu__item__icon"
-                          />
-                        </a>
-                      </li>
-                      <li>
-                        <a
-                          href="#datenmodell-ablage"
-                          class="menu__item menu__item--border menu__item--condensed"
-                        >
-                          <div>Datenmodellablage ansehen</div>
-                          <SvgIcon
-                            icon="ArrowAngleBottomLeft"
-                            class="menu__item__icon"
-                          />
-                        </a>
-                      </li>
-                      <li>
-                        <a
-                          href="#dokumente"
-                          class="menu__item menu__item--border menu__item--condensed"
-                        >
-                          <div>Weitere Informationen</div>
-                          <SvgIcon
-                            icon="ArrowAngleBottomLeft"
-                            class="menu__item__icon"
-                          />
-                        </a>
-                      </li>
-                    </ul>
-                  </template>
-                </Card>
-              </div>
+            <Accordion id="12345">
+              <AccordionItem
+                id="10"
+                title="Medienmitteilungen"
+                headingLevel="h3"
+              >
+                <h3 class="h5">Title</h3>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                  Aenean euismod bibendum laoreet. Proin gravida dolor
+                </p>
+              </AccordionItem>
+              <AccordionItem id="11" title="Interviews" headingLevel="h3">
+                <h3 class="h5">Title</h3>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                  Aenean euismod bibendum laoreet. Proin gravida dolor
+                </p>
+              </AccordionItem>
+              <AccordionItem
+                id="12"
+                title="Dokumente und Downloads"
+                headingLevel="h3"
+              >
+                <h3 class="h5">Title</h3>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                  Aenean euismod bibendum laoreet. Proin gravida dolor
+                </p>
+              </AccordionItem>
+              <AccordionItem id="13" title="Reden" headingLevel="h3">
+                <h3 class="h5">Title</h3>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                  Aenean euismod bibendum laoreet. Proin gravida dolor
+                </p>
+              </AccordionItem>
+              <AccordionItem
+                id="14"
+                title="Gesetze und Verordnungen"
+                headingLevel="h3"
+              >
+                <h3 class="h5">Title</h3>
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                  Aenean euismod bibendum laoreet. Proin gravida dolor
+                </p>
+              </AccordionItem>
+            </Accordion>
+          </div>
+          <div class="container__aside">
+            <div id="aside-content" :class="computedAsideContainerClass">
+              <Card type="default">
+                <template #title>
+                  <h2>Inhaltverzeichnis</h2>
+                </template>
+                <template #description>
+                  <ul class="menu text--sm">
+                    <li>
+                      <a
+                        href="#einleitung"
+                        class="menu__item menu__item--border menu__item--condensed"
+                      >
+                        <div>Einleitung</div>
+                        <SvgIcon
+                          icon="ArrowAngleBottomLeft"
+                          class="menu__item__icon"
+                        />
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="#datenmodell-ablage"
+                        class="menu__item menu__item--border menu__item--condensed"
+                      >
+                        <div>Datenmodellablage ansehen</div>
+                        <SvgIcon
+                          icon="ArrowAngleBottomLeft"
+                          class="menu__item__icon"
+                        />
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="#dokumente"
+                        class="menu__item menu__item--border menu__item--condensed"
+                      >
+                        <div>Weitere Informationen</div>
+                        <SvgIcon
+                          icon="ArrowAngleBottomLeft"
+                          class="menu__item__icon"
+                        />
+                      </a>
+                    </li>
+                  </ul>
+                </template>
+              </Card>
             </div>
           </div>
-        </section>
-      </main>
-      <footer id="main-footer" class="footer">
-        <FooterInformation />
-        <FooterNavigation />
-      </footer>
-    </div>
-  </ClientOnly>
+        </div>
+      </section>
+    </main>
+    <footer id="main-footer" class="footer">
+      <FooterInformation />
+      <FooterNavigation />
+    </footer>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/app/pages/detailPageComplex.vue b/app/pages/detailPageComplex.vue
index 0c3fb8ce0..15ba7aa45 100644
--- a/app/pages/detailPageComplex.vue
+++ b/app/pages/detailPageComplex.vue
@@ -1,454 +1,451 @@
 <template>
-  <ClientOnly>
-    <div>
-      <AlterBodyClasses :isMobileMenuOpen="layoutStore.mobileMenuIsOpen" />
-      <header id="main-header">
-        <a href="#main-content" class="skip-to-content">Skip to main content</a>
-        <TopBar :isOpen="false" />
-        <TopHeader />
-        <DesktopMenu :showActiveNavigation="true" />
-        <MobileMenu :showActiveNavigation="true" />
-        <Breadcrumb />
+  <div>
+    <AlterBodyClasses :isMobileMenuOpen="layoutStore.mobileMenuIsOpen" />
+    <header id="main-header">
+      <a href="#main-content" class="skip-to-content">Skip to main content</a>
+      <TopBar :isOpen="false" />
+      <TopHeader />
+      <DesktopMenu :showActiveNavigation="true" />
+      <MobileMenu :showActiveNavigation="true" />
+      <Breadcrumb />
+      <div class="container">
+        <ShareBar />
+      </div>
+    </header>
+    <main id="main-content">
+      <Hero type="main-image">
+        <template #image>
+          <picture>
+            <source
+              srcset="https://picsum.photos/1200/900"
+              media="(min-width: 800px)"
+            />
+            <img src="https://picsum.photos/900/600" alt="cat" />
+          </picture>
+        </template>
+        <template #title>
+          Eidgenössisches Departement für Verteidigung, Bevölkerungsschutz und
+          Sport
+        </template>
+        <template #description>
+          Das Eidgenössische Departement für Verteidigung, Bevölkerungsschutz
+          und Sport (VBS) beschäftigt sich hauptsächlich mit militärischen
+          Fragen. Geleitet wird es seit Anfang 2019 von Viola Amherd.
+        </template>
+        <template #cta>
+          <Btn
+            to="#"
+            variant="outline"
+            icon-pos="right"
+            icon="ArrowRight"
+            label="Unsere Dienstleistungen"
+          />
+          <Btn
+            to="#"
+            variant="outline"
+            icon-pos="right"
+            icon="ArrowRight"
+            label="Über uns"
+          />
+        </template>
+      </Hero>
+      <section class="section bg--accent-01">
         <div class="container">
-          <ShareBar />
+          <div class="grid grid--responsive-cols-4 gap--responsive">
+            <Card type="default">
+              <template #title>
+                <h3>Card example</h3>
+              </template>
+              <template #description>
+                <p>
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  Lorem ipsum dolor sit amet.
+                </p>
+              </template>
+            </Card>
+            <Card type="default">
+              <template #title>
+                <h3>Card example</h3>
+              </template>
+              <template #description>
+                <p>
+                  Sed onsetetur sadipscing elitr ipsum dolor sit amet,
+                  consetetur sadipscing elitr, sed Lorem ipsum dolor sit amet,
+                  consetetur sadipscing elitr, sed
+                </p>
+              </template>
+            </Card>
+            <Card type="default">
+              <template #title>
+                <h3>Card example</h3>
+              </template>
+              <template #description>
+                <p>
+                  Consetetur sadipscing elitr sadipscing elitr, sed Lorem ipsum
+                  dolor sit amet, consetetur sadipscing elitr, sed Lorem ipsum
+                  dolor sit amet, consetetur sadipscing elitr, sed Lorem ipsum
+                  dolor sit amet.
+                </p>
+              </template>
+            </Card>
+            <Card type="default">
+              <template #title>
+                <h3>Card example</h3>
+              </template>
+              <template #description>
+                <p>
+                  Vonsetetur sadipscing elitr, onsetetur sadipscing elitr sed
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                </p>
+              </template>
+            </Card>
+          </div>
         </div>
-      </header>
-      <main id="main-content">
-        <Hero type="main-image">
-          <template #image>
-            <picture>
-              <source
-                srcset="https://picsum.photos/1200/900"
-                media="(min-width: 800px)"
-              />
-              <img src="https://picsum.photos/900/600" alt="cat" />
-            </picture>
-          </template>
-          <template #title>
-            Eidgenössisches Departement für Verteidigung, Bevölkerungsschutz und
-            Sport
-          </template>
-          <template #description>
-            Das Eidgenössische Departement für Verteidigung, Bevölkerungsschutz
-            und Sport (VBS) beschäftigt sich hauptsächlich mit militärischen
-            Fragen. Geleitet wird es seit Anfang 2019 von Viola Amherd.
-          </template>
-          <template #cta>
-            <Btn
-              to="#"
-              variant="outline"
-              icon-pos="right"
-              icon="ArrowRight"
-              label="Unsere Dienstleistungen"
-            />
-            <Btn
-              to="#"
-              variant="outline"
-              icon-pos="right"
-              icon="ArrowRight"
-              label="Über uns"
-            />
-          </template>
-        </Hero>
-        <section class="section bg--secondary-50">
-          <div class="container">
-            <div class="grid grid--responsive-cols-4 gap--responsive">
+      </section>
+      <section class="section section--default">
+        <div class="container container--grid gap--responsive">
+          <div class="container__main vertical-spacing">
+            <h2 class="h2">
+              Ein neues «minimales Geodatenmodell» in der Datenmodellablage
+              publizieren
+            </h2>
+            <p>
+              Über den Kontakt models@geo.admin.ch können die
+              INTERLIS-Modelldatei und die Modelldokumentation (als PDF
+              Dokument) zur Publikation eingereicht werden.
+            </p>
+            <p>
+              Über den Kontakt models@geo.admin.ch können die
+              INTERLIS-Modelldatei und die Modelldokumentation (als PDF
+              Dokument) zur Publikation eingereicht werden.
+            </p>
+
+            <figure>
+              <picture>
+                <source
+                  srcset="https://picsum.photos/1600/900"
+                  media="(min-width: 800px)"
+                />
+                <img src="https://picsum.photos/1600/900" alt="cat" />
+              </picture>
+              <figcaption>
+                Image label here —&nbsp;©&nbsp;Photograph Name
+              </figcaption>
+            </figure>
+            <h2 class="h2">Datenmodellablage ansehen</h2>
+            <p>
+              Der Modellkatalog kann unter
+              <a href="#">models.geo.admin.ch</a> angesehen werden. Ein neues
+              «minimales Geodatenmodell» in der Datenmodellablage publizieren.
+              Für die Publikation der «minimalen Geodatenmodelle» besteht kein
+              direkter Online-Zugang. Die Datenmodellablage ist moderiert und
+              die Erfassung neuer Datenmodelle wird durch GKG/KOGIS vorgenommen.
+              Entsprechend der Empfehlungen zur Modellierung wird die
+              Modelldokumentation veröffentlicht oder verlinkt. Die
+              INTERLIS-Modelldatei wird in jedem Fall in die Datenmodellablage
+              eingepflegt.
+            </p>
+            <figure>
+              <div class="ratio ratio--16/9">
+                <iframe
+                  width="560"
+                  height="315"
+                  src="https://www.youtube-nocookie.com/embed/vIG4cKz7ukM"
+                  title="Geoinformation - Alles findet irgendwo statt — © Swiss Geoportal"
+                  frameborder="0"
+                />
+              </div>
+              <figcaption>
+                Geoinformation - Alles findet irgendwo statt — © Swiss
+                Geoportal
+              </figcaption>
+            </figure>
+            <p>
+              Der Modellkatalog kann unter
+              <a href="#">models.geo.admin.ch</a> angesehen werden. Ein neues
+              «minimales Geodatenmodell» in der Datenmodellablage publizieren.
+              Für die Publikation der «minimalen Geodatenmodelle» besteht kein
+              direkter Online-Zugang. Die Datenmodellablage ist moderiert und
+              die Erfassung neuer Datenmodelle wird durch GKG/KOGIS vorgenommen.
+              Entsprechend der Empfehlungen zur Modellierung wird die
+              Modelldokumentation veröffentlicht oder verlinkt. Die
+              INTERLIS-Modelldatei wird in jedem Fall in die Datenmodellablage
+              eingepflegt.
+            </p>
+          </div>
+          <div class="container__aside">
+            <div id="aside-content" :class="computedAsideContainerClass">
               <Card type="default">
+                <!--template v-slot:image>
+                  <img src="https://picsum.photos/775/350" alt="cat">
+                </template-->
                 <template #title>
-                  <h3>Card example</h3>
+                  <h3>Side notes, can be sticky</h3>
                 </template>
                 <template #description>
                   <p>
                     Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
                     Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                    Lorem ipsum dolor sit amet.
-                  </p>
-                </template>
-              </Card>
-              <Card type="default">
-                <template #title>
-                  <h3>Card example</h3>
-                </template>
-                <template #description>
-                  <p>
-                    Sed onsetetur sadipscing elitr ipsum dolor sit amet,
-                    consetetur sadipscing elitr, sed Lorem ipsum dolor sit amet,
-                    consetetur sadipscing elitr, sed
-                  </p>
-                </template>
-              </Card>
-              <Card type="default">
-                <template #title>
-                  <h3>Card example</h3>
-                </template>
-                <template #description>
-                  <p>
-                    Consetetur sadipscing elitr sadipscing elitr, sed Lorem
-                    ipsum dolor sit amet, consetetur sadipscing elitr, sed Lorem
-                    ipsum dolor sit amet, consetetur sadipscing elitr, sed Lorem
-                    ipsum dolor sit amet.
-                  </p>
-                </template>
-              </Card>
-              <Card type="default">
-                <template #title>
-                  <h3>Card example</h3>
-                </template>
-                <template #description>
-                  <p>
-                    Vonsetetur sadipscing elitr, onsetetur sadipscing elitr sed
+                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
                     Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
                   </p>
                 </template>
-              </Card>
-            </div>
-          </div>
-        </section>
-        <section class="section section--default">
-          <div class="container container--grid gap--responsive">
-            <div class="container__main vertical-spacing">
-              <h2 class="h2">
-                Ein neues «minimales Geodatenmodell» in der Datenmodellablage
-                publizieren
-              </h2>
-              <p>
-                Über den Kontakt models@geo.admin.ch können die
-                INTERLIS-Modelldatei und die Modelldokumentation (als PDF
-                Dokument) zur Publikation eingereicht werden.
-              </p>
-              <p>
-                Über den Kontakt models@geo.admin.ch können die
-                INTERLIS-Modelldatei und die Modelldokumentation (als PDF
-                Dokument) zur Publikation eingereicht werden.
-              </p>
-
-              <figure>
-                <picture>
-                  <source
-                    srcset="https://picsum.photos/1600/900"
-                    media="(min-width: 800px)"
+                <template #footerAction>
+                  <Btn
+                    to="#"
+                    variant="outline"
+                    icon-pos="only"
+                    icon="ArrowRight"
+                    label="Weiterlesen"
                   />
-                  <img src="https://picsum.photos/1600/900" alt="cat" />
-                </picture>
-                <figcaption>
-                  Image label here —&nbsp;©&nbsp;Photograph Name
-                </figcaption>
-              </figure>
-              <h2 class="h2">Datenmodellablage ansehen</h2>
-              <p>
-                Der Modellkatalog kann unter
-                <a href="#">models.geo.admin.ch</a> angesehen werden. Ein neues
-                «minimales Geodatenmodell» in der Datenmodellablage publizieren.
-                Für die Publikation der «minimalen Geodatenmodelle» besteht kein
-                direkter Online-Zugang. Die Datenmodellablage ist moderiert und
-                die Erfassung neuer Datenmodelle wird durch GKG/KOGIS
-                vorgenommen. Entsprechend der Empfehlungen zur Modellierung wird
-                die Modelldokumentation veröffentlicht oder verlinkt. Die
-                INTERLIS-Modelldatei wird in jedem Fall in die Datenmodellablage
-                eingepflegt.
-              </p>
-              <figure>
-                <div class="ratio ratio--16/9">
-                  <iframe
-                    width="560"
-                    height="315"
-                    src="//www.youtube-nocookie.com/embed/vIG4cKz7ukM"
-                    title="Geoinformation - Alles findet irgendwo statt — © Swiss Geoportal"
-                    frameborder="0"
-                  />
-                </div>
-                <figcaption>
-                  Geoinformation - Alles findet irgendwo statt — © Swiss
-                  Geoportal
-                </figcaption>
-              </figure>
-              <p>
-                Der Modellkatalog kann unter
-                <a href="#">models.geo.admin.ch</a> angesehen werden. Ein neues
-                «minimales Geodatenmodell» in der Datenmodellablage publizieren.
-                Für die Publikation der «minimalen Geodatenmodelle» besteht kein
-                direkter Online-Zugang. Die Datenmodellablage ist moderiert und
-                die Erfassung neuer Datenmodelle wird durch GKG/KOGIS
-                vorgenommen. Entsprechend der Empfehlungen zur Modellierung wird
-                die Modelldokumentation veröffentlicht oder verlinkt. Die
-                INTERLIS-Modelldatei wird in jedem Fall in die Datenmodellablage
-                eingepflegt.
-              </p>
-            </div>
-            <div class="container__aside">
-              <div id="aside-content" :class="computedAsideContainerClass">
-                <Card type="default">
-                  <!--template v-slot:image>
-                  <img src="https://picsum.photos/775/350" alt="cat">
-                </template-->
-                  <template #title>
-                    <h3>Side notes, can be sticky</h3>
-                  </template>
-                  <template #description>
-                    <p>
-                      Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
-                      sed Lorem ipsum dolor sit amet, consetetur sadipscing
-                      elitr, sed Lorem ipsum dolor sit amet, consetetur
-                      sadipscing elitr, sed Lorem ipsum dolor sit amet,
-                      consetetur sadipscing elitr, sed
-                    </p>
-                  </template>
-                  <template #footerAction>
-                    <Btn
-                      to="#"
-                      variant="outline"
-                      icon-pos="only"
-                      icon="ArrowRight"
-                      label="Weiterlesen"
-                    />
-                  </template>
-                </Card>
-                <Newsletter
-                  type="default"
-                  state="default"
-                  title="Abonnieren Sie unseren Newsletter"
-                  text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo"
-                  input-label="E-Mail"
-                  button-label="Newsletter abonnieren"
-                  success-text="Danke für Ihre Anmeldung. Sie sollten gerade eine Email bekommen haben.  <strong>Bitte klicken sie den enthaltenen Link um die Anmeldung zu abschliessen.</strong>"
-                />
-              </div>
+                </template>
+              </Card>
+              <Newsletter
+                type="default"
+                state="default"
+                title="Abonnieren Sie unseren Newsletter"
+                text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo"
+                input-label="E-Mail"
+                button-label="Newsletter abonnieren"
+                success-text="Danke für Ihre Anmeldung. Sie sollten gerade eine Email bekommen haben.  <strong>Bitte klicken sie den enthaltenen Link um die Anmeldung zu abschliessen.</strong>"
+              />
             </div>
           </div>
-        </section>
+        </div>
+      </section>
 
-        <QuoteSection
-          quote="Begin anywhere."
-          author="John Cage"
-          :image="{
-            src: 'https://upload.wikimedia.org/wikipedia/commons/thumb/2/23/John_Cage_%281988%29.jpg/576px-John_Cage_%281988%29.jpg',
-            width: '400',
-            height: '400',
-            alt: 'image name',
-            source: {
-              srcset:
-                'https://upload.wikimedia.org/wikipedia/commons/thumb/2/23/John_Cage_%281988%29.jpg/768px-John_Cage_%281988%29.jpg',
-              width: '800',
-              height: '800',
-              media: '(min-width: 1024px)',
-            },
-          }"
-        />
+      <QuoteSection
+        quote="Begin anywhere."
+        author="John Cage"
+        :image="{
+          src: 'https://upload.wikimedia.org/wikipedia/commons/thumb/2/23/John_Cage_%281988%29.jpg/576px-John_Cage_%281988%29.jpg',
+          width: '400',
+          height: '400',
+          alt: 'image name',
+          source: {
+            srcset:
+              'https://upload.wikimedia.org/wikipedia/commons/thumb/2/23/John_Cage_%281988%29.jpg/768px-John_Cage_%281988%29.jpg',
+            width: '800',
+            height: '800',
+            media: '(min-width: 1024px)',
+          },
+        }"
+      />
 
-        <section class="section section--default">
-          <div class="container container--grid gap--responsive">
-            <div class="container__center--xs vertical-spacing">
-              <h2 class="h2">Table within .container__center--xs</h2>
-              <TableSortable
-                id="1"
-                caption="This table is larger than its container"
-                :displayCaption="true"
-              />
-            </div>
+      <section class="section section--default">
+        <div class="container container--grid gap--responsive">
+          <div class="container__center--xs vertical-spacing">
+            <h2 class="h2">Table within .container__center--xs</h2>
+            <TableSortable
+              id="1"
+              caption="This table is larger than its container"
+              :displayCaption="true"
+            />
           </div>
-        </section>
+        </div>
+      </section>
 
-        <section class="section section--default">
-          <div class="container container--grid gap--responsive">
-            <div class="container__center--sm vertical-spacing">
-              <h2 class="h2">Table within .container__center--sm</h2>
-              <TableSortable
-                id="2"
-                caption="This table is larger than its container"
-                :displayCaption="true"
-              />
-            </div>
+      <section class="section section--default">
+        <div class="container container--grid gap--responsive">
+          <div class="container__center--sm vertical-spacing">
+            <h2 class="h2">Table within .container__center--sm</h2>
+            <TableSortable
+              id="2"
+              caption="This table is larger than its container"
+              :displayCaption="true"
+            />
           </div>
-        </section>
+        </div>
+      </section>
 
-        <section class="section section--default">
-          <div class="container container--grid gap--responsive">
-            <div class="container__center--md vertical-spacing">
-              <h2 class="h2">Table within .container__center--md</h2>
-              <TableSortable
-                id="3"
-                caption="This table has the width of its container"
-                :displayCaption="true"
-              />
-            </div>
+      <section class="section section--default">
+        <div class="container container--grid gap--responsive">
+          <div class="container__center--md vertical-spacing">
+            <h2 class="h2">Table within .container__center--md</h2>
+            <TableSortable
+              id="3"
+              caption="This table has the width of its container"
+              :displayCaption="true"
+            />
           </div>
-        </section>
+        </div>
+      </section>
 
-        <section class="section section--default">
-          <div class="container container--grid gap--responsive">
-            <div class="container__full vertical-spacing">
-              <h2 class="h2">Table within .container__full</h2>
-              <TableSortable
-                id="4"
-                caption="This table has the width of its container"
-                :displayCaption="true"
-              />
-            </div>
+      <section class="section section--default">
+        <div class="container container--grid gap--responsive">
+          <div class="container__full vertical-spacing">
+            <h2 class="h2">Table within .container__full</h2>
+            <TableSortable
+              id="4"
+              caption="This table has the width of its container"
+              :displayCaption="true"
+            />
           </div>
-        </section>
+        </div>
+      </section>
 
-        <section class="section section--default">
-          <div class="container container--grid gap--responsive">
-            <div class="container__center--md">
-              <div class="grid grid--responsive-cols-2 gap--responsive">
-                <figure>
-                  <picture>
-                    <source
-                      srcset="https://picsum.photos/1600/1200"
-                      media="(min-width: 1024px)"
-                    />
-                    <img src="https://picsum.photos/800/600" alt="cat" />
-                  </picture>
-                </figure>
-                <div>
-                  <h2 class="h2">
-                    Ein neues «minimales Geodatenmodell» in der
-                    Datenmodellablage publizieren
-                  </h2>
-                  <p>
-                    Über den Kontakt models@geo.admin.ch können die
-                    INTERLIS-Modelldatei und die Modelldokumentation (als PDF
-                    Dokument) zur Publikation eingereicht werden.
-                    Modelldokumentation zur Publikation eingereicht werden.
-                  </p>
-                </div>
+      <section class="section section--default">
+        <div class="container container--grid gap--responsive">
+          <div class="container__center--md">
+            <div class="grid grid--responsive-cols-2 gap--responsive">
+              <figure>
+                <picture>
+                  <source
+                    srcset="https://picsum.photos/1600/1200"
+                    media="(min-width: 1024px)"
+                  />
+                  <img src="https://picsum.photos/800/600" alt="cat" />
+                </picture>
+              </figure>
+              <div>
+                <h2 class="h2">
+                  Ein neues «minimales Geodatenmodell» in der Datenmodellablage
+                  publizieren
+                </h2>
+                <p>
+                  Über den Kontakt models@geo.admin.ch können die
+                  INTERLIS-Modelldatei und die Modelldokumentation (als PDF
+                  Dokument) zur Publikation eingereicht werden.
+                  Modelldokumentation zur Publikation eingereicht werden.
+                </p>
               </div>
-              <div
-                class="grid grid--responsive-cols-2 grid--reverse gap--responsive"
-              >
-                <figure>
-                  <picture>
-                    <source
-                      srcset="https://picsum.photos/1600/1200"
-                      media="(min-width: 1024px)"
-                    />
-                    <img src="https://picsum.photos/1600/900" alt="cat" />
-                  </picture>
-                </figure>
-                <div>
-                  <h2 class="h2">
-                    Ein neues «minimales Geodatenmodell» in der
-                    Datenmodellablage publizieren
-                  </h2>
-                  <p>
-                    Über den Kontakt models@geo.admin.ch können und die
-                    Modelldokumentation zur Publikation eingereicht
-                    models@geo.admin.ch können und die Modelldokumentation (als
-                    PDF Dokument) zur Publikation eingereicht werden.
-                  </p>
-                </div>
+            </div>
+            <div
+              class="grid grid--responsive-cols-2 grid--reverse gap--responsive"
+            >
+              <figure>
+                <picture>
+                  <source
+                    srcset="https://picsum.photos/1600/1200"
+                    media="(min-width: 1024px)"
+                  />
+                  <img src="https://picsum.photos/1600/900" alt="cat" />
+                </picture>
+              </figure>
+              <div>
+                <h2 class="h2">
+                  Ein neues «minimales Geodatenmodell» in der Datenmodellablage
+                  publizieren
+                </h2>
+                <p>
+                  Über den Kontakt models@geo.admin.ch können und die
+                  Modelldokumentation zur Publikation eingereicht
+                  models@geo.admin.ch können und die Modelldokumentation (als
+                  PDF Dokument) zur Publikation eingereicht werden.
+                </p>
               </div>
             </div>
           </div>
-        </section>
+        </div>
+      </section>
 
-        <section class="section bg--secondary-50">
-          <div class="container">
-            <div class="grid grid--responsive-cols-3 gap--responsive">
-              <Card type="default">
-                <template #title>
-                  <h3>Card example</h3>
-                </template>
-                <template #description>
-                  <p>
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                  </p>
-                </template>
-              </Card>
-              <Card type="default">
-                <template #title>
-                  <h3>Card example</h3>
-                </template>
-                <template #description>
-                  <p>
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                  </p>
-                </template>
-              </Card>
-              <Card type="default">
-                <template #title>
-                  <h3>Card example</h3>
-                </template>
-                <template #description>
-                  <p>
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
-                  </p>
-                </template>
-              </Card>
-            </div>
+      <section class="section bg--bg--accent-01">
+        <div class="container">
+          <div class="grid grid--responsive-cols-3 gap--responsive">
+            <Card type="default">
+              <template #title>
+                <h3>Card example</h3>
+              </template>
+              <template #description>
+                <p>
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                </p>
+              </template>
+            </Card>
+            <Card type="default">
+              <template #title>
+                <h3>Card example</h3>
+              </template>
+              <template #description>
+                <p>
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                </p>
+              </template>
+            </Card>
+            <Card type="default">
+              <template #title>
+                <h3>Card example</h3>
+              </template>
+              <template #description>
+                <p>
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                </p>
+              </template>
+            </Card>
           </div>
-        </section>
+        </div>
+      </section>
 
-        <section class="section section--default">
-          <div class="container container--grid gap--responsive">
-            <div class="container__full">
-              <div class="grid grid--responsive-cols-2/3-1/3 gap--responsive">
-                <figure>
-                  <picture>
-                    <source
-                      srcset="https://picsum.photos/1600/1200"
-                      media="(min-width: 1024px)"
-                    />
-                    <img src="https://picsum.photos/800/600" alt="cat" />
-                  </picture>
-                </figure>
-                <div>
-                  <h2 class="h2">
-                    Ein neues «minimales Geodatenmodell» in der
-                    Datenmodellablage publizieren
-                  </h2>
-                  <p>
-                    Über den Kontakt models@geo.admin.ch können die
-                    INTERLIS-Modelldatei und die Modelldokumentation (als PDF
-                    Dokument) zur Publikation eingereicht werden.
-                    Modelldokumentation zur Publikation eingereicht werden.
-                  </p>
-                </div>
+      <section class="section section--default">
+        <div class="container container--grid gap--responsive">
+          <div class="container__full">
+            <div class="grid grid--responsive-cols-2/3-1/3 gap--responsive">
+              <figure>
+                <picture>
+                  <source
+                    srcset="https://picsum.photos/1600/1200"
+                    media="(min-width: 1024px)"
+                  />
+                  <img src="https://picsum.photos/800/600" alt="cat" />
+                </picture>
+              </figure>
+              <div>
+                <h2 class="h2">
+                  Ein neues «minimales Geodatenmodell» in der Datenmodellablage
+                  publizieren
+                </h2>
+                <p>
+                  Über den Kontakt models@geo.admin.ch können die
+                  INTERLIS-Modelldatei und die Modelldokumentation (als PDF
+                  Dokument) zur Publikation eingereicht werden.
+                  Modelldokumentation zur Publikation eingereicht werden.
+                </p>
               </div>
-              <div
-                class="grid grid--responsive-cols-1/3-2/3 grid--reverse gap--responsive"
-              >
-                <figure>
-                  <picture>
-                    <source
-                      srcset="https://picsum.photos/1600/1200"
-                      media="(min-width: 1024px)"
-                    />
-                    <img src="https://picsum.photos/1600/900" alt="cat" />
-                  </picture>
-                </figure>
-                <div>
-                  <h2 class="h2">
-                    Ein neues «minimales Geodatenmodell» in der
-                    Datenmodellablage publizieren
-                  </h2>
-                  <p>
-                    Über den Kontakt models@geo.admin.ch können und die
-                    Modelldokumentation zur Publikation eingereicht
-                    models@geo.admin.ch können und die Modelldokumentation (als
-                    PDF Dokument) zur Publikation eingereicht werden.
-                  </p>
-                </div>
+            </div>
+            <div
+              class="grid grid--responsive-cols-1/3-2/3 grid--reverse gap--responsive"
+            >
+              <figure>
+                <picture>
+                  <source
+                    srcset="https://picsum.photos/1600/1200"
+                    media="(min-width: 1024px)"
+                  />
+                  <img src="https://picsum.photos/1600/900" alt="cat" />
+                </picture>
+              </figure>
+              <div>
+                <h2 class="h2">
+                  Ein neues «minimales Geodatenmodell» in der Datenmodellablage
+                  publizieren
+                </h2>
+                <p>
+                  Über den Kontakt models@geo.admin.ch können und die
+                  Modelldokumentation zur Publikation eingereicht
+                  models@geo.admin.ch können und die Modelldokumentation (als
+                  PDF Dokument) zur Publikation eingereicht werden.
+                </p>
               </div>
             </div>
           </div>
-        </section>
-      </main>
-      <footer id="main-footer" class="footer">
-        <FooterInformation />
-        <FooterNavigation />
-      </footer>
-    </div>
-  </ClientOnly>
+        </div>
+      </section>
+    </main>
+    <footer id="main-footer" class="footer">
+      <FooterInformation />
+      <FooterNavigation />
+    </footer>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/app/pages/detailPageShoppingCart.vue b/app/pages/detailPageShoppingCart.vue
index fac620113..96ad6964c 100644
--- a/app/pages/detailPageShoppingCart.vue
+++ b/app/pages/detailPageShoppingCart.vue
@@ -15,12 +15,14 @@
       <MobileMenu :showActiveNavigation="false" />
     </header>
     <main id="main-content">
-      <ShoppingCart
-        cartOverviewTitle="Ihr Warenkorb"
-        cartAddressTitle="Rechnungsadresse & Lieferadresse"
-        cartCheckoutTitle="Bestellung übermitteln"
-        cartTitle="Ihre Bestellübersicht"
-      />
+      <section class="section section--default">
+        <ShoppingCart
+          cartOverviewTitle="Ihr Warenkorb"
+          cartAddressTitle="Rechnungsadresse & Lieferadresse"
+          cartCheckoutTitle="Bestellung übermitteln"
+          cartTitle="Ihre Bestellübersicht"
+        />
+      </section>
     </main>
     <footer id="main-footer" class="footer">
       <FooterInformation />
diff --git a/app/pages/detailPageSimple.vue b/app/pages/detailPageSimple.vue
index d702ec93f..36ec768ee 100644
--- a/app/pages/detailPageSimple.vue
+++ b/app/pages/detailPageSimple.vue
@@ -160,7 +160,7 @@
                 <iframe
                   width="560"
                   height="315"
-                  src="//www.youtube-nocookie.com/embed/vIG4cKz7ukM"
+                  src="https://www.youtube-nocookie.com/embed/vIG4cKz7ukM"
                   title="Geoinformation - Alles findet irgendwo statt — © Swiss Geoportal"
                   frameborder="0"
                 />
@@ -281,22 +281,22 @@
             <ul class="download-items">
               <li>
                 <DownloadItem
-                  :filename="'dummy.pdf'"
-                  :title="'Information on the usage of websites'"
+                  filename="dummy.pdf"
+                  title="Information on the usage of websites"
                   description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat augue eu purus luctus rhoncus. Donec ultricies venenatis nibh, vel placerat est accumsan quis. Maecenas urna nibh, pretium pretium odio id, rhoncus rhoncus lorem. Nulla eu neque sagittis, cursus purus eget, sodales est. Duis at ultrices odio, ac egestas dolor."
-                  :url="'../../../public/documents/dummy.pdf'"
-                  :type="'PDF'"
-                  :date="'22.01.2022'"
+                  url="/documents/dummy.pdf"
+                  type="PDF"
+                  date="22.01.2022"
                 />
               </li>
               <li>
-                <DownloadItem
-                  :filename="'image.png'"
-                  :title="'Information on the usage of websites'"
+                <DownloadItez
+                  filename="image.png"
+                  title="Information on the usage of websites"
                   description=""
-                  :url="'../../../public/images/html-structure.png'"
-                  :type="'PNG'"
-                  :date="'22.01.2022'"
+                  url="/images/html-structure.png"
+                  type="PNG"
+                  date="22.01.2022"
                 />
               </li>
             </ul>
@@ -550,7 +550,7 @@
                 <DownloadItem
                   filename="dummy.pdf"
                   title="Schlussbericht: Langzeitbeziehende in der Nothilfe"
-                  url="../public/documents/dummy.pdf"
+                  url="/documents/dummy.pdf"
                   type="PDF"
                   date="13.01.2022"
                   headingLevel="h3"
@@ -561,7 +561,7 @@
                 <DownloadItem
                   filename="dummy.pdf"
                   title="Schlussbericht: Langzeitbezug von Nothilfe durch weggewiesene Asylsuchende"
-                  url="../public/documents/dummy.pdf"
+                  url="/documents/dummy.pdf"
                   type="PDF"
                   date="13.01.2022"
                   headingLevel="h3"
@@ -836,7 +836,6 @@
             <div class="pt-3">
               <Input
                 id="my-id"
-                type="outline"
                 size="base"
                 label="Shareable URL"
                 value="https://www.admin.ch/gov/de/start/departemente/departement-des-innern-edi.html"
diff --git a/app/pages/detailPageSimpleMenuV2.vue b/app/pages/detailPageSimpleMenuV2.vue
index 8df50fdd8..799744982 100644
--- a/app/pages/detailPageSimpleMenuV2.vue
+++ b/app/pages/detailPageSimpleMenuV2.vue
@@ -185,7 +185,7 @@
                 <iframe
                   width="560"
                   height="315"
-                  src="//www.youtube-nocookie.com/embed/vIG4cKz7ukM"
+                  src="https://www.youtube-nocookie.com/embed/vIG4cKz7ukM"
                   title="Geoinformation - Alles findet irgendwo statt — © Swiss Geoportal"
                   frameborder="0"
                 />
@@ -306,22 +306,22 @@
             <ul class="download-items">
               <li>
                 <DownloadItem
-                  :filename="'dummy.pdf'"
-                  :title="'Information on the usage of websites'"
+                  filename="dummy.pdf"
+                  title="Information on the usage of websites"
                   description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat augue eu purus luctus rhoncus. Donec ultricies venenatis nibh, vel placerat est accumsan quis. Maecenas urna nibh, pretium pretium odio id, rhoncus rhoncus lorem. Nulla eu neque sagittis, cursus purus eget, sodales est. Duis at ultrices odio, ac egestas dolor."
-                  :url="'../../../static/documents/dummy.pdf'"
-                  :type="'PDF'"
-                  :date="'22.01.2022'"
+                  url="../../../static/documents/dummy.pdf"
+                  type="PDF"
+                  date="22.01.2022"
                 />
               </li>
               <li>
                 <DownloadItem
-                  :filename="'image.png'"
-                  :title="'Information on the usage of websites'"
+                  filename="image.png"
+                  title="Information on the usage of websites"
                   description=""
-                  :url="'../../../static/images/html-structure.png'"
-                  :type="'PNG'"
-                  :date="'22.01.2022'"
+                  url="../../../static/images/html-structure.png"
+                  type="PNG"
+                  date="22.01.2022"
                 />
               </li>
             </ul>
@@ -840,7 +840,7 @@
       <template #body>
         <Card type="default">
           <template #description>
-            <div class="flex flex-wrap gap-6 justify-center">
+            <div class="flex flex-wrap justify-center gap-6">
               <a href="#" class="link" title="Share on Facebook">
                 <SvgIcon size="2xl" icon="Facebook" label="Facebook" />
               </a>
@@ -861,7 +861,6 @@
             <div class="pt-3">
               <Input
                 id="my-id"
-                type="outline"
                 size="base"
                 label="Shareable URL"
                 value="https://www.admin.ch/gov/de/start/departemente/departement-des-innern-edi.html"
diff --git a/app/pages/detailPressRelease.vue b/app/pages/detailPressRelease.vue
index 531d7ebf9..bd199eb09 100644
--- a/app/pages/detailPressRelease.vue
+++ b/app/pages/detailPressRelease.vue
@@ -4,9 +4,7 @@
     <header id="main-header">
       <a href="#main-content" class="skip-to-content">Skip to main content</a>
       <TopBar :isOpen="false" />
-      <TopHeader
-        :overrideLogoForPrint="'Staatssekretariat für Wirtschaft SECO'"
-      />
+      <TopHeader overrideLogoForPrint="Staatssekretariat für Wirtschaft SECO" />
       <DesktopMenu :showActiveNavigation="true" />
       <MobileMenu :showActiveNavigation="true" />
       <Breadcrumb />
@@ -43,7 +41,7 @@
               <iframe
                 width="560"
                 height="315"
-                src="//www.youtube-nocookie.com/embed/vIG4cKz7ukM"
+                src="https://www.youtube-nocookie.com/embed/vIG4cKz7ukM"
                 title="YouTube video player"
                 frameborder="0"
                 allowfullscreen
@@ -162,23 +160,23 @@
               <li>
                 <DownloadItem
                   headingLevel="h2"
-                  :filename="'dummy.pdf'"
-                  :title="'Information on the usage of websites'"
+                  filename="dummy.pdf"
+                  title="Information on the usage of websites"
                   description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat augue eu purus luctus rhoncus. Donec ultricies venenatis nibh, vel placerat est accumsan quis. Maecenas urna nibh, pretium pretium odio id, rhoncus rhoncus lorem. Nulla eu neque sagittis, cursus purus eget, sodales est. Duis at ultrices odio, ac egestas dolor."
-                  :url="'../../../public/documents/dummy.pdf'"
-                  :type="'PDF'"
-                  :date="'22.01.2022'"
+                  url="/documents/dummy.pdf"
+                  type="PDF"
+                  date="22.01.2022"
                 />
               </li>
               <li>
                 <DownloadItem
                   headingLevel="h2"
-                  :filename="'image.png'"
-                  :title="'Information on the usage of websites'"
+                  filename="image.png"
+                  title="Information on the usage of websites"
                   description=""
-                  :url="'../../../public/images/html-structure.png'"
-                  :type="'PNG'"
-                  :date="'22.01.2022'"
+                  url="/images/html-structure.png"
+                  type="PNG"
+                  date="22.01.2022"
                 />
               </li>
             </ul>
diff --git a/app/pages/detailPublicationCatalog.vue b/app/pages/detailPublicationCatalog.vue
index 377533e43..f7bf8744e 100644
--- a/app/pages/detailPublicationCatalog.vue
+++ b/app/pages/detailPublicationCatalog.vue
@@ -35,7 +35,7 @@
           Erkenntnisse aus dem International Health Policy Survey 2020
         </template>
       </Hero>
-      <section class="section">
+      <section class="section section--default">
         <div class="container container--grid gap--responsive">
           <div class="container__main vertical-spacing">
             <Notification
@@ -44,7 +44,7 @@
               icon="InfoCircle"
               :closeBtn="false"
             />
-            <figure class="ratio ratio--1/1 bg--secondary-50">
+            <figure class="ratio ratio--1/1 bg--accent-01">
               <picture class="p-8">
                 <source
                   srcset="/images/publication-cover.png"
@@ -66,31 +66,31 @@
                   <li>
                     <DownloadItem
                       headingLevel="h2"
-                      :filename="'dummy.pdf'"
-                      :title="'Deutsch'"
-                      :url="'/documents/dummy.pdf'"
-                      :type="'PDF'"
-                      :date="'524 kB'"
+                      filename="dummy.pdf"
+                      title="Deutsch"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
                     />
                   </li>
                   <li>
                     <DownloadItem
                       headingLevel="h2"
-                      :filename="'dummy.pdf'"
-                      :title="'Französisch'"
-                      :url="'/documents/dummy.pdf'"
-                      :type="'PDF'"
-                      :date="'524 kB'"
+                      filename="dummy.pdf"
+                      title="Französisch"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
                     />
                   </li>
                   <li>
                     <DownloadItem
                       headingLevel="h2"
-                      :filename="'dummy.pdf'"
-                      :title="'English'"
-                      :url="'/documents/dummy.pdf'"
-                      :type="'PDF'"
-                      :date="'524 kB'"
+                      filename="dummy.pdf"
+                      title="English"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
                       class="pb-0 border-b-0"
                     />
                   </li>
@@ -189,31 +189,31 @@
                   <li>
                     <DownloadItem
                       headingLevel="h2"
-                      :filename="'dummy.pdf'"
-                      :title="'Deutsch'"
-                      :url="'/documents/dummy.pdf'"
-                      :type="'PDF'"
-                      :date="'524 kB'"
+                      filename="dummy.pdf"
+                      title="Deutsch"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
                     />
                   </li>
                   <li>
                     <DownloadItem
                       headingLevel="h2"
-                      :filename="'dummy.pdf'"
-                      :title="'Französisch'"
-                      :url="'/documents/dummy.pdf'"
-                      :type="'PDF'"
-                      :date="'524 kB'"
+                      filename="dummy.pdf"
+                      title="Französisch"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
                     />
                   </li>
                   <li>
                     <DownloadItem
                       headingLevel="h2"
-                      :filename="'dummy.pdf'"
-                      :title="'English'"
-                      :url="'/documents/dummy.pdf'"
-                      :type="'PDF'"
-                      :date="'524 kB'"
+                      filename="dummy.pdf"
+                      title="English"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
                       class="pb-0 border-b-0"
                     />
                   </li>
diff --git a/app/pages/detailPublicationShop.vue b/app/pages/detailPublicationShop.vue
index 8737ab433..c5292a76d 100644
--- a/app/pages/detailPublicationShop.vue
+++ b/app/pages/detailPublicationShop.vue
@@ -1,335 +1,330 @@
 <template>
-  <ClientOnly>
-    <div>
-      <AlterBodyClasses :isMobileMenuOpen="layoutStore.mobileMenuIsOpen" />
-      <header id="main-header">
-        <a href="#main-content" class="skip-to-content">Skip to main content</a>
-        <TopBar :isOpen="false" />
-        <TopHeader
-          :shoppingCartAriaLabel="shoppingCartAriaLabel"
-          :shoppingCartAmount="shoppingCartAmount"
-          :shoppingCartLink="shoppingCartLink"
-          :shoppingCartTarget="shoppingCartTarget"
-          :shoppingCartLabel="shoppingCartLabel"
+  <div>
+    <AlterBodyClasses :isMobileMenuOpen="layoutStore.mobileMenuIsOpen" />
+    <header id="main-header">
+      <a href="#main-content" class="skip-to-content">Skip to main content</a>
+      <TopBar :isOpen="false" />
+      <TopHeader
+        :shoppingCartAriaLabel="shoppingCartAriaLabel"
+        :shoppingCartAmount="shoppingCartAmount"
+        :shoppingCartLink="shoppingCartLink"
+        :shoppingCartTarget="shoppingCartTarget"
+        :shoppingCartLabel="shoppingCartLabel"
+      />
+      <DesktopMenu :showActiveNavigation="true" />
+      <MobileMenu :showActiveNavigation="true" />
+      <Breadcrumb />
+      <div class="container">
+        <Btn
+          to="/"
+          variant="outline"
+          size="sm"
+          icon="ArrowLeft"
+          iconPos="left"
+          label="Zurück"
+          class="btn--back"
         />
-        <DesktopMenu :showActiveNavigation="true" />
-        <MobileMenu :showActiveNavigation="true" />
-        <Breadcrumb />
-        <div class="container">
-          <Btn
-            to="/"
-            variant="outline"
-            size="sm"
-            icon="ArrowLeft"
-            iconPos="left"
-            label="Zurück"
-            class="btn--back"
-          />
-          <ShareBar />
-        </div>
-      </header>
-      <main id="main-content">
-        <Hero
-          type="default"
-          :meta-infos="['Studie', 'publiziert am 03. März 2000']"
-          :authors="authors"
-        >
-          <template #title>
-            Benachteiligungserfahrungen bei der Gesundheitsversorgung in der
-            Schweiz
-          </template>
-          <template #subtitle>
-            Erkenntnisse aus dem International Health Policy Survey 2020
-          </template>
-        </Hero>
-        <section class="section">
-          <div class="container container--grid gap--responsive">
-            <div class="container__main vertical-spacing">
-              <Notification
-                text='<p>Aus dieser Reihe gibt es eine aktuellere Version: <a href="#" target="_blank">Ausgabe 2022</a>.</p>'
-                type="warning"
-                icon="InfoCircle"
-                :closeBtn="false"
-              />
-              <figure class="ratio ratio--1/1 bg--secondary-50">
-                <picture class="p-8">
-                  <source
-                    srcset="/images/publication-cover.png"
-                    media="(min-width: 800px)"
-                  />
-                  <img
-                    src="/images/publication-cover.png"
-                    alt="publication cover"
-                    class="h-full m-auto shadow-xl"
-                  />
-                </picture>
-              </figure>
+        <ShareBar />
+      </div>
+    </header>
+    <main id="main-content">
+      <Hero
+        type="default"
+        :meta-infos="['Studie', 'publiziert am 03. März 2000']"
+        :authors="authors"
+      >
+        <template #title>
+          Benachteiligungserfahrungen bei der Gesundheitsversorgung in der
+          Schweiz
+        </template>
+        <template #subtitle>
+          Erkenntnisse aus dem International Health Policy Survey 2020
+        </template>
+      </Hero>
+      <section class="section section--default">
+        <div class="container container--grid gap--responsive">
+          <div class="container__main vertical-spacing">
+            <Notification
+              text='<p>Aus dieser Reihe gibt es eine aktuellere Version: <a href="#" target="_blank">Ausgabe 2022</a>.</p>'
+              type="warning"
+              icon="InfoCircle"
+              :closeBtn="false"
+            />
+            <figure class="ratio ratio--1/1 bg--accent-01">
+              <picture class="p-8">
+                <source
+                  srcset="/images/publication-cover.png"
+                  media="(min-width: 800px)"
+                />
+                <img
+                  src="/images/publication-cover.png"
+                  alt="publication cover"
+                  class="h-full m-auto shadow-xl"
+                />
+              </picture>
+            </figure>
 
-              <div class="container__mobile">
-                <!-- mobile only -->
-                <div class="box">
-                  <h2 class="h5">Download</h2>
-                  <ul class="download-items">
-                    <li>
-                      <DownloadItem
-                        headingLevel="h2"
-                        :filename="'dummy.pdf'"
-                        :title="'Deutsch'"
-                        :url="'../../../public/documents/dummy.pdf'"
-                        :type="'PDF'"
-                        :date="'524 kB'"
-                      />
-                    </li>
-                    <li>
-                      <DownloadItem
-                        headingLevel="h2"
-                        :filename="'dummy.pdf'"
-                        :title="'Französisch'"
-                        :url="'../../../public/documents/dummy.pdf'"
-                        :type="'PDF'"
-                        :date="'524 kB'"
-                      />
-                    </li>
-                    <li>
-                      <DownloadItem
-                        headingLevel="h2"
-                        :filename="'dummy.pdf'"
-                        :title="'English'"
-                        :url="'../../../public/documents/dummy.pdf'"
-                        :type="'PDF'"
-                        :date="'524 kB'"
-                        class="pb-0 border-b-0"
-                      />
-                    </li>
-                  </ul>
-                </div>
-                <OrderBox
-                  title="Bestellung gedruckte Version in DE, IT, FR"
-                  totalPriceTitle="Total (exklusiv MwSt.)"
-                  pricePieceTitle="Pro Stück"
-                  currencyPrefix="CHF"
-                  :options="[
-                    {
-                      label: 'Deutsch',
-                      value: 'de',
-                      pricePiece: 15.75,
-                      selected: true,
-                    },
-                    {
-                      label: 'Französisch',
-                      value: 'fr',
-                      pricePiece: 17.75,
-                      selected: false,
-                    },
-                    {
-                      label: 'Italienisch',
-                      value: 'it',
-                      pricePiece: 12.75,
-                      selected: false,
-                    },
-                  ]"
-                  :defaultAmount="1"
-                  amountInputLabel="Anzahl"
-                  buttonLabel="In den Warenkorb"
-                  :addToCart="addToCart"
-                  languageLabel="Sprache"
+            <div class="container__mobile">
+              <!-- mobile only -->
+              <div class="box">
+                <h2 class="h5">Download</h2>
+                <ul class="download-items">
+                  <li>
+                    <DownloadItem
+                      headingLevel="h2"
+                      filename="dummy.pdf"
+                      title="Deutsch"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
+                    />
+                  </li>
+                  <li>
+                    <DownloadItem
+                      headingLevel="h2"
+                      filename="dummy.pdf"
+                      title="Französisch"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
+                    />
+                  </li>
+                  <li>
+                    <DownloadItem
+                      headingLevel="h2"
+                      filename="dummy.pdf"
+                      title="English"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
+                      class="pb-0 border-b-0"
+                    />
+                  </li>
+                </ul>
+              </div>
+              <OrderBox
+                title="Bestellung gedruckte Version in DE, IT, FR"
+                totalPriceTitle="Total (exklusiv MwSt.)"
+                pricePieceTitle="Pro Stück"
+                currencyPrefix="CHF"
+                :options="[
+                  {
+                    label: 'Deutsch',
+                    value: 'de',
+                    pricePiece: 15.75,
+                    selected: true,
+                  },
+                  {
+                    label: 'Französisch',
+                    value: 'fr',
+                    pricePiece: 17.75,
+                    selected: false,
+                  },
+                  {
+                    label: 'Italienisch',
+                    value: 'it',
+                    pricePiece: 12.75,
+                    selected: false,
+                  },
+                ]"
+                :defaultAmount="1"
+                amountInputLabel="Anzahl"
+                buttonLabel="In den Warenkorb"
+                :addToCart="addToCart"
+                languageLabel="Sprache"
+              />
+              <div class="box">
+                <h2 class="h5">Webviewer</h2>
+                <Btn
+                  variant="link"
+                  to="https://www.google.ch"
+                  label="Publikation im Browser betrachten"
+                  ariaLabel="Publikation im Browser betrachten"
+                  iconPos="left"
+                  icon="Link"
                 />
-                <div class="box">
-                  <h2 class="h5">Webviewer</h2>
-                  <Btn
-                    variant="link"
-                    to="https://www.google.ch"
-                    label="Publikation im Browser betrachten"
-                    ariaLabel="Publikation im Browser betrachten"
-                    iconPos="left"
-                    icon="Link"
-                  />
-                </div>
               </div>
-              <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
-                euismod bibendum laoreet. Proin gravida dolor sit amet lacus
-                accumsan et viverra justo commodo. Proin sodales pulvinar
-                tempor.
-              </p>
-              <p>
-                Aenean euismod bibendum laoreet. Proin gravida dolor sit amet
-                lacus accumsan et viverra justo commodo. Proin sodales pulvinar
-                tempor.
-              </p>
-
-              <h2 class="h2">Details</h2>
+            </div>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
+              euismod bibendum laoreet. Proin gravida dolor sit amet lacus
+              accumsan et viverra justo commodo. Proin sodales pulvinar tempor.
+            </p>
+            <p>
+              Aenean euismod bibendum laoreet. Proin gravida dolor sit amet
+              lacus accumsan et viverra justo commodo. Proin sodales pulvinar
+              tempor.
+            </p>
 
-              <div>
-                <InfoBlock title="Sprache" headingLevel="h3">
-                  <span>Deutsch</span>, <a href="#">Französisch</a>,
-                  <a href="#">Englisch</a>
-                </InfoBlock>
+            <h2 class="h2">Details</h2>
 
-                <InfoBlock title="Erscheinungsdatum" headingLevel="h3">
-                  <div>03. März 2000</div>
-                </InfoBlock>
+            <div>
+              <InfoBlock title="Sprache" headingLevel="h3">
+                <span>Deutsch</span>, <a href="#">Französisch</a>,
+                <a href="#">Englisch</a>
+              </InfoBlock>
 
-                <InfoBlock title="Typ" headingLevel="h3">
-                  <div>Publikation/ Studien & Statistiken</div>
-                </InfoBlock>
+              <InfoBlock title="Erscheinungsdatum" headingLevel="h3">
+                <div>03. März 2000</div>
+              </InfoBlock>
 
-                <InfoBlock title="Herausgeber" headingLevel="h3">
-                  <div>
-                    Bundesamt für Statistik, Herausgeber 2, Herausgeber 3
-                  </div>
-                </InfoBlock>
+              <InfoBlock title="Typ" headingLevel="h3">
+                <div>Publikation/ Studien & Statistiken</div>
+              </InfoBlock>
 
-                <InfoBlock title="Copyright" headingLevel="h3">
-                  <a href="#">Bundesamt für Statistik</a>
-                </InfoBlock>
+              <InfoBlock title="Herausgeber" headingLevel="h3">
+                <div>Bundesamt für Statistik, Herausgeber 2, Herausgeber 3</div>
+              </InfoBlock>
 
-                <InfoBlock title="Nutzungbedigungen" headingLevel="h3">
-                  <div>Nutzungsbestimmung VE</div>
-                </InfoBlock>
+              <InfoBlock title="Copyright" headingLevel="h3">
+                <a href="#">Bundesamt für Statistik</a>
+              </InfoBlock>
 
-                <InfoBlock title="Format" headingLevel="h3">
-                  <div>PDF</div>
-                </InfoBlock>
+              <InfoBlock title="Nutzungbedigungen" headingLevel="h3">
+                <div>Nutzungsbestimmung VE</div>
+              </InfoBlock>
 
-                <InfoBlock title="BFS-Nummer" headingLevel="h3">
-                  <div>502-2100</div>
-                </InfoBlock>
+              <InfoBlock title="Format" headingLevel="h3">
+                <div>PDF</div>
+              </InfoBlock>
 
-                <InfoBlock title="Bibliographische Angaben" headingLevel="h3">
-                  <a href="#">BIBTeX</a>,
-                  <a href="#">RIS</a>
-                </InfoBlock>
+              <InfoBlock title="BFS-Nummer" headingLevel="h3">
+                <div>502-2100</div>
+              </InfoBlock>
 
-                <InfoBlock title="Erhebung, Statistik" headingLevel="h3">
-                  <a href="#"
-                    >Reiseverhalten der Wohnbevölkerung (Modul der
-                    Haushaltsbudgeterhebung HABE)</a
-                  >
-                </InfoBlock>
+              <InfoBlock title="Bibliographische Angaben" headingLevel="h3">
+                <a href="#">BIBTeX</a>,
+                <a href="#">RIS</a>
+              </InfoBlock>
 
-                <InfoBlock
-                  title="Ausgaben dieser Publikationsreihe"
-                  headingLevel="h3"
+              <InfoBlock title="Erhebung, Statistik" headingLevel="h3">
+                <a href="#"
+                  >Reiseverhalten der Wohnbevölkerung (Modul der
+                  Haushaltsbudgeterhebung HABE)</a
                 >
-                  <a href="#">2020</a>, <span>2021</span>,
-                  <a href="#">2022</a>
-                </InfoBlock>
-              </div>
+              </InfoBlock>
 
-              <div>
-                <h2 class="h2">Themen</h2>
-                <RelatedTags :tags="tags" bare />
-              </div>
+              <InfoBlock
+                title="Ausgaben dieser Publikationsreihe"
+                headingLevel="h3"
+              >
+                <a href="#">2020</a>, <span>2021</span>,
+                <a href="#">2022</a>
+              </InfoBlock>
+            </div>
+
+            <div>
+              <h2 class="h2">Themen</h2>
+              <RelatedTags :tags="tags" bare />
             </div>
-            <div class="hidden container__aside md:block">
-              <div id="aside-content" :class="computedAsideContainerClass">
-                <!-- desktop only -->
-                <div class="box">
-                  <h2 class="h5">Download</h2>
-                  <ul class="download-items">
-                    <li>
-                      <DownloadItem
-                        headingLevel="h2"
-                        :filename="'dummy.pdf'"
-                        :title="'Deutsch'"
-                        :url="'../../../public/documents/dummy.pdf'"
-                        :type="'PDF'"
-                        :date="'524 kB'"
-                      />
-                    </li>
-                    <li>
-                      <DownloadItem
-                        headingLevel="h2"
-                        :filename="'dummy.pdf'"
-                        :title="'Französisch'"
-                        :url="'../../../public/documents/dummy.pdf'"
-                        :type="'PDF'"
-                        :date="'524 kB'"
-                      />
-                    </li>
-                    <li>
-                      <DownloadItem
-                        headingLevel="h2"
-                        :filename="'dummy.pdf'"
-                        :title="'English'"
-                        :url="'../../../public/documents/dummy.pdf'"
-                        :type="'PDF'"
-                        :date="'524 kB'"
-                        class="pb-0 border-b-0"
-                      />
-                    </li>
-                  </ul>
-                </div>
-                <OrderBox
-                  title="Bestellung gedruckte Version in DE, IT, FR"
-                  totalPriceTitle="Total (exklusiv MwSt.)"
-                  pricePieceTitle="Pro Stück"
-                  currencyPrefix="CHF"
-                  :options="[
-                    {
-                      label: 'Deutsch',
-                      value: 'de',
-                      pricePiece: 15.75,
-                      selected: true,
-                    },
-                    {
-                      label: 'Französisch',
-                      value: 'fr',
-                      pricePiece: 17.75,
-                      selected: false,
-                    },
-                    {
-                      label: 'Italienisch',
-                      value: 'it',
-                      pricePiece: 12.75,
-                      selected: false,
-                    },
-                  ]"
-                  :defaultAmount="1"
-                  amountInputLabel="Anzahl"
-                  buttonLabel="In den Warenkorb"
-                  :addToCart="addToCart"
-                  languageLabel="Sprache"
+          </div>
+          <div class="hidden container__aside md:block">
+            <div id="aside-content" :class="computedAsideContainerClass">
+              <!-- desktop only -->
+              <div class="box">
+                <h2 class="h5">Download</h2>
+                <ul class="download-items">
+                  <li>
+                    <DownloadItem
+                      headingLevel="h2"
+                      filename="dummy.pdf"
+                      title="Deutsch"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
+                    />
+                  </li>
+                  <li>
+                    <DownloadItem
+                      headingLevel="h2"
+                      filename="dummy.pdf"
+                      title="Französisch"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
+                    />
+                  </li>
+                  <li>
+                    <DownloadItem
+                      headingLevel="h2"
+                      filename="dummy.pdf"
+                      title="English"
+                      url="/documents/dummy.pdf"
+                      type="PDF"
+                      date="524 kB"
+                      class="pb-0 border-b-0"
+                    />
+                  </li>
+                </ul>
+              </div>
+              <OrderBox
+                title="Bestellung gedruckte Version in DE, IT, FR"
+                totalPriceTitle="Total (exklusiv MwSt.)"
+                pricePieceTitle="Pro Stück"
+                currencyPrefix="CHF"
+                :options="[
+                  {
+                    label: 'Deutsch',
+                    value: 'de',
+                    pricePiece: 15.75,
+                    selected: true,
+                  },
+                  {
+                    label: 'Französisch',
+                    value: 'fr',
+                    pricePiece: 17.75,
+                    selected: false,
+                  },
+                  {
+                    label: 'Italienisch',
+                    value: 'it',
+                    pricePiece: 12.75,
+                    selected: false,
+                  },
+                ]"
+                :defaultAmount="1"
+                amountInputLabel="Anzahl"
+                buttonLabel="In den Warenkorb"
+                :addToCart="addToCart"
+                languageLabel="Sprache"
+              />
+              <div class="box">
+                <h2 class="h5">Webviewer</h2>
+                <Btn
+                  variant="link"
+                  to="https://www.google.ch"
+                  label="Publikation im Browser betrachten"
+                  ariaLabel="Publikation im Browser betrachten"
+                  iconPos="left"
+                  icon="Link"
                 />
-                <div class="box">
-                  <h2 class="h5">Webviewer</h2>
-                  <Btn
-                    variant="link"
-                    to="https://www.google.ch"
-                    label="Publikation im Browser betrachten"
-                    ariaLabel="Publikation im Browser betrachten"
-                    iconPos="left"
-                    icon="Link"
-                  />
-                </div>
               </div>
             </div>
           </div>
-        </section>
-        <section class="section publication-back-button-section">
-          <div class="container">
-            <Btn
-              to="/"
-              variant="outline"
-              size="sm"
-              icon="ArrowLeft"
-              iconPos="left"
-              label="Zurück"
-              class="btn--back"
-            />
-          </div>
-        </section>
+        </div>
+      </section>
+      <section class="section publication-back-button-section">
+        <div class="container">
+          <Btn
+            to="/"
+            variant="outline"
+            size="sm"
+            icon="ArrowLeft"
+            iconPos="left"
+            label="Zurück"
+            class="btn--back"
+          />
+        </div>
+      </section>
 
-        <RelatedPublicationsSection />
-      </main>
-      <ToastMessage triggerName="trigger-toast-message" />
-      <footer id="main-footer" class="footer">
-        <FooterInformation />
-        <FooterNavigation />
-      </footer>
-    </div>
-  </ClientOnly>
+      <RelatedPublicationsSection />
+    </main>
+    <ToastMessage triggerName="trigger-toast-message" />
+    <footer id="main-footer" class="footer">
+      <FooterInformation />
+      <FooterNavigation />
+    </footer>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/app/pages/detailSimpleLanguage.vue b/app/pages/detailSimpleLanguage.vue
index c3aecd975..75d10acae 100644
--- a/app/pages/detailSimpleLanguage.vue
+++ b/app/pages/detailSimpleLanguage.vue
@@ -58,7 +58,7 @@
                   <iframe
                     width="560"
                     height="315"
-                    src="//www.youtube-nocookie.com/embed/vIG4cKz7ukM"
+                    src="https://www.youtube-nocookie.com/embed/vIG4cKz7ukM"
                     title="Geoinformation - Alles findet irgendwo statt — © Swiss Geoportal"
                     frameborder="0"
                   />
diff --git a/app/pages/eventsList.vue b/app/pages/eventsList.vue
index 85e539ab4..f758d1392 100644
--- a/app/pages/eventsList.vue
+++ b/app/pages/eventsList.vue
@@ -10,7 +10,7 @@
       <Breadcrumb />
     </header>
     <main id="main-content">
-      <section class="section section--default bg--secondary-50">
+      <section class="section section--default bg--accent-01">
         <div class="container">
           <h1 class="h1">Veranstaltungen</h1>
           <div
@@ -34,14 +34,12 @@
               <Input
                 id="select-1"
                 type="text"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Stichwortfilter"
               />
               <Select
                 id="select-2"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Organisation"
@@ -51,7 +49,6 @@
               </Select>
               <Select
                 id="select-3"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Themen"
@@ -62,7 +59,6 @@
               <Input
                 id="date-start"
                 type="date"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 value="2022-05-01"
@@ -71,7 +67,6 @@
               <Input
                 id="date-start"
                 type="date"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 value="2022-06-01"
@@ -79,7 +74,6 @@
               />
               <Select
                 id="select-5"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Veranstaltungs-Typ"
@@ -94,7 +88,6 @@
               </Select>
               <Select
                 id="select-6"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Austragungsort"
@@ -161,7 +154,6 @@
               <div class="search-results__header__right">
                 <Select
                   id="select-7"
-                  variant="outline"
                   bare
                   size="sm"
                   name="select-name"
diff --git a/app/pages/glossar.vue b/app/pages/glossar.vue
index c74ad8a87..251da1382 100644
--- a/app/pages/glossar.vue
+++ b/app/pages/glossar.vue
@@ -9,7 +9,7 @@
       <MobileMenu :showActiveNavigation="true" />
     </header>
     <main id="main-content">
-      <section class="section section--default bg--secondary-50">
+      <section class="section section--default bg--accent-01">
         <div class="container">
           <h1 id="glossary-title" class="h1">Glossar</h1>
           <div id="outer-search-container">
@@ -84,7 +84,6 @@
                     >
                       <Select
                         id="select-1"
-                        variant="outline"
                         size="sm"
                         name="select-name"
                         label="Filter name"
@@ -94,7 +93,6 @@
                       </Select>
                       <Select
                         id="select-2"
-                        variant="outline"
                         size="sm"
                         name="select-name"
                         label="Filter name"
@@ -104,7 +102,6 @@
                       </Select>
                       <Select
                         id="select-3"
-                        variant="outline"
                         size="sm"
                         name="select-name"
                         label="Filter name"
@@ -114,7 +111,6 @@
                       </Select>
                       <Select
                         id="select-4"
-                        variant="outline"
                         size="sm"
                         name="select-name"
                         label="Filter name"
@@ -124,7 +120,6 @@
                       </Select>
                       <Select
                         id="select-5"
-                        variant="outline"
                         size="sm"
                         name="select-name"
                         label="Filter name"
@@ -159,7 +154,6 @@
               <div class="glossary-results__header__right">
                 <Select
                   id="select-6"
-                  variant="outline"
                   bare
                   size="sm"
                   name="select-name"
diff --git a/app/pages/index.vue b/app/pages/index.vue
index cf68d8b28..ab90ae84d 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -65,18 +65,18 @@
           />
         </template>
       </Hero>
-      <TopNewsSection />
+      <TopNewsSection data-default-theme="dark" />
       <MediasSection />
       <SocialsSection
         :section-title="socialSection.sectionTitle"
         :section-desc="socialSection.sectionDesc"
         :feeds="socialSection.feeds"
+        data-default-theme="dark"
       />
       <ServicesSection isHomePage />
-      <TopicsSection isHomePage />
+      <TopicsSection isHomePage data-default-theme="dark" />
 
       <BackToTopBtn fixed type="outline" target="main-header" />
-      <BackToTopBtn fixed type="outline" target="main-header" />
     </main>
     <footer id="main-footer" class="footer">
       <FooterInformation />
@@ -86,24 +86,24 @@
 </template>
 
 <script setup lang="ts">
-import AlterBodyClasses from '../components/ch/objects/AlterBodyClasses.vue'
+import { reactive } from 'vue'
 import BackToTopBtn from '../components/ch/components/BackToTopBtn.vue'
-import Breadcrumb from '../components/ch/sections/Breadcrumb.vue'
 import Btn from '../components/ch/components/Btn.vue'
+import NotificationBanner from '../components/ch/components/NotificationBanner.vue'
+import AlterBodyClasses from '../components/ch/objects/AlterBodyClasses.vue'
+import Breadcrumb from '../components/ch/sections/Breadcrumb.vue'
 import DesktopMenu from '../components/ch/sections/DesktopMenu.vue'
 import FooterInformation from '../components/ch/sections/FooterInformation.vue'
 import FooterNavigation from '../components/ch/sections/FooterNavigation.vue'
 import Hero from '../components/ch/sections/Hero.vue'
 import MediasSection from '../components/ch/sections/MediasSection.vue'
 import MobileMenu from '../components/ch/sections/MobileMenu.vue'
-import NotificationBanner from '../components/ch/components/NotificationBanner.vue'
 import ServicesSection from '../components/ch/sections/ServicesSection.vue'
 import SocialsSection from '../components/ch/sections/SocialsSection.vue'
 import TopBar from '../components/ch/sections/TopBar.vue'
 import TopHeader from '../components/ch/sections/TopHeader.vue'
 import TopicsSection from '../components/ch/sections/TopicsSection.vue'
 import TopNewsSection from '../components/ch/sections/TopNewsSection.vue'
-import { reactive } from 'vue'
 import { useLayoutStore } from '../store/layout'
 import type { SocialsFeed } from '../types'
 
diff --git a/app/pages/indexPage.vue b/app/pages/indexPage.vue
index daf6a3857..8ea1bd882 100644
--- a/app/pages/indexPage.vue
+++ b/app/pages/indexPage.vue
@@ -9,7 +9,7 @@
       <MobileMenu :showActiveNavigation="true" />
     </header>
     <main id="main-content">
-      <section class="section section--default bg--secondary-50">
+      <section class="section section--default bg--accent-01">
         <div class="container">
           <h1 id="index-page-title" class="h1">Reisen ins Ausland</h1>
           <div id="outer-search-container">
@@ -84,7 +84,6 @@
                     >
                       <Select
                         id="select-1"
-                        variant="outline"
                         size="sm"
                         name="select-name"
                         label="Filter name"
@@ -94,7 +93,6 @@
                       </Select>
                       <Select
                         id="select-2"
-                        variant="outline"
                         size="sm"
                         name="select-name"
                         label="Filter name"
@@ -104,7 +102,6 @@
                       </Select>
                       <Select
                         id="select-3"
-                        variant="outline"
                         size="sm"
                         name="select-name"
                         label="Filter name"
@@ -114,7 +111,6 @@
                       </Select>
                       <Select
                         id="select-4"
-                        variant="outline"
                         size="sm"
                         name="select-name"
                         label="Filter name"
@@ -124,7 +120,6 @@
                       </Select>
                       <Select
                         id="select-5"
-                        variant="outline"
                         size="sm"
                         name="select-name"
                         label="Filter name"
@@ -159,7 +154,6 @@
               <div class="index-page-results__header__right">
                 <Select
                   id="select-6"
-                  variant="outline"
                   bare
                   size="sm"
                   name="select-name"
diff --git a/app/pages/newsList.vue b/app/pages/newsList.vue
index 98ccda621..72bd13a68 100644
--- a/app/pages/newsList.vue
+++ b/app/pages/newsList.vue
@@ -10,7 +10,7 @@
       <Breadcrumb />
     </header>
     <main id="main-content">
-      <section class="section section--default bg--secondary-50">
+      <section class="section section--default bg--accent-01">
         <div class="container">
           <h1 class="h1">Aktuell</h1>
           <div
@@ -35,7 +35,6 @@
                 <Input
                   id="select-1"
                   type="text"
-                  variant="outline"
                   size="sm"
                   name="select-name"
                   label="Stichwortfilter"
@@ -44,7 +43,6 @@
 
               <Select
                 id="select-2"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Organisation"
@@ -54,7 +52,6 @@
               </Select>
               <Select
                 id="select-3"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Themen"
@@ -65,7 +62,6 @@
               <Input
                 id="date-start"
                 type="date"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 value="2022-05-01"
@@ -74,7 +70,6 @@
               <Input
                 id="date-start"
                 type="date"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 value="2022-06-01"
@@ -82,7 +77,6 @@
               />
               <Select
                 id="select-5"
-                variant="outline"
                 size="sm"
                 name="select-name"
                 label="Inhalts-Typ"
@@ -150,7 +144,6 @@
               <div class="search-results__header__right">
                 <Select
                   id="select-7"
-                  variant="outline"
                   bare
                   size="sm"
                   name="select-name"
diff --git a/app/pages/searchResults.vue b/app/pages/searchResults.vue
index 7164d4f8b..f4c7c0957 100644
--- a/app/pages/searchResults.vue
+++ b/app/pages/searchResults.vue
@@ -9,7 +9,7 @@
       <MobileMenu :showActiveNavigation="true" />
     </header>
     <main id="main-content">
-      <section class="section section--default bg--secondary-50">
+      <section class="section section--default bg--accent-01">
         <div class="container">
           <h1 class="h1">Search Results</h1>
           <div class="search search--large search--page-result">
diff --git a/app/pages/testHeroTitleOnly.vue b/app/pages/testHeroTitleOnly.vue
index c345c5d00..41098ab58 100644
--- a/app/pages/testHeroTitleOnly.vue
+++ b/app/pages/testHeroTitleOnly.vue
@@ -30,7 +30,7 @@
         <section
           id="doc-section"
           identifier="section"
-          class="section bg--white"
+          class="section section--default"
         >
           <div
             id="doc-container-grid"
diff --git a/app/pages/testSpacings.vue b/app/pages/testSpacings.vue
index 982b21fb1..e739afcc5 100644
--- a/app/pages/testSpacings.vue
+++ b/app/pages/testSpacings.vue
@@ -50,7 +50,7 @@
         <section
           id="doc-section"
           identifier="section"
-          class="section bg--white"
+          class="section section--default"
         >
           <div
             id="doc-container-grid"
diff --git a/app/pnpm-lock.yaml b/app/pnpm-lock.yaml
index 65aa26378..3dc015d42 100644
--- a/app/pnpm-lock.yaml
+++ b/app/pnpm-lock.yaml
@@ -10,71 +10,71 @@ importers:
     dependencies:
       pinia:
         specifier: ^2.3.1
-        version: 2.3.1(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3))
+        version: 2.3.1(typescript@5.8.2)(vue@3.5.13(typescript@5.8.2))
       swiper:
-        specifier: ^11.2.1
-        version: 11.2.2
+        specifier: ^11.2.5
+        version: 11.2.5
       uuid:
-        specifier: ^11.0.5
-        version: 11.0.5
+        specifier: ^11.1.0
+        version: 11.1.0
       vue:
         specifier: ^3.5.13
-        version: 3.5.13(typescript@5.7.3)
+        version: 3.5.13(typescript@5.8.2)
       vue-inline-svg:
         specifier: ^3.1.4
-        version: 3.1.4(vue@3.5.13(typescript@5.7.3))
+        version: 3.1.4(vue@3.5.13(typescript@5.8.2))
       vue-select:
         specifier: 4.0.0-beta.6
-        version: 4.0.0-beta.6(vue@3.5.13(typescript@5.7.3))
+        version: 4.0.0-beta.6(vue@3.5.13(typescript@5.8.2))
     devDependencies:
       '@eslint/js':
-        specifier: ^9.19.0
-        version: 9.19.0
+        specifier: ^9.21.0
+        version: 9.21.0
       '@nuxt/eslint':
         specifier: ^0.7.5
-        version: 0.7.6(@vue/compiler-sfc@3.5.13)(eslint@9.19.0(jiti@2.4.2))(magicast@0.3.5)(rollup@4.34.2)(typescript@5.7.3)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
+        version: 0.7.6(@vue/compiler-sfc@3.5.13)(eslint@9.21.0(jiti@2.4.2))(magicast@0.3.5)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))
       '@nuxtjs/tailwindcss':
         specifier: ^6.13.1
-        version: 6.13.1(magicast@0.3.5)(rollup@4.34.2)
+        version: 6.13.1(magicast@0.3.5)
       '@pinia/nuxt':
-        specifier: ^0.9.0
-        version: 0.9.0(magicast@0.3.5)(pinia@2.3.1(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3)))(rollup@4.34.2)
+        specifier: ^0.10.1
+        version: 0.10.1(magicast@0.3.5)(pinia@2.3.1(typescript@5.8.2)(vue@3.5.13(typescript@5.8.2)))
       '@storybook/addon-a11y':
-        specifier: ^8.5.2
-        version: 8.5.3(storybook@8.5.3(prettier@3.4.2))(vitest@3.0.5(@types/debug@4.1.12)(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
+        specifier: ^8.6.3
+        version: 8.6.3(storybook@8.6.3(prettier@3.5.3))
       '@storybook/addon-actions':
-        specifier: ^8.5.2
-        version: 8.5.3(storybook@8.5.3(prettier@3.4.2))
+        specifier: ^8.6.3
+        version: 8.6.3(storybook@8.6.3(prettier@3.5.3))
       '@storybook/addon-designs':
-        specifier: 8.0.4
-        version: 8.0.4(@storybook/blocks@8.5.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.5.3(prettier@3.4.2)))(@storybook/components@8.5.3(storybook@8.5.3(prettier@3.4.2)))(@storybook/theming@8.5.3(storybook@8.5.3(prettier@3.4.2)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: 8.2.0
+        version: 8.2.0(@storybook/blocks@8.6.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.6.3(prettier@3.5.3)))(@storybook/components@8.6.3(storybook@8.6.3(prettier@3.5.3)))(@storybook/theming@8.6.3(storybook@8.6.3(prettier@3.5.3)))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@storybook/addon-docs':
-        specifier: ^8.5.2
-        version: 8.5.3(@types/react@19.0.8)(storybook@8.5.3(prettier@3.4.2))
+        specifier: ^8.6.3
+        version: 8.6.3(@types/react@19.0.10)(storybook@8.6.3(prettier@3.5.3))
       '@storybook/addon-essentials':
-        specifier: ^8.5.2
-        version: 8.5.3(@types/react@19.0.8)(storybook@8.5.3(prettier@3.4.2))
+        specifier: ^8.6.3
+        version: 8.6.3(@types/react@19.0.10)(storybook@8.6.3(prettier@3.5.3))
       '@storybook/addon-links':
-        specifier: ^8.5.2
-        version: 8.5.3(react@18.3.1)(storybook@8.5.3(prettier@3.4.2))
+        specifier: ^8.6.3
+        version: 8.6.3(react@19.0.0)(storybook@8.6.3(prettier@3.5.3))
       '@storybook/blocks':
-        specifier: ^8.5.2
-        version: 8.5.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.5.3(prettier@3.4.2))
+        specifier: ^8.6.3
+        version: 8.6.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.6.3(prettier@3.5.3))
       '@storybook/manager-api':
-        specifier: ^8.5.2
-        version: 8.5.3(storybook@8.5.3(prettier@3.4.2))
+        specifier: ^8.6.3
+        version: 8.6.3(storybook@8.6.3(prettier@3.5.3))
       '@storybook/preview-api':
-        specifier: ^8.5.2
-        version: 8.5.3(storybook@8.5.3(prettier@3.4.2))
+        specifier: ^8.6.3
+        version: 8.6.3(storybook@8.6.3(prettier@3.5.3))
       '@storybook/theming':
-        specifier: ^8.5.2
-        version: 8.5.3(storybook@8.5.3(prettier@3.4.2))
+        specifier: ^8.6.3
+        version: 8.6.3(storybook@8.6.3(prettier@3.5.3))
       '@storybook/vue3':
-        specifier: ^8.5.2
-        version: 8.5.3(storybook@8.5.3(prettier@3.4.2))(vue@3.5.13(typescript@5.7.3))
+        specifier: ^8.6.3
+        version: 8.6.3(storybook@8.6.3(prettier@3.5.3))(vue@3.5.13(typescript@5.8.2))
       '@storybook/vue3-vite':
-        specifier: ^8.5.2
-        version: 8.5.3(storybook@8.5.3(prettier@3.4.2))(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
+        specifier: ^8.6.3
+        version: 8.6.3(storybook@8.6.3(prettier@3.5.3))(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
       '@types/eslint-config-prettier':
         specifier: ^6.11.3
         version: 6.11.3
@@ -89,66 +89,63 @@ importers:
         version: 3.16.8
       '@vitejs/plugin-vue':
         specifier: ^5.2.1
-        version: 5.2.1(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
+        version: 5.2.1(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
       '@vueform/multiselect':
         specifier: ^2.6.11
         version: 2.6.11
       '@whitespace/storybook-addon-html':
         specifier: ^6.1.1
-        version: 6.1.1(prettier@3.4.2)(react-syntax-highlighter@15.6.1(react@18.3.1))
+        version: 6.1.1(prettier@3.5.3)(react-syntax-highlighter@15.6.1(react@19.0.0))
       acorn:
         specifier: ^8.14.0
         version: 8.14.0
       chromatic:
-        specifier: ^11.25.1
-        version: 11.25.2
+        specifier: ^11.27.0
+        version: 11.27.0
       eslint:
         specifier: ^9.19.0
-        version: 9.19.0(jiti@2.4.2)
+        version: 9.21.0(jiti@2.4.2)
       eslint-config-prettier:
         specifier: ^10.0.1
-        version: 10.0.1(eslint@9.19.0(jiti@2.4.2))
+        version: 10.0.2(eslint@9.21.0(jiti@2.4.2))
       eslint-plugin-vue:
         specifier: ^9.32.0
-        version: 9.32.0(eslint@9.19.0(jiti@2.4.2))
+        version: 9.32.0(eslint@9.21.0(jiti@2.4.2))
       jsdoc-type-pratt-parser:
         specifier: ^4.1.0
         version: 4.1.0
       nuxt:
-        specifier: ^3.15.3
-        version: 3.15.4(@parcel/watcher@2.5.1)(@types/node@22.13.1)(db0@0.2.3)(eslint@9.19.0(jiti@2.4.2))(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.2)(terser@5.37.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue-tsc@2.2.0(typescript@5.7.3))(yaml@2.7.0)
+        specifier: ^3.15.4
+        version: 3.15.4(@parcel/watcher@2.5.1)(@types/node@22.13.9)(db0@0.2.4)(eslint@9.21.0(jiti@2.4.2))(ioredis@5.5.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.9)(terser@5.39.0)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue-tsc@2.2.8(typescript@5.8.2))(yaml@2.7.0)
       postcss:
-        specifier: ^8.5.1
-        version: 8.5.1
+        specifier: ^8.5.3
+        version: 8.5.3
       prettier:
-        specifier: ^3.4.2
-        version: 3.4.2
+        specifier: ^3.5.3
+        version: 3.5.3
       remark-gfm:
-        specifier: ^4.0.0
-        version: 4.0.0
+        specifier: ^4.0.1
+        version: 4.0.1
       storybook:
-        specifier: ^8.5.2
-        version: 8.5.3(prettier@3.4.2)
-      svg-inline-loader:
-        specifier: ^0.8.2
-        version: 0.8.2
+        specifier: ^8.6.3
+        version: 8.6.3(prettier@3.5.3)
       typescript:
-        specifier: ^5.7.3
-        version: 5.7.3
+        specifier: ^5.8.2
+        version: 5.8.2
       typescript-eslint:
-        specifier: ^8.22.0
-        version: 8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
+        specifier: ^8.26.0
+        version: 8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
       vite:
-        specifier: ^6.0.11
-        version: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
+        specifier: ^6.2.0
+        version: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
       vue-tsc:
         specifier: ^2.2.0
-        version: 2.2.0(typescript@5.7.3)
+        version: 2.2.8(typescript@5.8.2)
 
 packages:
 
-  '@adobe/css-tools@4.4.1':
-    resolution: {integrity: sha512-12WGKBQzjUAI4ayyF4IAtfw2QR/IDoqk6jTddXDhtYTJF9ASmoE1zst7cVtP0aL/F1jUJL5r+JxKXKEgHNbEUQ==}
+  '@adobe/css-tools@4.4.2':
+    resolution: {integrity: sha512-baYZExFpsdkBNuvGKTKWCwKH57HRZLVtycZS05WTQNVOiXVSeAki3nU35zlRbToeMW8aHlJfyS+1C4BOv27q0A==}
 
   '@alloc/quick-lru@5.2.0':
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
@@ -164,24 +161,24 @@ packages:
   '@antfu/utils@0.7.10':
     resolution: {integrity: sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==}
 
-  '@apidevtools/json-schema-ref-parser@11.9.0':
-    resolution: {integrity: sha512-8Q/r5mXLa8Rfyh6r4SgEEFJgISVN5cDNFlcfSWLgFn3odzQhTfHAqzI3hMGdcROViL+8NrDNVVFQtEUrYOksDg==}
+  '@apidevtools/json-schema-ref-parser@11.9.3':
+    resolution: {integrity: sha512-60vepv88RwcJtSHrD6MjIL6Ta3SOYbgfnkHb+ppAVK+o9mXprRtulx7VlRl3lN3bbvysAfCS7WMVfhUYemB0IQ==}
     engines: {node: '>= 16'}
 
   '@babel/code-frame@7.26.2':
     resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.26.5':
-    resolution: {integrity: sha512-XvcZi1KWf88RVbF9wn8MN6tYFloU5qX8KjuF3E1PVBmJ9eypXfs4GRiJwLuTZL0iSnJUKn1BFPa5BPZZJyFzPg==}
+  '@babel/compat-data@7.26.8':
+    resolution: {integrity: sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.26.7':
-    resolution: {integrity: sha512-SRijHmF0PSPgLIBYlWnG0hyeJLwXE2CgpsXaMOrtt2yp9/86ALw6oUlj9KYuZ0JN07T4eBMVIW4li/9S1j2BGA==}
+  '@babel/core@7.26.9':
+    resolution: {integrity: sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.26.5':
-    resolution: {integrity: sha512-2caSP6fN9I7HOe6nqhtft7V4g7/V/gfDsC3Ag4W7kEzzvRGKqiv0pu0HogPiZ3KaVSoNDhUws6IJjDjpfmYIXw==}
+  '@babel/generator@7.26.9':
+    resolution: {integrity: sha512-kEWdzjOAUMW4hAyrzJ0ZaTOu9OmpyDIQicIh0zg0EEcEkYXZb2TjtBhnHi2ViX7PKwZqF4xwqfAm299/QMP3lg==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-annotate-as-pure@7.25.9':
@@ -192,8 +189,8 @@ packages:
     resolution: {integrity: sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-create-class-features-plugin@7.25.9':
-    resolution: {integrity: sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==}
+  '@babel/helper-create-class-features-plugin@7.26.9':
+    resolution: {integrity: sha512-ubbUqCofvxPRurw5L8WTsCLSkQiVpov4Qx0WMA+jUN+nXBK8ADPlJO1grkFw5CWKC5+sZSOfuGMdX1aI1iT9Sg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -242,12 +239,12 @@ packages:
     resolution: {integrity: sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.26.7':
-    resolution: {integrity: sha512-8NHiL98vsi0mbPQmYAGWwfcFaOy4j2HY49fXJCfuDcdE7fMIsH9a7GdaeXpIBsbT7307WU8KCMp5pUVDNL4f9A==}
+  '@babel/helpers@7.26.9':
+    resolution: {integrity: sha512-Mz/4+y8udxBKdmzt/UjPACs4G3j5SshJJEFFKxlCGPydG4JAHXxjWjAwjd09tf6oINvl1VfMJo+nB7H2YKQ0dA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.26.7':
-    resolution: {integrity: sha512-kEvgGGgEjRUutvdVvZhbn/BxVt+5VSpwXz1j3WYXQbXDo8KzFOPNG2GQbdAiNq8g6wn1yKk7C/qrke03a84V+w==}
+  '@babel/parser@7.26.9':
+    resolution: {integrity: sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -286,30 +283,30 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-typescript@7.26.7':
-    resolution: {integrity: sha512-5cJurntg+AT+cgelGP9Bt788DKiAw9gIMSMU2NJrLAilnj0m8WZWUNZPSLOmadYsujHutpgElO+50foX+ib/Wg==}
+  '@babel/plugin-transform-typescript@7.26.8':
+    resolution: {integrity: sha512-bME5J9AC8ChwA7aEPJ6zym3w7aObZULHhbNLU0bKUhKsAkylkzUdq+0kdymh9rzi8nlNFl2bmldFBCKNJBUpuw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/runtime@7.26.7':
-    resolution: {integrity: sha512-AOPI3D+a8dXnja+iwsUqGRjr1BbZIe771sXdapOtYI531gSqpi92vXivKcq2asu/DFpdl1ceFAKZyRzK2PCVcQ==}
+  '@babel/runtime@7.26.9':
+    resolution: {integrity: sha512-aA63XwOkcl4xxQa3HjPMqOP6LiK0ZDv3mUPYEFXkpHbaFjtGggE1A61FjFzJnB+p7/oy2gA8E+rcBNl/zC1tMg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/standalone@7.26.7':
-    resolution: {integrity: sha512-Fvdo9Dd20GDUAREzYMIR2EFMKAJ+ccxstgQdb39XV/yvygHL4UPcqgTkiChPyltAe/b+zgq+vUPXeukEZ6aUeA==}
+  '@babel/standalone@7.26.9':
+    resolution: {integrity: sha512-UTeQKy0kzJwWRe55kT1uK4G9H6D0lS6G4207hCU/bDaOhA5t2aC0qHN6GmID0Axv3OFLNXm27NdqcWp+BXcGtA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.25.9':
-    resolution: {integrity: sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==}
+  '@babel/template@7.26.9':
+    resolution: {integrity: sha512-qyRplbeIpNZhmzOysF/wFMuP9sctmh2cFzRAZOn1YapxBsE1i9bJIY586R/WBLfLcmcBlM8ROBiQURnnNy+zfA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.26.7':
-    resolution: {integrity: sha512-1x1sgeyRLC3r5fQOM0/xtQKsYjyxmFjaOrLJNtZ81inNjyJHGIolTULPiSc/2qe1/qfpFLisLQYFnnZl7QoedA==}
+  '@babel/traverse@7.26.9':
+    resolution: {integrity: sha512-ZYW7L+pL8ahU5fXmNbPF+iZFHCv5scFak7MZ9bwaRPLUhHh7QQEMjZUg0HevihoqCM5iSYHN61EyCoZvqC+bxg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.26.7':
-    resolution: {integrity: sha512-t8kDRGrKXyp6+tjUh7hw2RLyclsW4TRoRvRHtSyAX9Bb5ldlFh+90YAYY6awRXrlB4G5G2izNeGySpATlFzmOg==}
+  '@babel/types@7.26.9':
+    resolution: {integrity: sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==}
     engines: {node: '>=6.9.0'}
 
   '@clack/core@0.4.1':
@@ -344,150 +341,300 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
+  '@esbuild/aix-ppc64@0.25.0':
+    resolution: {integrity: sha512-O7vun9Sf8DFjH2UtqK8Ku3LkquL9SZL8OLY1T5NZkA34+wG3OQF7cl4Ql8vdNzM6fzBbYfLaiRLIOZ+2FOCgBQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
   '@esbuild/android-arm64@0.24.2':
     resolution: {integrity: sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
 
+  '@esbuild/android-arm64@0.25.0':
+    resolution: {integrity: sha512-grvv8WncGjDSyUBjN9yHXNt+cq0snxXbDxy5pJtzMKGmmpPxeAmAhWxXI+01lU5rwZomDgD3kJwulEnhTRUd6g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
   '@esbuild/android-arm@0.24.2':
     resolution: {integrity: sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
 
+  '@esbuild/android-arm@0.25.0':
+    resolution: {integrity: sha512-PTyWCYYiU0+1eJKmw21lWtC+d08JDZPQ5g+kFyxP0V+es6VPPSUhM6zk8iImp2jbV6GwjX4pap0JFbUQN65X1g==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
   '@esbuild/android-x64@0.24.2':
     resolution: {integrity: sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
 
+  '@esbuild/android-x64@0.25.0':
+    resolution: {integrity: sha512-m/ix7SfKG5buCnxasr52+LI78SQ+wgdENi9CqyCXwjVR2X4Jkz+BpC3le3AoBPYTC9NHklwngVXvbJ9/Akhrfg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
   '@esbuild/darwin-arm64@0.24.2':
     resolution: {integrity: sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
 
+  '@esbuild/darwin-arm64@0.25.0':
+    resolution: {integrity: sha512-mVwdUb5SRkPayVadIOI78K7aAnPamoeFR2bT5nszFUZ9P8UpK4ratOdYbZZXYSqPKMHfS1wdHCJk1P1EZpRdvw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@esbuild/darwin-x64@0.24.2':
     resolution: {integrity: sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
 
+  '@esbuild/darwin-x64@0.25.0':
+    resolution: {integrity: sha512-DgDaYsPWFTS4S3nWpFcMn/33ZZwAAeAFKNHNa1QN0rI4pUjgqf0f7ONmXf6d22tqTY+H9FNdgeaAa+YIFUn2Rg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
   '@esbuild/freebsd-arm64@0.24.2':
     resolution: {integrity: sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
 
+  '@esbuild/freebsd-arm64@0.25.0':
+    resolution: {integrity: sha512-VN4ocxy6dxefN1MepBx/iD1dH5K8qNtNe227I0mnTRjry8tj5MRk4zprLEdG8WPyAPb93/e4pSgi1SoHdgOa4w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
   '@esbuild/freebsd-x64@0.24.2':
     resolution: {integrity: sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
 
+  '@esbuild/freebsd-x64@0.25.0':
+    resolution: {integrity: sha512-mrSgt7lCh07FY+hDD1TxiTyIHyttn6vnjesnPoVDNmDfOmggTLXRv8Id5fNZey1gl/V2dyVK1VXXqVsQIiAk+A==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@esbuild/linux-arm64@0.24.2':
     resolution: {integrity: sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
 
+  '@esbuild/linux-arm64@0.25.0':
+    resolution: {integrity: sha512-9QAQjTWNDM/Vk2bgBl17yWuZxZNQIF0OUUuPZRKoDtqF2k4EtYbpyiG5/Dk7nqeK6kIJWPYldkOcBqjXjrUlmg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
   '@esbuild/linux-arm@0.24.2':
     resolution: {integrity: sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
 
+  '@esbuild/linux-arm@0.25.0':
+    resolution: {integrity: sha512-vkB3IYj2IDo3g9xX7HqhPYxVkNQe8qTK55fraQyTzTX/fxaDtXiEnavv9geOsonh2Fd2RMB+i5cbhu2zMNWJwg==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
   '@esbuild/linux-ia32@0.24.2':
     resolution: {integrity: sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
 
+  '@esbuild/linux-ia32@0.25.0':
+    resolution: {integrity: sha512-43ET5bHbphBegyeqLb7I1eYn2P/JYGNmzzdidq/w0T8E2SsYL1U6un2NFROFRg1JZLTzdCoRomg8Rvf9M6W6Gg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
   '@esbuild/linux-loong64@0.24.2':
     resolution: {integrity: sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
 
+  '@esbuild/linux-loong64@0.25.0':
+    resolution: {integrity: sha512-fC95c/xyNFueMhClxJmeRIj2yrSMdDfmqJnyOY4ZqsALkDrrKJfIg5NTMSzVBr5YW1jf+l7/cndBfP3MSDpoHw==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
   '@esbuild/linux-mips64el@0.24.2':
     resolution: {integrity: sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
 
+  '@esbuild/linux-mips64el@0.25.0':
+    resolution: {integrity: sha512-nkAMFju7KDW73T1DdH7glcyIptm95a7Le8irTQNO/qtkoyypZAnjchQgooFUDQhNAy4iu08N79W4T4pMBwhPwQ==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
   '@esbuild/linux-ppc64@0.24.2':
     resolution: {integrity: sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
 
+  '@esbuild/linux-ppc64@0.25.0':
+    resolution: {integrity: sha512-NhyOejdhRGS8Iwv+KKR2zTq2PpysF9XqY+Zk77vQHqNbo/PwZCzB5/h7VGuREZm1fixhs4Q/qWRSi5zmAiO4Fw==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
   '@esbuild/linux-riscv64@0.24.2':
     resolution: {integrity: sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
 
+  '@esbuild/linux-riscv64@0.25.0':
+    resolution: {integrity: sha512-5S/rbP5OY+GHLC5qXp1y/Mx//e92L1YDqkiBbO9TQOvuFXM+iDqUNG5XopAnXoRH3FjIUDkeGcY1cgNvnXp/kA==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
   '@esbuild/linux-s390x@0.24.2':
     resolution: {integrity: sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
 
+  '@esbuild/linux-s390x@0.25.0':
+    resolution: {integrity: sha512-XM2BFsEBz0Fw37V0zU4CXfcfuACMrppsMFKdYY2WuTS3yi8O1nFOhil/xhKTmE1nPmVyvQJjJivgDT+xh8pXJA==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
   '@esbuild/linux-x64@0.24.2':
     resolution: {integrity: sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
+  '@esbuild/linux-x64@0.25.0':
+    resolution: {integrity: sha512-9yl91rHw/cpwMCNytUDxwj2XjFpxML0y9HAOH9pNVQDpQrBxHy01Dx+vaMu0N1CKa/RzBD2hB4u//nfc+Sd3Cw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
   '@esbuild/netbsd-arm64@0.24.2':
     resolution: {integrity: sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
+  '@esbuild/netbsd-arm64@0.25.0':
+    resolution: {integrity: sha512-RuG4PSMPFfrkH6UwCAqBzauBWTygTvb1nxWasEJooGSJ/NwRw7b2HOwyRTQIU97Hq37l3npXoZGYMy3b3xYvPw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
   '@esbuild/netbsd-x64@0.24.2':
     resolution: {integrity: sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
 
+  '@esbuild/netbsd-x64@0.25.0':
+    resolution: {integrity: sha512-jl+qisSB5jk01N5f7sPCsBENCOlPiS/xptD5yxOx2oqQfyourJwIKLRA2yqWdifj3owQZCL2sn6o08dBzZGQzA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
   '@esbuild/openbsd-arm64@0.24.2':
     resolution: {integrity: sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
+  '@esbuild/openbsd-arm64@0.25.0':
+    resolution: {integrity: sha512-21sUNbq2r84YE+SJDfaQRvdgznTD8Xc0oc3p3iW/a1EVWeNj/SdUCbm5U0itZPQYRuRTW20fPMWMpcrciH2EJw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
   '@esbuild/openbsd-x64@0.24.2':
     resolution: {integrity: sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
 
+  '@esbuild/openbsd-x64@0.25.0':
+    resolution: {integrity: sha512-2gwwriSMPcCFRlPlKx3zLQhfN/2WjJ2NSlg5TKLQOJdV0mSxIcYNTMhk3H3ulL/cak+Xj0lY1Ym9ysDV1igceg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
   '@esbuild/sunos-x64@0.24.2':
     resolution: {integrity: sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
 
+  '@esbuild/sunos-x64@0.25.0':
+    resolution: {integrity: sha512-bxI7ThgLzPrPz484/S9jLlvUAHYMzy6I0XiU1ZMeAEOBcS0VePBFxh1JjTQt3Xiat5b6Oh4x7UC7IwKQKIJRIg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
   '@esbuild/win32-arm64@0.24.2':
     resolution: {integrity: sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
 
+  '@esbuild/win32-arm64@0.25.0':
+    resolution: {integrity: sha512-ZUAc2YK6JW89xTbXvftxdnYy3m4iHIkDtK3CLce8wg8M2L+YZhIvO1DKpxrd0Yr59AeNNkTiic9YLf6FTtXWMw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
   '@esbuild/win32-ia32@0.24.2':
     resolution: {integrity: sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
 
+  '@esbuild/win32-ia32@0.25.0':
+    resolution: {integrity: sha512-eSNxISBu8XweVEWG31/JzjkIGbGIJN/TrRoiSVZwZ6pkC6VX4Im/WV2cz559/TXLcYbcrDN8JtKgd9DJVIo8GA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
   '@esbuild/win32-x64@0.24.2':
     resolution: {integrity: sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
 
+  '@esbuild/win32-x64@0.25.0':
+    resolution: {integrity: sha512-ZENoHJBxA20C2zFzh6AI4fT6RraMzjYw4xKWemRTRmRVtN9c5DcH9r/f2ihEkMjOW5eGgrwCslG/+Y/3bL+DHQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.4.1':
     resolution: {integrity: sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -498,8 +645,8 @@ packages:
     resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/compat@1.2.6':
-    resolution: {integrity: sha512-k7HNCqApoDHM6XzT30zGoETj+D+uUcZUb+IVAJmar3u6bvHf7hhHJcWx09QHj4/a2qrKZMWU0E16tvkiAdv06Q==}
+  '@eslint/compat@1.2.7':
+    resolution: {integrity: sha512-xvv7hJE32yhegJ8xNAnb62ggiAwTYHBpUCWhRxEj/ksvgDJuSXfoDkBcRYaYNFiJ+jH0IE3K16hd+xXzhBgNbg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^9.10.0
@@ -511,30 +658,30 @@ packages:
     resolution: {integrity: sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/config-inspector@1.0.0':
-    resolution: {integrity: sha512-fzl4OHQazPSpsT5LIoE5qQV+8m48pdLN92lPdmIZJpQpD+kZmYC5JfxRilj5vcSaVmB9klJ8s81knNyC3hG7Eg==}
+  '@eslint/config-inspector@1.0.1':
+    resolution: {integrity: sha512-itKuj6s3ATPDEzpqTpq22MMrQeddxV+882lo0LHX1/YDFHmedxPlRrQHjw5czkzmWRjE1CgfFG4WBMasUh88Wg==}
     hasBin: true
     peerDependencies:
       eslint: ^8.50.0 || ^9.0.0
 
-  '@eslint/core@0.10.0':
-    resolution: {integrity: sha512-gFHJ+xBOo4G3WRlR1e/3G8A6/KZAH6zcE/hkLRCZTi/B9avAG365QhFA8uOGzTMqgTghpn7/fSnscW++dpMSAw==}
+  '@eslint/core@0.12.0':
+    resolution: {integrity: sha512-cmrR6pytBuSMTaBweKoGMwu3EiHiEC+DoyupPmlZ0HxBJBtIxwe+j/E4XPIKNx+Q74c8lXKPwYawBf5glsTkHg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/eslintrc@3.2.0':
-    resolution: {integrity: sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==}
+  '@eslint/eslintrc@3.3.0':
+    resolution: {integrity: sha512-yaVPAiNAalnCZedKLdR21GOGILMLKPyqSLWaAjQFvYA2i/ciDi8ArYVr69Anohb6cH2Ukhqti4aFnYyPm8wdwQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/js@9.19.0':
-    resolution: {integrity: sha512-rbq9/g38qjfqFLOVPvwjIvFFdNziEC5S65jmjPw5r6A//QH+W91akh9irMwjDN8zKUTak6W9EsAv4m/7Wnw0UQ==}
+  '@eslint/js@9.21.0':
+    resolution: {integrity: sha512-BqStZ3HX8Yz6LvsF5ByXYrtigrV5AXADWLAGc7PH/1SxOb7/FIYYMszZZWiUou/GB9P2lXWk2SV4d+Z8h0nknw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/object-schema@2.1.6':
     resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/plugin-kit@0.2.5':
-    resolution: {integrity: sha512-lB05FkqEdUg2AA0xEbUz0SnkXT1LcCTa438W4IWTUh4hdOnVbQyOJ81OrDXsJk/LSiJHubgGEFoR5EHq1NsH1A==}
+  '@eslint/plugin-kit@0.2.7':
+    resolution: {integrity: sha512-JubJ5B2pJ4k4yGxaNLdbjrnk9d/iDz6/q8wOilpIowd6PJPgaxCuHBnBszq7Ce2TyMrywm5r4PnKm6V3iiZF+g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@figspec/components@1.0.3':
@@ -561,8 +708,8 @@ packages:
     resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
     engines: {node: '>=18.18'}
 
-  '@humanwhocodes/retry@0.4.1':
-    resolution: {integrity: sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==}
+  '@humanwhocodes/retry@0.4.2':
+    resolution: {integrity: sha512-xeO57FpIu4p1Ri3Jq/EXq4ClRm86dVF2z/+kvFnyqVYRavTZmaFaUBbWCOuuTh0o/g7DSsk6kc2vrS4Vl5oPOQ==}
     engines: {node: '>=18.18'}
 
   '@ioredis/commands@1.2.0':
@@ -666,8 +813,8 @@ packages:
     resolution: {integrity: sha512-nIh/M6Kh3ZtOmlY00DaUYB4xeeV6F3/ts1l29iwl3/cfyY/OuCfUx+v08zgx8TKPTifXRcjjqVQ4KB2zOYSbyw==}
     engines: {node: '>=18.18.0'}
 
-  '@nuxt/cli@3.21.1':
-    resolution: {integrity: sha512-GFFHSEtNtf1s4anMKWFfKSbKiNvEwOKxfP3uls7anZ8GCVYrKthMMxeou4fZBcRhTAFbiLC7DytsKnjfmY2t9w==}
+  '@nuxt/cli@3.22.4':
+    resolution: {integrity: sha512-y4XsphSpnvFOF7OGrCEHJaI8gp47APWNK7mRbzWMl/xvO9VpKeP9BWuktKNUdZSp4xisy3+8/5v3LPorJmq35w==}
     engines: {node: ^16.10.0 || >=18.0.0}
     hasBin: true
 
@@ -723,9 +870,9 @@ packages:
     resolution: {integrity: sha512-pAYZb/3ocSC/db1EFd5y+otmgHqUkvfxfhd9EknDB5DygnJuOIQNuGJ7LMJM6S2c0DYgBIHOdEelLxKHOjwbgQ==}
     engines: {node: ^14.18.0 || >=16.10.0}
 
-  '@nuxt/telemetry@2.6.4':
-    resolution: {integrity: sha512-2Lgdn07Suraly5dSfVQ4ttBQBMtmjvCTGKGUHpc1UyH87HT9xCm3KLFO0UcVQ8+LNYCgoOaK7lq9qDJOfBfZ5A==}
-    engines: {node: '>=18.20.5'}
+  '@nuxt/telemetry@2.6.5':
+    resolution: {integrity: sha512-lwMp9OHML/m0mjh7P5iz9PxINnk5smGkGebh88Wh8PjvnRooY1TBsbyq7mlSrNibpwD1BkwqhV5IAZOXWHLxMQ==}
+    engines: {node: '>=18.12.0'}
     hasBin: true
 
   '@nuxt/vite-builder@3.15.4':
@@ -825,10 +972,10 @@ packages:
     resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
     engines: {node: '>= 10.0.0'}
 
-  '@pinia/nuxt@0.9.0':
-    resolution: {integrity: sha512-2yeRo7LeyCF68AbNeL3xu2h6uw0617RkcsYxmA8DJM0R0PMdz5wQHnc44KeENQxR/Mrq8T910XVT6buosqsjBQ==}
+  '@pinia/nuxt@0.10.1':
+    resolution: {integrity: sha512-xrpkKZHSmshPK6kQzboJ+TZiZ5zj73gBCI5SfiUaJkKKS9gx4B1hLEzJIjxZl0/HS5jRWrIvQ+u9ulvIRlNiow==}
     peerDependencies:
-      pinia: ^2.3.0
+      pinia: ^3.0.1
 
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
@@ -844,12 +991,12 @@ packages:
   '@redocly/ajv@8.11.2':
     resolution: {integrity: sha512-io1JpnwtIcvojV7QKDUSIuMN/ikdOUd1ReEnUnMKGfDVridQZ31J0MmIuqwuRjWDZfmvr+Q0MqCcfHM2gTivOg==}
 
-  '@redocly/config@0.20.3':
-    resolution: {integrity: sha512-Nyyv1Bj7GgYwj/l46O0nkH1GTKWbO3Ixe7KFcn021aZipkZd+z8Vlu1BwkhqtVgivcKaClaExtWU/lDHkjBzag==}
+  '@redocly/config@0.21.0':
+    resolution: {integrity: sha512-JBtrrjBIURTnzb7KUIWOF46vSgpfC3rO6Mm8LjtRjtTNCLTyB+mOuU7HrTkVcvUCEBuSuzkivlTHMWT4JETz9A==}
 
-  '@redocly/openapi-core@1.28.1':
-    resolution: {integrity: sha512-f9sx2WEhhU6YxajyqE+vQC7/DWiQxk8TiLA6Axba7wnvQUCknvmZ6xOeOdlV1lyfaADhbJ/5hBQHNwfcc0pMhg==}
-    engines: {node: '>=18.17.0', npm: '>=10.8.2'}
+  '@redocly/openapi-core@1.32.1':
+    resolution: {integrity: sha512-nZvPWneybAWen2rhFksvhpA1VYIsr2bIrpJU4z20SQeH8BKUzPRiO+EtCodRqQQe/NIvf/tD85POtLRJ9PjaiA==}
+    engines: {node: '>=18.17.0', npm: '>=9.5.0'}
 
   '@rollup/plugin-alias@5.1.1':
     resolution: {integrity: sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==}
@@ -923,98 +1070,98 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.34.2':
-    resolution: {integrity: sha512-6Fyg9yQbwJR+ykVdT9sid1oc2ewejS6h4wzQltmJfSW53N60G/ah9pngXGANdy9/aaE/TcUFpWosdm7JXS1WTQ==}
+  '@rollup/rollup-android-arm-eabi@4.34.9':
+    resolution: {integrity: sha512-qZdlImWXur0CFakn2BJ2znJOdqYZKiedEPEVNTBrpfPjc/YuTGcaYZcdmNFTkUj3DU0ZM/AElcM8Ybww3xVLzA==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.34.2':
-    resolution: {integrity: sha512-K5GfWe+vtQ3kyEbihrimM38UgX57UqHp+oME7X/EX9Im6suwZfa7Hsr8AtzbJvukTpwMGs+4s29YMSO3rwWtsw==}
+  '@rollup/rollup-android-arm64@4.34.9':
+    resolution: {integrity: sha512-4KW7P53h6HtJf5Y608T1ISKvNIYLWRKMvfnG0c44M6In4DQVU58HZFEVhWINDZKp7FZps98G3gxwC1sb0wXUUg==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.34.2':
-    resolution: {integrity: sha512-PSN58XG/V/tzqDb9kDGutUruycgylMlUE59f40ny6QIRNsTEIZsrNQTJKUN2keMMSmlzgunMFqyaGLmly39sug==}
+  '@rollup/rollup-darwin-arm64@4.34.9':
+    resolution: {integrity: sha512-0CY3/K54slrzLDjOA7TOjN1NuLKERBgk9nY5V34mhmuu673YNb+7ghaDUs6N0ujXR7fz5XaS5Aa6d2TNxZd0OQ==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.34.2':
-    resolution: {integrity: sha512-gQhK788rQJm9pzmXyfBB84VHViDERhAhzGafw+E5mUpnGKuxZGkMVDa3wgDFKT6ukLC5V7QTifzsUKdNVxp5qQ==}
+  '@rollup/rollup-darwin-x64@4.34.9':
+    resolution: {integrity: sha512-eOojSEAi/acnsJVYRxnMkPFqcxSMFfrw7r2iD9Q32SGkb/Q9FpUY1UlAu1DH9T7j++gZ0lHjnm4OyH2vCI7l7Q==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-freebsd-arm64@4.34.2':
-    resolution: {integrity: sha512-eiaHgQwGPpxLC3+zTAcdKl4VsBl3r0AiJOd1Um/ArEzAjN/dbPK1nROHrVkdnoE6p7Svvn04w3f/jEZSTVHunA==}
+  '@rollup/rollup-freebsd-arm64@4.34.9':
+    resolution: {integrity: sha512-2lzjQPJbN5UnHm7bHIUKFMulGTQwdvOkouJDpPysJS+QFBGDJqcfh+CxxtG23Ik/9tEvnebQiylYoazFMAgrYw==}
     cpu: [arm64]
     os: [freebsd]
 
-  '@rollup/rollup-freebsd-x64@4.34.2':
-    resolution: {integrity: sha512-lhdiwQ+jf8pewYOTG4bag0Qd68Jn1v2gO1i0mTuiD+Qkt5vNfHVK/jrT7uVvycV8ZchlzXp5HDVmhpzjC6mh0g==}
+  '@rollup/rollup-freebsd-x64@4.34.9':
+    resolution: {integrity: sha512-SLl0hi2Ah2H7xQYd6Qaiu01kFPzQ+hqvdYSoOtHYg/zCIFs6t8sV95kaoqjzjFwuYQLtOI0RZre/Ke0nPaQV+g==}
     cpu: [x64]
     os: [freebsd]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.34.2':
-    resolution: {integrity: sha512-lfqTpWjSvbgQP1vqGTXdv+/kxIznKXZlI109WkIFPbud41bjigjNmOAAKoazmRGx+k9e3rtIdbq2pQZPV1pMig==}
+  '@rollup/rollup-linux-arm-gnueabihf@4.34.9':
+    resolution: {integrity: sha512-88I+D3TeKItrw+Y/2ud4Tw0+3CxQ2kLgu3QvrogZ0OfkmX/DEppehus7L3TS2Q4lpB+hYyxhkQiYPJ6Mf5/dPg==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.34.2':
-    resolution: {integrity: sha512-RGjqULqIurqqv+NJTyuPgdZhka8ImMLB32YwUle2BPTDqDoXNgwFjdjQC59FbSk08z0IqlRJjrJ0AvDQ5W5lpw==}
+  '@rollup/rollup-linux-arm-musleabihf@4.34.9':
+    resolution: {integrity: sha512-3qyfWljSFHi9zH0KgtEPG4cBXHDFhwD8kwg6xLfHQ0IWuH9crp005GfoUUh/6w9/FWGBwEHg3lxK1iHRN1MFlA==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.34.2':
-    resolution: {integrity: sha512-ZvkPiheyXtXlFqHpsdgscx+tZ7hoR59vOettvArinEspq5fxSDSgfF+L5wqqJ9R4t+n53nyn0sKxeXlik7AY9Q==}
+  '@rollup/rollup-linux-arm64-gnu@4.34.9':
+    resolution: {integrity: sha512-6TZjPHjKZUQKmVKMUowF3ewHxctrRR09eYyvT5eFv8w/fXarEra83A2mHTVJLA5xU91aCNOUnM+DWFMSbQ0Nxw==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.34.2':
-    resolution: {integrity: sha512-UlFk+E46TZEoxD9ufLKDBzfSG7Ki03fo6hsNRRRHF+KuvNZ5vd1RRVQm8YZlGsjcJG8R252XFK0xNPay+4WV7w==}
+  '@rollup/rollup-linux-arm64-musl@4.34.9':
+    resolution: {integrity: sha512-LD2fytxZJZ6xzOKnMbIpgzFOuIKlxVOpiMAXawsAZ2mHBPEYOnLRK5TTEsID6z4eM23DuO88X0Tq1mErHMVq0A==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-loongarch64-gnu@4.34.2':
-    resolution: {integrity: sha512-hJhfsD9ykx59jZuuoQgYT1GEcNNi3RCoEmbo5OGfG8RlHOiVS7iVNev9rhLKh7UBYq409f4uEw0cclTXx8nh8Q==}
+  '@rollup/rollup-linux-loongarch64-gnu@4.34.9':
+    resolution: {integrity: sha512-dRAgTfDsn0TE0HI6cmo13hemKpVHOEyeciGtvlBTkpx/F65kTvShtY/EVyZEIfxFkV5JJTuQ9tP5HGBS0hfxIg==}
     cpu: [loong64]
     os: [linux]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.34.2':
-    resolution: {integrity: sha512-g/O5IpgtrQqPegvqopvmdCF9vneLE7eqYfdPWW8yjPS8f63DNam3U4ARL1PNNB64XHZDHKpvO2Giftf43puB8Q==}
+  '@rollup/rollup-linux-powerpc64le-gnu@4.34.9':
+    resolution: {integrity: sha512-PHcNOAEhkoMSQtMf+rJofwisZqaU8iQ8EaSps58f5HYll9EAY5BSErCZ8qBDMVbq88h4UxaNPlbrKqfWP8RfJA==}
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.34.2':
-    resolution: {integrity: sha512-bSQijDC96M6PuooOuXHpvXUYiIwsnDmqGU8+br2U7iPoykNi9JtMUpN7K6xml29e0evK0/g0D1qbAUzWZFHY5Q==}
+  '@rollup/rollup-linux-riscv64-gnu@4.34.9':
+    resolution: {integrity: sha512-Z2i0Uy5G96KBYKjeQFKbbsB54xFOL5/y1P5wNBsbXB8yE+At3oh0DVMjQVzCJRJSfReiB2tX8T6HUFZ2k8iaKg==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.34.2':
-    resolution: {integrity: sha512-49TtdeVAsdRuiUHXPrFVucaP4SivazetGUVH8CIxVsNsaPHV4PFkpLmH9LeqU/R4Nbgky9lzX5Xe1NrzLyraVA==}
+  '@rollup/rollup-linux-s390x-gnu@4.34.9':
+    resolution: {integrity: sha512-U+5SwTMoeYXoDzJX5dhDTxRltSrIax8KWwfaaYcynuJw8mT33W7oOgz0a+AaXtGuvhzTr2tVKh5UO8GVANTxyQ==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.34.2':
-    resolution: {integrity: sha512-j+jFdfOycLIQ7FWKka9Zd3qvsIyugg5LeZuHF6kFlXo6MSOc6R1w37YUVy8VpAKd81LMWGi5g9J25P09M0SSIw==}
+  '@rollup/rollup-linux-x64-gnu@4.34.9':
+    resolution: {integrity: sha512-FwBHNSOjUTQLP4MG7y6rR6qbGw4MFeQnIBrMe161QGaQoBQLqSUEKlHIiVgF3g/mb3lxlxzJOpIBhaP+C+KP2A==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.34.2':
-    resolution: {integrity: sha512-aDPHyM/D2SpXfSNCVWCxyHmOqN9qb7SWkY1+vaXqMNMXslZYnwh9V/UCudl6psyG0v6Ukj7pXanIpfZwCOEMUg==}
+  '@rollup/rollup-linux-x64-musl@4.34.9':
+    resolution: {integrity: sha512-cYRpV4650z2I3/s6+5/LONkjIz8MBeqrk+vPXV10ORBnshpn8S32bPqQ2Utv39jCiDcO2eJTuSlPXpnvmaIgRA==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-win32-arm64-msvc@4.34.2':
-    resolution: {integrity: sha512-LQRkCyUBnAo7r8dbEdtNU08EKLCJMgAk2oP5H3R7BnUlKLqgR3dUjrLBVirmc1RK6U6qhtDw29Dimeer8d5hzQ==}
+  '@rollup/rollup-win32-arm64-msvc@4.34.9':
+    resolution: {integrity: sha512-z4mQK9dAN6byRA/vsSgQiPeuO63wdiDxZ9yg9iyX2QTzKuQM7T4xlBoeUP/J8uiFkqxkcWndWi+W7bXdPbt27Q==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.34.2':
-    resolution: {integrity: sha512-wt8OhpQUi6JuPFkm1wbVi1BByeag87LDFzeKSXzIdGcX4bMLqORTtKxLoCbV57BHYNSUSOKlSL4BYYUghainYA==}
+  '@rollup/rollup-win32-ia32-msvc@4.34.9':
+    resolution: {integrity: sha512-KB48mPtaoHy1AwDNkAJfHXvHp24H0ryZog28spEs0V48l3H1fr4i37tiyHsgKZJnCmvxsbATdZGBpbmxTE3a9w==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.34.2':
-    resolution: {integrity: sha512-rUrqINax0TvrPBXrFKg0YbQx18NpPN3NNrgmaao9xRNbTwek7lOXObhx8tQy8gelmQ/gLaGy1WptpU2eKJZImg==}
+  '@rollup/rollup-win32-x64-msvc@4.34.9':
+    resolution: {integrity: sha512-AyleYRPU7+rgkMWbEh71fQlrzRfeP6SyMnRf9XX4fCdDPAJumdSBqYEcWPMzVQ4ScAl7E4oFfK0GUVn77xSwbw==}
     cpu: [x64]
     os: [win32]
 
@@ -1022,28 +1169,28 @@ packages:
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
     engines: {node: '>=18'}
 
-  '@storybook/addon-a11y@8.5.3':
-    resolution: {integrity: sha512-5dUzcLdStpv39mTemW1uLc47RZH3SzieOWUNdQfg0cW2O5LeV9Nr698YDr3Lnf9PveZ9tpNXvTS8vNdRHTj0bw==}
+  '@storybook/addon-a11y@8.6.3':
+    resolution: {integrity: sha512-uJTk0n2/5qIXnURkEyK4weCjiApB6P+e6qql+z9Uo80ye8FfG/Y6RNftTHWN4W7vtP0gjFFNmI1SsNnsYCWBPw==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/addon-actions@8.5.3':
-    resolution: {integrity: sha512-7a+SD4EZdZocm+NG1Kx4yV6Aw7+YUlRIyGvKcxsGtYMOLaqrUewApqveXF83+FbYWMoezXcoZCLQFROtS/Z6Fw==}
+  '@storybook/addon-actions@8.6.3':
+    resolution: {integrity: sha512-0UrVqRoZFRFCqjtR8ODacpJNqi47qDUnsnB5F7e93U9ihSrH2edOBBX6frl11XKYA23rzq7jtnviFTVOpWpG7Q==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/addon-backgrounds@8.5.3':
-    resolution: {integrity: sha512-sZcw8/C/HIIgbRBY+0ZYTBc5Py8xvw3bt6lzSVQEXA2aygfJpO/jiQJlmOXTmK3g5F5pjFKaaCodfXT7V/9mzw==}
+  '@storybook/addon-backgrounds@8.6.3':
+    resolution: {integrity: sha512-2mmMpMyUsS8rti2guMR4rk4h5YBLNHidxUqTm+U4nITZFfCXNP76To9hfTczpLTvUEpPxSbPG0sCIeHFaw4NRQ==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/addon-controls@8.5.3':
-    resolution: {integrity: sha512-A4UVQhPyC7FvV+fM50xvEZO26/2uE41Ns0TN0qq7U5EH0Dlj43Salgay6qT8fve6XAI4SgVjkujPVCSbLg/yVQ==}
+  '@storybook/addon-controls@8.6.3':
+    resolution: {integrity: sha512-j4Oof3nwjyiO6oNP1bJ98Sz1iZlYhdcgHX284yd0wBO91Q5B2GoCeqyCE+yRCh752ZnnYG1gazJrHmiG6gKxVg==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/addon-designs@8.0.4':
-    resolution: {integrity: sha512-BrEWks1BRnZis2e8OoE1LhFS+x2d094Tzpbb3jQBve2IfDv/X006RSuy1WyplNxskdYdBESCH45MlRn4lhP5ew==}
+  '@storybook/addon-designs@8.2.0':
+    resolution: {integrity: sha512-QP5fQ5ilNUHkLzrCTM1HH/lLPgQnv3d7Il9VFFiulhXoiY1B7Aq8iO11jKGaQuDEsDLgtw8k0Smi1qFZ+QChkA==}
     peerDependencies:
       '@storybook/blocks': ^8.0.0 || ^8.1.0-0 || ^8.2.0-0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
       '@storybook/components': ^8.0.0 || ^8.1.0-0 || ^8.2.0-0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
@@ -1062,88 +1209,85 @@ packages:
       react-dom:
         optional: true
 
-  '@storybook/addon-docs@8.5.3':
-    resolution: {integrity: sha512-XVcQlHX963nuoeRkb7qQg89t/9CThdT46UV7jX3FFn08NEMhmDEa+4iVA4l+4xNgJ+Av6uX+u6yRGnM/910mLg==}
+  '@storybook/addon-docs@8.6.3':
+    resolution: {integrity: sha512-FRABH+r2huMpAK8iUQiFlYZtYenbqtudX3fNKFK9b38eV1R14kWggVG02lsa6upXbzxWVbMLUdOqaZJHxNbO/A==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/addon-essentials@8.5.3':
-    resolution: {integrity: sha512-0zbEWQQZCiYRUxMo6FrfwQER/vi+B8mCLLivdjbSVSvZsjmlpcaBA5uBjbsXfIRcedHlou4QiJXn+nR8thDlKA==}
+  '@storybook/addon-essentials@8.6.3':
+    resolution: {integrity: sha512-tH+MwkZ6UwRWyhGdq8izVZAZHGWdeiBY1wpIwdceP1Rl2j9s11Gbddb/JlmiXrC+f/Oiylxghaf7EIksVVqLQQ==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/addon-highlight@8.5.3':
-    resolution: {integrity: sha512-xhsr3W6KTvlOIIe+8JE9/sEOAgkW0yjMZzs47A+bWcxKwcFhAUgVLbAgEzjJ0u248rjGKlCJ2pswWefO+ZKJeg==}
+  '@storybook/addon-highlight@8.6.3':
+    resolution: {integrity: sha512-LYZsgZt5q3EZBkZjUEELh/5+TDnUP0njuQ5g6skyKil6vj9+2RI4/Vjodp+ni5+xct5aDhXavRyUnPRfclX/Cg==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/addon-links@8.5.3':
-    resolution: {integrity: sha512-MRhIif4tCoIucLgGX14dI7yptF9bYH2UaJasyywshzQZKAEjOfX19Aw5fwp2zJt6kukAF6mUxMtWKcQMH2XOmw==}
+  '@storybook/addon-links@8.6.3':
+    resolution: {integrity: sha512-3wGiMZxWbgdjEgymUrCVG5PwU0vAYF9EiSHsGxiSxje69l08GLD6s7FTLx0HwvuyiNFcigLcuF45XZnB252RtA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-      storybook: ^8.5.3
+      storybook: ^8.6.3
     peerDependenciesMeta:
       react:
         optional: true
 
-  '@storybook/addon-measure@8.5.3':
-    resolution: {integrity: sha512-unb0bRsnISXWiCBBECxNUUdM12hHpV+1uJUu5OJHtKb26YpiQvewDFLTLjuZJ3NIAfw+F5232Q7K88AWJV6weg==}
+  '@storybook/addon-measure@8.6.3':
+    resolution: {integrity: sha512-FC/3pqM2adSnwyPOd9AxEoZD5XWCMKAk16urQFQ0M4+IzRUdf2OV8cc7aM/oZiBX36+q/UCcUWm2SbQ5nzNJpg==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/addon-outline@8.5.3':
-    resolution: {integrity: sha512-e1MkGN6XVdeRh2oUKGdqEDyAo2TD/47ashAAxw8DEiLRWgBMbQ+KBVH4EOG+dn5395jxh7YgRLJn/miqNnfN5g==}
+  '@storybook/addon-outline@8.6.3':
+    resolution: {integrity: sha512-YklKHRkoDLSWawIIBrEI69RAWEdvhkYCOv+fMLu9zBeVPnkwbtIjXN/I+UJwPCm6jlxeEwEUAvbPWZMMf+BkPQ==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/addon-toolbars@8.5.3':
-    resolution: {integrity: sha512-AWr9Per9WDrbFtNlbVlj6CiEwKOvOyoBt3bCuMHuRfTdqKwkwInEtyUi4//T8U+c1qs7KJBpsWV2vhIuc5sODg==}
+  '@storybook/addon-toolbars@8.6.3':
+    resolution: {integrity: sha512-GTC1GPrFNfWvvBaQQnGuL7ZfGK5Q+3ZovwQA9tnPu7QZEwea/4CXvUyQh1u0NwqrFZkrabOad1XvYfpRuCPGSA==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/addon-viewport@8.5.3':
-    resolution: {integrity: sha512-OkLJ2B8+PiOEAd2HtRG6XewVjtw6AkBMgoSbfKCMr6TWSbuKrOeiwIMqqieAAPVNfsOQ8hTK6JGhr/KPRCKgRA==}
+  '@storybook/addon-viewport@8.6.3':
+    resolution: {integrity: sha512-AixZKiQdBVs7ePj5iV0U1IY2jvH0G7wQJwBRTOq4qC1FKiOsZEYmrwc3wLUBUlVqyenXFKN+H40r4VhPzzSfLw==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/blocks@8.5.3':
-    resolution: {integrity: sha512-a/PpHFmeBtVB9Q/6cNAnqfeCqMowsrI8nGka0Nl7BB3x1eJnS3I1Qo3Skht0LBEsmXOgXk4dwWxpeQL3qHMRkw==}
+  '@storybook/blocks@8.6.3':
+    resolution: {integrity: sha512-Ieu6kwqdeAcrLzcX2QIqnCd0XWZi46i4eem8W54JRiOMQMYUpZ7onbciRAP58qxEWrZWqgxPS+tiCTaJe48VVQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-      storybook: ^8.5.3
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      storybook: ^8.6.3
     peerDependenciesMeta:
       react:
         optional: true
       react-dom:
         optional: true
 
-  '@storybook/builder-vite@8.5.3':
-    resolution: {integrity: sha512-MxriwzZSVidaXj3kpH/jCOJZUdF7ofcvxmvrMrNehH9UvXIGM6b73CBC5ucnptbnQ7qxYKdAZiMhQbPHZ9cqOQ==}
+  '@storybook/builder-vite@8.6.3':
+    resolution: {integrity: sha512-v/nlBeT7Avn1ld2GHY5dtm1+TKREvtQ+DEcKK5iOWfv2259WqUp0dGnF4fbHcsNCtFurkA/P2uqJ9vc0xOIVUg==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
       vite: ^4.0.0 || ^5.0.0 || ^6.0.0
 
-  '@storybook/components@8.5.3':
-    resolution: {integrity: sha512-iC9VbpM8Equ8wXI2syBzov+8wys4sGYW7Xfz67LdSVbCMhsH9FRtvgbDppJQC/ZDCofg4sTAHhWpDV/KAQ385A==}
+  '@storybook/components@8.6.3':
+    resolution: {integrity: sha512-q5DQkV+E/j0KfF818RywgqEHjaZTg71q5YY4z0UO8CRSzDQ/VYF6L76oc69corbkJtYAk/GqaYJllzrWykS4sg==}
     peerDependencies:
       storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
 
-  '@storybook/core@8.5.3':
-    resolution: {integrity: sha512-ZLlr2pltbj/hmC54lggJTnh09FCAJR62lIdiXNwa+V+/eJz0CfD8tfGmZGKPSmaQeZBpMwAOeRM97k2oLPF+0w==}
+  '@storybook/core@8.6.3':
+    resolution: {integrity: sha512-0iMTfmo3UFCa1hFJLtThnRIppkIpGPyTL3MElhORP1t5l9lCUq5am0ymbi/TeCbsJPjE86FjeO0NinokL9iQiw==}
     peerDependencies:
       prettier: ^2 || ^3
     peerDependenciesMeta:
       prettier:
         optional: true
 
-  '@storybook/csf-plugin@8.5.3':
-    resolution: {integrity: sha512-u5oyXTFg3KIy4h9qoNyiCG2mJF3OpkLO/AcM4lMAwQVnBvz8pwITvr4jDZByVjGmcIbgKJQnWX+BwdK2NI4yAw==}
+  '@storybook/csf-plugin@8.6.3':
+    resolution: {integrity: sha512-0QDLBcMOxSEt1yH28cvIsoiaIokIxDDShMnxVJHWk/7+KZ3xe4lZBfKCWZspZoJmrxgz10gLRifj1b3ysIFlyA==}
     peerDependencies:
-      storybook: ^8.5.3
-
-  '@storybook/csf@0.1.12':
-    resolution: {integrity: sha512-9/exVhabisyIVL0VxTCxo01Tdm8wefIXKXfltAPTSr8cbLn5JAxGQ6QV3mjdecLGEOucfoVhAKtJfVHxEK1iqw==}
+      storybook: ^8.6.3
 
   '@storybook/global@5.0.0':
     resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==}
@@ -1155,54 +1299,54 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
 
-  '@storybook/instrumenter@8.5.3':
-    resolution: {integrity: sha512-pxaTbGeju8MkwouIiaWX5DMWtpRruxqig8W3nZPOvzoSCCbQY+sLMQoyXxFlpGxLBjcvXivkL7AMVBKps5sFEQ==}
+  '@storybook/instrumenter@8.6.3':
+    resolution: {integrity: sha512-Y5n6JWCWdOqok08Hgklsc98TBoqROhAhBRSzNWuIaLsRhz8EziXQtuEkWqmVbyYOys25iTZiK3S8+QQkOzGrBw==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/manager-api@8.5.3':
-    resolution: {integrity: sha512-JtfuMgQpKIPU0ARn1jNPce8FmknpM0Ap0mppWl+KGAWWGadJPDaX/nrY/19dT1kRgIhyOnbX6tgJxII4E9dE5w==}
+  '@storybook/manager-api@8.6.3':
+    resolution: {integrity: sha512-7m9MQELc6XpuKIuliqMiQWzl8yVWpUDwTcpr+rTT7l3OfRzw7Y00UFct2tI03YG6EXsxsykw8EmueMQhe0lG5Q==}
     peerDependencies:
       storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
 
-  '@storybook/preview-api@8.5.3':
-    resolution: {integrity: sha512-dUsuXW+KgDg4tWXOB6dk5j5gwwRUzbPvicHAY9mzbpSVScbWXuE5T/S/9hHlbtfkhFroWQgPx2eB8z3rai+7RQ==}
+  '@storybook/preview-api@8.6.3':
+    resolution: {integrity: sha512-y2Ic6eHBQD/AwaCHctKOJ4tOM1r7/mPXfhGh0I+Qf8kZPlDTgQcJ6Z7/Ruma1L+ijXPBWouDaPw51gipcX+t9Q==}
     peerDependencies:
       storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
 
-  '@storybook/react-dom-shim@8.5.3':
-    resolution: {integrity: sha512-kNIGk6mpXW3Wy+uS9pH9b9w/54EPJnH+QXA6MX4EQgmxhMQlGlS/l/YZp+3jsVQW4YgTmqe740qB+ccJAKZxBQ==}
+  '@storybook/react-dom-shim@8.6.3':
+    resolution: {integrity: sha512-vE3LA2TxbzDF1Fso2IgvUtoHc+8a6laKhuJdx8frP5A8M1KGOBfuEPFCCcE49Q90HUlDgwb/zQl1GNq/QjLgWQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/test@8.5.3':
-    resolution: {integrity: sha512-2smoDbtU6Qh4yk0uD18qGfW6ll7lZBzKlF58Ha1CgWR4o+jpeeTQcfDLH9gG6sNrpojF7AVzMh/aN9BDHD+Chg==}
+  '@storybook/test@8.6.3':
+    resolution: {integrity: sha512-UimvhV/PmYoXCwIbGpkyqQfMhjdH2GaHJbV6BWr7M7BHA3kUS6zYJAm2V2CC5SYcmyj7FejLB4tgL7FmLXB6hA==}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
 
-  '@storybook/theming@8.5.3':
-    resolution: {integrity: sha512-Jvzw+gT1HNarkJo21WZBq5pU89qDN8u/pD3woSh/1c2h5RS6UylWjQHotPFpcBIQiUSrDFtvCU9xugJm4MD0+w==}
+  '@storybook/theming@8.6.3':
+    resolution: {integrity: sha512-sDcWnnko73KOCIc9stQyec9KvTmGOuMswqeKtWh0ha/wsgYB6G2/2j1xOheFmWKPitOsbwgvqtjCP7bRE68uIA==}
     peerDependencies:
       storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
 
-  '@storybook/vue3-vite@8.5.3':
-    resolution: {integrity: sha512-ef9LBkiM2lcuBuwbPOU8C3RvtqL60f4xwLf21K0eeGmd91P4MbNKciEWb/kt26F6Bt88mYk+2+i4Kw5XsTKqkA==}
+  '@storybook/vue3-vite@8.6.3':
+    resolution: {integrity: sha512-7LVIDjujXsML5KqDrj03u96C78aYkk4zw+y/enYMZGtc0mZ0mJEYKEJy8GhraqZGEU21Ni+ckeCttgt31S0UPQ==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
       vite: ^4.0.0 || ^5.0.0 || ^6.0.0
 
-  '@storybook/vue3@8.5.3':
-    resolution: {integrity: sha512-iacQfz6oZKfb/5edo1Sg+vqCLF84JzCsTfVscvWodSlG2dZEq+uh8WAbKDy1xj5Gurgvxl1JkzDTvsr3UFPJUQ==}
+  '@storybook/vue3@8.6.3':
+    resolution: {integrity: sha512-QMvAlX20+Yq37vkcR7VP21+f1yj+HoS5j6nvQZnfp36rs08KVnXBTF8KtnbjAqBA1KFdZgSXMtB4fWxvCHGLbA==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
-      storybook: ^8.5.3
+      storybook: ^8.6.3
       vue: ^3.0.0
 
-  '@stylistic/eslint-plugin@3.0.1':
-    resolution: {integrity: sha512-rQ3tcT5N2cynofJfbjUsnL4seoewTaOVBLyUEwtNldo7iNMPo3h/GUQk+Cl3iHEWwRxjq2wuH6q0FufQrbVL1A==}
+  '@stylistic/eslint-plugin@3.1.0':
+    resolution: {integrity: sha512-pA6VOrOqk0+S8toJYhQGv2MWpQQR0QpeUo9AhNkC49Y26nxBQ/nH1rta9bUU1rPw2fJ1zZEMV5oCX5AazT7J2g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: '>=8.40.0'
@@ -1249,8 +1393,8 @@ packages:
   '@types/hast@2.3.10':
     resolution: {integrity: sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==}
 
-  '@types/http-proxy@1.17.15':
-    resolution: {integrity: sha512-25g5atgiVNTIv0LBDTg1H74Hvayx0ajtJPLLcYE3whFv75J0pWNtOBzaXJQgDTmrX1bx5U9YC2w/n65BN1HwRQ==}
+  '@types/http-proxy@1.17.16':
+    resolution: {integrity: sha512-sdWoUajOB1cd0A8cRRQ1cfyWNbmFKLAqBB89Y8x5iYyG/mkJHc0YUH8pdWBy2omi9qtCpiIgGjuwO0dQST2l5w==}
 
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
@@ -1264,8 +1408,8 @@ packages:
   '@types/ms@2.1.0':
     resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
 
-  '@types/node@22.13.1':
-    resolution: {integrity: sha512-jK8uzQlrvXqEU91UxiK5J7pKHyzgnI1Qnl0QDHIgVGuolJhRb9EEl28Cj9b3rGR8B2lhFCtvIm5os8lFnO/1Ew==}
+  '@types/node@22.13.9':
+    resolution: {integrity: sha512-acBjXdRJ3A6Pb3tqnw9HZmyR3Fiol3aGxRCK1x3d+6CDAMjl7I649wpSd+yNURCjbOUGu9tqtLKnTGxmK6CyGw==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -1273,8 +1417,8 @@ packages:
   '@types/parse-path@7.0.3':
     resolution: {integrity: sha512-LriObC2+KYZD3FzCrgWGv/qufdUy4eXrxcLgQMfYXgPbLIecKIsVBaQgUPmxSSLcjmYbDTQbMgr6qr6l/eb7Bg==}
 
-  '@types/react@19.0.8':
-    resolution: {integrity: sha512-9P/o1IGdfmQxrujGbIMDyYaaCykhLKc0NGCtYcECNUr9UAaDe4gwvV9bR6tvd5Br1SG0j+PBpbKr2UYY8CwqSw==}
+  '@types/react@19.0.10':
+    resolution: {integrity: sha512-JuRQ9KXLEjaUNjTWpzuR231Z2WpIwczOkBEIvbHNCzQefFIT0L8IqE6NV6ULLyC1SI/i234JnDoMkfg+RjQj2g==}
 
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
@@ -1297,67 +1441,67 @@ packages:
   '@types/vue-select@3.16.8':
     resolution: {integrity: sha512-ZBovlBrWf/wnPqCmMw24ryIC7ghQLfIBmkl1qssqBGONdx7yOmi/GLwtPxll/6UwXWGNWMeokleOgVAZPis+Ag==}
 
-  '@typescript-eslint/eslint-plugin@8.23.0':
-    resolution: {integrity: sha512-vBz65tJgRrA1Q5gWlRfvoH+w943dq9K1p1yDBY2pc+a1nbBLZp7fB9+Hk8DaALUbzjqlMfgaqlVPT1REJdkt/w==}
+  '@typescript-eslint/eslint-plugin@8.26.0':
+    resolution: {integrity: sha512-cLr1J6pe56zjKYajK6SSSre6nl1Gj6xDp1TY0trpgPzjVbgDwd09v2Ws37LABxzkicmUjhEeg/fAUjPJJB1v5Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/parser@8.23.0':
-    resolution: {integrity: sha512-h2lUByouOXFAlMec2mILeELUbME5SZRN/7R9Cw2RD2lRQQY08MWMM+PmVVKKJNK1aIwqTo9t/0CvOxwPbRIE2Q==}
+  '@typescript-eslint/parser@8.26.0':
+    resolution: {integrity: sha512-mNtXP9LTVBy14ZF3o7JG69gRPBK/2QWtQd0j0oH26HcY/foyJJau6pNUez7QrM5UHnSvwlQcJXKsk0I99B9pOA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/scope-manager@8.23.0':
-    resolution: {integrity: sha512-OGqo7+dXHqI7Hfm+WqkZjKjsiRtFUQHPdGMXzk5mYXhJUedO7e/Y7i8AK3MyLMgZR93TX4bIzYrfyVjLC+0VSw==}
+  '@typescript-eslint/scope-manager@8.26.0':
+    resolution: {integrity: sha512-E0ntLvsfPqnPwng8b8y4OGuzh/iIOm2z8U3S9zic2TeMLW61u5IH2Q1wu0oSTkfrSzwbDJIB/Lm8O3//8BWMPA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/type-utils@8.23.0':
-    resolution: {integrity: sha512-iIuLdYpQWZKbiH+RkCGc6iu+VwscP5rCtQ1lyQ7TYuKLrcZoeJVpcLiG8DliXVkUxirW/PWlmS+d6yD51L9jvA==}
+  '@typescript-eslint/type-utils@8.26.0':
+    resolution: {integrity: sha512-ruk0RNChLKz3zKGn2LwXuVoeBcUMh+jaqzN461uMMdxy5H9epZqIBtYj7UiPXRuOpaALXGbmRuZQhmwHhaS04Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/types@8.23.0':
-    resolution: {integrity: sha512-1sK4ILJbCmZOTt9k4vkoulT6/y5CHJ1qUYxqpF1K/DBAd8+ZUL4LlSCxOssuH5m4rUaaN0uS0HlVPvd45zjduQ==}
+  '@typescript-eslint/types@8.26.0':
+    resolution: {integrity: sha512-89B1eP3tnpr9A8L6PZlSjBvnJhWXtYfZhECqlBl1D9Lme9mHO6iWlsprBtVenQvY1HMhax1mWOjhtL3fh/u+pA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.23.0':
-    resolution: {integrity: sha512-LcqzfipsB8RTvH8FX24W4UUFk1bl+0yTOf9ZA08XngFwMg4Kj8A+9hwz8Cr/ZS4KwHrmo9PJiLZkOt49vPnuvQ==}
+  '@typescript-eslint/typescript-estree@8.26.0':
+    resolution: {integrity: sha512-tiJ1Hvy/V/oMVRTbEOIeemA2XoylimlDQ03CgPPNaHYZbpsc78Hmngnt+WXZfJX1pjQ711V7g0H7cSJThGYfPQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/utils@8.23.0':
-    resolution: {integrity: sha512-uB/+PSo6Exu02b5ZEiVtmY6RVYO7YU5xqgzTIVZwTHvvK3HsL8tZZHFaTLFtRG3CsV4A5mhOv+NZx5BlhXPyIA==}
+  '@typescript-eslint/utils@8.26.0':
+    resolution: {integrity: sha512-2L2tU3FVwhvU14LndnQCA2frYC8JnPDVKyQtWFPf8IYFMt/ykEN1bPolNhNbCVgOmdzTlWdusCTKA/9nKrf8Ig==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/visitor-keys@8.23.0':
-    resolution: {integrity: sha512-oWWhcWDLwDfu++BGTZcmXWqpwtkwb5o7fxUIGksMQQDSdPW9prsSnfIOZMlsj4vBOSrcnjIUZMiIjODgGosFhQ==}
+  '@typescript-eslint/visitor-keys@8.26.0':
+    resolution: {integrity: sha512-2z8JQJWAzPdDd51dRQ/oqIJxe99/hoLIqmf8RMCAJQtYDc535W/Jt2+RTP4bP0aKeBG1F65yjIZuczOXCmbWwg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@unhead/dom@1.11.18':
-    resolution: {integrity: sha512-zQuJUw/et9zYEV0SZWTDX23IgurwMaXycAuxt4L6OgNL0T4TWP3a0J/Vm3Q02hmdNo/cPKeVBrwBdnFUXjGU4w==}
+  '@unhead/dom@1.11.20':
+    resolution: {integrity: sha512-jgfGYdOH+xHJF/j8gudjsYu3oIjFyXhCWcgKaw3vQnT616gSqyqnGQGOItL+BQtQZACKNISwIfx5PuOtztMKLA==}
 
-  '@unhead/schema@1.11.18':
-    resolution: {integrity: sha512-a3TA/OJCRdfbFhcA3Hq24k1ZU1o9szicESrw8DZcGyQFacHnh84mVgnyqSkMnwgCmfN4kvjSiTBlLEHS6+wATw==}
+  '@unhead/schema@1.11.20':
+    resolution: {integrity: sha512-0zWykKAaJdm+/Y7yi/Yds20PrUK7XabLe9c3IRcjnwYmSWY6z0Cr19VIs3ozCj8P+GhR+/TI2mwtGlueCEYouA==}
 
-  '@unhead/shared@1.11.18':
-    resolution: {integrity: sha512-OsupRQRxJqqnuKiL1Guqipjbl7MndD5DofvmGa3PFGu2qNPmOmH2mxGFjRBBgq2XxY1KalIHl/2I9HV6gbK8cw==}
+  '@unhead/shared@1.11.20':
+    resolution: {integrity: sha512-1MOrBkGgkUXS+sOKz/DBh4U20DNoITlJwpmvSInxEUNhghSNb56S0RnaHRq0iHkhrO/cDgz2zvfdlRpoPLGI3w==}
 
-  '@unhead/ssr@1.11.18':
-    resolution: {integrity: sha512-uaHPz0RRAb18yKeCmHyHk5QKWRk/uHpOrqSbhRXTOhbrd3Ur3gGTVaAoyUoRYKGPU5B5/pyHh3TfLw0LkfrH1A==}
+  '@unhead/ssr@1.11.20':
+    resolution: {integrity: sha512-j6ehzmdWGAvv0TEZyLE3WBnG1ULnsbKQcLqBDh3fvKS6b3xutcVZB7mjvrVE7ckSZt6WwOtG0ED3NJDS7IjzBA==}
 
-  '@unhead/vue@1.11.18':
-    resolution: {integrity: sha512-Jfi7t/XNBnlcauP9UTH3VHBcS69G70ikFd2e5zdgULLDRWpOlLs1sSTH1V2juNptc93DOk9RQfC5jLWbLcivFw==}
+  '@unhead/vue@1.11.20':
+    resolution: {integrity: sha512-sqQaLbwqY9TvLEGeq8Fd7+F2TIuV3nZ5ihVISHjWpAM3y7DwNWRU7NmT9+yYT+2/jw1Vjwdkv5/HvDnvCLrgmg==}
     peerDependencies:
       vue: '>=2.7 || >=3'
 
@@ -1383,50 +1527,21 @@ packages:
   '@vitest/expect@2.0.5':
     resolution: {integrity: sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==}
 
-  '@vitest/expect@3.0.5':
-    resolution: {integrity: sha512-nNIOqupgZ4v5jWuQx2DSlHLEs7Q4Oh/7AYwNyE+k0UQzG7tSmjPXShUikn1mpNGzYEN2jJbTvLejwShMitovBA==}
-
-  '@vitest/mocker@3.0.5':
-    resolution: {integrity: sha512-CLPNBFBIE7x6aEGbIjaQAX03ZZlBMaWwAjBdMkIf/cAn6xzLTiM3zYqO/WAbieEjsAZir6tO71mzeHZoodThvw==}
-    peerDependencies:
-      msw: ^2.4.9
-      vite: ^5.0.0 || ^6.0.0
-    peerDependenciesMeta:
-      msw:
-        optional: true
-      vite:
-        optional: true
-
   '@vitest/pretty-format@2.0.5':
     resolution: {integrity: sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==}
 
   '@vitest/pretty-format@2.1.9':
     resolution: {integrity: sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==}
 
-  '@vitest/pretty-format@3.0.5':
-    resolution: {integrity: sha512-CjUtdmpOcm4RVtB+up8r2vVDLR16Mgm/bYdkGFe3Yj/scRfCpbSi2W/BDSDcFK7ohw8UXvjMbOp9H4fByd/cOA==}
-
-  '@vitest/runner@3.0.5':
-    resolution: {integrity: sha512-BAiZFityFexZQi2yN4OX3OkJC6scwRo8EhRB0Z5HIGGgd2q+Nq29LgHU/+ovCtd0fOfXj5ZI6pwdlUmC5bpi8A==}
-
-  '@vitest/snapshot@3.0.5':
-    resolution: {integrity: sha512-GJPZYcd7v8QNUJ7vRvLDmRwl+a1fGg4T/54lZXe+UOGy47F9yUfE18hRCtXL5aHN/AONu29NGzIXSVFh9K0feA==}
-
   '@vitest/spy@2.0.5':
     resolution: {integrity: sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==}
 
-  '@vitest/spy@3.0.5':
-    resolution: {integrity: sha512-5fOzHj0WbUNqPK6blI/8VzZdkBlQLnT25knX0r4dbZI9qoZDf3qAdjoMmDcLG5A83W6oUUFJgUd0EYBc2P5xqg==}
-
   '@vitest/utils@2.0.5':
     resolution: {integrity: sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==}
 
   '@vitest/utils@2.1.9':
     resolution: {integrity: sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==}
 
-  '@vitest/utils@3.0.5':
-    resolution: {integrity: sha512-N9AX0NUoUtVwKwy21JtwzaqR5L5R5A99GAbrHfCCXK1lp593i/3AZAXhSP43wRQuxYsflrdzEfXZFo1reR1Nkg==}
-
   '@volar/language-core@2.4.11':
     resolution: {integrity: sha512-lN2C1+ByfW9/JRPpqScuZt/4OrUUse57GLI6TbLgTIqBVemdl1wNcZ1qYGEo2+Gw8coYLgCy7SuKqn6IrQcQgg==}
 
@@ -1490,11 +1605,11 @@ packages:
   '@vue/devtools-kit@7.6.8':
     resolution: {integrity: sha512-JhJ8M3sPU+v0P2iZBF2DkdmR9L0dnT5RXJabJqX6o8KtFs3tebdvfoXV2Dm3BFuqeECuMJIfF1aCzSt+WQ4wrw==}
 
-  '@vue/devtools-shared@7.7.1':
-    resolution: {integrity: sha512-BtgF7kHq4BHG23Lezc/3W2UhK2ga7a8ohAIAGJMBr4BkxUFzhqntQtCiuL1ijo2ztWnmusymkirgqUrXoQKumA==}
+  '@vue/devtools-shared@7.7.2':
+    resolution: {integrity: sha512-uBFxnp8gwW2vD6FrJB8JZLUzVb6PNRG0B0jBnHsOH8uKyva2qINY8PTF5Te4QlTbMDqU5K6qtJDr6cNsKWhbOA==}
 
-  '@vue/language-core@2.2.0':
-    resolution: {integrity: sha512-O1ZZFaaBGkKbsRfnVH1ifOK1/1BUkyK+3SQsfnh6PmMmD4qJcTU8godCeA96jjDRTL6zgnK7YzCHfaUlH2r0Mw==}
+  '@vue/language-core@2.2.8':
+    resolution: {integrity: sha512-rrzB0wPGBvcwaSNRriVWdNAbHQWSf0NlGqgKHK5mEkXpefjUlVRP62u03KvwZpvKVjRnBIQ/Lwre+Mx9N6juUQ==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -1566,8 +1681,8 @@ packages:
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
-  alien-signals@0.4.14:
-    resolution: {integrity: sha512-itUAVzhczTmP2U5yX67xVpsbbOiquusbWVyA9N+sy6+r6YVbFkahXvNCeEPWEOMhwDYwbVbGHFkVL03N9I5g+Q==}
+  alien-signals@1.0.4:
+    resolution: {integrity: sha512-DJqqQD3XcsaQcQ1s+iE2jDUZmmQpXwHiR6fCAim/w87luaW+vmLY8fMlrdkmRwzaFXhkxf3rqPCR59tKVv1MDw==}
 
   ansi-colors@4.1.3:
     resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
@@ -1597,6 +1712,10 @@ packages:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
 
+  ansis@3.17.0:
+    resolution: {integrity: sha512-0qWUglt9JEqLFr3w1I1pbrChn1grhaiAR2ocX1PP/flRmxgtwTzPFFFnfIlD6aMOLQZgSuCRlidD70lvx8yhzg==}
+    engines: {node: '>=14'}
+
   any-promise@1.3.0:
     resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
 
@@ -1702,9 +1821,6 @@ packages:
     resolution: {integrity: sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==}
     engines: {node: '>=12.0.0'}
 
-  big.js@5.2.2:
-    resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
-
   binary-extensions@2.3.0:
     resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
     engines: {node: '>=8'}
@@ -1768,6 +1884,22 @@ packages:
       magicast:
         optional: true
 
+  c12@2.0.4:
+    resolution: {integrity: sha512-3DbbhnFt0fKJHxU4tEUPmD1ahWE4PWPMomqfYsTJdrhpmEnRKJi3qSC4rO5U6E6zN1+pjBY7+z8fUmNRMaVKLw==}
+    peerDependencies:
+      magicast: ^0.3.5
+    peerDependenciesMeta:
+      magicast:
+        optional: true
+
+  c12@3.0.2:
+    resolution: {integrity: sha512-6Tzk1/TNeI3WBPpK0j/Ss4+gPj3PUJYbWl/MWDJBThFvwNGNkXtd7Cz8BJtD4aRwoGHtzQD0SnxamgUiBH0/Nw==}
+    peerDependencies:
+      magicast: ^0.3.5
+    peerDependenciesMeta:
+      magicast:
+        optional: true
+
   cac@6.7.14:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
@@ -1776,16 +1908,16 @@ packages:
     resolution: {integrity: sha512-IKufZ1o4Ut42YUrZSo8+qnMTrFuKkvyoLXUywKz9GJ5BrhOFGhLdkx9sG4KAnVvbY6kEcSFjLQul+DVmBm2bgA==}
     engines: {node: '>= 6.0.0'}
 
-  call-bind-apply-helpers@1.0.1:
-    resolution: {integrity: sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==}
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
     engines: {node: '>= 0.4'}
 
   call-bind@1.0.8:
     resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
     engines: {node: '>= 0.4'}
 
-  call-bound@1.0.3:
-    resolution: {integrity: sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==}
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
     engines: {node: '>= 0.4'}
 
   callsites@3.1.0:
@@ -1799,14 +1931,14 @@ packages:
   caniuse-api@3.0.0:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
 
-  caniuse-lite@1.0.30001697:
-    resolution: {integrity: sha512-GwNPlWJin8E+d7Gxq96jxM6w0w+VFeyyXRsjU58emtkYqnbwHqXm5uT2uCmO0RQE9htWknOP4xtBlLmM/gWxvQ==}
+  caniuse-lite@1.0.30001702:
+    resolution: {integrity: sha512-LoPe/D7zioC0REI5W73PeR1e1MLCipRGq/VkovJnd6Df+QVqT+vT33OXCp8QUd7kA7RZrHWxb1B36OQKI/0gOA==}
 
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
 
-  chai@5.1.2:
-    resolution: {integrity: sha512-aGtmf24DW6MLHHG5gCx4zaI3uBq3KRtxeVs0DjFH6Z0rDNbsvTxFASFvdj79pxjxZ8/5u3PIiN3IwEIQkiiuPw==}
+  chai@5.2.0:
+    resolution: {integrity: sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==}
     engines: {node: '>=12'}
 
   chalk@3.0.0:
@@ -1817,10 +1949,6 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
-  chalk@5.4.1:
-    resolution: {integrity: sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==}
-    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
-
   change-case@5.4.4:
     resolution: {integrity: sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==}
 
@@ -1859,8 +1987,8 @@ packages:
     resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
     engines: {node: '>=18'}
 
-  chromatic@11.25.2:
-    resolution: {integrity: sha512-/9eQWn6BU1iFsop86t8Au21IksTRxwXAl7if8YHD05L2AbuMjClLWZo5cZojqrJHGKDhTqfrC2X2xE4uSm0iKw==}
+  chromatic@11.27.0:
+    resolution: {integrity: sha512-jQ2ufjS+ePpg+NtcPI9B2eOi+pAzlRd2nhd1LgNMsVCC9Bzf5t8mJtyd8v2AUuJS0LdX0QVBgkOnlNv9xviHzA==}
     hasBin: true
     peerDependencies:
       '@chromatic-com/cypress': ^0.*.* || ^1.0.0
@@ -1953,6 +2081,9 @@ packages:
   confbox@0.1.8:
     resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
 
+  confbox@0.2.1:
+    resolution: {integrity: sha512-hkT3yDPFbs95mNCy1+7qNKC6Pro+/ibzYxtM2iqEigpf0sVw+bg4Zh9/snjsBcf990vfIsg5+1U7VyiyBb3etg==}
+
   consola@3.4.0:
     resolution: {integrity: sha512-EiPU8G6dQG0GFHNR8ljnZFki/8a+cQwEQ+7wpxdChl02Q8HXlwEZWD5lqAF8vC2sEC3Tehr8hy7vErz88LHyUA==}
     engines: {node: ^14.18.0 || >=16.10.0}
@@ -1982,8 +2113,8 @@ packages:
     resolution: {integrity: sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==}
     engines: {node: '>=12.13'}
 
-  core-js-compat@3.40.0:
-    resolution: {integrity: sha512-0XEDpr5y5mijvw8Lbc6E5AkjrHfp7eEoPlu36SWeAbcL8fn1G1ANe8DBlo2XoNN89oVpxWwOjYIPVzR4ZvsKCQ==}
+  core-js-compat@3.41.0:
+    resolution: {integrity: sha512-RFsU9LySVue9RTwdDVX/T0e2Y6jRYWXERKElIjpuEOEnxaXffI0X7RUwVzfYLfzuLXSNJDYoRYUAmRUcyln20A==}
 
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
@@ -2001,16 +2132,16 @@ packages:
     resolution: {integrity: sha512-onMB0OkDjkXunhdW9htFjEhqrD54+M94i6ackoUkjHKbRnXdyEyKRelp4nJ1kAz32+s27jP1FsebpJCVl0BsvA==}
     engines: {node: '>=18.0'}
 
-  cronstrue@2.54.0:
-    resolution: {integrity: sha512-vyp5NklDxA5MjPfQgkn0bA+0vRQe7Q9keX7RPdV6rMgd7LtDvbuKgnT+3T5ZAX16anSP5HmahcRp8mziXsLfaw==}
+  cronstrue@2.56.0:
+    resolution: {integrity: sha512-/YC3b4D/E/S8ToQ7f676A2fqoC3vVpXKjJ4SMsP0jYsvRYJdZ6h9+Fq/Y7FoFDEUFCqLTca+G2qTV227lyyFZg==}
     hasBin: true
 
   cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
-  crossws@0.3.3:
-    resolution: {integrity: sha512-/71DJT3xJlqSnBr83uGJesmVHSzZEvgxHt/fIKxBAAngqMHmnBWQNxCphVxxJ2XL3xleu5+hJD6IQ3TglBedcw==}
+  crossws@0.3.4:
+    resolution: {integrity: sha512-uj0O1ETYX1Bh6uSgktfPvwDiPYGQ3aI4qVsaC/LWpkIzGj1nUYm5FK3K+t11oOlpN01lGbprFCH4wBlKdJjVgw==}
 
   css-declaration-sorter@7.2.0:
     resolution: {integrity: sha512-h70rUM+3PNFuaBDTLe8wF/cdWu+dOZmb7pJt8Z2sedYbAcQVQV/tEchueg3GWxwqS0cxtbxmaHEdkNACqcvsow==}
@@ -2066,8 +2197,8 @@ packages:
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
-  db0@0.2.3:
-    resolution: {integrity: sha512-PunuHESDNefmwVy1LDpY663uWwKt2ogLGoB6NOz2sflGREWqDreMwDgF8gfkXxgNXW+dqviyiJGm924H1BaGiw==}
+  db0@0.2.4:
+    resolution: {integrity: sha512-hIzftLH1nMsF95zSLjDLYLbE9huOXnLYUTAQ5yKF5amp0FpeD+B15XJa8BvGYSOeSCH4gl2WahB/y1FcUByQSg==}
     peerDependencies:
       '@electric-sql/pglite': '*'
       '@libsql/client': '*'
@@ -2255,8 +2386,8 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  electron-to-chromium@1.5.91:
-    resolution: {integrity: sha512-sNSHHyq048PFmZY4S90ax61q+gLCs0X0YmcOII9wG9S2XwbVr+h4VW2wWhnbp/Eys3cCwTxVF292W3qPaxIapQ==}
+  electron-to-chromium@1.5.112:
+    resolution: {integrity: sha512-oen93kVyqSb3l+ziUgzIOlWt/oOuy4zRmpwestMn4rhFWAoFJeFuCVte9F2fASjeZZo7l/Cif9TiyrdW4CwEMA==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -2264,10 +2395,6 @@ packages:
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
-  emojis-list@3.0.0:
-    resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
-    engines: {node: '>= 4'}
-
   encodeurl@1.0.2:
     resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
     engines: {node: '>= 0.8'}
@@ -2276,8 +2403,8 @@ packages:
     resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
     engines: {node: '>= 0.8'}
 
-  enhanced-resolve@5.18.0:
-    resolution: {integrity: sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==}
+  enhanced-resolve@5.18.1:
+    resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
     engines: {node: '>=10.13.0'}
 
   entities@4.5.0:
@@ -2318,6 +2445,11 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  esbuild@0.25.0:
+    resolution: {integrity: sha512-BXq5mqc8ltbaN34cDqWuYKyNhX8D/Z0J1xdtdQ8UcIIIyJyz+ZMKUt58tF3SrZ85jcfN/PZYhjR5uDQAYNVbuw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
@@ -2340,8 +2472,8 @@ packages:
   eslint-config-flat-gitignore@0.2.0:
     resolution: {integrity: sha512-s4lsQLYX+76FCt3PZPwdLwWlqssa5SLufl2gopFmCo3PETOLY3OW5IrD3/l2R0FfYEJvd9BRJ19yJ+yfc5oW3g==}
 
-  eslint-config-prettier@10.0.1:
-    resolution: {integrity: sha512-lZBts941cyJyeaooiKxAtzoPHTN+GbQTJFAIdQbRhA4/8whaAraEh47Whw/ZFfrjNSnlAxqfm9i0XVAEkULjCw==}
+  eslint-config-prettier@10.0.2:
+    resolution: {integrity: sha512-1105/17ZIMjmCOJOPNfVdbXafLCLj3hPmkmB7dLgt7XsQ/zkxSuDerE/xgO3RxoHysR1N1whmquY0lSn2O0VLg==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
@@ -2414,8 +2546,8 @@ packages:
     resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  eslint@9.19.0:
-    resolution: {integrity: sha512-ug92j0LepKlbbEv6hD911THhoRHmbdXt2gX+VDABAW/Ir7D3nqKdv5Pf5vtlyY6HQMTEP2skXY43ueqTCWssEA==}
+  eslint@9.21.0:
+    resolution: {integrity: sha512-KjeihdFqTPhOMXTt7StsDxriV4n66ueuF/jfPNC3j/lduHwr/ijDwJMsF+wyMJethgiKi5wniIE243vi07d3pg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -2482,9 +2614,8 @@ packages:
     resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
     engines: {node: '>=16.17'}
 
-  expect-type@1.1.0:
-    resolution: {integrity: sha512-bFi65yM+xZgk+u/KRIpekdSYkTB5W1pEf0Lt8Q8Msh7b+eQ7LXVtIB1Bkm4fvclDEL1b2CZkMhv2mOeF8tMdkA==}
-    engines: {node: '>=12.0.0'}
+  exsolve@1.0.1:
+    resolution: {integrity: sha512-Smf0iQtkQVJLaph8r/qS8C8SWfQkaq9Q/dFcD44MLbJj6DNhlWefVuaS21SjfqOsBbjVlKtbCj6L9ekXK6EZUg==}
 
   extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
@@ -2511,8 +2642,8 @@ packages:
   fast-npm-meta@0.2.2:
     resolution: {integrity: sha512-E+fdxeaOQGo/CMWc9f4uHFfgUPJRAu7N3uB8GBvB3SDPAIWJK4GKyYhkAGFq+GYrcbKNfQIz5VVQyJnDuPPCrg==}
 
-  fastq@1.19.0:
-    resolution: {integrity: sha512-7SFSRCNjBQIZH/xZR3iy5iQYR8aGBE0h3VG6/cwlbrpdciNYBMotQav8c1XI3HjHH+NikUpP53nPdlZSdWmFzA==}
+  fastq@1.19.1:
+    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
 
   fault@1.0.4:
     resolution: {integrity: sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==}
@@ -2539,8 +2670,8 @@ packages:
   find-package-json@1.2.0:
     resolution: {integrity: sha512-+SOGcLGYDJHtyqHd87ysBhmaeQ95oWspDKnMXBrnQ9Eq4OkLNqejgoaD8xVWu6GPa0B6roa6KinCMEMcVeqONw==}
 
-  find-up-simple@1.0.0:
-    resolution: {integrity: sha512-q7Us7kcjj2VMePAa02hDAF6d+MzsdsAWEwYyOpwUtlerRBkOEPBCRZrAV4XfcSN8fHAgaD0hP7miwoay6DCprw==}
+  find-up-simple@1.0.1:
+    resolution: {integrity: sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==}
     engines: {node: '>=18'}
 
   find-up@4.1.0:
@@ -2559,15 +2690,15 @@ packages:
     resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
     engines: {node: '>=16'}
 
-  flatted@3.3.2:
-    resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==}
+  flatted@3.3.3:
+    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
 
-  for-each@0.3.4:
-    resolution: {integrity: sha512-kKaIINnFpzW6ffJNDjjyjrk21BkDx38c0xa/klsT8VzLCaMEefv4ZTacrcVR4DmgTeBra++jMDAfS/tS799YDw==}
+  for-each@0.3.5:
+    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
     engines: {node: '>= 0.4'}
 
-  foreground-child@3.3.0:
-    resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
     engines: {node: '>=14'}
 
   format@0.2.2:
@@ -2616,8 +2747,8 @@ packages:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
 
-  get-intrinsic@1.2.7:
-    resolution: {integrity: sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==}
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
 
   get-port-please@3.1.2:
@@ -2638,19 +2769,23 @@ packages:
   get-tsconfig@4.10.0:
     resolution: {integrity: sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==}
 
-  giget@1.2.4:
-    resolution: {integrity: sha512-Wv+daGyispVoA31TrWAVR+aAdP7roubTPEM/8JzRnqXhLbdJH0T9eQyXVFF8fjk3WKTsctII6QcyxILYgNp2DA==}
+  giget@1.2.5:
+    resolution: {integrity: sha512-r1ekGw/Bgpi3HLV3h1MRBIlSAdHoIMklpaQ3OQLFcRw9PwAj2rqigvIbg+dBUI51OxVI2jsEtDywDBjSiuf7Ug==}
+    hasBin: true
+
+  giget@2.0.0:
+    resolution: {integrity: sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==}
     hasBin: true
 
   git-config-path@2.0.0:
     resolution: {integrity: sha512-qc8h1KIQbJpp+241id3GuAtkdyJ+IK+LIVtkiFTRKRrmddDzs3SI9CvP1QYmWBFvm1I/PWRwj//of8bgAc0ltA==}
     engines: {node: '>=4'}
 
-  git-up@8.0.0:
-    resolution: {integrity: sha512-uBI8Zdt1OZlrYfGcSVroLJKgyNNXlgusYFzHk614lTasz35yg2PVpL1RMy0LOO2dcvF9msYW3pRfUSmafZNrjg==}
+  git-up@8.0.1:
+    resolution: {integrity: sha512-2XFu1uNZMSjkyetaF+8rqn6P0XqpMq/C+2ycjI6YwrIKcszZ5/WR4UubxjN0lILOKqLkLaHDaCr2B6fP1cke6g==}
 
-  git-url-parse@16.0.0:
-    resolution: {integrity: sha512-Y8iAF0AmCaqXc6a5GYgPQW9ESbncNLOL+CeQAJRhmWUOmnPkKpBYeWYp4mFd3LA5j53CdGDdslzX12yEBVHQQg==}
+  git-url-parse@16.0.1:
+    resolution: {integrity: sha512-mcD36GrhAzX5JVOsIO52qNpgRyFzYWRbU1VSRFCvJt1IJvqfvH427wWw/CFqkWvjVPtdG5VTx4MKUeC5GeFPDQ==}
 
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
@@ -2684,12 +2819,12 @@ packages:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
 
-  globals@15.14.0:
-    resolution: {integrity: sha512-OkToC372DtlQeje9/zHIo5CT8lRP/FUgEOKBEhU4e0abL7J7CD24fD9ohiLN5hagG/kWCYj4K5oaxxtj2Z0Dig==}
+  globals@15.15.0:
+    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
     engines: {node: '>=18'}
 
-  globby@14.0.2:
-    resolution: {integrity: sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==}
+  globby@14.1.0:
+    resolution: {integrity: sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==}
     engines: {node: '>=18'}
 
   gopd@1.2.0:
@@ -2706,8 +2841,8 @@ packages:
     resolution: {integrity: sha512-O1Ld7Dr+nqPnmGpdhzLmMTQ4vAsD+rHwMm1NLUmoUFFymBOMKxCCrtDxqdBRYXdeEPEi3SyoR4TizJLQrnKBNA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  h3@1.14.0:
-    resolution: {integrity: sha512-ao22eiONdgelqcnknw0iD645qW0s9NnrJHr5OBz4WOMdBdycfSas1EQf1wXRsm+PcB2Yoj43pjBPwqIpJQTeWg==}
+  h3@1.15.1:
+    resolution: {integrity: sha512-+ORaOBttdUm1E2Uu/obAyCguiI7MbBvsLTndc3gyK3zU+SYLoZXlyCP9Xgy0gikkGufFLTZXCXD6+4BsufnmHA==}
 
   has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
@@ -2842,8 +2977,8 @@ packages:
     resolution: {integrity: sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
-  ioredis@5.4.2:
-    resolution: {integrity: sha512-0SZXGNGZ+WzISQ67QDyZ2x0+wVxjjUndtD8oSeik/4ajifeiRufed8fCb8QW8VMyi4MXcS+UO1k/0NGhvq1PAg==}
+  ioredis@5.5.0:
+    resolution: {integrity: sha512-7CutT89g23FfSa8MDoIFs2GYYa0PaNiW/OrT+nRyjRXHDZd17HmIgy+reOQ/yhh72NznNjGuS8kbCAcA4Ro4mw==}
     engines: {node: '>=12.22.0'}
 
   iron-webcrypto@1.2.1:
@@ -2947,8 +3082,8 @@ packages:
     resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
 
-  is-ssh@1.4.0:
-    resolution: {integrity: sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==}
+  is-ssh@1.4.1:
+    resolution: {integrity: sha512-JNeu1wQsHjyHgn9NcWTaXq6zWSR6hqE0++zhfZlkFBbScNkyvxCdeV8sRkSBaeLKxmbpR21brail63ACNxJ0Tg==}
 
   is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
@@ -3043,10 +3178,6 @@ packages:
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
-  json5@1.0.2:
-    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
-    hasBin: true
-
   json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
     engines: {node: '>=6'}
@@ -3091,15 +3222,15 @@ packages:
     resolution: {integrity: sha512-UqyYyH5YEXaJrf9S8E23GoJFQZXkBVJ9zYYMPGz919MSX1KuvAcycIuS0ci150HCoPf4XQVhQ84Qf8xRPWxFaQ==}
     engines: {node: '>= 7.6.0'}
 
-  koa@2.15.3:
-    resolution: {integrity: sha512-j/8tY9j5t+GVMLeioLaxweJiKUayFhlGqNTzf2ZGwL0ZCQijd2RLHK0SLW5Tsko8YyyqCZC2cojIb0/s62qTAg==}
+  koa@2.16.0:
+    resolution: {integrity: sha512-Afhqq0Vq3W7C+/rW6IqHVBDLzqObwZ07JaUNUEF8yCQ6afiyFE3RAy+i7V0E46XOWlH7vPWn/x0vsZwNy6PWxw==}
     engines: {node: ^4.8.4 || ^6.10.1 || ^7.10.1 || >= 8.1.4}
 
   kolorist@1.8.0:
     resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
 
-  launch-editor@2.9.1:
-    resolution: {integrity: sha512-Gcnl4Bd+hRO9P9icCP/RVVT2o8SFlPXofuCxvA2SaZuH45whSvf5p8x5oih5ftLiVhEI4sp5xDY+R+b3zJBh5w==}
+  launch-editor@2.10.0:
+    resolution: {integrity: sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==}
 
   lazystream@1.0.1:
     resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==}
@@ -3133,16 +3264,12 @@ packages:
     resolution: {integrity: sha512-IXO6OCs9yg8tMKzfPZ1YmheJbZCiEsnBdcB03l0OcfK9prKnJb96siuHCr5Fl37/yo9DnKU+TLpxzTUspw9shg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  loader-utils@1.4.2:
-    resolution: {integrity: sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==}
-    engines: {node: '>=4.0.0'}
-
   local-pkg@0.5.1:
     resolution: {integrity: sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==}
     engines: {node: '>=14'}
 
-  local-pkg@1.0.0:
-    resolution: {integrity: sha512-bbgPw/wmroJsil/GgL4qjDzs5YLTBMQ99weRsok1XCDccQeehbHA/I1oRvk2NPtr7KGZgT/Y5tPRnAtMqeG2Kg==}
+  local-pkg@1.1.1:
+    resolution: {integrity: sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==}
     engines: {node: '>=14'}
 
   locate-path@5.0.0:
@@ -3157,9 +3284,6 @@ packages:
     resolution: {integrity: sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  lodash-es@4.17.21:
-    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
-
   lodash.defaults@4.2.0:
     resolution: {integrity: sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==}
 
@@ -3181,10 +3305,6 @@ packages:
   longest-streak@3.1.0:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
 
-  loose-envify@1.4.0:
-    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
-    hasBin: true
-
   loupe@3.1.3:
     resolution: {integrity: sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==}
 
@@ -3234,8 +3354,8 @@ packages:
   mdast-util-gfm-autolink-literal@2.0.1:
     resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
 
-  mdast-util-gfm-footnote@2.0.0:
-    resolution: {integrity: sha512-5jOT2boTSVkMnQ7LTrd6n/18kqwjmuYqo7JUPe+tRCY6O7dAuTFMtTPauYYrMPpox9hlN0uOx/FL8XvEfG9/mQ==}
+  mdast-util-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==}
 
   mdast-util-gfm-strikethrough@2.0.0:
     resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
@@ -3246,8 +3366,8 @@ packages:
   mdast-util-gfm-task-list-item@2.0.0:
     resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
 
-  mdast-util-gfm@3.0.0:
-    resolution: {integrity: sha512-dgQEX5Amaq+DuUqf26jJqSK9qgixgd6rYDHAv4aTBuA92cTknZlKpPfa86Z/s8Dj8xsAQpFfBmPUHWJBWqS4Bw==}
+  mdast-util-gfm@3.1.0:
+    resolution: {integrity: sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==}
 
   mdast-util-phrasing@4.1.0:
     resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
@@ -3282,8 +3402,8 @@ packages:
     resolution: {integrity: sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==}
     engines: {node: '>= 0.6'}
 
-  micromark-core-commonmark@2.0.2:
-    resolution: {integrity: sha512-FKjQKbxd1cibWMM1P9N+H8TwlgGgSkWZMmfuVucLCHaYqeSvJ0hFeHsIa65pA2nYbes0f8LDHPMrd9X7Ujxg9w==}
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
 
   micromark-extension-gfm-autolink-literal@2.1.0:
     resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
@@ -3354,17 +3474,17 @@ packages:
   micromark-util-sanitize-uri@2.0.1:
     resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
 
-  micromark-util-subtokenize@2.0.4:
-    resolution: {integrity: sha512-N6hXjrin2GTJDe3MVjf5FuXpm12PGm80BrUAeub9XFXca8JZbP+oIwY4LJSVwFUCL1IPm/WwSVUN7goFHmSGGQ==}
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
 
   micromark-util-symbol@2.0.1:
     resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
 
-  micromark-util-types@2.0.1:
-    resolution: {integrity: sha512-534m2WhVTddrcKVepwmVEVnUAmtrx9bfIjNoQHRqfnvdaHQiFytEhJoTgpWJvDEXCO5gLTQh3wYC1PgOJA4NSQ==}
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
 
-  micromark@4.0.1:
-    resolution: {integrity: sha512-eBPdkcoCNvYcxQOAKAlceo5SNdzZWfF+FcSupREAzdAh9rRmE239CEQAiTwIgblwnoM8zzj35sZ5ZwvSEOF6Kw==}
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
 
   micromatch@4.0.8:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
@@ -3455,8 +3575,8 @@ packages:
   mlly@1.7.4:
     resolution: {integrity: sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==}
 
-  mrmime@2.0.0:
-    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
+  mrmime@2.0.1:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
     engines: {node: '>=10'}
 
   ms@2.0.0:
@@ -3476,8 +3596,8 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  nanoid@5.0.9:
-    resolution: {integrity: sha512-Aooyr6MXU6HpvvWXKoVoXwKMs/KyVakWwg7xQfv5/S/RIgJMy0Ifa45H9qqYy7pTCszrHzP21Uk4PZq2HpEM8Q==}
+  nanoid@5.1.2:
+    resolution: {integrity: sha512-b+CiXQCNMUGe0Ri64S9SXFcP9hogjAJ2Rd6GdVxhPLRm7mhGaM7VgOvCAJ1ZshfHbqVDI3uqTI5C8/GaKuLI7g==}
     engines: {node: ^18 || >=20}
     hasBin: true
 
@@ -3524,6 +3644,9 @@ packages:
     resolution: {integrity: sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==}
     hasBin: true
 
+  node-mock-http@1.0.0:
+    resolution: {integrity: sha512-0uGYQ1WQL1M5kKvGRXWQ3uZCHtLTO8hln3oBjIusM75WoesZ909uQJs/Hb946i2SS+Gsrhkaa6iAO17jRIv6DQ==}
+
   node-releases@2.0.19:
     resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
 
@@ -3572,8 +3695,13 @@ packages:
     engines: {node: ^14.16.0 || >=16.10.0}
     hasBin: true
 
-  nypm@0.5.2:
-    resolution: {integrity: sha512-AHzvnyUJYSrrphPhRWWZNcoZfArGNp3Vrc4pm/ZurO74tYNTgAPrEyBQEKy+qioqmWlPXwvMZCG2wOaHlPG0Pw==}
+  nypm@0.5.4:
+    resolution: {integrity: sha512-X0SNNrZiGU8/e/zAB7sCTtdxWTMSIO73q+xuKgglm2Yvzwlo8UoC5FNySQFCvl84uPaeADkqHUZUkWy4aH4xOA==}
+    engines: {node: ^14.16.0 || >=16.10.0}
+    hasBin: true
+
+  nypm@0.6.0:
+    resolution: {integrity: sha512-mn8wBFV9G9+UFHIrq+pZ2r2zL4aPau/by3kJb3cM7+5tQHMt6HGQB8FDIeKFYp8o0D2pnH6nVsO88N4AmUxIWg==}
     engines: {node: ^14.16.0 || >=16.10.0}
     hasBin: true
 
@@ -3588,8 +3716,11 @@ packages:
   ofetch@1.4.1:
     resolution: {integrity: sha512-QZj2DfGplQAr2oj9KzceK9Hwz6Whxazmn85yYeVuS3u9XTMOGMRx0kO95MQ+vLsj/S/NwBDMMLU5hpxvI6Tklw==}
 
-  ohash@1.1.4:
-    resolution: {integrity: sha512-FlDryZAahJmEF3VR3w1KogSEdWX3WhA5GPakFx4J81kEAiHyLMpdLLElS8n8dfNadMgAne/MywcvmogzscVt4g==}
+  ohash@1.1.5:
+    resolution: {integrity: sha512-AtXrG/lMFjPBWj3uhWYFwYVZQqutPYRsv6nnPLTipnC+gJuMFc+WFzf/jx+94Ebray1vxfQfEFDtpIpppOe4xQ==}
+
+  ohash@2.0.10:
+    resolution: {integrity: sha512-jf9szh2McTXpXGqejbfHxy4wcs6CXc6MShfzLIdHuCrl2W3qG49qutlOMq1Bdmvpv3s/XJffTu4ElRBPtIOncQ==}
 
   on-finished@2.4.1:
     resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
@@ -3658,8 +3789,8 @@ packages:
   package-json-from-dist@1.0.1:
     resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
 
-  package-manager-detector@0.2.9:
-    resolution: {integrity: sha512-+vYvA/Y31l8Zk8dwxHhL3JfTuHPm6tlxM2A3GeQyl7ovYnSp1+mzAxClxaOr0qO1TtPxbQxetI7v5XqKLJZk7Q==}
+  package-manager-detector@0.2.11:
+    resolution: {integrity: sha512-BEnLolu+yuz22S56CU1SUKq3XC3PkwD5wv4ikR4MfGvnRVcmzXR9DwSlW2fEamyTPyXHomBJRzgapeuBvRNzJQ==}
 
   packrup@0.1.2:
     resolution: {integrity: sha512-ZcKU7zrr5GlonoS9cxxrb5HVswGnyj6jQvwFBa6p5VFw7G71VAHcUKL5wyZSU/ECtPM/9gacWxy2KFQKt1gMNA==}
@@ -3687,8 +3818,8 @@ packages:
     resolution: {integrity: sha512-rum1bPifK5SSar35Z6EKZuYPJx85pkNaFrxBK3mwdfSJ1/WKbYrjoW/zTPSjRRamfmVX1ACBIdFAO0VRErW/EA==}
     engines: {node: '>=18'}
 
-  parse-path@7.0.0:
-    resolution: {integrity: sha512-Euf9GG8WT9CdqwuWJGdf3RkUcTBArppHABkO7Lm8IzRQp0e2r/kkFnmhu4TSK30Wcu5rVAZLmfPKSBBi9tWFog==}
+  parse-path@7.0.1:
+    resolution: {integrity: sha512-6ReLMptznuuOEzLoGEa+I1oWRSj2Zna5jLWC+l6zlfAI4dbbSaIES29ThzuPkbhNahT65dWzfoZEO6cfJw2Ksg==}
 
   parse-url@9.2.0:
     resolution: {integrity: sha512-bCgsFI+GeGWPAvAiUv63ZorMeif3/U0zaXABGJbOWt5OH2KCaPHF6S+0ok4aqM9RuIPGyZdx9tR9l13PsW4AYQ==}
@@ -3731,15 +3862,15 @@ packages:
   path-to-regexp@6.3.0:
     resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
 
-  path-type@5.0.0:
-    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
-    engines: {node: '>=12'}
+  path-type@6.0.0:
+    resolution: {integrity: sha512-Vj7sf++t5pBD637NSfkxpHSMfWaeig5+DKWLhcqIYx6mWQz5hdJTGDVMQiJcw1ZYkhs7AazKDGpRVji1LJCZUQ==}
+    engines: {node: '>=18'}
 
   pathe@1.1.2:
     resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
 
-  pathe@2.0.2:
-    resolution: {integrity: sha512-15Ztpk+nov8DR524R4BF7uEuzESgzUEAV4Ah7CUMNGXdE5ELuvxElxGXndBl32vMSsWa1jpNf22Z+Er3sKwq+w==}
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
   pathval@2.0.0:
     resolution: {integrity: sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==}
@@ -3779,6 +3910,9 @@ packages:
   pkg-types@1.3.1:
     resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
 
+  pkg-types@2.1.0:
+    resolution: {integrity: sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==}
+
   pluralize@8.0.0:
     resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
     engines: {node: '>=4'}
@@ -3787,12 +3921,12 @@ packages:
     resolution: {integrity: sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==}
     engines: {node: '>=10'}
 
-  portfinder@1.0.32:
-    resolution: {integrity: sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==}
+  portfinder@1.0.33:
+    resolution: {integrity: sha512-+2jndHT63cL5MdQOwDm9OT2dIe11zVpjV+0GGRXdtO1wpPxv260NfVqoEXtYAi/shanmm3W4+yLduIe55ektTw==}
     engines: {node: '>= 0.12.0'}
 
-  possible-typed-array-names@1.0.0:
-    resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
+  possible-typed-array-names@1.1.0:
+    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
 
   postcss-calc@10.1.1:
@@ -3985,8 +4119,8 @@ packages:
     resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
     engines: {node: '>=4'}
 
-  postcss-selector-parser@7.0.0:
-    resolution: {integrity: sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==}
+  postcss-selector-parser@7.1.0:
+    resolution: {integrity: sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==}
     engines: {node: '>=4'}
 
   postcss-svgo@7.0.1:
@@ -4004,8 +4138,8 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.5.1:
-    resolution: {integrity: sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==}
+  postcss@8.5.3:
+    resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
 
   prelude-ls@1.2.1:
@@ -4017,8 +4151,8 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
 
-  prettier@3.4.2:
-    resolution: {integrity: sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==}
+  prettier@3.5.3:
+    resolution: {integrity: sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -4055,8 +4189,8 @@ packages:
   property-information@5.6.0:
     resolution: {integrity: sha512-YUHSPk+A30YPv+0Qf8i9Mbfe/C0hdPXk1s1jPVToV8pk8BQtpw10ct89Eo7OWkutrwqvT0eicAxlOg3dOAu8JA==}
 
-  protocols@2.0.1:
-    resolution: {integrity: sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==}
+  protocols@2.0.2:
+    resolution: {integrity: sha512-hHVTzba3wboROl0/aWRRG9dMytgH6ow//STBZh43l/wQgmMhYhOFi0EHWAPtoCz9IAUymsyP0TSBHkhgMEGNnQ==}
 
   pug-attrs@3.0.0:
     resolution: {integrity: sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==}
@@ -4098,6 +4232,9 @@ packages:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
+  quansync@0.2.8:
+    resolution: {integrity: sha512-4+saucphJMazjt7iOM27mbFCk+D9dd/zmgMDCzRZ8MEoBfYp7lAvoN38et/phRQF6wOPMy/OROBGgoWeSKyluA==}
+
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
@@ -4114,10 +4251,10 @@ packages:
   rc9@2.1.2:
     resolution: {integrity: sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==}
 
-  react-dom@18.3.1:
-    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
+  react-dom@19.0.0:
+    resolution: {integrity: sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==}
     peerDependencies:
-      react: ^18.3.1
+      react: ^19.0.0
 
   react-is@17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
@@ -4127,8 +4264,8 @@ packages:
     peerDependencies:
       react: '>= 0.14.0'
 
-  react@18.3.1:
-    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
+  react@19.0.0:
+    resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==}
     engines: {node: '>=0.10.0'}
 
   read-cache@1.0.0:
@@ -4156,12 +4293,12 @@ packages:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
 
-  readdirp@4.1.1:
-    resolution: {integrity: sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==}
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
 
-  recast@0.23.9:
-    resolution: {integrity: sha512-Hx/BGIbwj+Des3+xy5uAtAbdCyqK9y9wbBcDFDYanLS9JnMqf7OeF87HQwUimE87OEc72mr6tkKUKMBBL+hF9Q==}
+  recast@0.23.11:
+    resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
 
   redent@3.0.0:
@@ -4198,8 +4335,8 @@ packages:
     resolution: {integrity: sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==}
     hasBin: true
 
-  remark-gfm@4.0.0:
-    resolution: {integrity: sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==}
+  remark-gfm@4.0.1:
+    resolution: {integrity: sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==}
 
   remark-parse@11.0.0:
     resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
@@ -4240,8 +4377,8 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
-  reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
   rfdc@1.4.1:
@@ -4264,8 +4401,8 @@ packages:
       rollup:
         optional: true
 
-  rollup@4.34.2:
-    resolution: {integrity: sha512-sBDUoxZEaqLu9QeNalL8v3jw6WjPku4wfZGyTU7l7m1oC+rpRihXc/n/H+4148ZkGz5Xli8CHMns//fFGKvpIQ==}
+  rollup@4.34.9:
+    resolution: {integrity: sha512-nF5XYqWWp9hx/LrpC8sZvvvmq0TeTjQgaZHYmAgwysT9nh8sWnZhBnM8ZyVbbJFIQBLwHDNoMqsBZBbUo4U8sQ==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
@@ -4286,8 +4423,8 @@ packages:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
-  scheduler@0.23.2:
-    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
+  scheduler@0.25.0:
+    resolution: {integrity: sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==}
 
   scslre@0.3.0:
     resolution: {integrity: sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ==}
@@ -4345,9 +4482,6 @@ packages:
     resolution: {integrity: sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==}
     engines: {node: '>= 0.4'}
 
-  siginfo@2.0.0:
-    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
-
   signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
 
@@ -4358,11 +4492,8 @@ packages:
   simple-git@3.27.0:
     resolution: {integrity: sha512-ivHoFS9Yi9GY49ogc6/YAi3Fl9ROnF4VyubNylgCkA+RVqLaKWnDSzXOVzya8csELIaWaYNutsEuAhZrtOjozA==}
 
-  simple-html-tokenizer@0.1.1:
-    resolution: {integrity: sha512-Mc/gH3RvlKvB/gkp9XwgDKEWrSYyefIJPGG8Jk1suZms/rISdUuVEMx5O1WBnTWaScvxXDvGJrZQWblUmQHjkQ==}
-
-  sirv@3.0.0:
-    resolution: {integrity: sha512-BPwJGUeDaDCHihkORDchNyyTvWFhcusy1XMmhEVTQTwGeybFbp8YEmB+njbPnth1FibULBSBVwCQni25XlCUDg==}
+  sirv@3.0.1:
+    resolution: {integrity: sha512-FoqMu0NCGBLCcAkS1qA+XJIQTR6/JHfQXl+uGteNCQ76T91DMUjPa9xfmeqMY3z80nLSg9yQmNjK0Px6RWsH/A==}
     engines: {node: '>=18'}
 
   sisteransi@1.0.5:
@@ -4418,9 +4549,6 @@ packages:
   stable-hash@0.0.4:
     resolution: {integrity: sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==}
 
-  stackback@0.0.2:
-    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
-
   standard-as-callback@2.1.0:
     resolution: {integrity: sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==}
 
@@ -4432,11 +4560,11 @@ packages:
     resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
     engines: {node: '>= 0.8'}
 
-  std-env@3.8.0:
-    resolution: {integrity: sha512-Bc3YwwCB+OzldMxOXJIIvC6cPRWr/LxOp48CdQTOkPyk/t4JWWJbrilwBd7RJzKV8QW7tJkcgAmeuLLJugl5/w==}
+  std-env@3.8.1:
+    resolution: {integrity: sha512-vj5lIj3Mwf9D79hBkltk5qmkFI+biIKWS2IBxEyEU3AX1tUf7AoL8nSazCOiiqQsGKIq01SClsKEzweu34uwvA==}
 
-  storybook@8.5.3:
-    resolution: {integrity: sha512-2WtNBZ45u1AhviRU+U+ld588tH8gDa702dNSq5C8UBaE9PlOsazGsyp90dw1s9YRvi+ejrjKAupQAU0GwwUiVg==}
+  storybook@8.6.3:
+    resolution: {integrity: sha512-Vbmd8/FXp6X0AOMak6arcg3WdkHj+2AYJTNHbCPVHsCEbnREyRZIG+Eq5/Ffmy6byiz+4OAX5HwsHGSMR6Xmow==}
     hasBin: true
     peerDependencies:
       prettier: ^2 || ^3
@@ -4514,9 +4642,6 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  svg-inline-loader@0.8.2:
-    resolution: {integrity: sha512-kbrcEh5n5JkypaSC152eGfGcnT4lkR0eSfvefaUJkLqgGjRQJyKDvvEE/CCv5aTSdfXuc+N98w16iAojhShI3g==}
-
   svg-tags@1.0.0:
     resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
 
@@ -4525,8 +4650,8 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
-  swiper@11.2.2:
-    resolution: {integrity: sha512-FmAN6zACpVUbd/1prO9xQ9gKo9cc6RE2UKU/z4oXtS8fNyX4sdOW/HHT/e444WucLJs0jeMId6WjdWM2Lrs8zA==}
+  swiper@11.2.5:
+    resolution: {integrity: sha512-nG0kbIyBfeE2BPFt9nPUX03qUBF75o6+enzjIT/DfCmbh8ORlwhc4eZz1+4H/yseAgb3H+OoEYzmb64i0tYNnQ==}
     engines: {node: '>= 4.7.0'}
 
   synckit@0.9.2:
@@ -4564,8 +4689,8 @@ packages:
     resolution: {integrity: sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==}
     engines: {node: '>=18'}
 
-  terser@5.37.0:
-    resolution: {integrity: sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==}
+  terser@5.39.0:
+    resolution: {integrity: sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -4582,9 +4707,6 @@ packages:
   tiny-invariant@1.3.3:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
-  tinybench@2.9.0:
-    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
-
   tinyexec@0.3.2:
     resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
 
@@ -4592,18 +4714,14 @@ packages:
     resolution: {integrity: sha512-Zc+8eJlFMvgatPZTl6A9L/yht8QqdmUNtURHaKZLmKBE12hNPSrqNkUp2cs3M/UKmNVVAMFQYSjYIVHDjW5zew==}
     engines: {node: '>=12.0.0'}
 
-  tinypool@1.0.2:
-    resolution: {integrity: sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==}
-    engines: {node: ^18.0.0 || >=20.0.0}
+  tinyglobby@0.2.12:
+    resolution: {integrity: sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==}
+    engines: {node: '>=12.0.0'}
 
   tinyrainbow@1.2.0:
     resolution: {integrity: sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==}
     engines: {node: '>=14.0.0'}
 
-  tinyrainbow@2.0.0:
-    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
-    engines: {node: '>=14.0.0'}
-
   tinyspy@3.0.2:
     resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
     engines: {node: '>=14.0.0'}
@@ -4676,23 +4794,23 @@ packages:
     resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
     engines: {node: '>=12.20'}
 
-  type-fest@4.33.0:
-    resolution: {integrity: sha512-s6zVrxuyKbbAsSAD5ZPTB77q4YIdRctkTbJ2/Dqlinwz+8ooH2gd+YA7VA6Pa93KML9GockVvoxjZ2vHP+mu8g==}
+  type-fest@4.37.0:
+    resolution: {integrity: sha512-S/5/0kFftkq27FPNye0XM1e2NsnoD/3FS+pBmbjmmtLT6I+i344KoOf7pvXreaFsDamWeaJX55nczA1m5PsBDg==}
     engines: {node: '>=16'}
 
   type-is@1.6.18:
     resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==}
     engines: {node: '>= 0.6'}
 
-  typescript-eslint@8.23.0:
-    resolution: {integrity: sha512-/LBRo3HrXr5LxmrdYSOCvoAMm7p2jNizNfbIpCgvG4HMsnoprRUOce/+8VJ9BDYWW68rqIENE/haVLWPeFZBVQ==}
+  typescript-eslint@8.26.0:
+    resolution: {integrity: sha512-PtVz9nAnuNJuAVeUFvwztjuUgSnJInODAUx47VDwWPXzd5vismPOtPtt83tzNXyOjVQbPRp786D6WFW/M2koIA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
 
-  typescript@5.7.3:
-    resolution: {integrity: sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==}
+  typescript@5.8.2:
+    resolution: {integrity: sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -4714,21 +4832,25 @@ packages:
   unenv@1.10.0:
     resolution: {integrity: sha512-wY5bskBQFL9n3Eca5XnhH6KbUo/tfvkwm9OpcdCvLaeA7piBNbavbOKJySEwQ1V0RH6HvNlSAFRTpvTqgKRQXQ==}
 
-  unhead@1.11.18:
-    resolution: {integrity: sha512-TWgGUoZMpYe2yJwY6jZ0/9kpQT18ygr2h5lI6cUXdfD9UzDc0ytM9jGaleSYkj9guJWXkk7izYBnzJvxl8mRvQ==}
+  unhead@1.11.20:
+    resolution: {integrity: sha512-3AsNQC0pjwlLqEYHLjtichGWankK8yqmocReITecmpB1H0aOabeESueyy+8X1gyJx4ftZVwo9hqQ4O3fPWffCA==}
 
   unicorn-magic@0.1.0:
     resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
     engines: {node: '>=18'}
 
+  unicorn-magic@0.3.0:
+    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
+    engines: {node: '>=18'}
+
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
   unimport@3.14.6:
     resolution: {integrity: sha512-CYvbDaTT04Rh8bmD8jz3WPmHYZRG/NnvYVzwD6V1YAlvvKROlAeNDUBhkBGzNav2RKaeuXvlWYaa1V4Lfi/O0g==}
 
-  unimport@4.0.0:
-    resolution: {integrity: sha512-FH+yZ36YaVlh0ZjHesP20Q4uL+wL0EqTNxDZcUupsIn6WRYXZAbIYEMDLTaLBpkNVzFpqZXS+am51/HR3ANUNw==}
+  unimport@4.1.2:
+    resolution: {integrity: sha512-oVUL7PSlyVV3QRhsdcyYEMaDX8HJyS/CnUonEJTYA3//bWO+o/4gG8F7auGWWWkrrxBQBYOO8DKe+C53ktpRXw==}
     engines: {node: '>=18.12.0'}
 
   unist-util-is@6.0.0:
@@ -4747,6 +4869,10 @@ packages:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
 
+  unplugin-utils@0.2.4:
+    resolution: {integrity: sha512-8U/MtpkPkkk3Atewj1+RcKIjb5WBimZ/WSLhhR3w6SsIj8XJuKTacSP8g+2JhfSGw0Cb125Y+2zA/IzJZDVbhA==}
+    engines: {node: '>=18.12.0'}
+
   unplugin-vue-router@0.11.2:
     resolution: {integrity: sha512-X8BbQ3BNnMqaCYeMj80jtz5jC4AB0jcpdmECIYey9qKm6jy/upaPZ/WzfuT+iTGRiQAY4WemHueXxuzH127oOg==}
     peerDependencies:
@@ -4763,27 +4889,31 @@ packages:
     resolution: {integrity: sha512-Q3LU0e4zxKfRko1wMV2HmP8lB9KWislY7hxXpxd+lGx0PRInE4vhMBVEZwpdVYHvtqzhSrzuIfErsob6bQfCzw==}
     engines: {node: '>=18.12.0'}
 
-  unstorage@1.14.4:
-    resolution: {integrity: sha512-1SYeamwuYeQJtJ/USE1x4l17LkmQBzg7deBJ+U9qOBoHo15d1cDxG4jM31zKRgF7pG0kirZy4wVMX6WL6Zoscg==}
+  unplugin@2.2.0:
+    resolution: {integrity: sha512-m1ekpSwuOT5hxkJeZGRxO7gXbXT3gF26NjQ7GdVHoLoF8/nopLcd/QfPigpCy7i51oFHiRJg/CyHhj4vs2+KGw==}
+    engines: {node: '>=18.12.0'}
+
+  unstorage@1.15.0:
+    resolution: {integrity: sha512-m40eHdGY/gA6xAPqo8eaxqXgBuzQTlAKfmB1iF7oCKXE1HfwHwzDJBywK+qQGn52dta+bPlZluPF7++yR3p/bg==}
     peerDependencies:
       '@azure/app-configuration': ^1.8.0
       '@azure/cosmos': ^4.2.0
       '@azure/data-tables': ^13.3.0
-      '@azure/identity': ^4.5.0
+      '@azure/identity': ^4.6.0
       '@azure/keyvault-secrets': ^4.9.0
       '@azure/storage-blob': ^12.26.0
       '@capacitor/preferences': ^6.0.3
-      '@deno/kv': '>=0.8.4'
+      '@deno/kv': '>=0.9.0'
       '@netlify/blobs': ^6.5.0 || ^7.0.0 || ^8.1.0
       '@planetscale/database': ^1.19.0
       '@upstash/redis': ^1.34.3
-      '@vercel/blob': '>=0.27.0'
+      '@vercel/blob': '>=0.27.1'
       '@vercel/kv': ^1.0.1
       aws4fetch: ^1.0.20
       db0: '>=0.2.1'
       idb-keyval: ^6.2.1
       ioredis: ^5.4.2
-      uploadthing: ^7.4.1
+      uploadthing: ^7.4.4
     peerDependenciesMeta:
       '@azure/app-configuration':
         optional: true
@@ -4833,8 +4963,8 @@ packages:
   unwasm@0.3.9:
     resolution: {integrity: sha512-LDxTx/2DkFURUd+BU1vUsF/moj0JsoTvl+2tcg2AUOiEzVturhGGx17/IMgGvKUYdZwr33EJHtChCJuhu9Ouvg==}
 
-  update-browserslist-db@1.1.2:
-    resolution: {integrity: sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==}
+  update-browserslist-db@1.1.3:
+    resolution: {integrity: sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
@@ -4857,8 +4987,8 @@ packages:
   util@0.12.5:
     resolution: {integrity: sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==}
 
-  uuid@11.0.5:
-    resolution: {integrity: sha512-508e6IcKLrhxKdBbcA2b4KQZlLVp2+J5UwQ6F7Drckkc5N9ZJwFa4TgWtsww9UG8fGHbm6gbV19TdM5pQ4GaIA==}
+  uuid@11.1.0:
+    resolution: {integrity: sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==}
     hasBin: true
 
   uuid@9.0.1:
@@ -4883,8 +5013,8 @@ packages:
     peerDependencies:
       vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0
 
-  vite-node@3.0.5:
-    resolution: {integrity: sha512-02JEJl7SbtwSDJdYS537nU6l+ktdvcREfLksk/NDAqtdKWGqHl+joXzEubHROmS3E6pip+Xgu2tFezMu75jH7A==}
+  vite-node@3.0.7:
+    resolution: {integrity: sha512-2fX0QwX4GkkkpULXdT1Pf4q0tC1i1lFOyseKoonavXUNlQ77KpW2XqBGGNIm/J4Ows4KxgGJzDguYVPKwG/n5A==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
 
@@ -4937,8 +5067,8 @@ packages:
     peerDependencies:
       vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0
 
-  vite@6.0.11:
-    resolution: {integrity: sha512-4VL9mQPKoHy4+FE0NnRE/kbY51TOfaknxAjt3fJbGJxhIpBZiqVzlZDEesWWsuREXHwNdAoOFZ9MkPEVXczHwg==}
+  vite@6.2.0:
+    resolution: {integrity: sha512-7dPxoo+WsT/64rDcwoOjk76XHj+TqNTIvHKcuMQ1k4/SeHDaQt5GFAeLYzrimZrMpn/O6DtdI03WUjdxuPM0oQ==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
@@ -4977,39 +5107,6 @@ packages:
       yaml:
         optional: true
 
-  vitest-axe@0.1.0:
-    resolution: {integrity: sha512-jvtXxeQPg8R/2ANTY8QicA5pvvdRP4F0FsVUAHANJ46YCDASie/cuhlSzu0DGcLmZvGBSBNsNuK3HqfaeknyvA==}
-    peerDependencies:
-      vitest: '>=0.16.0'
-
-  vitest@3.0.5:
-    resolution: {integrity: sha512-4dof+HvqONw9bvsYxtkfUp2uHsTN9bV2CZIi1pWgoFpL1Lld8LA1ka9q/ONSsoScAKG7NVGf2stJTI7XRkXb2Q==}
-    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@types/debug': ^4.1.12
-      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
-      '@vitest/browser': 3.0.5
-      '@vitest/ui': 3.0.5
-      happy-dom: '*'
-      jsdom: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@types/debug':
-        optional: true
-      '@types/node':
-        optional: true
-      '@vitest/browser':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-
   void-elements@3.1.0:
     resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
     engines: {node: '>=0.10.0'}
@@ -5035,22 +5132,22 @@ packages:
     resolution: {integrity: sha512-60HTx5ID+fLRcgdHfmz0LDZAXYEV68fzwG0JWwEPBode9NuMYTIxuYXPg4ngO8i8+Ou0lM7y6GzaYWbiDL0drw==}
     hasBin: true
 
-  vscode-uri@3.0.8:
-    resolution: {integrity: sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==}
+  vscode-uri@3.1.0:
+    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
 
   vue-bundle-renderer@2.1.1:
     resolution: {integrity: sha512-+qALLI5cQncuetYOXp4yScwYvqh8c6SMXee3B+M7oTZxOgtESP0l4j/fXdEJoZ+EdMxkGWIj+aSEyjXkOdmd7g==}
 
-  vue-component-meta@2.2.0:
-    resolution: {integrity: sha512-IitQWA2vqutKUoOYawW4KDcSONKq1i4uyr+3NesQWuQbSdLg4tNcfHjQnAQMzHqAMunBTMST8uiknrYixZWHFQ==}
+  vue-component-meta@2.2.8:
+    resolution: {integrity: sha512-fgcP61P45AA1DacW+/532mivO5j48EEpmI7To8PK3gCVgL023QuEAPzfTA9hB6lW2hgdqiMf4gLON972pYC2+g==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  vue-component-type-helpers@2.2.0:
-    resolution: {integrity: sha512-cYrAnv2me7bPDcg9kIcGwjJiSB6Qyi08+jLDo9yuvoFQjzHiPTzML7RnkJB1+3P6KMsX/KbCD4QE3Tv/knEllw==}
+  vue-component-type-helpers@2.2.8:
+    resolution: {integrity: sha512-4bjIsC284coDO9om4HPA62M7wfsTvcmZyzdfR0aUlFXqq4tXxM1APyXpNVxPC8QazKw9OhmZNHBVDA6ODaZsrA==}
 
   vue-demi@0.14.10:
     resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
@@ -5097,8 +5194,8 @@ packages:
     peerDependencies:
       vue: 3.x
 
-  vue-tsc@2.2.0:
-    resolution: {integrity: sha512-gtmM1sUuJ8aSb0KoAFmK9yMxb8TxjewmxqTJ1aKphD5Cbu0rULFY6+UQT51zW7SpUcenfPUuflKyVwyx9Qdnxg==}
+  vue-tsc@2.2.8:
+    resolution: {integrity: sha512-jBYKBNFADTN+L+MdesNX/TB3XuDSyaWynKMDgR+yCSln0GQ9Tfb7JS2lr46s2LiFUT1WsmfWsSvIElyxzOPqcQ==}
     hasBin: true
     peerDependencies:
       typescript: '>=5.0.0'
@@ -5138,11 +5235,6 @@ packages:
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     hasBin: true
 
-  why-is-node-running@2.3.0:
-    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
-    engines: {node: '>=8'}
-    hasBin: true
-
   with@7.0.2:
     resolution: {integrity: sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==}
     engines: {node: '>= 10.0.0'}
@@ -5162,8 +5254,8 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  ws@8.18.0:
-    resolution: {integrity: sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==}
+  ws@8.18.1:
+    resolution: {integrity: sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
@@ -5236,7 +5328,7 @@ packages:
 
 snapshots:
 
-  '@adobe/css-tools@4.4.1': {}
+  '@adobe/css-tools@4.4.2': {}
 
   '@alloc/quick-lru@5.2.0': {}
 
@@ -5247,12 +5339,12 @@ snapshots:
 
   '@antfu/install-pkg@1.0.0':
     dependencies:
-      package-manager-detector: 0.2.9
+      package-manager-detector: 0.2.11
       tinyexec: 0.3.2
 
   '@antfu/utils@0.7.10': {}
 
-  '@apidevtools/json-schema-ref-parser@11.9.0':
+  '@apidevtools/json-schema-ref-parser@11.9.3':
     dependencies:
       '@jsdevtools/ono': 7.1.3
       '@types/json-schema': 7.0.15
@@ -5264,20 +5356,20 @@ snapshots:
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/compat-data@7.26.5': {}
+  '@babel/compat-data@7.26.8': {}
 
-  '@babel/core@7.26.7':
+  '@babel/core@7.26.9':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.26.2
-      '@babel/generator': 7.26.5
+      '@babel/generator': 7.26.9
       '@babel/helper-compilation-targets': 7.26.5
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.7)
-      '@babel/helpers': 7.26.7
-      '@babel/parser': 7.26.7
-      '@babel/template': 7.25.9
-      '@babel/traverse': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.9)
+      '@babel/helpers': 7.26.9
+      '@babel/parser': 7.26.9
+      '@babel/template': 7.26.9
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
       convert-source-map: 2.0.0
       debug: 4.4.0(supports-color@9.4.0)
       gensync: 1.0.0-beta.2
@@ -5286,81 +5378,81 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/generator@7.26.5':
+  '@babel/generator@7.26.9':
     dependencies:
-      '@babel/parser': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/parser': 7.26.9
+      '@babel/types': 7.26.9
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 3.1.0
 
   '@babel/helper-annotate-as-pure@7.25.9':
     dependencies:
-      '@babel/types': 7.26.7
+      '@babel/types': 7.26.9
 
   '@babel/helper-compilation-targets@7.26.5':
     dependencies:
-      '@babel/compat-data': 7.26.5
+      '@babel/compat-data': 7.26.8
       '@babel/helper-validator-option': 7.25.9
       browserslist: 4.24.4
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.25.9(@babel/core@7.26.7)':
+  '@babel/helper-create-class-features-plugin@7.26.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.26.7
+      '@babel/core': 7.26.9
       '@babel/helper-annotate-as-pure': 7.25.9
       '@babel/helper-member-expression-to-functions': 7.25.9
       '@babel/helper-optimise-call-expression': 7.25.9
-      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.7)
+      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.9)
       '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/traverse': 7.26.7
+      '@babel/traverse': 7.26.9
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-member-expression-to-functions@7.25.9':
     dependencies:
-      '@babel/traverse': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-module-imports@7.25.9':
     dependencies:
-      '@babel/traverse': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.26.0(@babel/core@7.26.7)':
+  '@babel/helper-module-transforms@7.26.0(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.26.7
+      '@babel/core': 7.26.9
       '@babel/helper-module-imports': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
-      '@babel/traverse': 7.26.7
+      '@babel/traverse': 7.26.9
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-optimise-call-expression@7.25.9':
     dependencies:
-      '@babel/types': 7.26.7
+      '@babel/types': 7.26.9
 
   '@babel/helper-plugin-utils@7.26.5': {}
 
-  '@babel/helper-replace-supers@7.26.5(@babel/core@7.26.7)':
+  '@babel/helper-replace-supers@7.26.5(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.26.7
+      '@babel/core': 7.26.9
       '@babel/helper-member-expression-to-functions': 7.25.9
       '@babel/helper-optimise-call-expression': 7.25.9
-      '@babel/traverse': 7.26.7
+      '@babel/traverse': 7.26.9
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-skip-transparent-expression-wrappers@7.25.9':
     dependencies:
-      '@babel/traverse': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
     transitivePeerDependencies:
       - supports-color
 
@@ -5370,85 +5462,85 @@ snapshots:
 
   '@babel/helper-validator-option@7.25.9': {}
 
-  '@babel/helpers@7.26.7':
+  '@babel/helpers@7.26.9':
     dependencies:
-      '@babel/template': 7.25.9
-      '@babel/types': 7.26.7
+      '@babel/template': 7.26.9
+      '@babel/types': 7.26.9
 
-  '@babel/parser@7.26.7':
+  '@babel/parser@7.26.9':
     dependencies:
-      '@babel/types': 7.26.7
+      '@babel/types': 7.26.9
 
-  '@babel/plugin-proposal-decorators@7.25.9(@babel/core@7.26.7)':
+  '@babel/plugin-proposal-decorators@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.26.7
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.7)
+      '@babel/core': 7.26.9
+      '@babel/helper-create-class-features-plugin': 7.26.9(@babel/core@7.26.9)
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/plugin-syntax-decorators': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-syntax-decorators': 7.25.9(@babel/core@7.26.9)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-syntax-decorators@7.25.9(@babel/core@7.26.7)':
+  '@babel/plugin-syntax-decorators@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.26.7
+      '@babel/core': 7.26.9
       '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-import-attributes@7.26.0(@babel/core@7.26.7)':
+  '@babel/plugin-syntax-import-attributes@7.26.0(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.26.7
+      '@babel/core': 7.26.9
       '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.26.7)':
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.26.7
+      '@babel/core': 7.26.9
       '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-jsx@7.25.9(@babel/core@7.26.7)':
+  '@babel/plugin-syntax-jsx@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.26.7
+      '@babel/core': 7.26.9
       '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-typescript@7.25.9(@babel/core@7.26.7)':
+  '@babel/plugin-syntax-typescript@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.26.7
+      '@babel/core': 7.26.9
       '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-typescript@7.26.7(@babel/core@7.26.7)':
+  '@babel/plugin-transform-typescript@7.26.8(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.26.7
+      '@babel/core': 7.26.9
       '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.7)
+      '@babel/helper-create-class-features-plugin': 7.26.9(@babel/core@7.26.9)
       '@babel/helper-plugin-utils': 7.26.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/plugin-syntax-typescript': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-syntax-typescript': 7.25.9(@babel/core@7.26.9)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/runtime@7.26.7':
+  '@babel/runtime@7.26.9':
     dependencies:
       regenerator-runtime: 0.14.1
 
-  '@babel/standalone@7.26.7': {}
+  '@babel/standalone@7.26.9': {}
 
-  '@babel/template@7.25.9':
+  '@babel/template@7.26.9':
     dependencies:
       '@babel/code-frame': 7.26.2
-      '@babel/parser': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/parser': 7.26.9
+      '@babel/types': 7.26.9
 
-  '@babel/traverse@7.26.7':
+  '@babel/traverse@7.26.9':
     dependencies:
       '@babel/code-frame': 7.26.2
-      '@babel/generator': 7.26.5
-      '@babel/parser': 7.26.7
-      '@babel/template': 7.25.9
-      '@babel/types': 7.26.7
+      '@babel/generator': 7.26.9
+      '@babel/parser': 7.26.9
+      '@babel/template': 7.26.9
+      '@babel/types': 7.26.9
       debug: 4.4.0(supports-color@9.4.0)
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.26.7':
+  '@babel/types@7.26.9':
     dependencies:
       '@babel/helper-string-parser': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
@@ -5468,13 +5560,13 @@ snapshots:
     dependencies:
       mime: 3.0.0
 
-  '@csstools/selector-resolve-nested@3.0.0(postcss-selector-parser@7.0.0)':
+  '@csstools/selector-resolve-nested@3.0.0(postcss-selector-parser@7.1.0)':
     dependencies:
-      postcss-selector-parser: 7.0.0
+      postcss-selector-parser: 7.1.0
 
-  '@csstools/selector-specificity@5.0.0(postcss-selector-parser@7.0.0)':
+  '@csstools/selector-specificity@5.0.0(postcss-selector-parser@7.1.0)':
     dependencies:
-      postcss-selector-parser: 7.0.0
+      postcss-selector-parser: 7.1.0
 
   '@es-joy/jsdoccomment@0.49.0':
     dependencies:
@@ -5485,88 +5577,163 @@ snapshots:
   '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
+  '@esbuild/aix-ppc64@0.25.0':
+    optional: true
+
   '@esbuild/android-arm64@0.24.2':
     optional: true
 
+  '@esbuild/android-arm64@0.25.0':
+    optional: true
+
   '@esbuild/android-arm@0.24.2':
     optional: true
 
+  '@esbuild/android-arm@0.25.0':
+    optional: true
+
   '@esbuild/android-x64@0.24.2':
     optional: true
 
+  '@esbuild/android-x64@0.25.0':
+    optional: true
+
   '@esbuild/darwin-arm64@0.24.2':
     optional: true
 
+  '@esbuild/darwin-arm64@0.25.0':
+    optional: true
+
   '@esbuild/darwin-x64@0.24.2':
     optional: true
 
+  '@esbuild/darwin-x64@0.25.0':
+    optional: true
+
   '@esbuild/freebsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/freebsd-arm64@0.25.0':
+    optional: true
+
   '@esbuild/freebsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/freebsd-x64@0.25.0':
+    optional: true
+
   '@esbuild/linux-arm64@0.24.2':
     optional: true
 
+  '@esbuild/linux-arm64@0.25.0':
+    optional: true
+
   '@esbuild/linux-arm@0.24.2':
     optional: true
 
+  '@esbuild/linux-arm@0.25.0':
+    optional: true
+
   '@esbuild/linux-ia32@0.24.2':
     optional: true
 
+  '@esbuild/linux-ia32@0.25.0':
+    optional: true
+
   '@esbuild/linux-loong64@0.24.2':
     optional: true
 
+  '@esbuild/linux-loong64@0.25.0':
+    optional: true
+
   '@esbuild/linux-mips64el@0.24.2':
     optional: true
 
+  '@esbuild/linux-mips64el@0.25.0':
+    optional: true
+
   '@esbuild/linux-ppc64@0.24.2':
     optional: true
 
+  '@esbuild/linux-ppc64@0.25.0':
+    optional: true
+
   '@esbuild/linux-riscv64@0.24.2':
     optional: true
 
+  '@esbuild/linux-riscv64@0.25.0':
+    optional: true
+
   '@esbuild/linux-s390x@0.24.2':
     optional: true
 
+  '@esbuild/linux-s390x@0.25.0':
+    optional: true
+
   '@esbuild/linux-x64@0.24.2':
     optional: true
 
+  '@esbuild/linux-x64@0.25.0':
+    optional: true
+
   '@esbuild/netbsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/netbsd-arm64@0.25.0':
+    optional: true
+
   '@esbuild/netbsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/netbsd-x64@0.25.0':
+    optional: true
+
   '@esbuild/openbsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/openbsd-arm64@0.25.0':
+    optional: true
+
   '@esbuild/openbsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/openbsd-x64@0.25.0':
+    optional: true
+
   '@esbuild/sunos-x64@0.24.2':
     optional: true
 
+  '@esbuild/sunos-x64@0.25.0':
+    optional: true
+
   '@esbuild/win32-arm64@0.24.2':
     optional: true
 
+  '@esbuild/win32-arm64@0.25.0':
+    optional: true
+
   '@esbuild/win32-ia32@0.24.2':
     optional: true
 
+  '@esbuild/win32-ia32@0.25.0':
+    optional: true
+
   '@esbuild/win32-x64@0.24.2':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.1(eslint@9.19.0(jiti@2.4.2))':
+  '@esbuild/win32-x64@0.25.0':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.4.1(eslint@9.21.0(jiti@2.4.2))':
     dependencies:
-      eslint: 9.19.0(jiti@2.4.2)
+      eslint: 9.21.0(jiti@2.4.2)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
 
-  '@eslint/compat@1.2.6(eslint@9.19.0(jiti@2.4.2))':
+  '@eslint/compat@1.2.7(eslint@9.21.0(jiti@2.4.2))':
     optionalDependencies:
-      eslint: 9.19.0(jiti@2.4.2)
+      eslint: 9.21.0(jiti@2.4.2)
 
   '@eslint/config-array@0.19.2':
     dependencies:
@@ -5576,34 +5743,34 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/config-inspector@1.0.0(eslint@9.19.0(jiti@2.4.2))':
+  '@eslint/config-inspector@1.0.1(eslint@9.21.0(jiti@2.4.2))':
     dependencies:
       '@nodelib/fs.walk': 3.0.1
-      bundle-require: 5.1.0(esbuild@0.24.2)
+      ansis: 3.17.0
+      bundle-require: 5.1.0(esbuild@0.25.0)
       cac: 6.7.14
       chokidar: 4.0.3
       debug: 4.4.0(supports-color@9.4.0)
-      esbuild: 0.24.2
-      eslint: 9.19.0(jiti@2.4.2)
-      fast-glob: 3.3.3
+      esbuild: 0.25.0
+      eslint: 9.21.0(jiti@2.4.2)
       find-up: 7.0.0
       get-port-please: 3.1.2
-      h3: 1.14.0
+      h3: 1.15.1
       mlly: 1.7.4
-      mrmime: 2.0.0
+      mrmime: 2.0.1
       open: 10.1.0
-      picocolors: 1.1.1
-      ws: 8.18.0
+      tinyglobby: 0.2.12
+      ws: 8.18.1
     transitivePeerDependencies:
       - bufferutil
       - supports-color
       - utf-8-validate
 
-  '@eslint/core@0.10.0':
+  '@eslint/core@0.12.0':
     dependencies:
       '@types/json-schema': 7.0.15
 
-  '@eslint/eslintrc@3.2.0':
+  '@eslint/eslintrc@3.3.0':
     dependencies:
       ajv: 6.12.6
       debug: 4.4.0(supports-color@9.4.0)
@@ -5617,24 +5784,24 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@9.19.0': {}
+  '@eslint/js@9.21.0': {}
 
   '@eslint/object-schema@2.1.6': {}
 
-  '@eslint/plugin-kit@0.2.5':
+  '@eslint/plugin-kit@0.2.7':
     dependencies:
-      '@eslint/core': 0.10.0
+      '@eslint/core': 0.12.0
       levn: 0.4.1
 
   '@figspec/components@1.0.3':
     dependencies:
       lit: 2.8.0
 
-  '@figspec/react@1.0.3(react@18.3.1)':
+  '@figspec/react@1.0.3(react@19.0.0)':
     dependencies:
       '@figspec/components': 1.0.3
       '@lit-labs/react': 1.2.1
-      react: 18.3.1
+      react: 19.0.0
 
   '@humanfs/core@0.19.1': {}
 
@@ -5647,7 +5814,7 @@ snapshots:
 
   '@humanwhocodes/retry@0.3.1': {}
 
-  '@humanwhocodes/retry@0.4.1': {}
+  '@humanwhocodes/retry@0.4.2': {}
 
   '@ioredis/commands@1.2.0': {}
 
@@ -5727,11 +5894,11 @@ snapshots:
       - encoding
       - supports-color
 
-  '@mdx-js/react@3.1.0(@types/react@19.0.8)(react@18.3.1)':
+  '@mdx-js/react@3.1.0(@types/react@19.0.10)(react@19.0.0)':
     dependencies:
       '@types/mdx': 2.0.13
-      '@types/react': 19.0.8
-      react: 18.3.1
+      '@types/react': 19.0.10
+      react: 19.0.0
 
   '@netlify/functions@2.8.2':
     dependencies:
@@ -5761,36 +5928,36 @@ snapshots:
   '@nodelib/fs.walk@1.2.8':
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.19.0
+      fastq: 1.19.1
 
   '@nodelib/fs.walk@3.0.1':
     dependencies:
       '@nodelib/fs.scandir': 4.0.1
-      fastq: 1.19.0
+      fastq: 1.19.1
 
-  '@nuxt/cli@3.21.1(magicast@0.3.5)':
+  '@nuxt/cli@3.22.4(magicast@0.3.5)':
     dependencies:
-      c12: 2.0.1(magicast@0.3.5)
+      c12: 3.0.2(magicast@0.3.5)
       chokidar: 4.0.3
       citty: 0.1.6
       clipboardy: 4.0.0
       consola: 3.4.0
       defu: 6.1.4
       fuse.js: 7.1.0
-      giget: 1.2.4
-      h3: 1.14.0
+      giget: 2.0.0
+      h3: 1.15.1
       httpxy: 0.1.7
       jiti: 2.4.2
       listhen: 1.9.0
-      nypm: 0.5.2
+      nypm: 0.6.0
       ofetch: 1.4.1
-      ohash: 1.1.4
-      pathe: 2.0.2
+      ohash: 2.0.10
+      pathe: 2.0.3
       perfect-debounce: 1.0.0
-      pkg-types: 1.3.1
+      pkg-types: 2.1.0
       scule: 1.3.0
       semver: 7.7.1
-      std-env: 3.8.0
+      std-env: 3.8.1
       tinyexec: 0.3.2
       ufo: 1.5.4
     transitivePeerDependencies:
@@ -5798,15 +5965,14 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@1.7.0(magicast@0.3.5)(rollup@4.34.2)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))':
+  '@nuxt/devtools-kit@1.7.0(magicast@0.3.5)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))':
     dependencies:
-      '@nuxt/kit': 3.15.4(magicast@0.3.5)(rollup@4.34.2)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
       '@nuxt/schema': 3.15.4
       execa: 7.2.0
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
     transitivePeerDependencies:
       - magicast
-      - rollup
       - supports-color
 
   '@nuxt/devtools-wizard@1.7.0':
@@ -5822,31 +5988,31 @@ snapshots:
       rc9: 2.1.2
       semver: 7.7.1
 
-  '@nuxt/devtools@1.7.0(rollup@4.34.2)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
+  '@nuxt/devtools@1.7.0(rollup@4.34.9)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))':
     dependencies:
       '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 1.7.0(magicast@0.3.5)(rollup@4.34.2)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
+      '@nuxt/devtools-kit': 1.7.0(magicast@0.3.5)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))
       '@nuxt/devtools-wizard': 1.7.0
-      '@nuxt/kit': 3.15.4(magicast@0.3.5)(rollup@4.34.2)
-      '@vue/devtools-core': 7.6.8(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      '@vue/devtools-core': 7.6.8(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
       '@vue/devtools-kit': 7.6.8
       birpc: 0.2.19
       consola: 3.4.0
-      cronstrue: 2.54.0
+      cronstrue: 2.56.0
       destr: 2.0.3
       error-stack-parser-es: 0.1.5
       execa: 7.2.0
       fast-npm-meta: 0.2.2
-      flatted: 3.3.2
+      flatted: 3.3.3
       get-port-please: 3.1.2
       hookable: 5.5.3
       image-meta: 0.2.1
       is-installed-globally: 1.0.0
-      launch-editor: 2.9.1
+      launch-editor: 2.10.0
       local-pkg: 0.5.1
       magicast: 0.3.5
       nypm: 0.4.1
-      ohash: 1.1.4
+      ohash: 1.1.5
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.3.1
@@ -5854,14 +6020,14 @@ snapshots:
       scule: 1.3.0
       semver: 7.7.1
       simple-git: 3.27.0
-      sirv: 3.0.0
+      sirv: 3.0.1
       tinyglobby: 0.2.10
-      unimport: 3.14.6(rollup@4.34.2)
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
-      vite-plugin-inspect: 0.8.9(@nuxt/kit@3.15.4(magicast@0.3.5)(rollup@4.34.2))(rollup@4.34.2)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
-      vite-plugin-vue-inspector: 5.3.1(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
+      unimport: 3.14.6(rollup@4.34.9)
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
+      vite-plugin-inspect: 0.8.9(@nuxt/kit@3.15.4(magicast@0.3.5))(rollup@4.34.9)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))
+      vite-plugin-vue-inspector: 5.3.1(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))
       which: 3.0.1
-      ws: 8.18.0
+      ws: 8.18.1
     transitivePeerDependencies:
       - bufferutil
       - rollup
@@ -5869,157 +6035,154 @@ snapshots:
       - utf-8-validate
       - vue
 
-  '@nuxt/eslint-config@0.7.6(@vue/compiler-sfc@3.5.13)(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)':
+  '@nuxt/eslint-config@0.7.6(@vue/compiler-sfc@3.5.13)(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)':
     dependencies:
       '@antfu/install-pkg': 1.0.0
       '@clack/prompts': 0.9.1
-      '@eslint/js': 9.19.0
-      '@nuxt/eslint-plugin': 0.7.6(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      '@stylistic/eslint-plugin': 3.0.1(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      '@typescript-eslint/eslint-plugin': 8.23.0(@typescript-eslint/parser@8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      '@typescript-eslint/parser': 8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      eslint: 9.19.0(jiti@2.4.2)
-      eslint-config-flat-gitignore: 0.2.0(eslint@9.19.0(jiti@2.4.2))
+      '@eslint/js': 9.21.0
+      '@nuxt/eslint-plugin': 0.7.6(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      '@stylistic/eslint-plugin': 3.1.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      '@typescript-eslint/eslint-plugin': 8.26.0(@typescript-eslint/parser@8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2))(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      '@typescript-eslint/parser': 8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      eslint: 9.21.0(jiti@2.4.2)
+      eslint-config-flat-gitignore: 0.2.0(eslint@9.21.0(jiti@2.4.2))
       eslint-flat-config-utils: 2.0.1
-      eslint-merge-processors: 1.0.0(eslint@9.19.0(jiti@2.4.2))
-      eslint-plugin-import-x: 4.6.1(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      eslint-plugin-jsdoc: 50.6.3(eslint@9.19.0(jiti@2.4.2))
-      eslint-plugin-regexp: 2.7.0(eslint@9.19.0(jiti@2.4.2))
-      eslint-plugin-unicorn: 56.0.1(eslint@9.19.0(jiti@2.4.2))
-      eslint-plugin-vue: 9.32.0(eslint@9.19.0(jiti@2.4.2))
-      eslint-processor-vue-blocks: 1.0.0(@vue/compiler-sfc@3.5.13)(eslint@9.19.0(jiti@2.4.2))
-      globals: 15.14.0
-      local-pkg: 1.0.0
-      pathe: 2.0.2
-      vue-eslint-parser: 9.4.3(eslint@9.19.0(jiti@2.4.2))
+      eslint-merge-processors: 1.0.0(eslint@9.21.0(jiti@2.4.2))
+      eslint-plugin-import-x: 4.6.1(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      eslint-plugin-jsdoc: 50.6.3(eslint@9.21.0(jiti@2.4.2))
+      eslint-plugin-regexp: 2.7.0(eslint@9.21.0(jiti@2.4.2))
+      eslint-plugin-unicorn: 56.0.1(eslint@9.21.0(jiti@2.4.2))
+      eslint-plugin-vue: 9.32.0(eslint@9.21.0(jiti@2.4.2))
+      eslint-processor-vue-blocks: 1.0.0(@vue/compiler-sfc@3.5.13)(eslint@9.21.0(jiti@2.4.2))
+      globals: 15.15.0
+      local-pkg: 1.1.1
+      pathe: 2.0.3
+      vue-eslint-parser: 9.4.3(eslint@9.21.0(jiti@2.4.2))
     transitivePeerDependencies:
       - '@vue/compiler-sfc'
       - supports-color
       - typescript
 
-  '@nuxt/eslint-plugin@0.7.6(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)':
+  '@nuxt/eslint-plugin@0.7.6(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)':
     dependencies:
-      '@typescript-eslint/types': 8.23.0
-      '@typescript-eslint/utils': 8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      eslint: 9.19.0(jiti@2.4.2)
+      '@typescript-eslint/types': 8.26.0
+      '@typescript-eslint/utils': 8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      eslint: 9.21.0(jiti@2.4.2)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@nuxt/eslint@0.7.6(@vue/compiler-sfc@3.5.13)(eslint@9.19.0(jiti@2.4.2))(magicast@0.3.5)(rollup@4.34.2)(typescript@5.7.3)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))':
+  '@nuxt/eslint@0.7.6(@vue/compiler-sfc@3.5.13)(eslint@9.21.0(jiti@2.4.2))(magicast@0.3.5)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))':
     dependencies:
-      '@eslint/config-inspector': 1.0.0(eslint@9.19.0(jiti@2.4.2))
-      '@nuxt/devtools-kit': 1.7.0(magicast@0.3.5)(rollup@4.34.2)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
-      '@nuxt/eslint-config': 0.7.6(@vue/compiler-sfc@3.5.13)(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      '@nuxt/eslint-plugin': 0.7.6(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      '@nuxt/kit': 3.15.4(magicast@0.3.5)(rollup@4.34.2)
+      '@eslint/config-inspector': 1.0.1(eslint@9.21.0(jiti@2.4.2))
+      '@nuxt/devtools-kit': 1.7.0(magicast@0.3.5)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))
+      '@nuxt/eslint-config': 0.7.6(@vue/compiler-sfc@3.5.13)(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      '@nuxt/eslint-plugin': 0.7.6(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
       chokidar: 4.0.3
-      eslint: 9.19.0(jiti@2.4.2)
+      eslint: 9.21.0(jiti@2.4.2)
       eslint-flat-config-utils: 2.0.1
-      eslint-typegen: 1.0.0(eslint@9.19.0(jiti@2.4.2))
+      eslint-typegen: 1.0.0(eslint@9.21.0(jiti@2.4.2))
       find-up: 7.0.0
       get-port-please: 3.1.2
       mlly: 1.7.4
-      pathe: 2.0.2
-      unimport: 4.0.0(rollup@4.34.2)
+      pathe: 2.0.3
+      unimport: 4.1.2
     transitivePeerDependencies:
       - '@vue/compiler-sfc'
       - bufferutil
       - eslint-plugin-format
       - magicast
-      - rollup
       - supports-color
       - typescript
       - utf-8-validate
       - vite
 
-  '@nuxt/kit@3.15.4(magicast@0.3.5)(rollup@4.34.2)':
+  '@nuxt/kit@3.15.4(magicast@0.3.5)':
     dependencies:
-      c12: 2.0.1(magicast@0.3.5)
+      c12: 2.0.4(magicast@0.3.5)
       consola: 3.4.0
       defu: 6.1.4
       destr: 2.0.3
-      globby: 14.0.2
+      globby: 14.1.0
       ignore: 7.0.3
       jiti: 2.4.2
       klona: 2.0.6
       knitwork: 1.2.0
       mlly: 1.7.4
-      ohash: 1.1.4
-      pathe: 2.0.2
+      ohash: 1.1.5
+      pathe: 2.0.3
       pkg-types: 1.3.1
       scule: 1.3.0
       semver: 7.7.1
-      std-env: 3.8.0
+      std-env: 3.8.1
       ufo: 1.5.4
       unctx: 2.4.1
-      unimport: 4.0.0(rollup@4.34.2)
+      unimport: 4.1.2
       untyped: 1.5.2
     transitivePeerDependencies:
       - magicast
-      - rollup
       - supports-color
 
   '@nuxt/schema@3.15.4':
     dependencies:
       consola: 3.4.0
       defu: 6.1.4
-      pathe: 2.0.2
-      std-env: 3.8.0
+      pathe: 2.0.3
+      std-env: 3.8.1
 
-  '@nuxt/telemetry@2.6.4(magicast@0.3.5)(rollup@4.34.2)':
+  '@nuxt/telemetry@2.6.5(magicast@0.3.5)':
     dependencies:
-      '@nuxt/kit': 3.15.4(magicast@0.3.5)(rollup@4.34.2)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
       citty: 0.1.6
       consola: 3.4.0
       destr: 2.0.3
       dotenv: 16.4.7
-      git-url-parse: 16.0.0
+      git-url-parse: 16.0.1
       is-docker: 3.0.0
       ofetch: 1.4.1
-      package-manager-detector: 0.2.9
+      package-manager-detector: 0.2.11
       parse-git-config: 3.0.0
-      pathe: 2.0.2
+      pathe: 2.0.3
       rc9: 2.1.2
-      std-env: 3.8.0
+      std-env: 3.8.1
     transitivePeerDependencies:
       - magicast
-      - rollup
       - supports-color
 
-  '@nuxt/vite-builder@3.15.4(@types/node@22.13.1)(eslint@9.19.0(jiti@2.4.2))(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.2)(terser@5.37.0)(typescript@5.7.3)(vue-tsc@2.2.0(typescript@5.7.3))(vue@3.5.13(typescript@5.7.3))(yaml@2.7.0)':
+  '@nuxt/vite-builder@3.15.4(@types/node@22.13.9)(eslint@9.21.0(jiti@2.4.2))(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.9)(terser@5.39.0)(typescript@5.8.2)(vue-tsc@2.2.8(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))(yaml@2.7.0)':
     dependencies:
-      '@nuxt/kit': 3.15.4(magicast@0.3.5)(rollup@4.34.2)
-      '@rollup/plugin-replace': 6.0.2(rollup@4.34.2)
-      '@vitejs/plugin-vue': 5.2.1(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
-      '@vitejs/plugin-vue-jsx': 4.1.1(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
-      autoprefixer: 10.4.20(postcss@8.5.1)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      '@rollup/plugin-replace': 6.0.2(rollup@4.34.9)
+      '@vitejs/plugin-vue': 5.2.1(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
+      '@vitejs/plugin-vue-jsx': 4.1.1(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
+      autoprefixer: 10.4.20(postcss@8.5.3)
       consola: 3.4.0
-      cssnano: 7.0.6(postcss@8.5.1)
+      cssnano: 7.0.6(postcss@8.5.3)
       defu: 6.1.4
       esbuild: 0.24.2
       escape-string-regexp: 5.0.0
       externality: 1.0.2
       get-port-please: 3.1.2
-      h3: 1.14.0
+      h3: 1.15.1
       jiti: 2.4.2
       knitwork: 1.2.0
       magic-string: 0.30.17
       mlly: 1.7.4
-      ohash: 1.1.4
-      pathe: 2.0.2
+      ohash: 1.1.5
+      pathe: 2.0.3
       perfect-debounce: 1.0.0
       pkg-types: 1.3.1
-      postcss: 8.5.1
-      rollup-plugin-visualizer: 5.14.0(rollup@4.34.2)
-      std-env: 3.8.0
+      postcss: 8.5.3
+      rollup-plugin-visualizer: 5.14.0(rollup@4.34.9)
+      std-env: 3.8.1
       ufo: 1.5.4
       unenv: 1.10.0
-      unplugin: 2.1.2
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
-      vite-node: 3.0.5(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
-      vite-plugin-checker: 0.8.0(eslint@9.19.0(jiti@2.4.2))(optionator@0.9.4)(typescript@5.7.3)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue-tsc@2.2.0(typescript@5.7.3))
-      vue: 3.5.13(typescript@5.7.3)
+      unplugin: 2.2.0
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
+      vite-node: 3.0.7(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
+      vite-plugin-checker: 0.8.0(eslint@9.21.0(jiti@2.4.2))(optionator@0.9.4)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue-tsc@2.2.8(typescript@5.8.2))
+      vue: 3.5.13(typescript@5.8.2)
       vue-bundle-renderer: 2.1.1
     transitivePeerDependencies:
       - '@biomejs/biome'
@@ -6046,25 +6209,24 @@ snapshots:
       - vue-tsc
       - yaml
 
-  '@nuxtjs/tailwindcss@6.13.1(magicast@0.3.5)(rollup@4.34.2)':
+  '@nuxtjs/tailwindcss@6.13.1(magicast@0.3.5)':
     dependencies:
-      '@nuxt/kit': 3.15.4(magicast@0.3.5)(rollup@4.34.2)
-      autoprefixer: 10.4.20(postcss@8.5.1)
-      c12: 2.0.1(magicast@0.3.5)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      autoprefixer: 10.4.20(postcss@8.5.3)
+      c12: 2.0.4(magicast@0.3.5)
       consola: 3.4.0
       defu: 6.1.4
-      h3: 1.14.0
+      h3: 1.15.1
       klona: 2.0.6
-      pathe: 2.0.2
-      postcss: 8.5.1
-      postcss-nesting: 13.0.1(postcss@8.5.1)
+      pathe: 2.0.3
+      postcss: 8.5.3
+      postcss-nesting: 13.0.1(postcss@8.5.3)
       tailwind-config-viewer: 2.0.4(tailwindcss@3.4.17)
       tailwindcss: 3.4.17
       ufo: 1.5.4
       unctx: 2.4.1
     transitivePeerDependencies:
       - magicast
-      - rollup
       - supports-color
       - ts-node
 
@@ -6133,13 +6295,12 @@ snapshots:
       '@parcel/watcher-win32-ia32': 2.5.1
       '@parcel/watcher-win32-x64': 2.5.1
 
-  '@pinia/nuxt@0.9.0(magicast@0.3.5)(pinia@2.3.1(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3)))(rollup@4.34.2)':
+  '@pinia/nuxt@0.10.1(magicast@0.3.5)(pinia@2.3.1(typescript@5.8.2)(vue@3.5.13(typescript@5.8.2)))':
     dependencies:
-      '@nuxt/kit': 3.15.4(magicast@0.3.5)(rollup@4.34.2)
-      pinia: 2.3.1(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3))
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      pinia: 2.3.1(typescript@5.8.2)(vue@3.5.13(typescript@5.8.2))
     transitivePeerDependencies:
       - magicast
-      - rollup
       - supports-color
 
   '@pkgjs/parseargs@0.11.0':
@@ -6156,12 +6317,12 @@ snapshots:
       require-from-string: 2.0.2
       uri-js-replace: 1.0.1
 
-  '@redocly/config@0.20.3': {}
+  '@redocly/config@0.21.0': {}
 
-  '@redocly/openapi-core@1.28.1(supports-color@9.4.0)':
+  '@redocly/openapi-core@1.32.1(supports-color@9.4.0)':
     dependencies:
       '@redocly/ajv': 8.11.2
-      '@redocly/config': 0.20.3
+      '@redocly/config': 0.21.0
       colorette: 1.4.0
       https-proxy-agent: 7.0.6(supports-color@9.4.0)
       js-levenshtein: 1.1.6
@@ -6172,13 +6333,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@rollup/plugin-alias@5.1.1(rollup@4.34.2)':
+  '@rollup/plugin-alias@5.1.1(rollup@4.34.9)':
     optionalDependencies:
-      rollup: 4.34.2
+      rollup: 4.34.9
 
-  '@rollup/plugin-commonjs@28.0.2(rollup@4.34.2)':
+  '@rollup/plugin-commonjs@28.0.2(rollup@4.34.9)':
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.9)
       commondir: 1.0.1
       estree-walker: 2.0.2
       fdir: 6.4.3(picomatch@4.0.2)
@@ -6186,347 +6347,338 @@ snapshots:
       magic-string: 0.30.17
       picomatch: 4.0.2
     optionalDependencies:
-      rollup: 4.34.2
+      rollup: 4.34.9
 
-  '@rollup/plugin-inject@5.0.5(rollup@4.34.2)':
+  '@rollup/plugin-inject@5.0.5(rollup@4.34.9)':
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.9)
       estree-walker: 2.0.2
       magic-string: 0.30.17
     optionalDependencies:
-      rollup: 4.34.2
+      rollup: 4.34.9
 
-  '@rollup/plugin-json@6.1.0(rollup@4.34.2)':
+  '@rollup/plugin-json@6.1.0(rollup@4.34.9)':
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.9)
     optionalDependencies:
-      rollup: 4.34.2
+      rollup: 4.34.9
 
-  '@rollup/plugin-node-resolve@15.3.1(rollup@4.34.2)':
+  '@rollup/plugin-node-resolve@15.3.1(rollup@4.34.9)':
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.9)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-module: 1.0.0
       resolve: 1.22.10
     optionalDependencies:
-      rollup: 4.34.2
+      rollup: 4.34.9
 
-  '@rollup/plugin-replace@6.0.2(rollup@4.34.2)':
+  '@rollup/plugin-replace@6.0.2(rollup@4.34.9)':
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.9)
       magic-string: 0.30.17
     optionalDependencies:
-      rollup: 4.34.2
+      rollup: 4.34.9
 
-  '@rollup/plugin-terser@0.4.4(rollup@4.34.2)':
+  '@rollup/plugin-terser@0.4.4(rollup@4.34.9)':
     dependencies:
       serialize-javascript: 6.0.2
       smob: 1.5.0
-      terser: 5.37.0
+      terser: 5.39.0
     optionalDependencies:
-      rollup: 4.34.2
+      rollup: 4.34.9
 
-  '@rollup/pluginutils@5.1.4(rollup@4.34.2)':
+  '@rollup/pluginutils@5.1.4(rollup@4.34.9)':
     dependencies:
       '@types/estree': 1.0.6
       estree-walker: 2.0.2
       picomatch: 4.0.2
     optionalDependencies:
-      rollup: 4.34.2
+      rollup: 4.34.9
 
-  '@rollup/rollup-android-arm-eabi@4.34.2':
+  '@rollup/rollup-android-arm-eabi@4.34.9':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.34.2':
+  '@rollup/rollup-android-arm64@4.34.9':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.34.2':
+  '@rollup/rollup-darwin-arm64@4.34.9':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.34.2':
+  '@rollup/rollup-darwin-x64@4.34.9':
     optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.34.2':
+  '@rollup/rollup-freebsd-arm64@4.34.9':
     optional: true
 
-  '@rollup/rollup-freebsd-x64@4.34.2':
+  '@rollup/rollup-freebsd-x64@4.34.9':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.34.2':
+  '@rollup/rollup-linux-arm-gnueabihf@4.34.9':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.34.2':
+  '@rollup/rollup-linux-arm-musleabihf@4.34.9':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.34.2':
+  '@rollup/rollup-linux-arm64-gnu@4.34.9':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.34.2':
+  '@rollup/rollup-linux-arm64-musl@4.34.9':
     optional: true
 
-  '@rollup/rollup-linux-loongarch64-gnu@4.34.2':
+  '@rollup/rollup-linux-loongarch64-gnu@4.34.9':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.34.2':
+  '@rollup/rollup-linux-powerpc64le-gnu@4.34.9':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.34.2':
+  '@rollup/rollup-linux-riscv64-gnu@4.34.9':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.34.2':
+  '@rollup/rollup-linux-s390x-gnu@4.34.9':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.34.2':
+  '@rollup/rollup-linux-x64-gnu@4.34.9':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.34.2':
+  '@rollup/rollup-linux-x64-musl@4.34.9':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.34.2':
+  '@rollup/rollup-win32-arm64-msvc@4.34.9':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.34.2':
+  '@rollup/rollup-win32-ia32-msvc@4.34.9':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.34.2':
+  '@rollup/rollup-win32-x64-msvc@4.34.9':
     optional: true
 
   '@sindresorhus/merge-streams@2.3.0': {}
 
-  '@storybook/addon-a11y@8.5.3(storybook@8.5.3(prettier@3.4.2))(vitest@3.0.5(@types/debug@4.1.12)(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))':
+  '@storybook/addon-a11y@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      '@storybook/addon-highlight': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/test': 8.5.3(storybook@8.5.3(prettier@3.4.2))
+      '@storybook/addon-highlight': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/test': 8.6.3(storybook@8.6.3(prettier@3.5.3))
       axe-core: 4.10.2
-      storybook: 8.5.3(prettier@3.4.2)
-      vitest-axe: 0.1.0(vitest@3.0.5(@types/debug@4.1.12)(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
-    transitivePeerDependencies:
-      - vitest
+      storybook: 8.6.3(prettier@3.5.3)
 
-  '@storybook/addon-actions@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/addon-actions@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
       '@storybook/global': 5.0.0
       '@types/uuid': 9.0.8
       dequal: 2.0.3
       polished: 4.3.1
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
       uuid: 9.0.1
 
-  '@storybook/addon-backgrounds@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/addon-backgrounds@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
       '@storybook/global': 5.0.0
       memoizerific: 1.11.3
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-controls@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/addon-controls@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
       '@storybook/global': 5.0.0
       dequal: 2.0.3
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-designs@8.0.4(@storybook/blocks@8.5.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.5.3(prettier@3.4.2)))(@storybook/components@8.5.3(storybook@8.5.3(prettier@3.4.2)))(@storybook/theming@8.5.3(storybook@8.5.3(prettier@3.4.2)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@storybook/addon-designs@8.2.0(@storybook/blocks@8.6.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.6.3(prettier@3.5.3)))(@storybook/components@8.6.3(storybook@8.6.3(prettier@3.5.3)))(@storybook/theming@8.6.3(storybook@8.6.3(prettier@3.5.3)))(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@figspec/react': 1.0.3(react@18.3.1)
+      '@figspec/react': 1.0.3(react@19.0.0)
     optionalDependencies:
-      '@storybook/blocks': 8.5.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/components': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/theming': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
-  '@storybook/addon-docs@8.5.3(@types/react@19.0.8)(storybook@8.5.3(prettier@3.4.2))':
-    dependencies:
-      '@mdx-js/react': 3.1.0(@types/react@19.0.8)(react@18.3.1)
-      '@storybook/blocks': 8.5.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/csf-plugin': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/react-dom-shim': 8.5.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.5.3(prettier@3.4.2))
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      storybook: 8.5.3(prettier@3.4.2)
+      '@storybook/blocks': 8.6.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/components': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/theming': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
+  '@storybook/addon-docs@8.6.3(@types/react@19.0.10)(storybook@8.6.3(prettier@3.5.3))':
+    dependencies:
+      '@mdx-js/react': 3.1.0(@types/react@19.0.10)(react@19.0.0)
+      '@storybook/blocks': 8.6.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/csf-plugin': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/react-dom-shim': 8.6.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.6.3(prettier@3.5.3))
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      storybook: 8.6.3(prettier@3.5.3)
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@storybook/addon-essentials@8.5.3(@types/react@19.0.8)(storybook@8.5.3(prettier@3.4.2))':
-    dependencies:
-      '@storybook/addon-actions': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/addon-backgrounds': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/addon-controls': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/addon-docs': 8.5.3(@types/react@19.0.8)(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/addon-highlight': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/addon-measure': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/addon-outline': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/addon-toolbars': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/addon-viewport': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      storybook: 8.5.3(prettier@3.4.2)
+  '@storybook/addon-essentials@8.6.3(@types/react@19.0.10)(storybook@8.6.3(prettier@3.5.3))':
+    dependencies:
+      '@storybook/addon-actions': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/addon-backgrounds': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/addon-controls': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/addon-docs': 8.6.3(@types/react@19.0.10)(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/addon-highlight': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/addon-measure': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/addon-outline': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/addon-toolbars': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/addon-viewport': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      storybook: 8.6.3(prettier@3.5.3)
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@storybook/addon-highlight@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/addon-highlight@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
 
-  '@storybook/addon-links@8.5.3(react@18.3.1)(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/addon-links@8.6.3(react@19.0.0)(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      '@storybook/csf': 0.1.12
       '@storybook/global': 5.0.0
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
       ts-dedent: 2.2.0
     optionalDependencies:
-      react: 18.3.1
+      react: 19.0.0
 
-  '@storybook/addon-measure@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/addon-measure@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
       tiny-invariant: 1.3.3
 
-  '@storybook/addon-outline@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/addon-outline@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-toolbars@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/addon-toolbars@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
 
-  '@storybook/addon-viewport@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/addon-viewport@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
       memoizerific: 1.11.3
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
 
-  '@storybook/blocks@8.5.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/blocks@8.6.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      '@storybook/csf': 0.1.12
-      '@storybook/icons': 1.3.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      storybook: 8.5.3(prettier@3.4.2)
+      '@storybook/icons': 1.3.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      storybook: 8.6.3(prettier@3.5.3)
       ts-dedent: 2.2.0
     optionalDependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
-  '@storybook/builder-vite@8.5.3(storybook@8.5.3(prettier@3.4.2))(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))':
+  '@storybook/builder-vite@8.6.3(storybook@8.6.3(prettier@3.5.3))(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))':
     dependencies:
-      '@storybook/csf-plugin': 8.5.3(storybook@8.5.3(prettier@3.4.2))
+      '@storybook/csf-plugin': 8.6.3(storybook@8.6.3(prettier@3.5.3))
       browser-assert: 1.2.1
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
       ts-dedent: 2.2.0
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
 
-  '@storybook/components@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/components@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
 
-  '@storybook/core@8.5.3(prettier@3.4.2)':
+  '@storybook/core@8.6.3(prettier@3.5.3)(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      '@storybook/csf': 0.1.12
+      '@storybook/theming': 8.6.3(storybook@8.6.3(prettier@3.5.3))
       better-opn: 3.0.2
       browser-assert: 1.2.1
-      esbuild: 0.24.2
-      esbuild-register: 3.6.0(esbuild@0.24.2)
+      esbuild: 0.25.0
+      esbuild-register: 3.6.0(esbuild@0.25.0)
       jsdoc-type-pratt-parser: 4.1.0
       process: 0.11.10
-      recast: 0.23.9
+      recast: 0.23.11
       semver: 7.7.1
       util: 0.12.5
-      ws: 8.18.0
+      ws: 8.18.1
     optionalDependencies:
-      prettier: 3.4.2
+      prettier: 3.5.3
     transitivePeerDependencies:
       - bufferutil
+      - storybook
       - supports-color
       - utf-8-validate
 
-  '@storybook/csf-plugin@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/csf-plugin@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
       unplugin: 1.16.1
 
-  '@storybook/csf@0.1.12':
-    dependencies:
-      type-fest: 2.19.0
-
   '@storybook/global@5.0.0': {}
 
-  '@storybook/icons@1.3.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@storybook/icons@1.3.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
-  '@storybook/instrumenter@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/instrumenter@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
       '@storybook/global': 5.0.0
       '@vitest/utils': 2.1.9
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
 
-  '@storybook/manager-api@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/manager-api@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
 
-  '@storybook/preview-api@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/preview-api@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
 
-  '@storybook/react-dom-shim@8.5.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/react-dom-shim@8.6.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      storybook: 8.5.3(prettier@3.4.2)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      storybook: 8.6.3(prettier@3.5.3)
 
-  '@storybook/test@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/test@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      '@storybook/csf': 0.1.12
       '@storybook/global': 5.0.0
-      '@storybook/instrumenter': 8.5.3(storybook@8.5.3(prettier@3.4.2))
+      '@storybook/instrumenter': 8.6.3(storybook@8.6.3(prettier@3.5.3))
       '@testing-library/dom': 10.4.0
       '@testing-library/jest-dom': 6.5.0
       '@testing-library/user-event': 14.5.2(@testing-library/dom@10.4.0)
       '@vitest/expect': 2.0.5
       '@vitest/spy': 2.0.5
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
 
-  '@storybook/theming@8.5.3(storybook@8.5.3(prettier@3.4.2))':
+  '@storybook/theming@8.6.3(storybook@8.6.3(prettier@3.5.3))':
     dependencies:
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
 
-  '@storybook/vue3-vite@8.5.3(storybook@8.5.3(prettier@3.4.2))(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
+  '@storybook/vue3-vite@8.6.3(storybook@8.6.3(prettier@3.5.3))(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))':
     dependencies:
-      '@storybook/builder-vite': 8.5.3(storybook@8.5.3(prettier@3.4.2))(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
-      '@storybook/vue3': 8.5.3(storybook@8.5.3(prettier@3.4.2))(vue@3.5.13(typescript@5.7.3))
+      '@storybook/builder-vite': 8.6.3(storybook@8.6.3(prettier@3.5.3))(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))
+      '@storybook/vue3': 8.6.3(storybook@8.6.3(prettier@3.5.3))(vue@3.5.13(typescript@5.8.2))
       find-package-json: 1.2.0
       magic-string: 0.30.17
-      storybook: 8.5.3(prettier@3.4.2)
-      typescript: 5.7.3
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
-      vue-component-meta: 2.2.0(typescript@5.7.3)
-      vue-docgen-api: 4.79.2(vue@3.5.13(typescript@5.7.3))
+      storybook: 8.6.3(prettier@3.5.3)
+      typescript: 5.8.2
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
+      vue-component-meta: 2.2.8(typescript@5.8.2)
+      vue-docgen-api: 4.79.2(vue@3.5.13(typescript@5.8.2))
     transitivePeerDependencies:
       - vue
 
-  '@storybook/vue3@8.5.3(storybook@8.5.3(prettier@3.4.2))(vue@3.5.13(typescript@5.7.3))':
+  '@storybook/vue3@8.6.3(storybook@8.6.3(prettier@3.5.3))(vue@3.5.13(typescript@5.8.2))':
     dependencies:
-      '@storybook/components': 8.5.3(storybook@8.5.3(prettier@3.4.2))
+      '@storybook/components': 8.6.3(storybook@8.6.3(prettier@3.5.3))
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/preview-api': 8.5.3(storybook@8.5.3(prettier@3.4.2))
-      '@storybook/theming': 8.5.3(storybook@8.5.3(prettier@3.4.2))
+      '@storybook/manager-api': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/preview-api': 8.6.3(storybook@8.6.3(prettier@3.5.3))
+      '@storybook/theming': 8.6.3(storybook@8.6.3(prettier@3.5.3))
       '@vue/compiler-core': 3.5.13
-      storybook: 8.5.3(prettier@3.4.2)
+      storybook: 8.6.3(prettier@3.5.3)
       ts-dedent: 2.2.0
       type-fest: 2.19.0
-      vue: 3.5.13(typescript@5.7.3)
-      vue-component-type-helpers: 2.2.0
+      vue: 3.5.13(typescript@5.8.2)
+      vue-component-type-helpers: 2.2.8
 
-  '@stylistic/eslint-plugin@3.0.1(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)':
+  '@stylistic/eslint-plugin@3.1.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)':
     dependencies:
-      '@typescript-eslint/utils': 8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      eslint: 9.19.0(jiti@2.4.2)
+      '@typescript-eslint/utils': 8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      eslint: 9.21.0(jiti@2.4.2)
       eslint-visitor-keys: 4.2.0
       espree: 10.3.0
       estraverse: 5.3.0
@@ -6538,7 +6690,7 @@ snapshots:
   '@testing-library/dom@10.4.0':
     dependencies:
       '@babel/code-frame': 7.26.2
-      '@babel/runtime': 7.26.7
+      '@babel/runtime': 7.26.9
       '@types/aria-query': 5.0.4
       aria-query: 5.3.0
       chalk: 4.1.2
@@ -6548,7 +6700,7 @@ snapshots:
 
   '@testing-library/jest-dom@6.5.0':
     dependencies:
-      '@adobe/css-tools': 4.4.1
+      '@adobe/css-tools': 4.4.2
       aria-query: 5.3.2
       chalk: 3.0.0
       css.escape: 1.5.1
@@ -6587,9 +6739,9 @@ snapshots:
     dependencies:
       '@types/unist': 2.0.11
 
-  '@types/http-proxy@1.17.15':
+  '@types/http-proxy@1.17.16':
     dependencies:
-      '@types/node': 22.13.1
+      '@types/node': 22.13.9
 
   '@types/json-schema@7.0.15': {}
 
@@ -6601,7 +6753,7 @@ snapshots:
 
   '@types/ms@2.1.0': {}
 
-  '@types/node@22.13.1':
+  '@types/node@22.13.9':
     dependencies:
       undici-types: 6.20.0
 
@@ -6609,7 +6761,7 @@ snapshots:
 
   '@types/parse-path@7.0.3': {}
 
-  '@types/react@19.0.8':
+  '@types/react@19.0.10':
     dependencies:
       csstype: 3.1.3
 
@@ -6629,115 +6781,115 @@ snapshots:
     dependencies:
       vue: 2.7.16
 
-  '@typescript-eslint/eslint-plugin@8.23.0(@typescript-eslint/parser@8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)':
+  '@typescript-eslint/eslint-plugin@8.26.0(@typescript-eslint/parser@8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2))(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      '@typescript-eslint/scope-manager': 8.23.0
-      '@typescript-eslint/type-utils': 8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.23.0
-      eslint: 9.19.0(jiti@2.4.2)
+      '@typescript-eslint/parser': 8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      '@typescript-eslint/scope-manager': 8.26.0
+      '@typescript-eslint/type-utils': 8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      '@typescript-eslint/utils': 8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      '@typescript-eslint/visitor-keys': 8.26.0
+      eslint: 9.21.0(jiti@2.4.2)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
-      ts-api-utils: 2.0.1(typescript@5.7.3)
-      typescript: 5.7.3
+      ts-api-utils: 2.0.1(typescript@5.8.2)
+      typescript: 5.8.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)':
+  '@typescript-eslint/parser@8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.23.0
-      '@typescript-eslint/types': 8.23.0
-      '@typescript-eslint/typescript-estree': 8.23.0(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.23.0
+      '@typescript-eslint/scope-manager': 8.26.0
+      '@typescript-eslint/types': 8.26.0
+      '@typescript-eslint/typescript-estree': 8.26.0(typescript@5.8.2)
+      '@typescript-eslint/visitor-keys': 8.26.0
       debug: 4.4.0(supports-color@9.4.0)
-      eslint: 9.19.0(jiti@2.4.2)
-      typescript: 5.7.3
+      eslint: 9.21.0(jiti@2.4.2)
+      typescript: 5.8.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.23.0':
+  '@typescript-eslint/scope-manager@8.26.0':
     dependencies:
-      '@typescript-eslint/types': 8.23.0
-      '@typescript-eslint/visitor-keys': 8.23.0
+      '@typescript-eslint/types': 8.26.0
+      '@typescript-eslint/visitor-keys': 8.26.0
 
-  '@typescript-eslint/type-utils@8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)':
+  '@typescript-eslint/type-utils@8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.23.0(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/typescript-estree': 8.26.0(typescript@5.8.2)
+      '@typescript-eslint/utils': 8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
       debug: 4.4.0(supports-color@9.4.0)
-      eslint: 9.19.0(jiti@2.4.2)
-      ts-api-utils: 2.0.1(typescript@5.7.3)
-      typescript: 5.7.3
+      eslint: 9.21.0(jiti@2.4.2)
+      ts-api-utils: 2.0.1(typescript@5.8.2)
+      typescript: 5.8.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.23.0': {}
+  '@typescript-eslint/types@8.26.0': {}
 
-  '@typescript-eslint/typescript-estree@8.23.0(typescript@5.7.3)':
+  '@typescript-eslint/typescript-estree@8.26.0(typescript@5.8.2)':
     dependencies:
-      '@typescript-eslint/types': 8.23.0
-      '@typescript-eslint/visitor-keys': 8.23.0
+      '@typescript-eslint/types': 8.26.0
+      '@typescript-eslint/visitor-keys': 8.26.0
       debug: 4.4.0(supports-color@9.4.0)
       fast-glob: 3.3.3
       is-glob: 4.0.3
       minimatch: 9.0.5
       semver: 7.7.1
-      ts-api-utils: 2.0.1(typescript@5.7.3)
-      typescript: 5.7.3
+      ts-api-utils: 2.0.1(typescript@5.8.2)
+      typescript: 5.8.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)':
+  '@typescript-eslint/utils@8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0(jiti@2.4.2))
-      '@typescript-eslint/scope-manager': 8.23.0
-      '@typescript-eslint/types': 8.23.0
-      '@typescript-eslint/typescript-estree': 8.23.0(typescript@5.7.3)
-      eslint: 9.19.0(jiti@2.4.2)
-      typescript: 5.7.3
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.21.0(jiti@2.4.2))
+      '@typescript-eslint/scope-manager': 8.26.0
+      '@typescript-eslint/types': 8.26.0
+      '@typescript-eslint/typescript-estree': 8.26.0(typescript@5.8.2)
+      eslint: 9.21.0(jiti@2.4.2)
+      typescript: 5.8.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.23.0':
+  '@typescript-eslint/visitor-keys@8.26.0':
     dependencies:
-      '@typescript-eslint/types': 8.23.0
+      '@typescript-eslint/types': 8.26.0
       eslint-visitor-keys: 4.2.0
 
-  '@unhead/dom@1.11.18':
+  '@unhead/dom@1.11.20':
     dependencies:
-      '@unhead/schema': 1.11.18
-      '@unhead/shared': 1.11.18
+      '@unhead/schema': 1.11.20
+      '@unhead/shared': 1.11.20
 
-  '@unhead/schema@1.11.18':
+  '@unhead/schema@1.11.20':
     dependencies:
       hookable: 5.5.3
       zhead: 2.2.4
 
-  '@unhead/shared@1.11.18':
+  '@unhead/shared@1.11.20':
     dependencies:
-      '@unhead/schema': 1.11.18
+      '@unhead/schema': 1.11.20
       packrup: 0.1.2
 
-  '@unhead/ssr@1.11.18':
+  '@unhead/ssr@1.11.20':
     dependencies:
-      '@unhead/schema': 1.11.18
-      '@unhead/shared': 1.11.18
+      '@unhead/schema': 1.11.20
+      '@unhead/shared': 1.11.20
 
-  '@unhead/vue@1.11.18(vue@3.5.13(typescript@5.7.3))':
+  '@unhead/vue@1.11.20(vue@3.5.13(typescript@5.8.2))':
     dependencies:
-      '@unhead/schema': 1.11.18
-      '@unhead/shared': 1.11.18
+      '@unhead/schema': 1.11.20
+      '@unhead/shared': 1.11.20
       hookable: 5.5.3
-      unhead: 1.11.18
-      vue: 3.5.13(typescript@5.7.3)
+      unhead: 1.11.20
+      vue: 3.5.13(typescript@5.8.2)
 
-  '@vercel/nft@0.27.10(rollup@4.34.2)':
+  '@vercel/nft@0.27.10(rollup@4.34.9)':
     dependencies:
       '@mapbox/node-pre-gyp': 2.0.0
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.9)
       acorn: 8.14.0
       acorn-import-attributes: 1.9.5(acorn@8.14.0)
       async-sema: 3.1.1
@@ -6753,43 +6905,28 @@ snapshots:
       - rollup
       - supports-color
 
-  '@vitejs/plugin-vue-jsx@4.1.1(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
+  '@vitejs/plugin-vue-jsx@4.1.1(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))':
     dependencies:
-      '@babel/core': 7.26.7
-      '@babel/plugin-transform-typescript': 7.26.7(@babel/core@7.26.7)
-      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.26.7)
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
-      vue: 3.5.13(typescript@5.7.3)
+      '@babel/core': 7.26.9
+      '@babel/plugin-transform-typescript': 7.26.8(@babel/core@7.26.9)
+      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.26.9)
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
+      vue: 3.5.13(typescript@5.8.2)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.2.1(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
+  '@vitejs/plugin-vue@5.2.1(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))':
     dependencies:
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
-      vue: 3.5.13(typescript@5.7.3)
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
+      vue: 3.5.13(typescript@5.8.2)
 
   '@vitest/expect@2.0.5':
     dependencies:
       '@vitest/spy': 2.0.5
       '@vitest/utils': 2.0.5
-      chai: 5.1.2
+      chai: 5.2.0
       tinyrainbow: 1.2.0
 
-  '@vitest/expect@3.0.5':
-    dependencies:
-      '@vitest/spy': 3.0.5
-      '@vitest/utils': 3.0.5
-      chai: 5.1.2
-      tinyrainbow: 2.0.0
-
-  '@vitest/mocker@3.0.5(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))':
-    dependencies:
-      '@vitest/spy': 3.0.5
-      estree-walker: 3.0.3
-      magic-string: 0.30.17
-    optionalDependencies:
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
-
   '@vitest/pretty-format@2.0.5':
     dependencies:
       tinyrainbow: 1.2.0
@@ -6798,29 +6935,10 @@ snapshots:
     dependencies:
       tinyrainbow: 1.2.0
 
-  '@vitest/pretty-format@3.0.5':
-    dependencies:
-      tinyrainbow: 2.0.0
-
-  '@vitest/runner@3.0.5':
-    dependencies:
-      '@vitest/utils': 3.0.5
-      pathe: 2.0.2
-
-  '@vitest/snapshot@3.0.5':
-    dependencies:
-      '@vitest/pretty-format': 3.0.5
-      magic-string: 0.30.17
-      pathe: 2.0.2
-
   '@vitest/spy@2.0.5':
     dependencies:
       tinyspy: 3.0.2
 
-  '@vitest/spy@3.0.5':
-    dependencies:
-      tinyspy: 3.0.2
-
   '@vitest/utils@2.0.5':
     dependencies:
       '@vitest/pretty-format': 2.0.5
@@ -6834,12 +6952,6 @@ snapshots:
       loupe: 3.1.3
       tinyrainbow: 1.2.0
 
-  '@vitest/utils@3.0.5':
-    dependencies:
-      '@vitest/pretty-format': 3.0.5
-      loupe: 3.1.3
-      tinyrainbow: 2.0.0
-
   '@volar/language-core@2.4.11':
     dependencies:
       '@volar/source-map': 2.4.11
@@ -6850,52 +6962,52 @@ snapshots:
     dependencies:
       '@volar/language-core': 2.4.11
       path-browserify: 1.0.1
-      vscode-uri: 3.0.8
+      vscode-uri: 3.1.0
 
-  '@vue-macros/common@1.16.1(vue@3.5.13(typescript@5.7.3))':
+  '@vue-macros/common@1.16.1(vue@3.5.13(typescript@5.8.2))':
     dependencies:
       '@vue/compiler-sfc': 3.5.13
       ast-kit: 1.4.0
-      local-pkg: 1.0.0
+      local-pkg: 1.1.1
       magic-string-ast: 0.7.0
-      pathe: 2.0.2
+      pathe: 2.0.3
       picomatch: 4.0.2
     optionalDependencies:
-      vue: 3.5.13(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.8.2)
 
   '@vue/babel-helper-vue-transform-on@1.2.5': {}
 
-  '@vue/babel-plugin-jsx@1.2.5(@babel/core@7.26.7)':
+  '@vue/babel-plugin-jsx@1.2.5(@babel/core@7.26.9)':
     dependencies:
       '@babel/helper-module-imports': 7.25.9
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/plugin-syntax-jsx': 7.25.9(@babel/core@7.26.7)
-      '@babel/template': 7.25.9
-      '@babel/traverse': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/plugin-syntax-jsx': 7.25.9(@babel/core@7.26.9)
+      '@babel/template': 7.26.9
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
       '@vue/babel-helper-vue-transform-on': 1.2.5
-      '@vue/babel-plugin-resolve-type': 1.2.5(@babel/core@7.26.7)
+      '@vue/babel-plugin-resolve-type': 1.2.5(@babel/core@7.26.9)
       html-tags: 3.3.1
       svg-tags: 1.0.0
     optionalDependencies:
-      '@babel/core': 7.26.7
+      '@babel/core': 7.26.9
     transitivePeerDependencies:
       - supports-color
 
-  '@vue/babel-plugin-resolve-type@1.2.5(@babel/core@7.26.7)':
+  '@vue/babel-plugin-resolve-type@1.2.5(@babel/core@7.26.9)':
     dependencies:
       '@babel/code-frame': 7.26.2
-      '@babel/core': 7.26.7
+      '@babel/core': 7.26.9
       '@babel/helper-module-imports': 7.25.9
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/parser': 7.26.7
+      '@babel/parser': 7.26.9
       '@vue/compiler-sfc': 3.5.13
     transitivePeerDependencies:
       - supports-color
 
   '@vue/compiler-core@3.5.13':
     dependencies:
-      '@babel/parser': 7.26.7
+      '@babel/parser': 7.26.9
       '@vue/shared': 3.5.13
       entities: 4.5.0
       estree-walker: 2.0.2
@@ -6908,22 +7020,22 @@ snapshots:
 
   '@vue/compiler-sfc@2.7.16':
     dependencies:
-      '@babel/parser': 7.26.7
-      postcss: 8.5.1
+      '@babel/parser': 7.26.9
+      postcss: 8.5.3
       source-map: 0.6.1
     optionalDependencies:
       prettier: 2.8.8
 
   '@vue/compiler-sfc@3.5.13':
     dependencies:
-      '@babel/parser': 7.26.7
+      '@babel/parser': 7.26.9
       '@vue/compiler-core': 3.5.13
       '@vue/compiler-dom': 3.5.13
       '@vue/compiler-ssr': 3.5.13
       '@vue/shared': 3.5.13
       estree-walker: 2.0.2
       magic-string: 0.30.17
-      postcss: 8.5.1
+      postcss: 8.5.3
       source-map-js: 1.2.1
 
   '@vue/compiler-ssr@3.5.13':
@@ -6938,21 +7050,21 @@ snapshots:
 
   '@vue/devtools-api@6.6.4': {}
 
-  '@vue/devtools-core@7.6.8(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
+  '@vue/devtools-core@7.6.8(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))':
     dependencies:
       '@vue/devtools-kit': 7.6.8
-      '@vue/devtools-shared': 7.7.1
+      '@vue/devtools-shared': 7.7.2
       mitt: 3.0.1
-      nanoid: 5.0.9
+      nanoid: 5.1.2
       pathe: 1.1.2
-      vite-hot-client: 0.2.4(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
-      vue: 3.5.13(typescript@5.7.3)
+      vite-hot-client: 0.2.4(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))
+      vue: 3.5.13(typescript@5.8.2)
     transitivePeerDependencies:
       - vite
 
   '@vue/devtools-kit@7.6.8':
     dependencies:
-      '@vue/devtools-shared': 7.7.1
+      '@vue/devtools-shared': 7.7.2
       birpc: 0.2.19
       hookable: 5.5.3
       mitt: 3.0.1
@@ -6960,22 +7072,22 @@ snapshots:
       speakingurl: 14.0.1
       superjson: 2.2.2
 
-  '@vue/devtools-shared@7.7.1':
+  '@vue/devtools-shared@7.7.2':
     dependencies:
       rfdc: 1.4.1
 
-  '@vue/language-core@2.2.0(typescript@5.7.3)':
+  '@vue/language-core@2.2.8(typescript@5.8.2)':
     dependencies:
       '@volar/language-core': 2.4.11
       '@vue/compiler-dom': 3.5.13
       '@vue/compiler-vue2': 2.7.16
       '@vue/shared': 3.5.13
-      alien-signals: 0.4.14
+      alien-signals: 1.0.4
       minimatch: 9.0.5
       muggle-string: 0.4.1
       path-browserify: 1.0.1
     optionalDependencies:
-      typescript: 5.7.3
+      typescript: 5.8.2
 
   '@vue/reactivity@3.5.13':
     dependencies:
@@ -6993,20 +7105,20 @@ snapshots:
       '@vue/shared': 3.5.13
       csstype: 3.1.3
 
-  '@vue/server-renderer@3.5.13(vue@3.5.13(typescript@5.7.3))':
+  '@vue/server-renderer@3.5.13(vue@3.5.13(typescript@5.8.2))':
     dependencies:
       '@vue/compiler-ssr': 3.5.13
       '@vue/shared': 3.5.13
-      vue: 3.5.13(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.8.2)
 
   '@vue/shared@3.5.13': {}
 
   '@vueform/multiselect@2.6.11': {}
 
-  '@whitespace/storybook-addon-html@6.1.1(prettier@3.4.2)(react-syntax-highlighter@15.6.1(react@18.3.1))':
+  '@whitespace/storybook-addon-html@6.1.1(prettier@3.5.3)(react-syntax-highlighter@15.6.1(react@19.0.0))':
     dependencies:
-      prettier: 3.4.2
-      react-syntax-highlighter: 15.6.1(react@18.3.1)
+      prettier: 3.5.3
+      react-syntax-highlighter: 15.6.1(react@19.0.0)
 
   abbrev@3.0.0: {}
 
@@ -7040,7 +7152,7 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
-  alien-signals@0.4.14: {}
+  alien-signals@1.0.4: {}
 
   ansi-colors@4.1.3: {}
 
@@ -7060,6 +7172,8 @@ snapshots:
 
   ansi-styles@6.2.1: {}
 
+  ansis@3.17.0: {}
+
   any-promise@1.3.0: {}
 
   anymatch@3.1.3:
@@ -7107,8 +7221,8 @@ snapshots:
 
   ast-kit@1.4.0:
     dependencies:
-      '@babel/parser': 7.26.7
-      pathe: 2.0.2
+      '@babel/parser': 7.26.9
+      pathe: 2.0.3
 
   ast-types@0.16.1:
     dependencies:
@@ -7116,7 +7230,7 @@ snapshots:
 
   ast-walker-scope@0.6.2:
     dependencies:
-      '@babel/parser': 7.26.7
+      '@babel/parser': 7.26.9
       ast-kit: 1.4.0
 
   async-sema@3.1.1: {}
@@ -7129,19 +7243,19 @@ snapshots:
 
   at-least-node@1.0.0: {}
 
-  autoprefixer@10.4.20(postcss@8.5.1):
+  autoprefixer@10.4.20(postcss@8.5.3):
     dependencies:
       browserslist: 4.24.4
-      caniuse-lite: 1.0.30001697
+      caniuse-lite: 1.0.30001702
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.1.1
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
   available-typed-arrays@1.0.7:
     dependencies:
-      possible-typed-array-names: 1.0.0
+      possible-typed-array-names: 1.1.0
 
   axe-core@4.10.2: {}
 
@@ -7149,7 +7263,7 @@ snapshots:
 
   babel-walk@3.0.0-canary-5:
     dependencies:
-      '@babel/types': 7.26.7
+      '@babel/types': 7.26.9
 
   bail@2.0.2: {}
 
@@ -7164,8 +7278,6 @@ snapshots:
     dependencies:
       open: 8.4.2
 
-  big.js@5.2.2: {}
-
   binary-extensions@2.3.0: {}
 
   bindings@1.5.0:
@@ -7193,10 +7305,10 @@ snapshots:
 
   browserslist@4.24.4:
     dependencies:
-      caniuse-lite: 1.0.30001697
-      electron-to-chromium: 1.5.91
+      caniuse-lite: 1.0.30001702
+      electron-to-chromium: 1.5.112
       node-releases: 2.0.19
-      update-browserslist-db: 1.1.2(browserslist@4.24.4)
+      update-browserslist-db: 1.1.3(browserslist@4.24.4)
 
   buffer-crc32@1.0.0: {}
 
@@ -7213,9 +7325,9 @@ snapshots:
     dependencies:
       run-applescript: 7.0.0
 
-  bundle-require@5.1.0(esbuild@0.24.2):
+  bundle-require@5.1.0(esbuild@0.25.0):
     dependencies:
-      esbuild: 0.24.2
+      esbuild: 0.25.0
       load-tsconfig: 0.2.5
 
   c12@2.0.1(magicast@0.3.5):
@@ -7224,10 +7336,10 @@ snapshots:
       confbox: 0.1.8
       defu: 6.1.4
       dotenv: 16.4.7
-      giget: 1.2.4
+      giget: 1.2.5
       jiti: 2.4.2
       mlly: 1.7.4
-      ohash: 1.1.4
+      ohash: 1.1.5
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.3.1
@@ -7235,6 +7347,40 @@ snapshots:
     optionalDependencies:
       magicast: 0.3.5
 
+  c12@2.0.4(magicast@0.3.5):
+    dependencies:
+      chokidar: 4.0.3
+      confbox: 0.1.8
+      defu: 6.1.4
+      dotenv: 16.4.7
+      giget: 1.2.5
+      jiti: 2.4.2
+      mlly: 1.7.4
+      ohash: 2.0.10
+      pathe: 2.0.3
+      perfect-debounce: 1.0.0
+      pkg-types: 1.3.1
+      rc9: 2.1.2
+    optionalDependencies:
+      magicast: 0.3.5
+
+  c12@3.0.2(magicast@0.3.5):
+    dependencies:
+      chokidar: 4.0.3
+      confbox: 0.1.8
+      defu: 6.1.4
+      dotenv: 16.4.7
+      exsolve: 1.0.1
+      giget: 2.0.0
+      jiti: 2.4.2
+      ohash: 2.0.10
+      pathe: 2.0.3
+      perfect-debounce: 1.0.0
+      pkg-types: 2.1.0
+      rc9: 2.1.2
+    optionalDependencies:
+      magicast: 0.3.5
+
   cac@6.7.14: {}
 
   cache-content-type@1.0.1:
@@ -7242,22 +7388,22 @@ snapshots:
       mime-types: 2.1.35
       ylru: 1.4.0
 
-  call-bind-apply-helpers@1.0.1:
+  call-bind-apply-helpers@1.0.2:
     dependencies:
       es-errors: 1.3.0
       function-bind: 1.1.2
 
   call-bind@1.0.8:
     dependencies:
-      call-bind-apply-helpers: 1.0.1
+      call-bind-apply-helpers: 1.0.2
       es-define-property: 1.0.1
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       set-function-length: 1.2.2
 
-  call-bound@1.0.3:
+  call-bound@1.0.4:
     dependencies:
-      call-bind-apply-helpers: 1.0.1
-      get-intrinsic: 1.2.7
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
 
   callsites@3.1.0: {}
 
@@ -7266,15 +7412,15 @@ snapshots:
   caniuse-api@3.0.0:
     dependencies:
       browserslist: 4.24.4
-      caniuse-lite: 1.0.30001697
+      caniuse-lite: 1.0.30001702
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
 
-  caniuse-lite@1.0.30001697: {}
+  caniuse-lite@1.0.30001702: {}
 
   ccount@2.0.1: {}
 
-  chai@5.1.2:
+  chai@5.2.0:
     dependencies:
       assertion-error: 2.0.1
       check-error: 2.1.1
@@ -7292,8 +7438,6 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
-  chalk@5.4.1: {}
-
   change-case@5.4.4: {}
 
   character-entities-legacy@1.1.4: {}
@@ -7324,13 +7468,13 @@ snapshots:
 
   chokidar@4.0.3:
     dependencies:
-      readdirp: 4.1.1
+      readdirp: 4.1.2
 
   chownr@2.0.0: {}
 
   chownr@3.0.0: {}
 
-  chromatic@11.25.2: {}
+  chromatic@11.27.0: {}
 
   ci-info@4.1.0: {}
 
@@ -7398,12 +7542,14 @@ snapshots:
 
   confbox@0.1.8: {}
 
+  confbox@0.2.1: {}
+
   consola@3.4.0: {}
 
   constantinople@4.0.1:
     dependencies:
-      '@babel/parser': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/parser': 7.26.9
+      '@babel/types': 7.26.9
 
   content-disposition@0.5.4:
     dependencies:
@@ -7424,7 +7570,7 @@ snapshots:
     dependencies:
       is-what: 4.1.16
 
-  core-js-compat@3.40.0:
+  core-js-compat@3.41.0:
     dependencies:
       browserslist: 4.24.4
 
@@ -7439,7 +7585,7 @@ snapshots:
 
   croner@9.0.0: {}
 
-  cronstrue@2.54.0: {}
+  cronstrue@2.56.0: {}
 
   cross-spawn@7.0.6:
     dependencies:
@@ -7447,13 +7593,13 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  crossws@0.3.3:
+  crossws@0.3.4:
     dependencies:
       uncrypto: 0.1.3
 
-  css-declaration-sorter@7.2.0(postcss@8.5.1):
+  css-declaration-sorter@7.2.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
 
   css-select@5.1.0:
     dependencies:
@@ -7479,49 +7625,49 @@ snapshots:
 
   cssesc@3.0.0: {}
 
-  cssnano-preset-default@7.0.6(postcss@8.5.1):
+  cssnano-preset-default@7.0.6(postcss@8.5.3):
     dependencies:
       browserslist: 4.24.4
-      css-declaration-sorter: 7.2.0(postcss@8.5.1)
-      cssnano-utils: 5.0.0(postcss@8.5.1)
-      postcss: 8.5.1
-      postcss-calc: 10.1.1(postcss@8.5.1)
-      postcss-colormin: 7.0.2(postcss@8.5.1)
-      postcss-convert-values: 7.0.4(postcss@8.5.1)
-      postcss-discard-comments: 7.0.3(postcss@8.5.1)
-      postcss-discard-duplicates: 7.0.1(postcss@8.5.1)
-      postcss-discard-empty: 7.0.0(postcss@8.5.1)
-      postcss-discard-overridden: 7.0.0(postcss@8.5.1)
-      postcss-merge-longhand: 7.0.4(postcss@8.5.1)
-      postcss-merge-rules: 7.0.4(postcss@8.5.1)
-      postcss-minify-font-values: 7.0.0(postcss@8.5.1)
-      postcss-minify-gradients: 7.0.0(postcss@8.5.1)
-      postcss-minify-params: 7.0.2(postcss@8.5.1)
-      postcss-minify-selectors: 7.0.4(postcss@8.5.1)
-      postcss-normalize-charset: 7.0.0(postcss@8.5.1)
-      postcss-normalize-display-values: 7.0.0(postcss@8.5.1)
-      postcss-normalize-positions: 7.0.0(postcss@8.5.1)
-      postcss-normalize-repeat-style: 7.0.0(postcss@8.5.1)
-      postcss-normalize-string: 7.0.0(postcss@8.5.1)
-      postcss-normalize-timing-functions: 7.0.0(postcss@8.5.1)
-      postcss-normalize-unicode: 7.0.2(postcss@8.5.1)
-      postcss-normalize-url: 7.0.0(postcss@8.5.1)
-      postcss-normalize-whitespace: 7.0.0(postcss@8.5.1)
-      postcss-ordered-values: 7.0.1(postcss@8.5.1)
-      postcss-reduce-initial: 7.0.2(postcss@8.5.1)
-      postcss-reduce-transforms: 7.0.0(postcss@8.5.1)
-      postcss-svgo: 7.0.1(postcss@8.5.1)
-      postcss-unique-selectors: 7.0.3(postcss@8.5.1)
-
-  cssnano-utils@5.0.0(postcss@8.5.1):
-    dependencies:
-      postcss: 8.5.1
-
-  cssnano@7.0.6(postcss@8.5.1):
-    dependencies:
-      cssnano-preset-default: 7.0.6(postcss@8.5.1)
+      css-declaration-sorter: 7.2.0(postcss@8.5.3)
+      cssnano-utils: 5.0.0(postcss@8.5.3)
+      postcss: 8.5.3
+      postcss-calc: 10.1.1(postcss@8.5.3)
+      postcss-colormin: 7.0.2(postcss@8.5.3)
+      postcss-convert-values: 7.0.4(postcss@8.5.3)
+      postcss-discard-comments: 7.0.3(postcss@8.5.3)
+      postcss-discard-duplicates: 7.0.1(postcss@8.5.3)
+      postcss-discard-empty: 7.0.0(postcss@8.5.3)
+      postcss-discard-overridden: 7.0.0(postcss@8.5.3)
+      postcss-merge-longhand: 7.0.4(postcss@8.5.3)
+      postcss-merge-rules: 7.0.4(postcss@8.5.3)
+      postcss-minify-font-values: 7.0.0(postcss@8.5.3)
+      postcss-minify-gradients: 7.0.0(postcss@8.5.3)
+      postcss-minify-params: 7.0.2(postcss@8.5.3)
+      postcss-minify-selectors: 7.0.4(postcss@8.5.3)
+      postcss-normalize-charset: 7.0.0(postcss@8.5.3)
+      postcss-normalize-display-values: 7.0.0(postcss@8.5.3)
+      postcss-normalize-positions: 7.0.0(postcss@8.5.3)
+      postcss-normalize-repeat-style: 7.0.0(postcss@8.5.3)
+      postcss-normalize-string: 7.0.0(postcss@8.5.3)
+      postcss-normalize-timing-functions: 7.0.0(postcss@8.5.3)
+      postcss-normalize-unicode: 7.0.2(postcss@8.5.3)
+      postcss-normalize-url: 7.0.0(postcss@8.5.3)
+      postcss-normalize-whitespace: 7.0.0(postcss@8.5.3)
+      postcss-ordered-values: 7.0.1(postcss@8.5.3)
+      postcss-reduce-initial: 7.0.2(postcss@8.5.3)
+      postcss-reduce-transforms: 7.0.0(postcss@8.5.3)
+      postcss-svgo: 7.0.1(postcss@8.5.3)
+      postcss-unique-selectors: 7.0.3(postcss@8.5.3)
+
+  cssnano-utils@5.0.0(postcss@8.5.3):
+    dependencies:
+      postcss: 8.5.3
+
+  cssnano@7.0.6(postcss@8.5.3):
+    dependencies:
+      cssnano-preset-default: 7.0.6(postcss@8.5.3)
       lilconfig: 3.1.3
-      postcss: 8.5.1
+      postcss: 8.5.3
 
   csso@5.0.5:
     dependencies:
@@ -7529,7 +7675,7 @@ snapshots:
 
   csstype@3.1.3: {}
 
-  db0@0.2.3: {}
+  db0@0.2.4: {}
 
   de-indent@1.0.2: {}
 
@@ -7638,13 +7784,13 @@ snapshots:
 
   dot-prop@9.0.0:
     dependencies:
-      type-fest: 4.33.0
+      type-fest: 4.37.0
 
   dotenv@16.4.7: {}
 
   dunder-proto@1.0.1:
     dependencies:
-      call-bind-apply-helpers: 1.0.1
+      call-bind-apply-helpers: 1.0.2
       es-errors: 1.3.0
       gopd: 1.2.0
 
@@ -7654,19 +7800,17 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  electron-to-chromium@1.5.91: {}
+  electron-to-chromium@1.5.112: {}
 
   emoji-regex@8.0.0: {}
 
   emoji-regex@9.2.2: {}
 
-  emojis-list@3.0.0: {}
-
   encodeurl@1.0.2: {}
 
   encodeurl@2.0.0: {}
 
-  enhanced-resolve@5.18.0:
+  enhanced-resolve@5.18.1:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.2.1
@@ -7691,10 +7835,10 @@ snapshots:
     dependencies:
       es-errors: 1.3.0
 
-  esbuild-register@3.6.0(esbuild@0.24.2):
+  esbuild-register@3.6.0(esbuild@0.25.0):
     dependencies:
       debug: 4.4.0(supports-color@9.4.0)
-      esbuild: 0.24.2
+      esbuild: 0.25.0
     transitivePeerDependencies:
       - supports-color
 
@@ -7726,6 +7870,34 @@ snapshots:
       '@esbuild/win32-ia32': 0.24.2
       '@esbuild/win32-x64': 0.24.2
 
+  esbuild@0.25.0:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.25.0
+      '@esbuild/android-arm': 0.25.0
+      '@esbuild/android-arm64': 0.25.0
+      '@esbuild/android-x64': 0.25.0
+      '@esbuild/darwin-arm64': 0.25.0
+      '@esbuild/darwin-x64': 0.25.0
+      '@esbuild/freebsd-arm64': 0.25.0
+      '@esbuild/freebsd-x64': 0.25.0
+      '@esbuild/linux-arm': 0.25.0
+      '@esbuild/linux-arm64': 0.25.0
+      '@esbuild/linux-ia32': 0.25.0
+      '@esbuild/linux-loong64': 0.25.0
+      '@esbuild/linux-mips64el': 0.25.0
+      '@esbuild/linux-ppc64': 0.25.0
+      '@esbuild/linux-riscv64': 0.25.0
+      '@esbuild/linux-s390x': 0.25.0
+      '@esbuild/linux-x64': 0.25.0
+      '@esbuild/netbsd-arm64': 0.25.0
+      '@esbuild/netbsd-x64': 0.25.0
+      '@esbuild/openbsd-arm64': 0.25.0
+      '@esbuild/openbsd-x64': 0.25.0
+      '@esbuild/sunos-x64': 0.25.0
+      '@esbuild/win32-arm64': 0.25.0
+      '@esbuild/win32-ia32': 0.25.0
+      '@esbuild/win32-x64': 0.25.0
+
   escalade@3.2.0: {}
 
   escape-html@1.0.3: {}
@@ -7736,20 +7908,20 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-config-flat-gitignore@0.2.0(eslint@9.19.0(jiti@2.4.2)):
+  eslint-config-flat-gitignore@0.2.0(eslint@9.21.0(jiti@2.4.2)):
     dependencies:
-      '@eslint/compat': 1.2.6(eslint@9.19.0(jiti@2.4.2))
-      find-up-simple: 1.0.0
+      '@eslint/compat': 1.2.7(eslint@9.21.0(jiti@2.4.2))
+      find-up-simple: 1.0.1
     transitivePeerDependencies:
       - eslint
 
-  eslint-config-prettier@10.0.1(eslint@9.19.0(jiti@2.4.2)):
+  eslint-config-prettier@10.0.2(eslint@9.21.0(jiti@2.4.2)):
     dependencies:
-      eslint: 9.19.0(jiti@2.4.2)
+      eslint: 9.21.0(jiti@2.4.2)
 
   eslint-flat-config-utils@2.0.1:
     dependencies:
-      pathe: 2.0.2
+      pathe: 2.0.3
 
   eslint-import-resolver-node@0.3.9:
     dependencies:
@@ -7759,19 +7931,19 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-merge-processors@1.0.0(eslint@9.19.0(jiti@2.4.2)):
+  eslint-merge-processors@1.0.0(eslint@9.21.0(jiti@2.4.2)):
     dependencies:
-      eslint: 9.19.0(jiti@2.4.2)
+      eslint: 9.21.0(jiti@2.4.2)
 
-  eslint-plugin-import-x@4.6.1(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3):
+  eslint-plugin-import-x@4.6.1(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2):
     dependencies:
       '@types/doctrine': 0.0.9
-      '@typescript-eslint/scope-manager': 8.23.0
-      '@typescript-eslint/utils': 8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/scope-manager': 8.26.0
+      '@typescript-eslint/utils': 8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
       debug: 4.4.0(supports-color@9.4.0)
       doctrine: 3.0.0
-      enhanced-resolve: 5.18.0
-      eslint: 9.19.0(jiti@2.4.2)
+      enhanced-resolve: 5.18.1
+      eslint: 9.21.0(jiti@2.4.2)
       eslint-import-resolver-node: 0.3.9
       get-tsconfig: 4.10.0
       is-glob: 4.0.3
@@ -7783,14 +7955,14 @@ snapshots:
       - supports-color
       - typescript
 
-  eslint-plugin-jsdoc@50.6.3(eslint@9.19.0(jiti@2.4.2)):
+  eslint-plugin-jsdoc@50.6.3(eslint@9.21.0(jiti@2.4.2)):
     dependencies:
       '@es-joy/jsdoccomment': 0.49.0
       are-docs-informative: 0.0.2
       comment-parser: 1.4.1
       debug: 4.4.0(supports-color@9.4.0)
       escape-string-regexp: 4.0.0
-      eslint: 9.19.0(jiti@2.4.2)
+      eslint: 9.21.0(jiti@2.4.2)
       espree: 10.3.0
       esquery: 1.6.0
       parse-imports: 2.2.1
@@ -7800,27 +7972,27 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-regexp@2.7.0(eslint@9.19.0(jiti@2.4.2)):
+  eslint-plugin-regexp@2.7.0(eslint@9.21.0(jiti@2.4.2)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0(jiti@2.4.2))
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.21.0(jiti@2.4.2))
       '@eslint-community/regexpp': 4.12.1
       comment-parser: 1.4.1
-      eslint: 9.19.0(jiti@2.4.2)
+      eslint: 9.21.0(jiti@2.4.2)
       jsdoc-type-pratt-parser: 4.1.0
       refa: 0.12.1
       regexp-ast-analysis: 0.7.1
       scslre: 0.3.0
 
-  eslint-plugin-unicorn@56.0.1(eslint@9.19.0(jiti@2.4.2)):
+  eslint-plugin-unicorn@56.0.1(eslint@9.21.0(jiti@2.4.2)):
     dependencies:
       '@babel/helper-validator-identifier': 7.25.9
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0(jiti@2.4.2))
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.21.0(jiti@2.4.2))
       ci-info: 4.1.0
       clean-regexp: 1.0.0
-      core-js-compat: 3.40.0
-      eslint: 9.19.0(jiti@2.4.2)
+      core-js-compat: 3.41.0
+      eslint: 9.21.0(jiti@2.4.2)
       esquery: 1.6.0
-      globals: 15.14.0
+      globals: 15.15.0
       indent-string: 4.0.0
       is-builtin-module: 3.2.1
       jsesc: 3.1.0
@@ -7831,24 +8003,24 @@ snapshots:
       semver: 7.7.1
       strip-indent: 3.0.0
 
-  eslint-plugin-vue@9.32.0(eslint@9.19.0(jiti@2.4.2)):
+  eslint-plugin-vue@9.32.0(eslint@9.21.0(jiti@2.4.2)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0(jiti@2.4.2))
-      eslint: 9.19.0(jiti@2.4.2)
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.21.0(jiti@2.4.2))
+      eslint: 9.21.0(jiti@2.4.2)
       globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.1.2
       semver: 7.7.1
-      vue-eslint-parser: 9.4.3(eslint@9.19.0(jiti@2.4.2))
+      vue-eslint-parser: 9.4.3(eslint@9.21.0(jiti@2.4.2))
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
 
-  eslint-processor-vue-blocks@1.0.0(@vue/compiler-sfc@3.5.13)(eslint@9.19.0(jiti@2.4.2)):
+  eslint-processor-vue-blocks@1.0.0(@vue/compiler-sfc@3.5.13)(eslint@9.21.0(jiti@2.4.2)):
     dependencies:
       '@vue/compiler-sfc': 3.5.13
-      eslint: 9.19.0(jiti@2.4.2)
+      eslint: 9.21.0(jiti@2.4.2)
 
   eslint-scope@7.2.2:
     dependencies:
@@ -7860,28 +8032,28 @@ snapshots:
       esrecurse: 4.3.0
       estraverse: 5.3.0
 
-  eslint-typegen@1.0.0(eslint@9.19.0(jiti@2.4.2)):
+  eslint-typegen@1.0.0(eslint@9.21.0(jiti@2.4.2)):
     dependencies:
-      eslint: 9.19.0(jiti@2.4.2)
+      eslint: 9.21.0(jiti@2.4.2)
       json-schema-to-typescript-lite: 14.1.0
-      ohash: 1.1.4
+      ohash: 1.1.5
 
   eslint-visitor-keys@3.4.3: {}
 
   eslint-visitor-keys@4.2.0: {}
 
-  eslint@9.19.0(jiti@2.4.2):
+  eslint@9.21.0(jiti@2.4.2):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0(jiti@2.4.2))
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.21.0(jiti@2.4.2))
       '@eslint-community/regexpp': 4.12.1
       '@eslint/config-array': 0.19.2
-      '@eslint/core': 0.10.0
-      '@eslint/eslintrc': 3.2.0
-      '@eslint/js': 9.19.0
-      '@eslint/plugin-kit': 0.2.5
+      '@eslint/core': 0.12.0
+      '@eslint/eslintrc': 3.3.0
+      '@eslint/js': 9.21.0
+      '@eslint/plugin-kit': 0.2.7
       '@humanfs/node': 0.16.6
       '@humanwhocodes/module-importer': 1.0.1
-      '@humanwhocodes/retry': 0.4.1
+      '@humanwhocodes/retry': 0.4.2
       '@types/estree': 1.0.6
       '@types/json-schema': 7.0.15
       ajv: 6.12.6
@@ -7975,13 +8147,13 @@ snapshots:
       signal-exit: 4.1.0
       strip-final-newline: 3.0.0
 
-  expect-type@1.1.0: {}
+  exsolve@1.0.1: {}
 
   extend@3.0.2: {}
 
   externality@1.0.2:
     dependencies:
-      enhanced-resolve: 5.18.0
+      enhanced-resolve: 5.18.1
       mlly: 1.7.4
       pathe: 1.1.2
       ufo: 1.5.4
@@ -8004,9 +8176,9 @@ snapshots:
 
   fast-npm-meta@0.2.2: {}
 
-  fastq@1.19.0:
+  fastq@1.19.1:
     dependencies:
-      reusify: 1.0.4
+      reusify: 1.1.0
 
   fault@1.0.4:
     dependencies:
@@ -8028,7 +8200,7 @@ snapshots:
 
   find-package-json@1.2.0: {}
 
-  find-up-simple@1.0.0: {}
+  find-up-simple@1.0.1: {}
 
   find-up@4.1.0:
     dependencies:
@@ -8048,16 +8220,16 @@ snapshots:
 
   flat-cache@4.0.1:
     dependencies:
-      flatted: 3.3.2
+      flatted: 3.3.3
       keyv: 4.5.4
 
-  flatted@3.3.2: {}
+  flatted@3.3.3: {}
 
-  for-each@0.3.4:
+  for-each@0.3.5:
     dependencies:
       is-callable: 1.2.7
 
-  foreground-child@3.3.0:
+  foreground-child@3.3.1:
     dependencies:
       cross-spawn: 7.0.6
       signal-exit: 4.1.0
@@ -8098,9 +8270,9 @@ snapshots:
 
   get-caller-file@2.0.5: {}
 
-  get-intrinsic@1.2.7:
+  get-intrinsic@1.3.0:
     dependencies:
-      call-bind-apply-helpers: 1.0.1
+      call-bind-apply-helpers: 1.0.2
       es-define-property: 1.0.1
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
@@ -8126,27 +8298,35 @@ snapshots:
     dependencies:
       resolve-pkg-maps: 1.0.0
 
-  giget@1.2.4:
+  giget@1.2.5:
     dependencies:
       citty: 0.1.6
       consola: 3.4.0
       defu: 6.1.4
       node-fetch-native: 1.6.6
-      nypm: 0.5.2
-      ohash: 1.1.4
-      pathe: 2.0.2
+      nypm: 0.5.4
+      pathe: 2.0.3
       tar: 6.2.1
 
+  giget@2.0.0:
+    dependencies:
+      citty: 0.1.6
+      consola: 3.4.0
+      defu: 6.1.4
+      node-fetch-native: 1.6.6
+      nypm: 0.6.0
+      pathe: 2.0.3
+
   git-config-path@2.0.0: {}
 
-  git-up@8.0.0:
+  git-up@8.0.1:
     dependencies:
-      is-ssh: 1.4.0
+      is-ssh: 1.4.1
       parse-url: 9.2.0
 
-  git-url-parse@16.0.0:
+  git-url-parse@16.0.1:
     dependencies:
-      git-up: 8.0.0
+      git-up: 8.0.1
 
   glob-parent@5.1.2:
     dependencies:
@@ -8158,7 +8338,7 @@ snapshots:
 
   glob@10.4.5:
     dependencies:
-      foreground-child: 3.3.0
+      foreground-child: 3.3.1
       jackspeak: 3.4.3
       minimatch: 9.0.5
       minipass: 7.1.2
@@ -8186,16 +8366,16 @@ snapshots:
 
   globals@14.0.0: {}
 
-  globals@15.14.0: {}
+  globals@15.15.0: {}
 
-  globby@14.0.2:
+  globby@14.1.0:
     dependencies:
       '@sindresorhus/merge-streams': 2.3.0
       fast-glob: 3.3.3
-      ignore: 5.3.2
-      path-type: 5.0.0
+      ignore: 7.0.3
+      path-type: 6.0.0
       slash: 5.1.0
-      unicorn-magic: 0.1.0
+      unicorn-magic: 0.3.0
 
   gopd@1.2.0: {}
 
@@ -8207,18 +8387,17 @@ snapshots:
     dependencies:
       duplexer: 0.1.2
 
-  h3@1.14.0:
+  h3@1.15.1:
     dependencies:
       cookie-es: 1.2.2
-      crossws: 0.3.3
+      crossws: 0.3.4
       defu: 6.1.4
       destr: 2.0.3
       iron-webcrypto: 1.2.1
-      ohash: 1.1.4
+      node-mock-http: 1.0.0
       radix3: 1.1.2
       ufo: 1.5.4
       uncrypto: 0.1.3
-      unenv: 1.10.0
 
   has-flag@4.0.0: {}
 
@@ -8316,9 +8495,9 @@ snapshots:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
-  impound@0.2.0(rollup@4.34.2):
+  impound@0.2.0(rollup@4.34.9):
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.9)
       mlly: 1.7.4
       pathe: 1.1.2
       unenv: 1.10.0
@@ -8345,7 +8524,7 @@ snapshots:
 
   ini@4.1.1: {}
 
-  ioredis@5.4.2:
+  ioredis@5.5.0:
     dependencies:
       '@ioredis/commands': 1.2.0
       cluster-key-slot: 1.1.2
@@ -8370,7 +8549,7 @@ snapshots:
 
   is-arguments@1.2.0:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
   is-arrayish@0.2.1: {}
@@ -8406,7 +8585,7 @@ snapshots:
 
   is-generator-function@1.1.0:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       get-proto: 1.0.1
       has-tostringtag: 1.0.2
       safe-regex-test: 1.1.0
@@ -8442,14 +8621,14 @@ snapshots:
 
   is-regex@1.2.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       gopd: 1.2.0
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
-  is-ssh@1.4.0:
+  is-ssh@1.4.1:
     dependencies:
-      protocols: 2.0.1
+      protocols: 2.0.2
 
   is-stream@2.0.1: {}
 
@@ -8511,7 +8690,7 @@ snapshots:
 
   json-schema-to-typescript-lite@14.1.0:
     dependencies:
-      '@apidevtools/json-schema-ref-parser': 11.9.0
+      '@apidevtools/json-schema-ref-parser': 11.9.3
       '@types/json-schema': 7.0.15
 
   json-schema-traverse@0.4.1: {}
@@ -8520,10 +8699,6 @@ snapshots:
 
   json-stable-stringify-without-jsonify@1.0.1: {}
 
-  json5@1.0.2:
-    dependencies:
-      minimist: 1.2.8
-
   json5@2.2.3: {}
 
   jsonfile@6.1.0:
@@ -8573,7 +8748,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  koa@2.15.3:
+  koa@2.16.0:
     dependencies:
       accepts: 1.3.8
       cache-content-type: 1.0.1
@@ -8603,7 +8778,7 @@ snapshots:
 
   kolorist@1.8.0: {}
 
-  launch-editor@2.9.1:
+  launch-editor@2.10.0:
     dependencies:
       picocolors: 1.1.1
       shell-quote: 1.8.2
@@ -8628,16 +8803,16 @@ snapshots:
       citty: 0.1.6
       clipboardy: 4.0.0
       consola: 3.4.0
-      crossws: 0.3.3
+      crossws: 0.3.4
       defu: 6.1.4
       get-port-please: 3.1.2
-      h3: 1.14.0
+      h3: 1.15.1
       http-shutdown: 1.2.2
       jiti: 2.4.2
       mlly: 1.7.4
       node-forge: 1.3.1
       pathe: 1.1.2
-      std-env: 3.8.0
+      std-env: 3.8.1
       ufo: 1.5.4
       untun: 0.1.3
       uqr: 0.1.2
@@ -8660,21 +8835,16 @@ snapshots:
 
   load-tsconfig@0.2.5: {}
 
-  loader-utils@1.4.2:
-    dependencies:
-      big.js: 5.2.2
-      emojis-list: 3.0.0
-      json5: 1.0.2
-
   local-pkg@0.5.1:
     dependencies:
       mlly: 1.7.4
       pkg-types: 1.3.1
 
-  local-pkg@1.0.0:
+  local-pkg@1.1.1:
     dependencies:
       mlly: 1.7.4
-      pkg-types: 1.3.1
+      pkg-types: 2.1.0
+      quansync: 0.2.8
 
   locate-path@5.0.0:
     dependencies:
@@ -8688,8 +8858,6 @@ snapshots:
     dependencies:
       p-locate: 6.0.0
 
-  lodash-es@4.17.21: {}
-
   lodash.defaults@4.2.0: {}
 
   lodash.isarguments@3.1.0: {}
@@ -8704,10 +8872,6 @@ snapshots:
 
   longest-streak@3.1.0: {}
 
-  loose-envify@1.4.0:
-    dependencies:
-      js-tokens: 4.0.0
-
   loupe@3.1.3: {}
 
   lowlight@1.20.0:
@@ -8735,8 +8899,8 @@ snapshots:
 
   magicast@0.3.5:
     dependencies:
-      '@babel/parser': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/parser': 7.26.9
+      '@babel/types': 7.26.9
       source-map-js: 1.2.1
 
   map-or-similar@1.5.0: {}
@@ -8759,12 +8923,12 @@ snapshots:
       decode-named-character-reference: 1.0.2
       devlop: 1.1.0
       mdast-util-to-string: 4.0.0
-      micromark: 4.0.1
+      micromark: 4.0.2
       micromark-util-decode-numeric-character-reference: 2.0.2
       micromark-util-decode-string: 2.0.1
       micromark-util-normalize-identifier: 2.0.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
       unist-util-stringify-position: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -8777,7 +8941,7 @@ snapshots:
       mdast-util-find-and-replace: 3.0.2
       micromark-util-character: 2.1.1
 
-  mdast-util-gfm-footnote@2.0.0:
+  mdast-util-gfm-footnote@2.1.0:
     dependencies:
       '@types/mdast': 4.0.4
       devlop: 1.1.0
@@ -8814,11 +8978,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  mdast-util-gfm@3.0.0:
+  mdast-util-gfm@3.1.0:
     dependencies:
       mdast-util-from-markdown: 2.0.2
       mdast-util-gfm-autolink-literal: 2.0.1
-      mdast-util-gfm-footnote: 2.0.0
+      mdast-util-gfm-footnote: 2.1.0
       mdast-util-gfm-strikethrough: 2.0.0
       mdast-util-gfm-table: 2.0.0
       mdast-util-gfm-task-list-item: 2.0.0
@@ -8863,7 +9027,7 @@ snapshots:
 
   methods@1.1.2: {}
 
-  micromark-core-commonmark@2.0.2:
+  micromark-core-commonmark@2.0.3:
     dependencies:
       decode-named-character-reference: 1.0.2
       devlop: 1.1.0
@@ -8878,27 +9042,27 @@ snapshots:
       micromark-util-html-tag-name: 2.0.1
       micromark-util-normalize-identifier: 2.0.1
       micromark-util-resolve-all: 2.0.1
-      micromark-util-subtokenize: 2.0.4
+      micromark-util-subtokenize: 2.1.0
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-extension-gfm-autolink-literal@2.1.0:
     dependencies:
       micromark-util-character: 2.1.1
       micromark-util-sanitize-uri: 2.0.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-extension-gfm-footnote@2.1.0:
     dependencies:
       devlop: 1.1.0
-      micromark-core-commonmark: 2.0.2
+      micromark-core-commonmark: 2.0.3
       micromark-factory-space: 2.0.1
       micromark-util-character: 2.1.1
       micromark-util-normalize-identifier: 2.0.1
       micromark-util-sanitize-uri: 2.0.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-extension-gfm-strikethrough@2.1.0:
     dependencies:
@@ -8907,7 +9071,7 @@ snapshots:
       micromark-util-classify-character: 2.0.1
       micromark-util-resolve-all: 2.0.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-extension-gfm-table@2.1.1:
     dependencies:
@@ -8915,11 +9079,11 @@ snapshots:
       micromark-factory-space: 2.0.1
       micromark-util-character: 2.1.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-extension-gfm-tagfilter@2.0.0:
     dependencies:
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-extension-gfm-task-list-item@2.1.0:
     dependencies:
@@ -8927,7 +9091,7 @@ snapshots:
       micromark-factory-space: 2.0.1
       micromark-util-character: 2.1.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-extension-gfm@3.0.0:
     dependencies:
@@ -8938,44 +9102,44 @@ snapshots:
       micromark-extension-gfm-tagfilter: 2.0.0
       micromark-extension-gfm-task-list-item: 2.1.0
       micromark-util-combine-extensions: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-factory-destination@2.0.1:
     dependencies:
       micromark-util-character: 2.1.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-factory-label@2.0.1:
     dependencies:
       devlop: 1.1.0
       micromark-util-character: 2.1.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-factory-space@2.0.1:
     dependencies:
       micromark-util-character: 2.1.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-factory-title@2.0.1:
     dependencies:
       micromark-factory-space: 2.0.1
       micromark-util-character: 2.1.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-factory-whitespace@2.0.1:
     dependencies:
       micromark-factory-space: 2.0.1
       micromark-util-character: 2.1.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-util-character@2.1.1:
     dependencies:
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-util-chunked@2.0.1:
     dependencies:
@@ -8985,12 +9149,12 @@ snapshots:
     dependencies:
       micromark-util-character: 2.1.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-util-combine-extensions@2.0.1:
     dependencies:
       micromark-util-chunked: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-util-decode-numeric-character-reference@2.0.2:
     dependencies:
@@ -9013,7 +9177,7 @@ snapshots:
 
   micromark-util-resolve-all@2.0.1:
     dependencies:
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-util-sanitize-uri@2.0.1:
     dependencies:
@@ -9021,24 +9185,24 @@ snapshots:
       micromark-util-encode: 2.0.1
       micromark-util-symbol: 2.0.1
 
-  micromark-util-subtokenize@2.0.4:
+  micromark-util-subtokenize@2.1.0:
     dependencies:
       devlop: 1.1.0
       micromark-util-chunked: 2.0.1
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
 
   micromark-util-symbol@2.0.1: {}
 
-  micromark-util-types@2.0.1: {}
+  micromark-util-types@2.0.2: {}
 
-  micromark@4.0.1:
+  micromark@4.0.2:
     dependencies:
       '@types/debug': 4.1.12
       debug: 4.4.0(supports-color@9.4.0)
       decode-named-character-reference: 1.0.2
       devlop: 1.1.0
-      micromark-core-commonmark: 2.0.2
+      micromark-core-commonmark: 2.0.3
       micromark-factory-space: 2.0.1
       micromark-util-character: 2.1.1
       micromark-util-chunked: 2.0.1
@@ -9048,9 +9212,9 @@ snapshots:
       micromark-util-normalize-identifier: 2.0.1
       micromark-util-resolve-all: 2.0.1
       micromark-util-sanitize-uri: 2.0.1
-      micromark-util-subtokenize: 2.0.4
+      micromark-util-subtokenize: 2.1.0
       micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
     transitivePeerDependencies:
       - supports-color
 
@@ -9120,11 +9284,11 @@ snapshots:
   mlly@1.7.4:
     dependencies:
       acorn: 8.14.0
-      pathe: 2.0.2
+      pathe: 2.0.3
       pkg-types: 1.3.1
       ufo: 1.5.4
 
-  mrmime@2.0.0: {}
+  mrmime@2.0.1: {}
 
   ms@2.0.0: {}
 
@@ -9140,7 +9304,7 @@ snapshots:
 
   nanoid@3.3.8: {}
 
-  nanoid@5.0.9: {}
+  nanoid@5.1.2: {}
 
   nanotar@0.2.0: {}
 
@@ -9148,20 +9312,20 @@ snapshots:
 
   negotiator@0.6.3: {}
 
-  nitropack@2.10.4(typescript@5.7.3):
+  nitropack@2.10.4(typescript@5.8.2):
     dependencies:
       '@cloudflare/kv-asset-handler': 0.3.4
       '@netlify/functions': 2.8.2
-      '@rollup/plugin-alias': 5.1.1(rollup@4.34.2)
-      '@rollup/plugin-commonjs': 28.0.2(rollup@4.34.2)
-      '@rollup/plugin-inject': 5.0.5(rollup@4.34.2)
-      '@rollup/plugin-json': 6.1.0(rollup@4.34.2)
-      '@rollup/plugin-node-resolve': 15.3.1(rollup@4.34.2)
-      '@rollup/plugin-replace': 6.0.2(rollup@4.34.2)
-      '@rollup/plugin-terser': 0.4.4(rollup@4.34.2)
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
-      '@types/http-proxy': 1.17.15
-      '@vercel/nft': 0.27.10(rollup@4.34.2)
+      '@rollup/plugin-alias': 5.1.1(rollup@4.34.9)
+      '@rollup/plugin-commonjs': 28.0.2(rollup@4.34.9)
+      '@rollup/plugin-inject': 5.0.5(rollup@4.34.9)
+      '@rollup/plugin-json': 6.1.0(rollup@4.34.9)
+      '@rollup/plugin-node-resolve': 15.3.1(rollup@4.34.9)
+      '@rollup/plugin-replace': 6.0.2(rollup@4.34.9)
+      '@rollup/plugin-terser': 0.4.4(rollup@4.34.9)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.9)
+      '@types/http-proxy': 1.17.16
+      '@vercel/nft': 0.27.10(rollup@4.34.9)
       archiver: 7.0.1
       c12: 2.0.1(magicast@0.3.5)
       chokidar: 3.6.0
@@ -9171,8 +9335,8 @@ snapshots:
       consola: 3.4.0
       cookie-es: 1.2.2
       croner: 9.0.0
-      crossws: 0.3.3
-      db0: 0.2.3
+      crossws: 0.3.4
+      db0: 0.2.4
       defu: 6.1.4
       destr: 2.0.3
       dot-prop: 9.0.0
@@ -9180,12 +9344,12 @@ snapshots:
       escape-string-regexp: 5.0.0
       etag: 1.8.1
       fs-extra: 11.3.0
-      globby: 14.0.2
+      globby: 14.1.0
       gzip-size: 7.0.0
-      h3: 1.14.0
+      h3: 1.15.1
       hookable: 5.5.3
       httpxy: 0.1.7
-      ioredis: 5.4.2
+      ioredis: 5.5.0
       jiti: 2.4.2
       klona: 2.0.6
       knitwork: 1.2.0
@@ -9196,26 +9360,26 @@ snapshots:
       mlly: 1.7.4
       node-fetch-native: 1.6.6
       ofetch: 1.4.1
-      ohash: 1.1.4
-      openapi-typescript: 7.6.1(typescript@5.7.3)
+      ohash: 1.1.5
+      openapi-typescript: 7.6.1(typescript@5.8.2)
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.3.1
       pretty-bytes: 6.1.1
       radix3: 1.1.2
-      rollup: 4.34.2
-      rollup-plugin-visualizer: 5.14.0(rollup@4.34.2)
+      rollup: 4.34.9
+      rollup-plugin-visualizer: 5.14.0(rollup@4.34.9)
       scule: 1.3.0
       semver: 7.7.1
       serve-placeholder: 2.0.2
       serve-static: 1.16.2
-      std-env: 3.8.0
+      std-env: 3.8.1
       ufo: 1.5.4
       uncrypto: 0.1.3
       unctx: 2.4.1
       unenv: 1.10.0
-      unimport: 3.14.6(rollup@4.34.2)
-      unstorage: 1.14.4(db0@0.2.3)(ioredis@5.4.2)
+      unimport: 3.14.6(rollup@4.34.9)
+      unstorage: 1.15.0(db0@0.2.4)(ioredis@5.5.0)
       untyped: 1.5.2
       unwasm: 0.3.9
     transitivePeerDependencies:
@@ -9258,6 +9422,8 @@ snapshots:
 
   node-gyp-build@4.8.4: {}
 
+  node-mock-http@1.0.0: {}
+
   node-releases@2.0.19: {}
 
   nopt@8.1.0:
@@ -9287,22 +9453,22 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nuxt@3.15.4(@parcel/watcher@2.5.1)(@types/node@22.13.1)(db0@0.2.3)(eslint@9.19.0(jiti@2.4.2))(ioredis@5.4.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.2)(terser@5.37.0)(typescript@5.7.3)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue-tsc@2.2.0(typescript@5.7.3))(yaml@2.7.0):
+  nuxt@3.15.4(@parcel/watcher@2.5.1)(@types/node@22.13.9)(db0@0.2.4)(eslint@9.21.0(jiti@2.4.2))(ioredis@5.5.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.9)(terser@5.39.0)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue-tsc@2.2.8(typescript@5.8.2))(yaml@2.7.0):
     dependencies:
-      '@nuxt/cli': 3.21.1(magicast@0.3.5)
+      '@nuxt/cli': 3.22.4(magicast@0.3.5)
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.7.0(rollup@4.34.2)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
-      '@nuxt/kit': 3.15.4(magicast@0.3.5)(rollup@4.34.2)
+      '@nuxt/devtools': 1.7.0(rollup@4.34.9)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
       '@nuxt/schema': 3.15.4
-      '@nuxt/telemetry': 2.6.4(magicast@0.3.5)(rollup@4.34.2)
-      '@nuxt/vite-builder': 3.15.4(@types/node@22.13.1)(eslint@9.19.0(jiti@2.4.2))(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.2)(terser@5.37.0)(typescript@5.7.3)(vue-tsc@2.2.0(typescript@5.7.3))(vue@3.5.13(typescript@5.7.3))(yaml@2.7.0)
-      '@unhead/dom': 1.11.18
-      '@unhead/shared': 1.11.18
-      '@unhead/ssr': 1.11.18
-      '@unhead/vue': 1.11.18(vue@3.5.13(typescript@5.7.3))
+      '@nuxt/telemetry': 2.6.5(magicast@0.3.5)
+      '@nuxt/vite-builder': 3.15.4(@types/node@22.13.9)(eslint@9.21.0(jiti@2.4.2))(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.9)(terser@5.39.0)(typescript@5.8.2)(vue-tsc@2.2.8(typescript@5.8.2))(vue@3.5.13(typescript@5.8.2))(yaml@2.7.0)
+      '@unhead/dom': 1.11.20
+      '@unhead/shared': 1.11.20
+      '@unhead/ssr': 1.11.20
+      '@unhead/vue': 1.11.20(vue@3.5.13(typescript@5.8.2))
       '@vue/shared': 3.5.13
       acorn: 8.14.0
-      c12: 2.0.1(magicast@0.3.5)
+      c12: 2.0.4(magicast@0.3.5)
       chokidar: 4.0.3
       compatx: 0.1.8
       consola: 3.4.0
@@ -9314,28 +9480,28 @@ snapshots:
       esbuild: 0.24.2
       escape-string-regexp: 5.0.0
       estree-walker: 3.0.3
-      globby: 14.0.2
-      h3: 1.14.0
+      globby: 14.1.0
+      h3: 1.15.1
       hookable: 5.5.3
       ignore: 7.0.3
-      impound: 0.2.0(rollup@4.34.2)
+      impound: 0.2.0(rollup@4.34.9)
       jiti: 2.4.2
       klona: 2.0.6
       knitwork: 1.2.0
       magic-string: 0.30.17
       mlly: 1.7.4
       nanotar: 0.2.0
-      nitropack: 2.10.4(typescript@5.7.3)
-      nypm: 0.5.2
+      nitropack: 2.10.4(typescript@5.8.2)
+      nypm: 0.5.4
       ofetch: 1.4.1
-      ohash: 1.1.4
-      pathe: 2.0.2
+      ohash: 1.1.5
+      pathe: 2.0.3
       perfect-debounce: 1.0.0
       pkg-types: 1.3.1
       radix3: 1.1.2
       scule: 1.3.0
       semver: 7.7.1
-      std-env: 3.8.0
+      std-env: 3.8.1
       strip-literal: 3.0.0
       tinyglobby: 0.2.10
       ufo: 1.5.4
@@ -9343,19 +9509,19 @@ snapshots:
       uncrypto: 0.1.3
       unctx: 2.4.1
       unenv: 1.10.0
-      unhead: 1.11.18
-      unimport: 4.0.0(rollup@4.34.2)
-      unplugin: 2.1.2
-      unplugin-vue-router: 0.11.2(rollup@4.34.2)(vue-router@4.5.0(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
-      unstorage: 1.14.4(db0@0.2.3)(ioredis@5.4.2)
+      unhead: 1.11.20
+      unimport: 4.1.2
+      unplugin: 2.2.0
+      unplugin-vue-router: 0.11.2(rollup@4.34.9)(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
+      unstorage: 1.15.0(db0@0.2.4)(ioredis@5.5.0)
       untyped: 1.5.2
-      vue: 3.5.13(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.8.2)
       vue-bundle-renderer: 2.1.1
       vue-devtools-stub: 0.1.0
-      vue-router: 4.5.0(vue@3.5.13(typescript@5.7.3))
+      vue-router: 4.5.0(vue@3.5.13(typescript@5.8.2))
     optionalDependencies:
       '@parcel/watcher': 2.5.1
-      '@types/node': 22.13.1
+      '@types/node': 22.13.9
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -9418,15 +9584,23 @@ snapshots:
       tinyexec: 0.3.2
       ufo: 1.5.4
 
-  nypm@0.5.2:
+  nypm@0.5.4:
     dependencies:
       citty: 0.1.6
       consola: 3.4.0
-      pathe: 2.0.2
+      pathe: 2.0.3
       pkg-types: 1.3.1
       tinyexec: 0.3.2
       ufo: 1.5.4
 
+  nypm@0.6.0:
+    dependencies:
+      citty: 0.1.6
+      consola: 3.4.0
+      pathe: 2.0.3
+      pkg-types: 2.1.0
+      tinyexec: 0.3.2
+
   object-assign@4.1.1: {}
 
   object-hash@3.0.0: {}
@@ -9437,7 +9611,9 @@ snapshots:
       node-fetch-native: 1.6.6
       ufo: 1.5.4
 
-  ohash@1.1.4: {}
+  ohash@1.1.5: {}
+
+  ohash@2.0.10: {}
 
   on-finished@2.4.1:
     dependencies:
@@ -9471,14 +9647,14 @@ snapshots:
       is-docker: 2.2.1
       is-wsl: 2.2.0
 
-  openapi-typescript@7.6.1(typescript@5.7.3):
+  openapi-typescript@7.6.1(typescript@5.8.2):
     dependencies:
-      '@redocly/openapi-core': 1.28.1(supports-color@9.4.0)
+      '@redocly/openapi-core': 1.32.1(supports-color@9.4.0)
       ansi-colors: 4.1.3
       change-case: 5.4.4
       parse-json: 8.1.0
       supports-color: 9.4.0
-      typescript: 5.7.3
+      typescript: 5.8.2
       yargs-parser: 21.1.1
 
   optionator@0.9.4:
@@ -9518,7 +9694,9 @@ snapshots:
 
   package-json-from-dist@1.0.1: {}
 
-  package-manager-detector@0.2.9: {}
+  package-manager-detector@0.2.11:
+    dependencies:
+      quansync: 0.2.8
 
   packrup@0.1.2: {}
 
@@ -9556,16 +9734,16 @@ snapshots:
     dependencies:
       '@babel/code-frame': 7.26.2
       index-to-position: 0.1.2
-      type-fest: 4.33.0
+      type-fest: 4.37.0
 
-  parse-path@7.0.0:
+  parse-path@7.0.1:
     dependencies:
-      protocols: 2.0.1
+      protocols: 2.0.2
 
   parse-url@9.2.0:
     dependencies:
       '@types/parse-path': 7.0.3
-      parse-path: 7.0.0
+      parse-path: 7.0.1
 
   parseurl@1.3.3: {}
 
@@ -9590,11 +9768,11 @@ snapshots:
 
   path-to-regexp@6.3.0: {}
 
-  path-type@5.0.0: {}
+  path-type@6.0.0: {}
 
   pathe@1.1.2: {}
 
-  pathe@2.0.2: {}
+  pathe@2.0.3: {}
 
   pathval@2.0.0: {}
 
@@ -9608,13 +9786,13 @@ snapshots:
 
   pify@2.3.0: {}
 
-  pinia@2.3.1(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3)):
+  pinia@2.3.1(typescript@5.8.2)(vue@3.5.13(typescript@5.8.2)):
     dependencies:
       '@vue/devtools-api': 6.6.4
-      vue: 3.5.13(typescript@5.7.3)
-      vue-demi: 0.14.10(vue@3.5.13(typescript@5.7.3))
+      vue: 3.5.13(typescript@5.8.2)
+      vue-demi: 0.14.10(vue@3.5.13(typescript@5.8.2))
     optionalDependencies:
-      typescript: 5.7.3
+      typescript: 5.8.2
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -9624,15 +9802,21 @@ snapshots:
     dependencies:
       confbox: 0.1.8
       mlly: 1.7.4
-      pathe: 2.0.2
+      pathe: 2.0.3
+
+  pkg-types@2.1.0:
+    dependencies:
+      confbox: 0.2.1
+      exsolve: 1.0.1
+      pathe: 2.0.3
 
   pluralize@8.0.0: {}
 
   polished@4.3.1:
     dependencies:
-      '@babel/runtime': 7.26.7
+      '@babel/runtime': 7.26.9
 
-  portfinder@1.0.32:
+  portfinder@1.0.33:
     dependencies:
       async: 2.6.4
       debug: 3.2.7
@@ -9640,175 +9824,175 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  possible-typed-array-names@1.0.0: {}
+  possible-typed-array-names@1.1.0: {}
 
-  postcss-calc@10.1.1(postcss@8.5.1):
+  postcss-calc@10.1.1(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
-      postcss-selector-parser: 7.0.0
+      postcss: 8.5.3
+      postcss-selector-parser: 7.1.0
       postcss-value-parser: 4.2.0
 
-  postcss-colormin@7.0.2(postcss@8.5.1):
+  postcss-colormin@7.0.2(postcss@8.5.3):
     dependencies:
       browserslist: 4.24.4
       caniuse-api: 3.0.0
       colord: 2.9.3
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-convert-values@7.0.4(postcss@8.5.1):
+  postcss-convert-values@7.0.4(postcss@8.5.3):
     dependencies:
       browserslist: 4.24.4
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-discard-comments@7.0.3(postcss@8.5.1):
+  postcss-discard-comments@7.0.3(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
-  postcss-discard-duplicates@7.0.1(postcss@8.5.1):
+  postcss-discard-duplicates@7.0.1(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
 
-  postcss-discard-empty@7.0.0(postcss@8.5.1):
+  postcss-discard-empty@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
 
-  postcss-discard-overridden@7.0.0(postcss@8.5.1):
+  postcss-discard-overridden@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
 
-  postcss-import@15.1.0(postcss@8.5.1):
+  postcss-import@15.1.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.10
 
-  postcss-js@4.0.1(postcss@8.5.1):
+  postcss-js@4.0.1(postcss@8.5.3):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.5.1
+      postcss: 8.5.3
 
-  postcss-load-config@4.0.2(postcss@8.5.1):
+  postcss-load-config@4.0.2(postcss@8.5.3):
     dependencies:
       lilconfig: 3.1.3
       yaml: 2.7.0
     optionalDependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
 
-  postcss-merge-longhand@7.0.4(postcss@8.5.1):
+  postcss-merge-longhand@7.0.4(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
-      stylehacks: 7.0.4(postcss@8.5.1)
+      stylehacks: 7.0.4(postcss@8.5.3)
 
-  postcss-merge-rules@7.0.4(postcss@8.5.1):
+  postcss-merge-rules@7.0.4(postcss@8.5.3):
     dependencies:
       browserslist: 4.24.4
       caniuse-api: 3.0.0
-      cssnano-utils: 5.0.0(postcss@8.5.1)
-      postcss: 8.5.1
+      cssnano-utils: 5.0.0(postcss@8.5.3)
+      postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
-  postcss-minify-font-values@7.0.0(postcss@8.5.1):
+  postcss-minify-font-values@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-minify-gradients@7.0.0(postcss@8.5.1):
+  postcss-minify-gradients@7.0.0(postcss@8.5.3):
     dependencies:
       colord: 2.9.3
-      cssnano-utils: 5.0.0(postcss@8.5.1)
-      postcss: 8.5.1
+      cssnano-utils: 5.0.0(postcss@8.5.3)
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-minify-params@7.0.2(postcss@8.5.1):
+  postcss-minify-params@7.0.2(postcss@8.5.3):
     dependencies:
       browserslist: 4.24.4
-      cssnano-utils: 5.0.0(postcss@8.5.1)
-      postcss: 8.5.1
+      cssnano-utils: 5.0.0(postcss@8.5.3)
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-minify-selectors@7.0.4(postcss@8.5.1):
+  postcss-minify-selectors@7.0.4(postcss@8.5.3):
     dependencies:
       cssesc: 3.0.0
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
-  postcss-nested@6.2.0(postcss@8.5.1):
+  postcss-nested@6.2.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
-  postcss-nesting@13.0.1(postcss@8.5.1):
+  postcss-nesting@13.0.1(postcss@8.5.3):
     dependencies:
-      '@csstools/selector-resolve-nested': 3.0.0(postcss-selector-parser@7.0.0)
-      '@csstools/selector-specificity': 5.0.0(postcss-selector-parser@7.0.0)
-      postcss: 8.5.1
-      postcss-selector-parser: 7.0.0
+      '@csstools/selector-resolve-nested': 3.0.0(postcss-selector-parser@7.1.0)
+      '@csstools/selector-specificity': 5.0.0(postcss-selector-parser@7.1.0)
+      postcss: 8.5.3
+      postcss-selector-parser: 7.1.0
 
-  postcss-normalize-charset@7.0.0(postcss@8.5.1):
+  postcss-normalize-charset@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
 
-  postcss-normalize-display-values@7.0.0(postcss@8.5.1):
+  postcss-normalize-display-values@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-positions@7.0.0(postcss@8.5.1):
+  postcss-normalize-positions@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-repeat-style@7.0.0(postcss@8.5.1):
+  postcss-normalize-repeat-style@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-string@7.0.0(postcss@8.5.1):
+  postcss-normalize-string@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-timing-functions@7.0.0(postcss@8.5.1):
+  postcss-normalize-timing-functions@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-unicode@7.0.2(postcss@8.5.1):
+  postcss-normalize-unicode@7.0.2(postcss@8.5.3):
     dependencies:
       browserslist: 4.24.4
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-url@7.0.0(postcss@8.5.1):
+  postcss-normalize-url@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-whitespace@7.0.0(postcss@8.5.1):
+  postcss-normalize-whitespace@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-ordered-values@7.0.1(postcss@8.5.1):
+  postcss-ordered-values@7.0.1(postcss@8.5.3):
     dependencies:
-      cssnano-utils: 5.0.0(postcss@8.5.1)
-      postcss: 8.5.1
+      cssnano-utils: 5.0.0(postcss@8.5.3)
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-reduce-initial@7.0.2(postcss@8.5.1):
+  postcss-reduce-initial@7.0.2(postcss@8.5.3):
     dependencies:
       browserslist: 4.24.4
       caniuse-api: 3.0.0
-      postcss: 8.5.1
+      postcss: 8.5.3
 
-  postcss-reduce-transforms@7.0.0(postcss@8.5.1):
+  postcss-reduce-transforms@7.0.0(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
   postcss-selector-parser@6.1.2:
@@ -9816,25 +10000,25 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-selector-parser@7.0.0:
+  postcss-selector-parser@7.1.0:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-svgo@7.0.1(postcss@8.5.1):
+  postcss-svgo@7.0.1(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-value-parser: 4.2.0
       svgo: 3.3.2
 
-  postcss-unique-selectors@7.0.3(postcss@8.5.1):
+  postcss-unique-selectors@7.0.3(postcss@8.5.3):
     dependencies:
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.5.1:
+  postcss@8.5.3:
     dependencies:
       nanoid: 3.3.8
       picocolors: 1.1.1
@@ -9845,7 +10029,7 @@ snapshots:
   prettier@2.8.8:
     optional: true
 
-  prettier@3.4.2: {}
+  prettier@3.5.3: {}
 
   pretty-bytes@6.1.1: {}
 
@@ -9876,7 +10060,7 @@ snapshots:
     dependencies:
       xtend: 4.0.2
 
-  protocols@2.0.1: {}
+  protocols@2.0.2: {}
 
   pug-attrs@3.0.0:
     dependencies:
@@ -9947,6 +10131,8 @@ snapshots:
 
   punycode@2.3.1: {}
 
+  quansync@0.2.8: {}
+
   queue-microtask@1.2.3: {}
 
   radix3@1.1.2: {}
@@ -9962,27 +10148,24 @@ snapshots:
       defu: 6.1.4
       destr: 2.0.3
 
-  react-dom@18.3.1(react@18.3.1):
+  react-dom@19.0.0(react@19.0.0):
     dependencies:
-      loose-envify: 1.4.0
-      react: 18.3.1
-      scheduler: 0.23.2
+      react: 19.0.0
+      scheduler: 0.25.0
 
   react-is@17.0.2: {}
 
-  react-syntax-highlighter@15.6.1(react@18.3.1):
+  react-syntax-highlighter@15.6.1(react@19.0.0):
     dependencies:
-      '@babel/runtime': 7.26.7
+      '@babel/runtime': 7.26.9
       highlight.js: 10.7.3
       highlightjs-vue: 1.0.0
       lowlight: 1.20.0
       prismjs: 1.29.0
-      react: 18.3.1
+      react: 19.0.0
       refractor: 3.6.0
 
-  react@18.3.1:
-    dependencies:
-      loose-envify: 1.4.0
+  react@19.0.0: {}
 
   read-cache@1.0.0:
     dependencies:
@@ -10027,9 +10210,9 @@ snapshots:
     dependencies:
       picomatch: 2.3.1
 
-  readdirp@4.1.1: {}
+  readdirp@4.1.2: {}
 
-  recast@0.23.9:
+  recast@0.23.11:
     dependencies:
       ast-types: 0.16.1
       esprima: 4.0.1
@@ -10071,10 +10254,10 @@ snapshots:
     dependencies:
       jsesc: 0.5.0
 
-  remark-gfm@4.0.0:
+  remark-gfm@4.0.1:
     dependencies:
       '@types/mdast': 4.0.4
-      mdast-util-gfm: 3.0.0
+      mdast-util-gfm: 3.1.0
       micromark-extension-gfm: 3.0.0
       remark-parse: 11.0.0
       remark-stringify: 11.0.0
@@ -10086,7 +10269,7 @@ snapshots:
     dependencies:
       '@types/mdast': 4.0.4
       mdast-util-from-markdown: 2.0.2
-      micromark-util-types: 2.0.1
+      micromark-util-types: 2.0.2
       unified: 11.0.5
     transitivePeerDependencies:
       - supports-color
@@ -10124,7 +10307,7 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  reusify@1.0.4: {}
+  reusify@1.1.0: {}
 
   rfdc@1.4.1: {}
 
@@ -10132,38 +10315,38 @@ snapshots:
     dependencies:
       glob: 10.4.5
 
-  rollup-plugin-visualizer@5.14.0(rollup@4.34.2):
+  rollup-plugin-visualizer@5.14.0(rollup@4.34.9):
     dependencies:
       open: 8.4.2
       picomatch: 4.0.2
       source-map: 0.7.4
       yargs: 17.7.2
     optionalDependencies:
-      rollup: 4.34.2
+      rollup: 4.34.9
 
-  rollup@4.34.2:
+  rollup@4.34.9:
     dependencies:
       '@types/estree': 1.0.6
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.34.2
-      '@rollup/rollup-android-arm64': 4.34.2
-      '@rollup/rollup-darwin-arm64': 4.34.2
-      '@rollup/rollup-darwin-x64': 4.34.2
-      '@rollup/rollup-freebsd-arm64': 4.34.2
-      '@rollup/rollup-freebsd-x64': 4.34.2
-      '@rollup/rollup-linux-arm-gnueabihf': 4.34.2
-      '@rollup/rollup-linux-arm-musleabihf': 4.34.2
-      '@rollup/rollup-linux-arm64-gnu': 4.34.2
-      '@rollup/rollup-linux-arm64-musl': 4.34.2
-      '@rollup/rollup-linux-loongarch64-gnu': 4.34.2
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.34.2
-      '@rollup/rollup-linux-riscv64-gnu': 4.34.2
-      '@rollup/rollup-linux-s390x-gnu': 4.34.2
-      '@rollup/rollup-linux-x64-gnu': 4.34.2
-      '@rollup/rollup-linux-x64-musl': 4.34.2
-      '@rollup/rollup-win32-arm64-msvc': 4.34.2
-      '@rollup/rollup-win32-ia32-msvc': 4.34.2
-      '@rollup/rollup-win32-x64-msvc': 4.34.2
+      '@rollup/rollup-android-arm-eabi': 4.34.9
+      '@rollup/rollup-android-arm64': 4.34.9
+      '@rollup/rollup-darwin-arm64': 4.34.9
+      '@rollup/rollup-darwin-x64': 4.34.9
+      '@rollup/rollup-freebsd-arm64': 4.34.9
+      '@rollup/rollup-freebsd-x64': 4.34.9
+      '@rollup/rollup-linux-arm-gnueabihf': 4.34.9
+      '@rollup/rollup-linux-arm-musleabihf': 4.34.9
+      '@rollup/rollup-linux-arm64-gnu': 4.34.9
+      '@rollup/rollup-linux-arm64-musl': 4.34.9
+      '@rollup/rollup-linux-loongarch64-gnu': 4.34.9
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.34.9
+      '@rollup/rollup-linux-riscv64-gnu': 4.34.9
+      '@rollup/rollup-linux-s390x-gnu': 4.34.9
+      '@rollup/rollup-linux-x64-gnu': 4.34.9
+      '@rollup/rollup-linux-x64-musl': 4.34.9
+      '@rollup/rollup-win32-arm64-msvc': 4.34.9
+      '@rollup/rollup-win32-ia32-msvc': 4.34.9
+      '@rollup/rollup-win32-x64-msvc': 4.34.9
       fsevents: 2.3.3
 
   run-applescript@7.0.0: {}
@@ -10178,13 +10361,11 @@ snapshots:
 
   safe-regex-test@1.1.0:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       es-errors: 1.3.0
       is-regex: 1.2.1
 
-  scheduler@0.23.2:
-    dependencies:
-      loose-envify: 1.4.0
+  scheduler@0.25.0: {}
 
   scslre@0.3.0:
     dependencies:
@@ -10240,7 +10421,7 @@ snapshots:
       define-data-property: 1.1.4
       es-errors: 1.3.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       gopd: 1.2.0
       has-property-descriptors: 1.0.2
 
@@ -10256,8 +10437,6 @@ snapshots:
 
   shell-quote@1.8.2: {}
 
-  siginfo@2.0.0: {}
-
   signal-exit@3.0.7: {}
 
   signal-exit@4.1.0: {}
@@ -10270,12 +10449,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  simple-html-tokenizer@0.1.1: {}
-
-  sirv@3.0.0:
+  sirv@3.0.1:
     dependencies:
       '@polka/url': 1.0.0-next.28
-      mrmime: 2.0.0
+      mrmime: 2.0.1
       totalist: 3.0.1
 
   sisteransi@1.0.5: {}
@@ -10322,21 +10499,19 @@ snapshots:
 
   stable-hash@0.0.4: {}
 
-  stackback@0.0.2: {}
-
   standard-as-callback@2.1.0: {}
 
   statuses@1.5.0: {}
 
   statuses@2.0.1: {}
 
-  std-env@3.8.0: {}
+  std-env@3.8.1: {}
 
-  storybook@8.5.3(prettier@3.4.2):
+  storybook@8.6.3(prettier@3.5.3):
     dependencies:
-      '@storybook/core': 8.5.3(prettier@3.4.2)
+      '@storybook/core': 8.6.3(prettier@3.5.3)(storybook@8.6.3(prettier@3.5.3))
     optionalDependencies:
-      prettier: 3.4.2
+      prettier: 3.5.3
     transitivePeerDependencies:
       - bufferutil
       - supports-color
@@ -10393,10 +10568,10 @@ snapshots:
     dependencies:
       js-tokens: 9.0.1
 
-  stylehacks@7.0.4(postcss@8.5.1):
+  stylehacks@7.0.4(postcss@8.5.3):
     dependencies:
       browserslist: 4.24.4
-      postcss: 8.5.1
+      postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
   sucrase@3.35.0:
@@ -10421,12 +10596,6 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svg-inline-loader@0.8.2:
-    dependencies:
-      loader-utils: 1.4.2
-      object-assign: 4.1.1
-      simple-html-tokenizer: 0.1.1
-
   svg-tags@1.0.0: {}
 
   svgo@3.3.2:
@@ -10439,7 +10608,7 @@ snapshots:
       csso: 5.0.5
       picocolors: 1.1.1
 
-  swiper@11.2.2: {}
+  swiper@11.2.5: {}
 
   synckit@0.9.2:
     dependencies:
@@ -10453,10 +10622,10 @@ snapshots:
       '@koa/router': 12.0.2
       commander: 6.2.1
       fs-extra: 9.1.0
-      koa: 2.15.3
+      koa: 2.16.0
       koa-static: 5.0.0
       open: 7.4.2
-      portfinder: 1.0.32
+      portfinder: 1.0.33
       replace-in-file: 6.3.5
       tailwindcss: 3.4.17
     transitivePeerDependencies:
@@ -10478,11 +10647,11 @@ snapshots:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.1.1
-      postcss: 8.5.1
-      postcss-import: 15.1.0(postcss@8.5.1)
-      postcss-js: 4.0.1(postcss@8.5.1)
-      postcss-load-config: 4.0.2(postcss@8.5.1)
-      postcss-nested: 6.2.0(postcss@8.5.1)
+      postcss: 8.5.3
+      postcss-import: 15.1.0(postcss@8.5.3)
+      postcss-js: 4.0.1(postcss@8.5.3)
+      postcss-load-config: 4.0.2(postcss@8.5.3)
+      postcss-nested: 6.2.0(postcss@8.5.3)
       postcss-selector-parser: 6.1.2
       resolve: 1.22.10
       sucrase: 3.35.0
@@ -10515,7 +10684,7 @@ snapshots:
       mkdirp: 3.0.1
       yallist: 5.0.0
 
-  terser@5.37.0:
+  terser@5.39.0:
     dependencies:
       '@jridgewell/source-map': 0.3.6
       acorn: 8.14.0
@@ -10536,8 +10705,6 @@ snapshots:
 
   tiny-invariant@1.3.3: {}
 
-  tinybench@2.9.0: {}
-
   tinyexec@0.3.2: {}
 
   tinyglobby@0.2.10:
@@ -10545,12 +10712,13 @@ snapshots:
       fdir: 6.4.3(picomatch@4.0.2)
       picomatch: 4.0.2
 
-  tinypool@1.0.2: {}
+  tinyglobby@0.2.12:
+    dependencies:
+      fdir: 6.4.3(picomatch@4.0.2)
+      picomatch: 4.0.2
 
   tinyrainbow@1.2.0: {}
 
-  tinyrainbow@2.0.0: {}
-
   tinyspy@3.0.2: {}
 
   to-regex-range@5.0.1:
@@ -10567,9 +10735,9 @@ snapshots:
 
   trough@2.2.0: {}
 
-  ts-api-utils@2.0.1(typescript@5.7.3):
+  ts-api-utils@2.0.1(typescript@5.8.2):
     dependencies:
-      typescript: 5.7.3
+      typescript: 5.8.2
 
   ts-dedent@2.2.0: {}
 
@@ -10595,24 +10763,24 @@ snapshots:
 
   type-fest@2.19.0: {}
 
-  type-fest@4.33.0: {}
+  type-fest@4.37.0: {}
 
   type-is@1.6.18:
     dependencies:
       media-typer: 0.3.0
       mime-types: 2.1.35
 
-  typescript-eslint@8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3):
+  typescript-eslint@8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.23.0(@typescript-eslint/parser@8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      '@typescript-eslint/parser': 8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.23.0(eslint@9.19.0(jiti@2.4.2))(typescript@5.7.3)
-      eslint: 9.19.0(jiti@2.4.2)
-      typescript: 5.7.3
+      '@typescript-eslint/eslint-plugin': 8.26.0(@typescript-eslint/parser@8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2))(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      '@typescript-eslint/parser': 8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      '@typescript-eslint/utils': 8.26.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.8.2)
+      eslint: 9.21.0(jiti@2.4.2)
+      typescript: 5.8.2
     transitivePeerDependencies:
       - supports-color
 
-  typescript@5.7.3: {}
+  typescript@5.8.2: {}
 
   ufo@1.5.4: {}
 
@@ -10625,7 +10793,7 @@ snapshots:
       acorn: 8.14.0
       estree-walker: 3.0.3
       magic-string: 0.30.17
-      unplugin: 2.1.2
+      unplugin: 2.2.0
 
   undici-types@6.20.0: {}
 
@@ -10637,15 +10805,17 @@ snapshots:
       node-fetch-native: 1.6.6
       pathe: 1.1.2
 
-  unhead@1.11.18:
+  unhead@1.11.20:
     dependencies:
-      '@unhead/dom': 1.11.18
-      '@unhead/schema': 1.11.18
-      '@unhead/shared': 1.11.18
+      '@unhead/dom': 1.11.20
+      '@unhead/schema': 1.11.20
+      '@unhead/shared': 1.11.20
       hookable: 5.5.3
 
   unicorn-magic@0.1.0: {}
 
+  unicorn-magic@0.3.0: {}
+
   unified@11.0.5:
     dependencies:
       '@types/unist': 3.0.3
@@ -10656,17 +10826,17 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
-  unimport@3.14.6(rollup@4.34.2):
+  unimport@3.14.6(rollup@4.34.9):
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.9)
       acorn: 8.14.0
       escape-string-regexp: 5.0.0
       estree-walker: 3.0.3
       fast-glob: 3.3.3
-      local-pkg: 1.0.0
+      local-pkg: 1.1.1
       magic-string: 0.30.17
       mlly: 1.7.4
-      pathe: 2.0.2
+      pathe: 2.0.3
       picomatch: 4.0.2
       pkg-types: 1.3.1
       scule: 1.3.0
@@ -10675,24 +10845,22 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
-  unimport@4.0.0(rollup@4.34.2):
+  unimport@4.1.2:
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
       acorn: 8.14.0
       escape-string-regexp: 5.0.0
       estree-walker: 3.0.3
-      fast-glob: 3.3.3
-      local-pkg: 1.0.0
+      local-pkg: 1.1.1
       magic-string: 0.30.17
       mlly: 1.7.4
-      pathe: 2.0.2
+      pathe: 2.0.3
       picomatch: 4.0.2
       pkg-types: 1.3.1
       scule: 1.3.0
       strip-literal: 3.0.0
-      unplugin: 2.1.2
-    transitivePeerDependencies:
-      - rollup
+      tinyglobby: 0.2.12
+      unplugin: 2.2.0
+      unplugin-utils: 0.2.4
 
   unist-util-is@6.0.0:
     dependencies:
@@ -10715,24 +10883,29 @@ snapshots:
 
   universalify@2.0.1: {}
 
-  unplugin-vue-router@0.11.2(rollup@4.34.2)(vue-router@4.5.0(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3)):
+  unplugin-utils@0.2.4:
+    dependencies:
+      pathe: 2.0.3
+      picomatch: 4.0.2
+
+  unplugin-vue-router@0.11.2(rollup@4.34.9)(vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2)):
     dependencies:
-      '@babel/types': 7.26.7
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
-      '@vue-macros/common': 1.16.1(vue@3.5.13(typescript@5.7.3))
+      '@babel/types': 7.26.9
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.9)
+      '@vue-macros/common': 1.16.1(vue@3.5.13(typescript@5.8.2))
       ast-walker-scope: 0.6.2
       chokidar: 3.6.0
       fast-glob: 3.3.3
       json5: 2.2.3
-      local-pkg: 1.0.0
+      local-pkg: 1.1.1
       magic-string: 0.30.17
       mlly: 1.7.4
-      pathe: 2.0.2
+      pathe: 2.0.3
       scule: 1.3.0
       unplugin: 2.1.2
       yaml: 2.7.0
     optionalDependencies:
-      vue-router: 4.5.0(vue@3.5.13(typescript@5.7.3))
+      vue-router: 4.5.0(vue@3.5.13(typescript@5.8.2))
     transitivePeerDependencies:
       - rollup
       - vue
@@ -10747,19 +10920,24 @@ snapshots:
       acorn: 8.14.0
       webpack-virtual-modules: 0.6.2
 
-  unstorage@1.14.4(db0@0.2.3)(ioredis@5.4.2):
+  unplugin@2.2.0:
+    dependencies:
+      acorn: 8.14.0
+      webpack-virtual-modules: 0.6.2
+
+  unstorage@1.15.0(db0@0.2.4)(ioredis@5.5.0):
     dependencies:
       anymatch: 3.1.3
-      chokidar: 3.6.0
+      chokidar: 4.0.3
       destr: 2.0.3
-      h3: 1.14.0
+      h3: 1.15.1
       lru-cache: 10.4.3
       node-fetch-native: 1.6.6
       ofetch: 1.4.1
       ufo: 1.5.4
     optionalDependencies:
-      db0: 0.2.3
-      ioredis: 5.4.2
+      db0: 0.2.4
+      ioredis: 5.5.0
 
   untun@0.1.3:
     dependencies:
@@ -10769,9 +10947,9 @@ snapshots:
 
   untyped@1.5.2:
     dependencies:
-      '@babel/core': 7.26.7
-      '@babel/standalone': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/core': 7.26.9
+      '@babel/standalone': 7.26.9
+      '@babel/types': 7.26.9
       citty: 0.1.6
       defu: 6.1.4
       jiti: 2.4.2
@@ -10789,7 +10967,7 @@ snapshots:
       pkg-types: 1.3.1
       unplugin: 1.16.1
 
-  update-browserslist-db@1.1.2(browserslist@4.24.4):
+  update-browserslist-db@1.1.3(browserslist@4.24.4):
     dependencies:
       browserslist: 4.24.4
       escalade: 3.2.0
@@ -10815,7 +10993,7 @@ snapshots:
       is-typed-array: 1.1.15
       which-typed-array: 1.1.18
 
-  uuid@11.0.5: {}
+  uuid@11.1.0: {}
 
   uuid@9.0.1: {}
 
@@ -10836,17 +11014,17 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  vite-hot-client@0.2.4(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)):
+  vite-hot-client@0.2.4(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)):
     dependencies:
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
 
-  vite-node@3.0.5(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0):
+  vite-node@3.0.7(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.0(supports-color@9.4.0)
       es-module-lexer: 1.6.0
-      pathe: 2.0.2
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
+      pathe: 2.0.3
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -10861,7 +11039,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite-plugin-checker@0.8.0(eslint@9.19.0(jiti@2.4.2))(optionator@0.9.4)(typescript@5.7.3)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(vue-tsc@2.2.0(typescript@5.7.3)):
+  vite-plugin-checker@0.8.0(eslint@9.21.0(jiti@2.4.2))(optionator@0.9.4)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0))(vue-tsc@2.2.8(typescript@5.8.2)):
     dependencies:
       '@babel/code-frame': 7.26.2
       ansi-escapes: 4.3.2
@@ -10873,111 +11051,62 @@ snapshots:
       npm-run-path: 4.0.1
       strip-ansi: 6.0.1
       tiny-invariant: 1.3.3
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
       vscode-languageclient: 7.0.0
       vscode-languageserver: 7.0.0
       vscode-languageserver-textdocument: 1.0.12
-      vscode-uri: 3.0.8
+      vscode-uri: 3.1.0
     optionalDependencies:
-      eslint: 9.19.0(jiti@2.4.2)
+      eslint: 9.21.0(jiti@2.4.2)
       optionator: 0.9.4
-      typescript: 5.7.3
-      vue-tsc: 2.2.0(typescript@5.7.3)
+      typescript: 5.8.2
+      vue-tsc: 2.2.8(typescript@5.8.2)
 
-  vite-plugin-inspect@0.8.9(@nuxt/kit@3.15.4(magicast@0.3.5)(rollup@4.34.2))(rollup@4.34.2)(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)):
+  vite-plugin-inspect@0.8.9(@nuxt/kit@3.15.4(magicast@0.3.5))(rollup@4.34.9)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)):
     dependencies:
       '@antfu/utils': 0.7.10
-      '@rollup/pluginutils': 5.1.4(rollup@4.34.2)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.9)
       debug: 4.4.0(supports-color@9.4.0)
       error-stack-parser-es: 0.1.5
       fs-extra: 11.3.0
       open: 10.1.0
       perfect-debounce: 1.0.0
       picocolors: 1.1.1
-      sirv: 3.0.0
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
+      sirv: 3.0.1
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
     optionalDependencies:
-      '@nuxt/kit': 3.15.4(magicast@0.3.5)(rollup@4.34.2)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  vite-plugin-vue-inspector@5.3.1(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)):
+  vite-plugin-vue-inspector@5.3.1(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)):
     dependencies:
-      '@babel/core': 7.26.7
-      '@babel/plugin-proposal-decorators': 7.25.9(@babel/core@7.26.7)
-      '@babel/plugin-syntax-import-attributes': 7.26.0(@babel/core@7.26.7)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.26.7)
-      '@babel/plugin-transform-typescript': 7.26.7(@babel/core@7.26.7)
-      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.26.7)
+      '@babel/core': 7.26.9
+      '@babel/plugin-proposal-decorators': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-syntax-import-attributes': 7.26.0(@babel/core@7.26.9)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.26.9)
+      '@babel/plugin-transform-typescript': 7.26.8(@babel/core@7.26.9)
+      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.26.9)
       '@vue/compiler-dom': 3.5.13
       kolorist: 1.8.0
       magic-string: 0.30.17
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
+      vite: 6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0):
+  vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(yaml@2.7.0):
     dependencies:
-      esbuild: 0.24.2
-      postcss: 8.5.1
-      rollup: 4.34.2
+      esbuild: 0.25.0
+      postcss: 8.5.3
+      rollup: 4.34.9
     optionalDependencies:
-      '@types/node': 22.13.1
+      '@types/node': 22.13.9
       fsevents: 2.3.3
       jiti: 2.4.2
-      terser: 5.37.0
+      terser: 5.39.0
       yaml: 2.7.0
 
-  vitest-axe@0.1.0(vitest@3.0.5(@types/debug@4.1.12)(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)):
-    dependencies:
-      aria-query: 5.3.2
-      axe-core: 4.10.2
-      chalk: 5.4.1
-      dom-accessibility-api: 0.5.16
-      lodash-es: 4.17.21
-      redent: 3.0.0
-      vitest: 3.0.5(@types/debug@4.1.12)(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
-
-  vitest@3.0.5(@types/debug@4.1.12)(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0):
-    dependencies:
-      '@vitest/expect': 3.0.5
-      '@vitest/mocker': 3.0.5(vite@6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
-      '@vitest/pretty-format': 3.0.5
-      '@vitest/runner': 3.0.5
-      '@vitest/snapshot': 3.0.5
-      '@vitest/spy': 3.0.5
-      '@vitest/utils': 3.0.5
-      chai: 5.1.2
-      debug: 4.4.0(supports-color@9.4.0)
-      expect-type: 1.1.0
-      magic-string: 0.30.17
-      pathe: 2.0.2
-      std-env: 3.8.0
-      tinybench: 2.9.0
-      tinyexec: 0.3.2
-      tinypool: 1.0.2
-      tinyrainbow: 2.0.0
-      vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
-      vite-node: 3.0.5(@types/node@22.13.1)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
-      why-is-node-running: 2.3.0
-    optionalDependencies:
-      '@types/debug': 4.1.12
-      '@types/node': 22.13.1
-    transitivePeerDependencies:
-      - jiti
-      - less
-      - lightningcss
-      - msw
-      - sass
-      - sass-embedded
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-      - tsx
-      - yaml
-
   void-elements@3.1.0: {}
 
   vscode-jsonrpc@6.0.0: {}
@@ -11001,33 +11130,33 @@ snapshots:
     dependencies:
       vscode-languageserver-protocol: 3.16.0
 
-  vscode-uri@3.0.8: {}
+  vscode-uri@3.1.0: {}
 
   vue-bundle-renderer@2.1.1:
     dependencies:
       ufo: 1.5.4
 
-  vue-component-meta@2.2.0(typescript@5.7.3):
+  vue-component-meta@2.2.8(typescript@5.8.2):
     dependencies:
       '@volar/typescript': 2.4.11
-      '@vue/language-core': 2.2.0(typescript@5.7.3)
+      '@vue/language-core': 2.2.8(typescript@5.8.2)
       path-browserify: 1.0.1
-      vue-component-type-helpers: 2.2.0
+      vue-component-type-helpers: 2.2.8
     optionalDependencies:
-      typescript: 5.7.3
+      typescript: 5.8.2
 
-  vue-component-type-helpers@2.2.0: {}
+  vue-component-type-helpers@2.2.8: {}
 
-  vue-demi@0.14.10(vue@3.5.13(typescript@5.7.3)):
+  vue-demi@0.14.10(vue@3.5.13(typescript@5.8.2)):
     dependencies:
-      vue: 3.5.13(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.8.2)
 
   vue-devtools-stub@0.1.0: {}
 
-  vue-docgen-api@4.79.2(vue@3.5.13(typescript@5.7.3)):
+  vue-docgen-api@4.79.2(vue@3.5.13(typescript@5.8.2)):
     dependencies:
-      '@babel/parser': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/parser': 7.26.9
+      '@babel/types': 7.26.9
       '@vue/compiler-dom': 3.5.13
       '@vue/compiler-sfc': 3.5.13
       ast-types: 0.16.1
@@ -11035,15 +11164,15 @@ snapshots:
       hash-sum: 2.0.0
       lru-cache: 8.0.5
       pug: 3.0.3
-      recast: 0.23.9
+      recast: 0.23.11
       ts-map: 1.0.3
-      vue: 3.5.13(typescript@5.7.3)
-      vue-inbrowser-compiler-independent-utils: 4.71.1(vue@3.5.13(typescript@5.7.3))
+      vue: 3.5.13(typescript@5.8.2)
+      vue-inbrowser-compiler-independent-utils: 4.71.1(vue@3.5.13(typescript@5.8.2))
 
-  vue-eslint-parser@9.4.3(eslint@9.19.0(jiti@2.4.2)):
+  vue-eslint-parser@9.4.3(eslint@9.21.0(jiti@2.4.2)):
     dependencies:
       debug: 4.4.0(supports-color@9.4.0)
-      eslint: 9.19.0(jiti@2.4.2)
+      eslint: 9.21.0(jiti@2.4.2)
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
@@ -11053,43 +11182,43 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-inbrowser-compiler-independent-utils@4.71.1(vue@3.5.13(typescript@5.7.3)):
+  vue-inbrowser-compiler-independent-utils@4.71.1(vue@3.5.13(typescript@5.8.2)):
     dependencies:
-      vue: 3.5.13(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.8.2)
 
-  vue-inline-svg@3.1.4(vue@3.5.13(typescript@5.7.3)):
+  vue-inline-svg@3.1.4(vue@3.5.13(typescript@5.8.2)):
     dependencies:
-      vue: 3.5.13(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.8.2)
 
-  vue-router@4.5.0(vue@3.5.13(typescript@5.7.3)):
+  vue-router@4.5.0(vue@3.5.13(typescript@5.8.2)):
     dependencies:
       '@vue/devtools-api': 6.6.4
-      vue: 3.5.13(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.8.2)
 
-  vue-select@4.0.0-beta.6(vue@3.5.13(typescript@5.7.3)):
+  vue-select@4.0.0-beta.6(vue@3.5.13(typescript@5.8.2)):
     dependencies:
-      vue: 3.5.13(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.8.2)
 
-  vue-tsc@2.2.0(typescript@5.7.3):
+  vue-tsc@2.2.8(typescript@5.8.2):
     dependencies:
       '@volar/typescript': 2.4.11
-      '@vue/language-core': 2.2.0(typescript@5.7.3)
-      typescript: 5.7.3
+      '@vue/language-core': 2.2.8(typescript@5.8.2)
+      typescript: 5.8.2
 
   vue@2.7.16:
     dependencies:
       '@vue/compiler-sfc': 2.7.16
       csstype: 3.1.3
 
-  vue@3.5.13(typescript@5.7.3):
+  vue@3.5.13(typescript@5.8.2):
     dependencies:
       '@vue/compiler-dom': 3.5.13
       '@vue/compiler-sfc': 3.5.13
       '@vue/runtime-dom': 3.5.13
-      '@vue/server-renderer': 3.5.13(vue@3.5.13(typescript@5.7.3))
+      '@vue/server-renderer': 3.5.13(vue@3.5.13(typescript@5.8.2))
       '@vue/shared': 3.5.13
     optionalDependencies:
-      typescript: 5.7.3
+      typescript: 5.8.2
 
   webidl-conversions@3.0.1: {}
 
@@ -11104,8 +11233,8 @@ snapshots:
     dependencies:
       available-typed-arrays: 1.0.7
       call-bind: 1.0.8
-      call-bound: 1.0.3
-      for-each: 0.3.4
+      call-bound: 1.0.4
+      for-each: 0.3.5
       gopd: 1.2.0
       has-tostringtag: 1.0.2
 
@@ -11117,15 +11246,10 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
-  why-is-node-running@2.3.0:
-    dependencies:
-      siginfo: 2.0.0
-      stackback: 0.0.2
-
   with@7.0.2:
     dependencies:
-      '@babel/parser': 7.26.7
-      '@babel/types': 7.26.7
+      '@babel/parser': 7.26.9
+      '@babel/types': 7.26.9
       assert-never: 1.4.0
       babel-walk: 3.0.0-canary-5
 
@@ -11145,7 +11269,7 @@ snapshots:
 
   wrappy@1.0.2: {}
 
-  ws@8.18.0: {}
+  ws@8.18.1: {}
 
   xml-name-validator@4.0.0: {}
 
diff --git a/app/tailwind.config.js b/app/tailwind.config.js
index f71575585..ee08e5a93 100644
--- a/app/tailwind.config.js
+++ b/app/tailwind.config.js
@@ -37,165 +37,331 @@ export default {
     colors: {
       current: 'currentColor',
       inherit: 'inherit',
+
+      // Legacy
+      white: '#ffffff',
+      black: '#000000',
+      transparent: 'transparent',
+
+      // New color primitives
+      'standard-black': 'var(--standard-black)',
+      'standard-transparent': 'var(--standard-transparent)',
+      'standard-white': 'var(--standard-white)',
       primary: {
-        50: 'var(--color-primary-50)',
-        100: 'var(--color-primary-100)',
-        200: 'var(--color-primary-200)',
-        300: 'var(--color-primary-300)',
-        400: 'var(--color-primary-400)',
-        500: 'var(--color-primary-500)',
-        600: 'var(--color-primary-600)',
-        700: 'var(--color-primary-700)',
-        800: 'var(--color-primary-800)',
-        900: 'var(--color-primary-900)',
+        50: 'var(--primary-50)',
+        100: 'var(--primary-100)',
+        200: 'var(--primary-200)',
+        300: 'var(--primary-300)',
+        400: 'var(--primary-400)',
+        500: 'var(--primary-500)',
+        600: 'var(--primary-600)',
+        700: 'var(--primary-700)',
+        800: 'var(--primary-800)',
+        900: 'var(--primary-900)',
       },
       secondary: {
-        50: 'var(--color-secondary-50)',
-        100: 'var(--color-secondary-100)',
-        200: 'var(--color-secondary-200)',
-        300: 'var(--color-secondary-300)',
-        400: 'var(--color-secondary-400)',
-        500: 'var(--color-secondary-500)',
-        600: 'var(--color-secondary-600)',
-        700: 'var(--color-secondary-700)',
-        800: 'var(--color-secondary-800)',
-        900: 'var(--color-secondary-900)',
+        50: 'var(--secondary-50)',
+        100: 'var(--secondary-100)',
+        200: 'var(--secondary-200)',
+        300: 'var(--secondary-300)',
+        400: 'var(--secondary-400)',
+        500: 'var(--secondary-500)',
+        600: 'var(--secondary-600)',
+        700: 'var(--secondary-700)',
+        800: 'var(--secondary-800)',
+        900: 'var(--secondary-900)',
       },
       text: {
-        50: '#f9fafb',
-        100: '#f3f4f6',
-        200: '#e5e7eb',
-        300: '#d1d5db',
-        400: '#9ca3af',
-        500: '#6b7280',
-        600: '#4b5563',
-        700: '#374151',
-        800: '#1f2937',
-        900: '#111827',
+        50: 'var(--text-50)',
+        100: 'var(--text-100)',
+        200: 'var(--text-200)',
+        300: 'var(--text-300)',
+        400: 'var(--text-400)',
+        500: 'var(--text-500)',
+        600: 'var(--text-600)',
+        700: 'var(--text-700)',
+        800: 'var(--text-800)',
+        900: 'var(--text-900)',
       },
       blue: {
-        50: '#eff6ff',
-        100: '#dbeafe',
-        200: '#bfdbfe',
-        300: '#93c5fd',
-        400: '#60a5fa',
-        500: '#3b82f6',
-        600: '#2563eb',
-        700: '#1d4ed8',
-        800: '#1e40af',
-        900: '#1e3a8a',
+        50: 'var(--blue-50)',
+        100: 'var(--blue-100)',
+        200: 'var(--blue-200)',
+        300: 'var(--blue-300)',
+        400: 'var(--blue-400)',
+        500: 'var(--blue-500)',
+        600: 'var(--blue-600)',
+        700: 'var(--blue-700)',
+        800: 'var(--blue-800)',
+        900: 'var(--blue-900)',
+      },
+      gray: {
+        50: 'var(--gray-50)',
+        100: 'var(--gray-100)',
+        200: 'var(--gray-200)',
+        300: 'var(--gray-300)',
+        400: 'var(--gray-400)',
+        500: 'var(--gray-500)',
+        600: 'var(--gray-600)',
+        700: 'var(--gray-700)',
+        800: 'var(--gray-800)',
+        900: 'var(--gray-900)',
       },
       green: {
-        50: '#ecfdf5',
-        100: '#d1fae5',
-        200: '#a7f3d0',
-        300: '#6ee7b7',
-        400: '#34d399',
-        500: '#10b981',
-        600: '#059669',
-        700: '#047857',
-        800: '#065f46',
-        900: '#064e3b',
+        50: 'var(--green-50)',
+        100: 'var(--green-100)',
+        200: 'var(--green-200)',
+        300: 'var(--green-300)',
+        400: 'var(--green-400)',
+        500: 'var(--green-500)',
+        600: 'var(--green-600)',
+        700: 'var(--green-700)',
+        800: 'var(--green-800)',
+        900: 'var(--green-900)',
       },
       indigo: {
-        50: '#eef2ff',
-        100: '#e0e7ff',
-        200: '#c7d2fe',
-        300: '#a5b4fc',
-        400: '#818cf8',
-        500: '#6366f1',
-        600: '#4f46e5',
-        700: '#4338ca',
-        800: '#3730a3',
-        900: '#312e81',
+        50: 'var(--indigo-50)',
+        100: 'var(--indigo-100)',
+        200: 'var(--indigo-200)',
+        300: 'var(--indigo-300)',
+        400: 'var(--indigo-400)',
+        500: 'var(--indigo-500)',
+        600: 'var(--indigo-600)',
+        700: 'var(--indigo-700)',
+        800: 'var(--indigo-800)',
+        900: 'var(--indigo-900)',
       },
       orange: {
-        50: '#fff7ed',
-        100: '#ffedd5',
-        200: '#fed7aa',
-        300: '#fdba74',
-        400: '#fb923c',
-        500: '#f97316',
-        600: '#ea580c',
-        700: '#c2410c',
-        800: '#9a3412',
-        900: '#7c2d12',
+        50: 'var(--orange-50)',
+        100: 'var(--orange-100)',
+        200: 'var(--orange-200)',
+        300: 'var(--orange-300)',
+        400: 'var(--orange-400)',
+        500: 'var(--orange-500)',
+        600: 'var(--orange-600)',
+        700: 'var(--orange-700)',
+        800: 'var(--orange-800)',
+        900: 'var(--orange-900)',
       },
       pink: {
-        50: '#fdf2f8',
-        100: '#fce7f3',
-        200: '#fbcfe8',
-        300: '#f9a8d4',
-        400: '#f472b6',
-        500: '#ec4899',
-        600: '#db2777',
-        700: '#be185d',
-        800: '#9d174d',
-        900: '#831843',
+        50: 'var(--pink-50)',
+        100: 'var(--pink-100)',
+        200: 'var(--pink-200)',
+        300: 'var(--pink-300)',
+        400: 'var(--pink-400)',
+        500: 'var(--pink-500)',
+        600: 'var(--pink-600)',
+        700: 'var(--pink-700)',
+        800: 'var(--pink-800)',
+        900: 'var(--pink-900)',
       },
       purple: {
-        50: '#f5f3ff',
-        100: '#ede9fe',
-        200: '#ddd6fe',
-        300: '#c4b5fd',
-        400: '#a78bfa',
-        500: '#8655F6',
-        600: '#7c3aed',
-        700: '#6d28d9',
-        800: '#5b21b6',
-        900: '#4c1d95',
+        50: 'var(--purple-50)',
+        100: 'var(--purple-100)',
+        200: 'var(--purple-200)',
+        300: 'var(--purple-300)',
+        400: 'var(--purple-400)',
+        500: 'var(--purple-500)',
+        600: 'var(--purple-600)',
+        700: 'var(--purple-700)',
+        800: 'var(--purple-800)',
+        900: 'var(--purple-900)',
       },
       red: {
-        50: '#ffedee',
-        100: '#fae1e2',
-        200: '#ffccce',
-        300: '#fa9da1',
-        400: '#fc656b',
-        500: '#e53940',
-        600: '#d8232a',
-        700: '#bf1f25',
-        800: '#99191e',
-        900: '#801519',
+        50: 'var(--red-50)',
+        100: 'var(--red-100)',
+        200: 'var(--red-200)',
+        300: 'var(--red-300)',
+        400: 'var(--red-400)',
+        500: 'var(--red-500)',
+        600: 'var(--red-600)',
+        700: 'var(--red-700)',
+        800: 'var(--red-800)',
+        900: 'var(--red-900)',
       },
       teal: {
-        50: '#f2fdfc',
-        100: '#cbfbf8',
-        200: '#98f6f3',
-        300: '#5de8ea',
-        400: '#2bced4',
-        500: '#14afb8',
-        600: '#0d8b96',
-        700: '#0f6b75',
-        800: '#11575f',
-        900: '#13474e',
+        50: 'var(--teal-50)',
+        100: 'var(--teal-100)',
+        200: 'var(--teal-200)',
+        300: 'var(--teal-300)',
+        400: 'var(--teal-400)',
+        500: 'var(--teal-500)',
+        600: 'var(--teal-600)',
+        700: 'var(--teal-700)',
+        800: 'var(--teal-800)',
+        900: 'var(--teal-900)',
       },
       yellow: {
-        50: '#fffbeb',
-        100: '#fef3c7',
-        200: '#fde68a',
-        300: '#fcd34d',
-        400: '#fbbf24',
-        500: '#f59e0b',
-        600: '#d97706',
-        700: '#b45309',
-        800: '#92400e',
-        900: '#78350f',
+        50: 'var(--yellow-50)',
+        100: 'var(--yellow-100)',
+        200: 'var(--yellow-200)',
+        300: 'var(--yellow-300)',
+        400: 'var(--yellow-400)',
+        500: 'var(--yellow-500)',
+        600: 'var(--yellow-600)',
+        700: 'var(--yellow-700)',
+        800: 'var(--yellow-800)',
+        900: 'var(--yellow-900)',
       },
-      gray: {
-        50: '#f9fafb',
-        100: '#f3f4f6',
-        200: '#e5e7eb',
-        300: '#d1d5db',
-        400: '#9ca3af',
-        500: '#6b7280',
-        600: '#4b5563',
-        700: '#374151',
-        800: '#1f2937',
-        900: '#111827',
+
+      // New color tokens
+      action: {
+        'darkmode-hover-red': 'var(--primary-700)',
+        'darkmode-main-red': 'var(--primary-600)',
+        disabled: 'var(--action-disabled)',
+        'hover-main': 'var(--action-hover-main)',
+        'hover-secondary': 'var(--action-hover-secondary)',
+        main: 'var(--action-main)',
+        secondary: 'var(--action-secondary)',
+      },
+      background: {
+        'accent-01': 'var(--background-accent-01)',
+        'accent-02': 'var(--background-accent-02)',
+        'accent-03': 'var(--background-accent-03)',
+        'accent-04': 'var(--background-accent-04)',
+        main: 'var(--background-main)',
+        breadcrumb: 'var(--background-breadcrumb)',
+      },
+      elements: {
+        color: '#ffffff',
+        'card-01': 'var(--elements-card-card-01)',
+        'divider-50': 'var(--elements-divider-50)',
+        'divider-100': 'var(--elements-divider-100)',
+        'divider-200': 'var(--elements-divider-200)',
+        'card-header-border': 'var(--elements-card-header-border)',
+        'card-header-background': 'var(--elements-card-header-background)',
+        'top-bar-background': 'var(--elements-top-bar-background)',
+        'top-bar-background-open': 'var(--elements-top-bar-background-open)',
+        'top-bar-background-easy-language':
+          'var(--elements-top-bar-background-easy-language)',
+        'top-bar-background-sign-language':
+          'var(--elements-top-bar-background-sign-language)',
+        'top-bar-drawer-background':
+          'var(--elements-top-bar-drawer-background)',
+        'top-bar-drawer-localization-link':
+          'var(--elements-top-bar-drawer-localization-link)',
+        'top-bar-drawer-localization-link-border':
+          'var(--elements-top-bar-drawer-localization-link-border)',
+        'top-bar-button-background':
+          'var(--elements-top-bar-button-background)',
+        'top-bar-button-hover-text':
+          'var(--elements-top-bar-button-hover-text)',
+        'top-bar-button-focus-text':
+          'var(--elements-top-bar-button-focus-text)',
+        'top-bar-badge-icon': 'var(--elements-top-bar-badge-icon)',
+        'top-header-easy-language-icon-background':
+          'var(--elements-top-header-easy-language-icon-background)',
+        'top-header-sign-language-icon-background':
+          'var(--elements-top-header-sign-language-icon-background)',
+        'top-header-easy-language-icon':
+          'var(--elements-top-header-easy-language-icon)',
+        'top-header-sign-language-icon':
+          'var(--elements-top-header-sign-language-icon)',
+        'footer-background-01': 'var(--elements-footer-background-01)',
+        'footer-text': 'var(--elements-footer-text)',
+        'footer-link': 'var(--elements-footer-link)',
+        'footer-link-hover': 'var(--elements-footer-link-hover)',
+        'footer-link-hover-background':
+          'var(--elements-footer-link-hover-background)',
+        'footer-information-link-hover-text':
+          'var(--elements-footer-information-link-hover-text)',
+        'footer-link-focus': 'var(--elements-footer-link-focus)',
+        'navigation-01': 'var(--elements-navigation-01)',
+        'navigation-02': 'var(--elements-navigation-02)',
+        'footer-navigation-background-01':
+          'var(--elements-footer-navigation-background-01)',
+        'navigation-top-bar-hover-text':
+          'var(--elements-navigation-top-bar-mobile-hover-text)',
+        'navigation-top-bar-focus-text':
+          'var(--elements-navigation-top-bar-mobile-focus-text)',
+      },
+      states: {
+        'error-bg': 'var(--states-error-error-bg)',
+        'error-text': 'var(--states-error-error-text)',
+        'information-bg': 'var(--states-information-information-bg)',
+        'information-text': 'var(--states-information-information-text)',
+        'hint-bg': 'var(--states-hint-hint-bg)',
+        'hint-text': 'var(--states-hint-hint-text)',
+        'success-bg': 'var(--states-success-success-bg)',
+        'success-text': 'var(--states-success-success-text)',
+        'warning-bg': 'var(--states-warning-warning-bg)',
+        'warning-text': 'var(--states-warning-warning-text)',
+        'alert-bg': 'var(--states-alert-alert-bg)',
+        'alert-text': 'var(--states-alert-alert-text)',
+      },
+      'text-new': {
+        contrast: 'var(--text-contrast-text)',
+        disabled: 'var(--text-disabled-text)',
+        label: 'var(--text-label-text)',
+        main: 'var(--text-main-text)',
+        quote: 'var(--text-quote-text)',
+        selected: 'var(--text-selected-text)',
+        'highlight-text': 'var(--text-highlight-text)',
+      },
+      'ui-elements': {
+        button: {
+          'background-cta-default':
+            'var(--ui-elements-button-background-cta-default)',
+          'background-cta-disabled':
+            'var(--ui-elements-button-background-cta-disabled)',
+          'background-cta-hover':
+            'var(--ui-elements-button-background-cta-hover)',
+          'footer-information-newsletter-button-border':
+            'var(--ui-elements-footer-informtion-button-border)',
+          'footer-information-newsletter-button-background':
+            'var(--ui-elements-footer-informtion-button-background)',
+        },
+        checkbox: {
+          'active-background': 'var(--ui-elements-checkbox-active-background)',
+        },
+        inputfield: {
+          select: {
+            'choose-default-background':
+              'var(--ui-elements-inputfield-select-background-choose-default-choose-background)',
+            'choose-disabled-background':
+              'var(--ui-elements-inputfield-select-background-choose-disabled-choose-background)',
+            'choose-disabled-color':
+              'var(--ui-elements-inputfield-select-text-choose-disabled-choose-color)',
+            'choose-disabled-text-color':
+              '--ui-elements-inputfield-select-text-choose-disabled-text-color',
+            'selected-background':
+              'var(--ui-elements-inputfield-select-background-selected-background-color)',
+            'disabled-background':
+              'var(--ui-elements-inputfield-select-background-disabled-background)',
+            'default-background':
+              'var(--ui-elements-inputfield-select-background-default-background)',
+            'disabled-stroke':
+              'var(--ui-elements-inputfield-select-stroke-disabled-stroke)',
+            'error-stroke':
+              'var(--ui-elements-inputfield-select-stroke-error-stroke)',
+            'main-stroke':
+              'var(--ui-elements-inputfield-select-stroke-main-stroke)',
+            'disabled-text':
+              'var(--ui-elements-inputfield-select-text-disabled-text)',
+            'main-text': 'var(--ui-elements-inputfield-select-text-main-text)',
+            'footer-select': 'var(--ui-elements-footer-select-background)',
+          },
+        },
+        radiobutton: {
+          'active-background':
+            'var(--ui-elements-radiobutton-active-background)',
+          'disabled-background':
+            'var(--ui-elements-radiobutton-disabled-background)',
+          'disabled-stroke': 'var(--ui-elements-radiobutton-disabled-stroke)',
+          'inactive-background':
+            'var(--ui-elements-radiobutton-inactive-background)',
+          'main-stroke': 'var(--ui-elements-radiobutton-main-stroke)',
+        },
+        tag: {
+          'background-active': 'var(--ui-elements-tag-background-active)',
+          'background-default': 'var(--ui-elements-tag-background-default)',
+          'background-disabled-fill':
+            'var(--ui-elements-tag-background-disabled-fill)',
+          'background-disabled-stroke':
+            'var(--ui-elements-tag-background-disabled-stroke)',
+          'background-hover': 'var(--ui-elements-tag-background-hover)',
+        },
       },
-      white: '#ffffff',
-      black: '#000000',
-      transparent: 'transparent',
     },
     fontWeight: {
       normal: 400,
@@ -231,7 +397,8 @@ export default {
       xl: '0px 6px 10px -5px rgba(0,0,0,0.06), 0px 15px 25px -3px rgba(0,0,0,0.09)',
       '2xl':
         '0px 10px 20px 0px rgba(0,0,0,0.06), 1px 10px 70px -8px rgba(0,0,0,0.13)',
-      none: '0px 0px 0px 0px rgba(0,0,0,0)',
+      none: '0 0 0 0 rgba(0,0,0,0)',
+      focus: '0 0 0 3px var(--purple-500, #8655f6)',
     },
     borderRadius: {
       none: '0',
diff --git a/css/components/accordion.postcss b/css/components/accordion.postcss
index 4a21517b7..a5e013e44 100644
--- a/css/components/accordion.postcss
+++ b/css/components/accordion.postcss
@@ -12,12 +12,12 @@ main .accordion {
 }
 
 .accordion__item {
-  @apply border-t border-secondary-200;
+  @apply border-t border-elements-divider-100;
   @apply list-none;
   @apply mt-0 !important;
 
   &:last-of-type {
-    @apply border-b border-secondary-200;
+    @apply border-b border-elements-divider-100;
   }
 }
 
@@ -25,8 +25,9 @@ main .accordion {
   @apply flex items-center;
   @apply w-full px-2 py-3 2xl:px-3 2xl:py-5;
   @apply font-bold;
-  @apply hover:text-primary-500;
+  @apply hover:text-action-darkmode-hover-red;
   @apply transition-colors duration-200;
+  @apply text-text-new-main;
 
   @media (hover: none) {
     &:hover {
@@ -60,6 +61,8 @@ main .accordion {
   @apply w-full max-h-0;
   @apply overflow-hidden;
   transition: max-height 0.3s ease-out;
+  @apply bg-background-main;
+  @apply text-text-new-main;
 }
 
 /* Dynamically adjust to content */
@@ -78,7 +81,7 @@ main .accordion {
 }
 
 .highlight-blue {
-  @apply bg-blue-100;
+  @apply bg-text-new-highlight-text;
 }
 
 .accordion__loading-icon {
diff --git a/css/components/authors.postcss b/css/components/authors.postcss
index 58b7e359e..a21efb67f 100644
--- a/css/components/authors.postcss
+++ b/css/components/authors.postcss
@@ -6,7 +6,7 @@
   @apply flex items-center;
   @apply py-4;
   @apply text--sm;
-  @apply border-y border-secondary-100;
+  @apply border-y border-elements-divider-50;
 }
 
 .authors > address {
diff --git a/css/components/back-to-top-btn.postcss b/css/components/back-to-top-btn.postcss
index 52c4f0a91..7975d9f2e 100644
--- a/css/components/back-to-top-btn.postcss
+++ b/css/components/back-to-top-btn.postcss
@@ -33,6 +33,7 @@
   @apply shadow-lg;
   @apply hover:shadow-xl;
   @apply appearance-none;
+  @apply border border-standard-transparent;
 
   .back-to-top-wrapper & {
     position: fixed; /* fallback */
@@ -58,31 +59,22 @@
 
 /* TYPES */
 
-.back-to-top-btn--default {
-  @apply bg-white;
-
-  .back-to-top-btn__icon {
-    @apply text-secondary-500;
-    @apply hover:text-primary-600;
-  }
-}
-
 .back-to-top-btn--negative {
-  @apply bg-secondary-500;
-  @apply hover:bg-secondary-600;
+  @apply bg-action-secondary;
+  @apply hover:bg-action-hover-secondary;
 
   .back-to-top-btn__icon {
-    @apply text-white;
+    @apply text-text-new-contrast;
   }
 }
 
 .back-to-top-btn--outline {
-  @apply bg-white;
-  @apply border border-primary-600;
-  @apply hover:border-primary-700;
+  @apply bg-background-main;
+  @apply border-action-main;
+  @apply hover:border-action-hover-main;
 
   .back-to-top-btn__icon {
-    @apply text-primary-600;
-    @apply hover:text-primary-700;
+    @apply text-action-main;
+    @apply hover:text-action-hover-main;
   }
 }
diff --git a/css/components/badge-filter.postcss b/css/components/badge-filter.postcss
index a28d1adbf..5c1c52581 100644
--- a/css/components/badge-filter.postcss
+++ b/css/components/badge-filter.postcss
@@ -26,7 +26,7 @@
 
   .carousel__prev,
   .carousel__next {
-    @apply text-primary-600;
+    @apply text-action-main;
 
     &[disabled] {
       @apply hidden;
@@ -46,7 +46,7 @@
     @apply order-1;
     @apply absolute z-10;
     @apply -translate-x-full;
-    @apply bg-gradient-to-r via-secondary-50 from-secondary-50;
+    @apply bg-gradient-to-r via-background-accent-01 from-background-accent-01;
     @apply top-0 bottom-0 left-6;
     @apply w-10 h-10;
   }
@@ -55,7 +55,7 @@
     @apply order-3;
     @apply absolute z-10;
     @apply translate-x-full;
-    @apply bg-gradient-to-l via-secondary-50 from-secondary-50;
+    @apply bg-gradient-to-l via-background-accent-01 from-background-accent-01;
     @apply top-0 bottom-0 right-6;
     @apply w-10 h-10;
   }
diff --git a/css/components/badge.postcss b/css/components/badge.postcss
index 13d133857..690edd7b4 100644
--- a/css/components/badge.postcss
+++ b/css/components/badge.postcss
@@ -6,18 +6,26 @@
   @apply inline-flex items-center;
   @apply py-[0.219em] px-[1em];
   @apply rounded-full;
+  @apply border border-transparent;
 }
 
 .badge--disabled {
   @apply !opacity-40;
   @apply !cursor-default;
+
+  &.badge--gray {
+    @apply !opacity-100;
+    @apply !text-text-new-disabled;
+    @apply !bg-ui-elements-tag-background-disabled-fill;
+    @apply border-ui-elements-tag-background-disabled-stroke;
+  }
 }
 
 /* COLORS */
 
 .badge--gray {
-  @apply text-gray-800;
-  @apply bg-secondary-100;
+  @apply text-text-new-main;
+  @apply bg-ui-elements-tag-background-default;
 }
 
 .badge--red,
@@ -54,9 +62,9 @@
   @apply bg-indigo-100;
 }
 
-.badge--negative {
-  @apply text-gray-100;
-  @apply bg-gray-800;
+.badge--active {
+  @apply text-white;
+  @apply bg-action-darkmode-main-red;
 }
 
 .badge--purple {
diff --git a/css/components/box.postcss b/css/components/box.postcss
index 9faeeea3d..7629970d3 100644
--- a/css/components/box.postcss
+++ b/css/components/box.postcss
@@ -4,7 +4,7 @@
 
 .box {
   @apply p-4 xs:p-5 lg:p-6 2xl:p-8;
-  @apply bg-secondary-50;
+  @apply bg-background-accent-01;
 }
 
 .box + .box {
diff --git a/css/components/btn.postcss b/css/components/btn.postcss
index cd934dbad..282ad2929 100644
--- a/css/components/btn.postcss
+++ b/css/components/btn.postcss
@@ -10,102 +10,45 @@
   @apply no-underline; /* override general styling for links in main */
   @apply rounded-sm;
   @apply focus:outline-none;
+  @apply border border-standard-transparent bg-standard-transparent;
 }
 
 .btn--outline {
-  @apply text-primary-600 font-normal;
-  @apply border border-primary-600;
-  @apply hover:text-primary-700 hover:border-primary-700;
-  @apply focus:text-primary-600 focus:border-primary-600;
-
-  &:disabled {
-    @apply text-secondary-300;
-    @apply border-secondary-200;
-  }
+  @apply text-action-main hover:text-action-hover-main focus:text-action-main font-normal;
+  @apply border border-action-main hover:border-action-hover-main focus:border-action-main;
+  @apply hover:bg-ui-elements-button-background-cta-hover focus:bg-ui-elements-button-background-cta-default;
+  @apply focus:shadow-focus;
+  @apply disabled:text-action-disabled disabled:border-action-disabled disabled:bg-ui-elements-button-background-cta-disabled;
 }
 
 .btn--bare {
   @apply px-2;
-  @apply text-secondary-800 font-normal;
-  @apply hover:text-primary-600;
-
-  &:disabled {
-    @apply text-secondary-300;
-    @apply bg-transparent;
-  }
+  @apply text-text-new-main bg-standard-transparent font-normal;
+  @apply hover:text-action-hover-main;
+  @apply focus:text-action-main;
+  @apply disabled:text-action-disabled;
 }
 
 .btn--link {
   @apply pr-2 pl-0;
-  @apply text-primary-600 font-normal;
-  @apply hover:text-primary-700;
+  @apply text-text-new-main bg-standard-transparent font-normal;
+  @apply hover:text-action-hover-main;
+  @apply focus:text-action-main;
+  @apply disabled:text-action-disabled;
 
   .btn__icon {
     @apply w-8;
     @apply stroke-0 md:stroke-[0.05px] lg:stroke-[0.1px];
     @apply fill-current stroke-current;
   }
-
-  &:disabled {
-    @apply text-secondary-300;
-    @apply bg-transparent;
-  }
-}
-
-.btn--link-negative {
-  @apply pr-2 pl-0;
-  @apply text-white font-normal underline underline-offset-2;
-  @apply hover:text-secondary-100;
-  @apply focus:text-white;
-
-  .btn__icon {
-    @apply w-8;
-    @apply stroke-0 md:stroke-[0.05px] lg:stroke-[0.1px];
-    @apply fill-current stroke-current;
-  }
-
-  &:disabled {
-    @apply text-secondary-200;
-    @apply bg-transparent;
-  }
 }
 
 .btn--filled {
-  @apply text-white font-bold;
-  @apply bg-secondary-500;
-  @apply border border-secondary-500;
-  @apply hover:text-secondary-100;
-  @apply focus:text-white;
-
-  &:disabled {
-    @apply text-white;
-    @apply bg-secondary-200;
-    @apply border-secondary-200;
-  }
-}
-
-.btn--outline-negative {
-  @apply text-white font-bold;
-  @apply bg-secondary-500;
-  @apply border border-white;
-  @apply hover:text-secondary-100 hover:border-secondary-100;
-  @apply focus:text-white focus:border-white;
-
-  &:disabled {
-    @apply text-secondary-200;
-    @apply border-secondary-300;
-    @apply bg-transparent;
-  }
-}
-
-.btn--bare-negative {
-  @apply text-white;
-  @apply hover:text-secondary-100;
-  @apply focus:text-white;
-
-  &:disabled {
-    @apply text-secondary-200;
-  }
+  @apply text-text-new-contrast font-bold bg-action-secondary;
+  @apply shadow-md;
+  @apply hover:bg-action-hover-secondary hover:border-action-hover-secondary;
+  @apply focus:bg-action-secondary focus:text-text-new-contrast focus:shadow-focus;
+  @apply disabled:text-text-new-contrast disabled:bg-action-disabled disabled:border-action-disabled;
 }
 
 /* SIZES */
@@ -193,3 +136,11 @@
 .btn--full-width {
   @apply w-full;
 }
+
+.footer-information-newsletter--button {
+  @apply focus:shadow-focus;
+  @apply text-white font-bold focus:text-white;
+  @apply hover:text-secondary-100 hover:border-secondary-100;
+  @apply border border-ui-elements-button-footer-information-newsletter-button-border hover:border-ui-elements-button-footer-information-newsletter-button-border focus:border-ui-elements-button-footer-information-newsletter-button-border;
+  @apply bg-ui-elements-button-footer-information-newsletter-button-background hover:bg-ui-elements-button-footer-information-newsletter-button-background focus:bg-ui-elements-button-footer-information-newsletter-button-background;
+}
diff --git a/css/components/card.postcss b/css/components/card.postcss
index d4944a5f8..1f7442bd3 100644
--- a/css/components/card.postcss
+++ b/css/components/card.postcss
@@ -4,7 +4,7 @@
 
 .card {
   @apply flex flex-col h-full;
-  @apply bg-white;
+  @apply bg-elements-card-01;
   container-type: inline-size;
 }
 
@@ -21,7 +21,7 @@
   .btn::after {
     content: '';
     @apply absolute top-0 right-0 left-0 bottom-0;
-    @apply border-2 border-text-50 border-opacity-0 transition-all duration-300 ease-in-out;
+    @apply transition-all duration-300 ease-in-out;
   }
 
   &:hover,
@@ -29,7 +29,7 @@
     @apply shadow-2xl;
 
     .card__title {
-      @apply text-primary-700;
+      @apply text-action-hover-main;
     }
 
     a::after,
@@ -174,7 +174,6 @@
     content: '';
     @apply absolute z-0;
     @apply inset-0;
-    @apply bg-secondary-50 border-2 border-white;
     @apply opacity-70;
   }
 
@@ -197,14 +196,15 @@
 .card__header {
   @apply flex items-center;
   @apply p-6;
-  @apply bg-secondary-100;
+  @apply bg-elements-card-header-background;
+  @apply border-b border-elements-card-header-border;
 }
 
 .card__content {
   @apply flex flex-col justify-between;
   @apply h-full;
   @apply z-10;
-  @apply bg-white;
+  @apply bg-elements-card-01;
 }
 
 .card__body {
@@ -252,7 +252,7 @@
 }
 
 .card__footer__info {
-  @apply text-secondary-500 text--sm;
+  @apply text-text-new-label text--sm;
   @apply pr-6;
 }
 
diff --git a/css/components/carousel.postcss b/css/components/carousel.postcss
index 74c2d0bed..ecdaa8d0d 100644
--- a/css/components/carousel.postcss
+++ b/css/components/carousel.postcss
@@ -16,12 +16,12 @@
 
 .carousel__prev,
 .carousel__next {
-  @apply hover:text-primary-600;
+  @apply hover:text-action-hover-main;
   @apply transition-colors duration-200;
 
   &[disabled] {
-    @apply bg-white;
-    @apply 2xl:bg-gradient-to-r 2xl:via-white 2xl:from-white opacity-50;
+    @apply bg-background-main;
+    @apply 2xl:bg-gradient-to-r 2xl:via-background-main 2xl:from-background-main opacity-50;
   }
 
   & svg {
@@ -35,14 +35,15 @@
 
 .carousel__bullet {
   @apply block w-4 h-4 rounded-full mx-2;
-  @apply bg-transparent border border-text-600;
-  @apply hover:border-primary-600 hover:bg-primary-500;
+  @apply bg-action-disabled border border-action-disabled;
+  @apply hover:border-action-hover-main hover:bg-action-hover-main;
   @apply cursor-pointer;
   @apply transition-colors duration-200;
 }
 
 .carousel__bullet--active {
-  @apply bg-text-500 hover:bg-text-500;
+  @apply bg-action-secondary hover:bg-action-secondary;
+  @apply border-action-secondary;
   @apply cursor-default;
 }
 
@@ -96,14 +97,14 @@
     @apply 2xl:absolute  2xl:z-10;
     @apply 2xl:top-0 2xl:bottom-0 2xl:left-0;
     @apply 2xl:-translate-x-full;
-    @apply 2xl:bg-gradient-to-r 2xl:via-white 2xl:from-white;
+    @apply 2xl:bg-gradient-to-r 2xl:via-background-main 2xl:from-background-main;
   }
 
   .carousel__next {
     @apply order-3;
     @apply 2xl:absolute 2xl:top-0 2xl:bottom-0 2xl:right-0 2xl:z-10;
     @apply 2xl:translate-x-full;
-    @apply 2xl:bg-gradient-to-l 2xl:via-white 2xl:from-white;
+    @apply 2xl:bg-gradient-to-l 2xl:via-background-main 2xl:from-background-main;
   }
 
   .carousel__pagination {
@@ -120,74 +121,94 @@
   }
 }
 
-.bg--secondary-50 {
+.bg--accent-01 {
   .carousel__prev {
-    @apply 2xl:via-secondary-50 2xl:from-secondary-50;
+    @apply 2xl:via-background-accent-01 2xl:from-background-accent-01;
     &[disabled] {
-      @apply bg-secondary-50;
+      @apply bg-background-accent-01;
     }
   }
   .carousel__next {
-    @apply 2xl:via-secondary-50 2xl:from-secondary-50;
+    @apply 2xl:via-background-accent-01 2xl:from-background-accent-01;
     &[disabled] {
-      @apply bg-secondary-50;
+      @apply bg-background-accent-01;
     }
   }
 }
-.bg--secondary-100 {
+.bg--accent-02 {
   .carousel__prev {
-    @apply 2xl:via-secondary-100 2xl:from-secondary-100;
+    @apply 2xl:via-background-accent-02 2xl:from-background-accent-02;
     &[disabled] {
-      @apply bg-secondary-100;
+      @apply bg-background-accent-02;
     }
   }
   .carousel__next {
-    @apply 2xl:via-secondary-100 2xl:from-secondary-100;
+    @apply 2xl:via-background-accent-02 2xl:from-background-accent-02;
     &[disabled] {
-      @apply bg-secondary-100;
+      @apply bg-background-accent-02;
     }
   }
 }
-.bg--secondary-500 {
+.bg--accent-03 {
   .carousel__prev {
-    @apply 2xl:via-secondary-500 2xl:from-secondary-500;
+    @apply 2xl:via-background-accent-03 2xl:from-background-accent-03;
     &[disabled] {
-      @apply bg-secondary-500;
+      @apply bg-background-accent-03;
     }
   }
   .carousel__next {
-    @apply 2xl:via-secondary-500 2xl:from-secondary-500;
+    @apply 2xl:via-background-accent-03 2xl:from-background-accent-03;
     &[disabled] {
-      @apply bg-secondary-500;
+      @apply bg-background-accent-03;
     }
   }
 }
-.bg--secondary-600 {
+.bg--accent-04 {
   .carousel__prev {
-    @apply 2xl:via-secondary-600 2xl:from-secondary-600;
+    @apply 2xl:via-background-accent-04 2xl:from-background-accent-04;
     &[disabled] {
-      @apply bg-secondary-600;
+      @apply bg-background-accent-04;
     }
   }
   .carousel__next {
-    @apply 2xl:via-secondary-600 2xl:from-secondary-600;
+    @apply 2xl:via-background-accent-04 2xl:from-background-accent-04;
     &[disabled] {
-      @apply bg-secondary-600;
+      @apply bg-background-accent-04;
     }
   }
 }
 
-.bg--secondary-500,
-.bg--secondary-600 {
+.bg--accent-01,
+.bg--accent-02 {
   .carousel__bullet {
-    @apply border-text-400;
+    @apply bg-secondary-200 hover:bg-primary-700;
+    @apply border-secondary-200 hover:border-primary-700;
+  }
+
+  .carousel__bullet--active {
+    @apply bg-secondary-400 hover:bg-secondary-400;
+    @apply border-secondary-400 hover:border-primary-700;
+  }
+
+  .carousel__prev,
+  .carousel__next {
+    @apply text-text-new-main hover:text-primary-700;
+  }
+}
+
+.bg--accent-03,
+.bg--accent-04 {
+  .carousel__bullet {
+    @apply bg-secondary-200 hover:bg-white;
+    @apply border-secondary-200 hover:border-white;
   }
   .carousel__bullet--active {
-    @apply bg-text-300;
+    @apply bg-white border-white;
   }
+
   .carousel__prev,
   .carousel__next {
-    @apply text-text-50 hover:text-primary-400;
+    @apply text-text-50 hover:text-secondary-100;
   }
 }
 
diff --git a/css/components/disc-image.postcss b/css/components/disc-image.postcss
index 4c2b0737a..ebac80bac 100644
--- a/css/components/disc-image.postcss
+++ b/css/components/disc-image.postcss
@@ -17,7 +17,7 @@
 
   @apply rounded-full overflow-hidden;
   @apply border-2 border-white;
-  @apply bg-secondary-100;
+  @apply bg-background-accent-02;
 
   @apply font-bold text-lg text-secondary-200;
 
diff --git a/css/components/download-item.postcss b/css/components/download-item.postcss
index 1b1bb0019..93012027f 100644
--- a/css/components/download-item.postcss
+++ b/css/components/download-item.postcss
@@ -5,12 +5,12 @@
 .download-item {
   @apply flex w-full;
   @apply pl-0 pb-4 pt-4;
-  @apply border-b border-secondary-200;
+  @apply border-b border-elements-divider-100;
   @apply text-left;
   @apply no-underline text-inherit; /* override general styling for links in main */
 
-  .bg--secondary-50 & {
-    @apply border-secondary-300;
+  .bg--accent-01 & {
+    @apply border-elements-divider-200;
   }
 
   .accordion &:last-of-type {
@@ -22,7 +22,7 @@
 .download-item__icon {
   @apply -my-1 -ml-1;
   @apply pr-1 md:pr-2;
-  @apply text-primary-600;
+  @apply text-action-darkmode-main-red;
   @apply h-7 md:h-8 lg:h-9;
 }
 
@@ -32,7 +32,7 @@
   @apply transition-colors duration-200;
 
   .download-item:hover & {
-    @apply text-primary-600;
+    @apply text-action-darkmode-main-red;
   }
 }
 
@@ -42,7 +42,7 @@
 
 .download-item__description {
   @apply break-words;
-  @apply text-text-800; /* override general styling for links in main */
+  @apply text-text-new-main; /* override general styling for links in main */
 }
 
 .download-item__meta-info {
@@ -50,7 +50,7 @@
 }
 
 .download-meta-info {
-  @apply text-gray-400;
+  @apply text-text-new-label;
 }
 
 .download-item__meta-divider {
diff --git a/css/components/form.postcss b/css/components/form.postcss
index c4db908ba..05d1bb73b 100644
--- a/css/components/form.postcss
+++ b/css/components/form.postcss
@@ -7,6 +7,7 @@
 
 .form__group__legend {
   @apply mb-2;
+  @apply text-text-new-main;
 }
 
 .form__group__input,
diff --git a/css/components/glossary.postcss b/css/components/glossary.postcss
index e54716e91..b5f56cca2 100644
--- a/css/components/glossary.postcss
+++ b/css/components/glossary.postcss
@@ -9,7 +9,7 @@
 .glossar-result__title {
   @apply text-7xl;
   font-weight: 600;
-  @apply text-text-600;
+  @apply text-text-new-label;
   @apply mt-5 mb-2.5 md:mt-10 md:mb-5;
 }
 
diff --git a/css/components/index-page-card.postcss b/css/components/index-page-card.postcss
index aab8588c3..e0564fa78 100644
--- a/css/components/index-page-card.postcss
+++ b/css/components/index-page-card.postcss
@@ -5,7 +5,7 @@
 .index-page__card {
   container-type: inline-size;
   @apply space-y-3;
-  @apply bg-white;
+  @apply bg-background-main;
 
   &,
   &:hover {
@@ -55,7 +55,7 @@
   &:focus-within {
     /* Title hover interaction color */
     .index-page__card-title {
-      @apply text-primary-700;
+      @apply text-action-hover-main;
     }
   }
 }
diff --git a/css/components/index-page.postcss b/css/components/index-page.postcss
index 966253e81..0ea024fe4 100644
--- a/css/components/index-page.postcss
+++ b/css/components/index-page.postcss
@@ -9,7 +9,7 @@
 .index-page-result__title {
   @apply text-7xl;
   font-weight: 600;
-  @apply text-text-600;
+  @apply text-text-new-label;
   @apply mt-6;
   @apply px-1;
 }
diff --git a/css/components/input.postcss b/css/components/input.postcss
index 9eaee267c..f3f4fc65c 100644
--- a/css/components/input.postcss
+++ b/css/components/input.postcss
@@ -3,6 +3,11 @@
   --input-min-height-2xl: 48px;
 }
 
+.label,
+label {
+  @apply text-text-new-main;
+}
+
 .input,
 input,
 textarea,
@@ -10,12 +15,24 @@ select {
   @apply w-full;
   @apply px-4 py-[0.625rem];
   @apply shadow;
-  @apply bg-white border border-text-500;
+  @apply bg-ui-elements-inputfield-select-default-background border border-ui-elements-inputfield-select-main-stroke;
   @apply rounded-xs;
   @apply leading-none;
   @apply min-h-[var(--input-min-height)] 2xl:min-h-[var(--input-min-height-2xl)];
   @apply focus:outline-none;
-  @apply placeholder-secondary-400;
+  @apply text-text-new-main;
+}
+
+option {
+  @apply bg-ui-elements-inputfield-select-default-background;
+  @apply text-ui-elements-inputfield-select-main-text;
+}
+
+.input::placeholder,
+input::placeholder,
+textarea::placeholder,
+select::placeholder {
+  @apply text-action-secondary;
 }
 
 .input--sm {
@@ -27,19 +44,14 @@ select {
 }
 
 .input--base {
-  @apply leading-6 text--base;
-}
-
-.input--outline {
-  @apply text-text-800;
-  @apply border-text-500;
+  @apply leading-7 text--base;
 }
 
 [disabled],
 .input--disabled {
-  @apply bg-text-50;
-  @apply text-text-400;
-  @apply border-text-300;
+  @apply text-ui-elements-inputfield-select-disabled-text;
+  @apply bg-ui-elements-inputfield-select-disabled-background;
+  @apply border-ui-elements-inputfield-select-disabled-stroke;
   @apply pointer-events-none cursor-not-allowed;
 }
 
@@ -48,39 +60,22 @@ select {
 }
 
 .input--error {
-  @apply text-red-800;
-  @apply border-red-500;
-  @apply placeholder-red-400;
+  @apply border-ui-elements-inputfield-select-error-stroke;
+  @apply placeholder:text-ui-elements-inputfield-select-error-stroke;
 
   & + label {
-    @apply text-red-800 mr-3;
-  }
-}
-
-.input--negative {
-  @apply text-white;
-  @apply bg-secondary-500;
-  @apply placeholder-secondary-50;
-  @apply border-secondary-300;
-  @apply hover:text-text-300 focus:text-text-300;
-
-  &:disabled,
-  &.input--disabled {
-    @apply bg-secondary-300;
-    @apply text-secondary-200;
+    @apply mr-3;
   }
 }
 
-.input--error.input--negative {
-  @apply text-red-200 border-red-300;
-}
-
 /* RADIO AND CHECKBOXES */
 
 input[type='checkbox'],
 input[type='radio'] {
   @apply h-[0.9rem] w-[0.9rem] min-h-0 shrink-0 mr-2;
   @apply p-0;
+  @apply bg-ui-elements-radiobutton-inactive-background;
+  @apply border border-ui-elements-radiobutton-main-stroke;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -89,6 +84,8 @@ input[type='radio'] {
   &:disabled,
   &.input--disabled {
     @apply opacity-40;
+    @apply bg-ui-elements-radiobutton-disabled-background;
+    @apply border-ui-elements-radiobutton-disabled-stroke;
   }
 }
 
@@ -107,34 +104,16 @@ input[type='radio'].input--lg {
   @apply h-[1rem] w-[1rem];
 }
 
-input[type='checkbox'].input--outline,
-input[type='radio'].input--outline {
-  &:disabled,
-  &.input--disabled {
-    @apply bg-text-100 border-text-300;
-  }
-}
-
-input[type='checkbox'].input--negative,
-input[type='radio'].input--negative {
-  @apply bg-secondary-400;
-  @apply border border-white;
-
-  &:disabled,
-  &.input--disabled {
-    @apply bg-text-300 border-text-400;
-  }
-}
-
 input[type='checkbox']:checked,
 input[type='radio']:checked {
-  @apply bg-text-700;
+  @apply bg-ui-elements-radiobutton-active-background;
   background-repeat: no-repeat;
   background-position: center;
 
   &:disabled,
   &.input--disabled {
-    @apply bg-text-700 border-text-500;
+    @apply bg-ui-elements-radiobutton-active-background;
+    @apply border-ui-elements-radiobutton-main-stroke;
   }
 }
 
diff --git a/css/components/language-switcher.postcss b/css/components/language-switcher.postcss
index fba155a04..4a2f04361 100644
--- a/css/components/language-switcher.postcss
+++ b/css/components/language-switcher.postcss
@@ -9,6 +9,7 @@
     @apply w-[3.5em] lg:w-[4.5em];
     @apply cursor-pointer;
     @apply transition-colors;
+    @apply text-white;
     svg {
       @apply h-6;
     }
@@ -16,19 +17,26 @@
   }
 
   option {
+    @apply bg-secondary-600 hover:bg-secondary-500;
+    @apply text-white;
+
     &:disabled {
-      @apply text-text-400;
+      @apply text-action-disabled;
     }
   }
 
   .select__icon {
     @apply w-6;
     @apply transition-colors;
+
+    svg {
+      @apply fill-standard-white;
+    }
   }
 
   select:hover + .select__icon,
   select:focus + .select__icon {
-    @apply text-text-300;
+    @apply text-action-hover-main;
   }
 }
 
diff --git a/css/components/link.postcss b/css/components/link.postcss
index e444148fe..4863d7c23 100644
--- a/css/components/link.postcss
+++ b/css/components/link.postcss
@@ -4,7 +4,7 @@
 
 .link,
 main a {
-  @apply text-primary-600 hover:text-primary-800 focus:text-primary-800;
+  @apply text-action-darkmode-main-red hover:text-action-darkmode-hover-red focus:text-action-darkmode-hover-red;
   @apply underline underline-offset-2 cursor-pointer;
   @apply break-words;
 }
diff --git a/css/components/logo.postcss b/css/components/logo.postcss
index 590c82e83..23c8799f0 100644
--- a/css/components/logo.postcss
+++ b/css/components/logo.postcss
@@ -64,13 +64,14 @@
   @apply flex-shrink-0 hidden overflow-visible xl:block;
   @apply w-[174px] h-[50px];
   @apply 3xl:w-[244px] 3xl:h-[70px];
+  @apply fill-current;
 }
 
 .logo__separator {
   @apply w-px h-10 md:h-14 3xl:h-[70px];
   @apply mr-2 sm:mr-4 lg:mr-6 3xl:mr-8;
   @apply ml-2 sm:ml-4 lg:ml-6 3xl:ml-8;
-  @apply bg-[#D1D5DB] overflow-visible;
+  @apply bg-gray-300 overflow-visible;
 }
 
 .logo__title {
diff --git a/css/components/menu.postcss b/css/components/menu.postcss
index 426cce2a0..afd9c0f17 100644
--- a/css/components/menu.postcss
+++ b/css/components/menu.postcss
@@ -17,36 +17,26 @@
   @apply cursor-pointer;
   @apply transition-colors;
 
-  @apply hover:bg-secondary-50;
-  @apply focus:text-primary-600;
+  @apply hover:bg-elements-navigation-01;
+  @apply focus:text-text-new-main;
 }
 
 .menu__item--small {
   @apply text-sm 3xl:text-base;
 }
 
-.menu__item--action-btn {
-  @apply px-4 py-3;
-  @apply lg:text-xs 3xl:text-sm;
-  @apply text-text-500 focus:text-text-500;
-}
-
 .menu__item--mini {
   @apply px-4 py-2;
 }
 
 .menu__item--border {
-  @apply border-b border-opacity-100 border-secondary-100;
-}
-
-.menu__item--grey {
-  @apply bg-secondary-50;
+  @apply border-b border-opacity-100 border-elements-divider-50;
 }
 
 .menu__item--negative {
   @apply bg-secondary-600;
   @apply text-white;
-  @apply border-b border-secondary-400;
+  @apply border-b border-secondary-300;
 }
 
 .menu__item.menu__item--negative:hover {
@@ -66,7 +56,7 @@
 }
 
 .menu__item--title {
-  @apply lg:px-0 hover:bg-white;
+  @apply lg:px-0 hover:bg-standard-transparent;
   @apply cursor-default;
 }
 
@@ -106,6 +96,12 @@
   @apply flex w-full items-center justify-between space-x-2;
 }
 
+.menu__item--portrait {
+  &:hover {
+    background-color: light-dark(var(--secondary-50), var(--secondary-600));
+  }
+}
+
 .menu__action-btn {
   @apply flex items-center justify-between;
   @apply px-4 py-3 relative;
@@ -113,10 +109,9 @@
   @apply border-0 border-opacity-0;
   @apply cursor-pointer;
   @apply transition-colors;
-  @apply text-text-500;
+  @apply text-text-new-label;
 }
 
 .menu__action-btn:hover {
-  @apply bg-secondary-50;
-  @apply text-text-600;
+  @apply bg-elements-navigation-01;
 }
diff --git a/css/components/meta-info.postcss b/css/components/meta-info.postcss
index d02814840..4af01cb82 100644
--- a/css/components/meta-info.postcss
+++ b/css/components/meta-info.postcss
@@ -3,13 +3,13 @@
 \*----------------------------------------*/
 
 .meta-info {
-  @apply text-gray-500 text--sm;
+  @apply text-text-new-label text--sm;
 }
 
 .meta-info__item {
-  .bg--secondary-50 &,
+  .bg--accent-01 &,
   .box & {
-    @apply text-text-600;
+    @apply text-text-new-label;
   }
 }
 
diff --git a/css/components/modal.postcss b/css/components/modal.postcss
index 8231210f4..ba42e37ec 100644
--- a/css/components/modal.postcss
+++ b/css/components/modal.postcss
@@ -24,7 +24,7 @@
 
 .modal__backdrop {
   @apply absolute z-30;
-  @apply bg-text-900/70;
+  background: rgb(from var(--text-900) r g b / 70%);
   @apply cursor-pointer;
 }
 
@@ -98,10 +98,11 @@
 
 .modal__body {
   @apply w-full overflow-auto;
+  @apply bg-elements-card-01;
 }
 
 .modal__footer {
   @apply w-full h-auto;
   @apply text-right p-4;
-  @apply bg-white border-t border-secondary-100;
+  @apply bg-elements-card-01 border-t border-elements-divider-50;
 }
diff --git a/css/components/multiselect.postcss b/css/components/multiselect.postcss
index 6d2b73821..97434316e 100644
--- a/css/components/multiselect.postcss
+++ b/css/components/multiselect.postcss
@@ -57,22 +57,24 @@
 
   /* VUE SELECT CUSTOM/OVERRIDEN VARS */
 
+  --vs-search-input-color: theme('colors.text-new.main')
+
   --vs-font-size: inherit;
   --vs-line-height: 1.375;
-  --vs-search-input-placeholder-color: theme('colors.text.400');
+  --vs-search-input-placeholder-color: theme('colors.action.secondary');
   --vs-search-input-bg: inherit;
-  --vs-border-color: theme('colors.text.500');
+  --vs-border-color: theme('colors.ui-elements.inputfield.select.main-stroke');
   --vs-border-radius: 0px;
   --vs-actions-padding: 4px 3em 0 3px;
-  --vs-selected-bg: theme('colors.text.200');
+
+  --vs-selected-bg: theme('colors.ui-elements.inputfield.select.selected-background');
   --vs-selected-border-color: transparent;
 
-  --vs-dropdown-option--active-bg: theme('colors.text.600');
-  --vs-dropdown-option--active-color: theme('colors.white');
+  --vs-dropdown-bg: theme('colors.ui-elements.inputfield.select.choose-default-background')
 
-  --vs-state-disabled-bg: theme('colors.text.50');
-  --vs-state-disabled-color: theme('colors.text.400');
-  --vs-state-disabled-controls-color: theme('colors.text.400');
+  --vs-state-disabled-bg: theme('colors.ui-elements.inputfield.select.choose-disabled-background');
+  --vs-state-disabled-color: theme('colors.ui-elements.inputfield.select.choose-disabled-color');
+  --vs-state-disabled-controls-color: theme('colors.ui-elements.inputfield.select.choose-disabled-text-color');
 }
 
 /* VUE SELECT CUSTOM/OVERRIDEN CLASSES */
diff --git a/css/components/newsletter.postcss b/css/components/newsletter.postcss
index a1d159512..43a261beb 100644
--- a/css/components/newsletter.postcss
+++ b/css/components/newsletter.postcss
@@ -4,7 +4,7 @@
 
 .newsletter {
   @apply p-6;
-  @apply bg-secondary-50;
+  @apply bg-background-accent-01;
 
   .container__center--xs & {
     @apply broader-than-container;
@@ -18,10 +18,11 @@
 }
 
 .newsletter__title {
-  @apply text-text-600;
+  @apply text-text-new-quote;
 }
 
 .newsletter__text {
+  @apply text-text-new-quote;
   @apply mb-4 md:mb-8;
 }
 
diff --git a/css/components/notification-banner.postcss b/css/components/notification-banner.postcss
index 732a10f80..edd5a1ab7 100644
--- a/css/components/notification-banner.postcss
+++ b/css/components/notification-banner.postcss
@@ -24,6 +24,7 @@
 .notification-banner .btn {
   @apply mt-4 sm:mt-8 lg:mt-0;
   @apply lg:ml-6;
+  @apply xs:mr-4 lg:mr-0;
 }
 
 .notification-banner .btn__text {
diff --git a/css/components/notification.postcss b/css/components/notification.postcss
index 11019f723..b76358299 100644
--- a/css/components/notification.postcss
+++ b/css/components/notification.postcss
@@ -11,7 +11,7 @@
   .btn,
   a,
   a[target='_blank'] {
-    @apply text-current border-current;
+    @apply text-current border-current bg-standard-transparent;
 
     &:hover {
       @apply text-current brightness-50;
@@ -26,33 +26,33 @@
 
 .notification--error,
 .notification--alert {
-  @apply bg-red-50;
-  @apply text-red-800;
+  @apply bg-states-error-bg;
+  @apply text-states-error-text;
 }
 
 .notification--success {
-  @apply bg-green-50;
-  @apply text-green-800;
+  @apply bg-states-success-bg;
+  @apply text-states-success-text;
 }
 
 .notification--info {
-  @apply bg-blue-50;
-  @apply text-blue-700;
+  @apply bg-states-information-bg;
+  @apply text-states-information-text;
 }
 
 .notification--hint {
-  @apply bg-secondary-50;
-  @apply text-text-700;
+  @apply bg-states-hint-bg;
+  @apply text-states-hint-text;
 }
 
 .notification--warning {
-  @apply bg-orange-50;
-  @apply text-orange-800;
+  @apply bg-states-warning-bg;
+  @apply text-states-warning-text;
 }
 
 .notification--alert {
-  @apply bg-red-900;
-  @apply text-white;
+  @apply bg-states-alert-bg;
+  @apply text-states-alert-text;
 }
 
 .notification__icon {
diff --git a/css/components/pagination.postcss b/css/components/pagination.postcss
index 1e380908a..e13ea9af4 100644
--- a/css/components/pagination.postcss
+++ b/css/components/pagination.postcss
@@ -11,6 +11,7 @@
   }
 
   .pagination__text {
+    @apply text-text-new-main;
     @apply flex items-center;
   }
 
diff --git a/css/components/popover.postcss b/css/components/popover.postcss
index 066d18a29..efd3057dc 100644
--- a/css/components/popover.postcss
+++ b/css/components/popover.postcss
@@ -9,7 +9,7 @@
 .popover-backdrop {
   @apply hidden w-full h-full top-0 left-0;
   @apply fixed z-30;
-  @apply bg-text-900/70;
+  background: rgb(from var(--text-900) r g b / 70%);
   @apply cursor-pointer;
 }
 
diff --git a/css/components/progress.postcss b/css/components/progress.postcss
deleted file mode 100644
index aef0d8cd8..000000000
--- a/css/components/progress.postcss
+++ /dev/null
@@ -1,3 +0,0 @@
-/*----------------------------------------*\
-  PROGRESS
-\*----------------------------------------*/
diff --git a/css/components/search.postcss b/css/components/search.postcss
index bb63dfa85..5198cc670 100644
--- a/css/components/search.postcss
+++ b/css/components/search.postcss
@@ -46,7 +46,6 @@
 
   input {
     @apply cursor-text;
-    @apply bg-white;
     @apply shadow-2xl;
   }
 }
@@ -120,7 +119,6 @@
   & input {
     @apply h-full lg:py-4;
     @apply pr-12;
-    @apply bg-white;
   }
 
   .search--negative & input {
@@ -283,6 +281,5 @@
   top: 0;
   z-index: 1000;
   @apply py-4;
-  @apply bg-secondary-50;
+  @apply bg-background-accent-01;
 }
-
diff --git a/css/components/select.postcss b/css/components/select.postcss
index 2f30aba4f..a864f9b17 100644
--- a/css/components/select.postcss
+++ b/css/components/select.postcss
@@ -2,6 +2,7 @@
   @apply relative;
 
   & select {
+    @apply cursor-pointer;
     @apply pr-20 box-border appearance-none;
   }
 }
@@ -11,6 +12,7 @@
   @apply mt-0 !important;
 
   select {
+    @apply cursor-pointer;
     @apply inline-block pr-6;
     @apply shadow-transparent border-transparent bg-transparent;
     @apply focus:outline-none;
@@ -19,10 +21,6 @@
   .select__icon {
     @apply w-6 border-l-0;
   }
-
-  .input--negative + .select__icon {
-    @apply bg-transparent;
-  }
 }
 
 select:disabled,
@@ -38,41 +36,46 @@ select:disabled,
   @apply w-12 h-full;
   @apply flex items-center justify-center;
   @apply absolute top-0 right-0;
-  @apply border-l border-text-500;
+  @apply border-l;
+  border-color: light-dark(var(--text-500), var(--secondary-500));
   @apply pointer-events-none;
 
   & svg {
     @apply w-8 h-full;
-  }
-
-  .input--negative + & {
-    @apply text-white;
-    @apply border-secondary-300;
-    @apply bg-secondary-500;
-
-    & svg {
-      @apply fill-current;
-    }
+    @apply fill-text-new-main;
   }
 
   .input--error + & {
-    @apply text-red-700 border-red-400;
+    border-color: light-dark(var(--red-500), var(--standard-transparent));
 
     & svg {
-      @apply fill-current;
+      fill: light-dark(var(--red-500), var(--red-300));
     }
   }
 
-  .input--error.input--negative + & {
-    @apply text-red-200 border-red-300;
+  .input--disabled + & {
+    border-color: light-dark(var(--text-300), var(--standard-transparent));
 
     & svg {
-      @apply fill-current;
+      @apply fill-text-new-disabled;
     }
   }
 }
 
-.input--negative option {
-  @apply bg-secondary-600 hover:bg-secondary-500;
-  @apply text-white;
+/* Select component in Footer navigation always dark */
+.footer--select {
+  & label {
+    @apply text-white;
+  }
+  & select {
+    @apply bg-ui-elements-inputfield-select-footer-select;
+    @apply text-white;
+    @apply border-standard-transparent;
+  }
+  .select__icon {
+    border-color: var(--standard-transparent);
+  }
+  & svg {
+    @apply fill-standard-white;
+  }
 }
diff --git a/css/components/separator.postcss b/css/components/separator.postcss
index 6874bbf3a..992df1d36 100644
--- a/css/components/separator.postcss
+++ b/css/components/separator.postcss
@@ -9,10 +9,10 @@
 .separator::before {
   content: '';
   @apply w-full block;
-  @apply border-b border-secondary-200;
+  @apply border-b border-elements-divider-100;
 
-  .bg--secondary-50 & {
-    @apply border-secondary-300;
+  .bg--accent-01 & {
+    @apply border-elements-divider-200;
   }
 }
 
@@ -40,10 +40,6 @@
   }
 }
 
-.separator--negative::before {
-  @apply border-secondary-400;
-}
-
 .separator--vertical {
   @apply inline border-b-0 border-r border-secondary-400 mx-4;
 
diff --git a/css/components/shopping-card.postcss b/css/components/shopping-card.postcss
index 0c44d0042..bed72a92e 100644
--- a/css/components/shopping-card.postcss
+++ b/css/components/shopping-card.postcss
@@ -9,7 +9,7 @@
   /* Flat */
   @apply py-4;
   @apply bg-transparent;
-  @apply border-b border-secondary-200;
+  @apply border-b border-ui-elements-inputfield-select-main-stroke;
 
   @screen lg {
     @apply flex;
@@ -38,7 +38,7 @@
   .shopping__card-image-background {
     @apply h-full w-full;
     @apply absolute z-30;
-    @apply bg-secondary-50 border-2 border-white;
+    @apply bg-background-accent-01 border-2 border-background-accent-01;
     @apply opacity-70;
   }
 
diff --git a/css/components/step-indicator.postcss b/css/components/step-indicator.postcss
index 365ff7d4c..d241f6fe4 100644
--- a/css/components/step-indicator.postcss
+++ b/css/components/step-indicator.postcss
@@ -7,17 +7,17 @@
     @apply rounded-full;
     @apply w-[36px] h-[36px];
     @apply flex items-center justify-center;
-    @apply text-gray-400;
-    @apply border-solid border-2 border-gray-400;
+    @apply text-action-secondary;
+    @apply border-solid border-2 border-action-secondary;
   }
   .step__indicator-step.step__indicator-step--confirmed {
     @apply bg-green-500;
-    @apply text-white;
+    @apply text-text-new-contrast;
     @apply border-none;
   }
   .step__indicator-step.step__indicator-step--active {
-    @apply bg-gray-400;
-    @apply text-white;
+    @apply bg-action-secondary;
+    @apply text-text-new-contrast;
     @apply border-none;
   }
 }
diff --git a/css/components/steps.postcss b/css/components/steps.postcss
deleted file mode 100644
index 001eb1127..000000000
--- a/css/components/steps.postcss
+++ /dev/null
@@ -1,3 +0,0 @@
-/*----------------------------------------*\
-  STEPS
-\*----------------------------------------*/
diff --git a/css/components/tab.postcss b/css/components/tab.postcss
index b1b980767..3d58c83eb 100644
--- a/css/components/tab.postcss
+++ b/css/components/tab.postcss
@@ -16,10 +16,10 @@
     content: '';
     @apply absolute right-0 top-0 bottom-1 w-10;
     @apply pointer-events-none;
-    @apply bg-gradient-to-l from-white;
+    @apply bg-gradient-to-l from-background-main;
 
-    .bg--secondary-50 & {
-      @apply bg-gradient-to-l from-secondary-50;
+    .bg--accent-01 & {
+      @apply bg-gradient-to-l from-background-accent-01;
     }
 
     @screen sm {
@@ -31,10 +31,10 @@
 .tab__controls {
   @apply flex;
   @apply overflow-x-auto overflow-y-hidden whitespace-nowrap;
-  @apply border-b;
+  @apply border-b border-elements-divider-50;
 
-  .bg--secondary-50 & {
-    @apply border-gray-300;
+  .bg--accent-01 & {
+    @apply border-elements-divider-200;
   }
 
   /* hide scrollbar with ability to still scroll */
@@ -61,11 +61,11 @@
   &.tab__control--active,
   &:hover {
     &::after {
-      @apply bg-primary-500;
+      @apply bg-action-darkmode-main-red;
     }
   }
   &:hover:not(.tab__control--active) {
-    @apply text-primary-600;
+    @apply text-action-hover-main;
   }
   &:first-child {
     @apply pl-0;
diff --git a/css/components/table.postcss b/css/components/table.postcss
index 797e416fb..3ccfbd2a5 100644
--- a/css/components/table.postcss
+++ b/css/components/table.postcss
@@ -32,12 +32,12 @@ caption {
 }
 
 thead {
-  @apply bg-secondary-50;
+  @apply bg-background-accent-01;
 
   th {
     @apply px-6 py-4;
     @apply text-left;
-    @apply text-text-700 uppercase text--sm;
+    @apply uppercase text--sm text-ui-elements-inputfield-select-main-text;
     @apply align-top;
   }
 }
@@ -47,17 +47,18 @@ table:not(.table--compact) {
   tfoot {
     tr {
       @apply border-t border-text-300;
+      @apply bg-background-main;
     }
 
     td,
     th {
       @apply px-6 py-4;
       @apply text--base;
-      @apply text-gray-600;
+      @apply text-text-new-label;
     }
 
     th {
-      @apply text-gray-800 font-bold text-left;
+      @apply text-text-new-main font-bold text-left;
     }
   }
 }
@@ -103,7 +104,7 @@ tfoot {
   tbody,
   tfoot {
     tr:nth-child(even) {
-      @apply bg-secondary-50;
+      @apply bg-background-accent-01;
     }
   }
 }
diff --git a/css/components/tag-item.postcss b/css/components/tag-item.postcss
index c49897081..d5074b7d3 100644
--- a/css/components/tag-item.postcss
+++ b/css/components/tag-item.postcss
@@ -50,11 +50,11 @@
 .tag-item,
 .tag-item--default {
   .tag-item__inner {
-    @apply bg-gray-200;
+    @apply bg-ui-elements-tag-background-default;
   }
 
   &:hover .tag-item__inner {
-    @apply bg-gray-300;
+    @apply bg-ui-elements-tag-background-hover;
   }
 }
 
@@ -62,17 +62,17 @@
   @apply pointer-events-none;
 
   .tag-item__inner {
-    @apply text-white bg-gray-800;
+    @apply text-white bg-ui-elements-tag-background-active text-text-new-contrast;
   }
 }
 
 .tag-item--primary {
   .tag-item__inner {
-    @apply text-white bg-gray-800;
+    @apply text-white bg-ui-elements-tag-background-active text-text-new-contrast;
   }
 
   &:hover .tag-item__inner {
-    @apply bg-black;
+    background: light-dark(var(--standard-black), var(--secondary-50));
   }
 }
 
diff --git a/css/components/transcript.postcss b/css/components/transcript.postcss
index 3b95fa741..e5b24e86c 100644
--- a/css/components/transcript.postcss
+++ b/css/components/transcript.postcss
@@ -7,7 +7,7 @@
 }
 
 .transcript__row {
-  @apply py-4 border-t border-gray-200;
+  @apply py-4 border-t border-elements-divider-50;
 }
 
 .transcript__speaker {
@@ -15,5 +15,5 @@
 }
 
 .transcript__timestamp {
-  @apply text--sm text-gray-600;
+  @apply text--sm text-text-new-label;
 }
diff --git a/css/components/vuepic.postcss b/css/components/vuepic.postcss
index f40812c0c..4528e1d64 100644
--- a/css/components/vuepic.postcss
+++ b/css/components/vuepic.postcss
@@ -3,7 +3,7 @@
 /* When updating to new version, adapt customized classes in new version */
 /* Start customized css */
 .dp__theme_dark {
-  --dp-background-color: var(--color-secondary-500);
+  --dp-background-color: var(--secondary-500);
   --dp-text-color: #fff;
   --dp-hover-color: #484848;
   --dp-hover-text-color: #fff;
@@ -12,8 +12,8 @@
   --dp-primary-disabled-color: #61a8ea;
   --dp-primary-text-color: #fff;
   --dp-secondary-color: #a9a9a9;
-  --dp-border-color: var(--color-secondary-300);
-  --dp-menu-border-color: var(--color-secondary-300);
+  --dp-border-color: var(--secondary-300);
+  --dp-menu-border-color: var(--secondary-300);
   --dp-border-color-hover: #aaaeb7;
   --dp-border-color-focus: #aaaeb7;
   --dp-disabled-color: #737373;
@@ -126,12 +126,6 @@
   }
 }
 
-.date-input--error.date-input--negative {
-  input {
-    @apply text-red-200 border-red-300;
-  }
-}
-
 /* End cusomized CSS */
 
 .dp__input_wrap {
diff --git a/css/foundations/backgrounds.postcss b/css/foundations/backgrounds.postcss
index 5f54959a2..9cded7129 100644
--- a/css/foundations/backgrounds.postcss
+++ b/css/foundations/backgrounds.postcss
@@ -1,5 +1,5 @@
 /*----------------------------------------*\
-  BACKGROUNDS
+  BACKGROUNDS (deprecated. TODO: remove from everywhere)
 \*----------------------------------------*/
 
 .bg--white {
@@ -36,3 +36,28 @@
 .bg--secondary-50 {
   @apply bg-secondary-50;
 }
+
+/*----------------------------------------*\
+  BACKGROUNDS (new)
+\*----------------------------------------*/
+
+.bg--accent-01 {
+  @apply bg-background-accent-01;
+}
+
+.bg--accent-02 {
+  @apply bg-background-accent-02;
+}
+
+.bg--accent-03 {
+  @apply bg-background-accent-03;
+}
+
+.bg--accent-04 {
+  @apply bg-background-accent-04;
+}
+
+
+.bg--main {
+  @apply bg-background-main;
+}
diff --git a/css/foundations/colors.postcss b/css/foundations/colors.postcss
index 51360a493..24ff2950c 100644
--- a/css/foundations/colors.postcss
+++ b/css/foundations/colors.postcss
@@ -1,5 +1,5 @@
 /*----------------------------------------*\
-  TEXT COLORS
+  TEXT COLORS (deprecated. TODO: remove from everywhere)
 \*----------------------------------------*/
 
 .color--default {
@@ -87,3 +87,32 @@
 .color--primary-50 {
   @apply text-primary-50;
 }
+
+/*----------------------------------------*\
+  TEXT COLORS (new)
+\*----------------------------------------*/
+
+.text--text-contrast {
+  @apply text-text-new-contrast;
+}
+
+.text--text-disabled {
+  @apply text-text-new-disabled;
+}
+
+.text--text-label {
+  @apply text-text-new-label;
+}
+
+.text--text-main {
+  @apply text-text-new-main;
+}
+
+.text--text-quote {
+  @apply text-text-new-quote;
+}
+
+.text--text-selected {
+  @apply text-text-new-selected;
+}
+
diff --git a/css/foundations/global.postcss b/css/foundations/global.postcss
index 38722e119..4ba5e4f06 100644
--- a/css/foundations/global.postcss
+++ b/css/foundations/global.postcss
@@ -9,6 +9,24 @@ html {
   @apply font-regular;
 }
 
+:root[data-theme='auto'] {
+  *[data-default-theme='light'] {
+    color-scheme: light;
+  }
+
+  *[data-default-theme='dark'] {
+    color-scheme: dark;
+  }
+}
+
+:root[data-theme='light'] {
+  color-scheme: light;
+}
+
+:root[data-theme='dark'] {
+  color-scheme: dark;
+}
+
 #root,
 #__nuxt,
 #__layout,
@@ -29,6 +47,7 @@ body {
   min-height: 100vh;
   min-height: -webkit-fill-available;
   @apply transition-transform duration-700;
+  @apply bg-background-main;
 }
 
 .body--mobile-menu-is-open {
@@ -49,6 +68,7 @@ body {
 
 #main-header {
   @apply relative z-30;
+  @apply bg-background-main text-text-new-main;
 }
 
 #main-content {
diff --git a/css/foundations/typography.postcss b/css/foundations/typography.postcss
index 3e7ea051e..bf30d4d36 100644
--- a/css/foundations/typography.postcss
+++ b/css/foundations/typography.postcss
@@ -12,7 +12,7 @@ html {
 body {
   @apply text--base;
   @apply font--regular;
-  @apply text-text-800;
+  @apply text-text-new-main;
 }
 
 .text--5xl {
@@ -85,7 +85,7 @@ body {
 }
 
 .text--light {
-  @apply text-text-500;
+  @apply text-text-new-label;
 }
 
 .text--asterisk::after {
@@ -129,7 +129,7 @@ body {
 }
 
 .legend {
-  @apply text--xs pt-2 text-text-500;
+  @apply text--xs pt-2 text-text-new-label;
 }
 
 figcaption {
diff --git a/css/foundations/variables/color-primitives.postcss b/css/foundations/variables/color-primitives.postcss
new file mode 100644
index 000000000..c8eaf4042
--- /dev/null
+++ b/css/foundations/variables/color-primitives.postcss
@@ -0,0 +1,149 @@
+/* Color primitives */
+:root {
+  --standard-black: #000000;
+  --standard-transparent: #ffffff00;
+  --standard-white: #ffffff;
+
+  --primary-50: #ffedee;
+  --primary-100: #fae1e2;
+  --primary-200: #ffccce;
+  --primary-300: #fa9da1;
+  --primary-400: #fc656b;
+  --primary-500: #e53940;
+  --primary-600: #d8232a;
+  --primary-700: #bf1f25;
+  --primary-800: #99191e;
+  --primary-900: #7f1519;
+
+  --secondary-50: #f0f4f7;
+  --secondary-100: #dfe4e9;
+  --secondary-200: #acb4bd;
+  --secondary-300: #828e9a;
+  --secondary-400: #596978;
+  --secondary-500: #46596b;
+  --secondary-600: #2f4356;
+  --secondary-700: #263645;
+  --secondary-800: #1c2834;
+  --secondary-900: #131b22;
+
+  --text-50: #f9fafb;
+  --text-100: #f3f4f6;
+  --text-200: #e5e7eb;
+  --text-300: #d1d5db;
+  --text-400: #9ca3af;
+  --text-500: #6b7280;
+  --text-600: #4b5563;
+  --text-700: #374151;
+  --text-800: #1f2937;
+  --text-900: #111827;
+
+  --blue-50: #eff6ff;
+  --blue-100: #dbeafe;
+  --blue-200: #bfdbfe;
+  --blue-300: #93c5fd;
+  --blue-400: #60a5fa;
+  --blue-500: #3b82f6;
+  --blue-600: #2563eb;
+  --blue-700: #1d4ed8;
+  --blue-800: #1e40af;
+  --blue-900: #1e3a8a;
+
+  --gray-50: #f9fafb;
+  --gray-100: #f3f4f6;
+  --gray-200: #e5e7eb;
+  --gray-300: #d1d5db;
+  --gray-400: #9ca3af;
+  --gray-500: #6b7280;
+  --gray-600: #4b5563;
+  --gray-700: #374151;
+  --gray-800: #1f2937;
+  --gray-900: #111827;
+
+  --green-50: #ecfdf5;
+  --green-100: #d1fae5;
+  --green-200: #a7f3d0;
+  --green-300: #6ee7b7;
+  --green-400: #34d399;
+  --green-500: #10b981;
+  --green-600: #059669;
+  --green-700: #047857;
+  --green-800: #065f46;
+  --green-900: #064e3b;
+
+  --indigo-50: #eef2ff;
+  --indigo-100: #e0e7ff;
+  --indigo-200: #c7d2fe;
+  --indigo-300: #a5b4fc;
+  --indigo-400: #818cf8;
+  --indigo-500: #6366f1;
+  --indigo-600: #4f46e5;
+  --indigo-700: #4338ca;
+  --indigo-800: #3730a3;
+  --indigo-900: #312e81;
+
+  --orange-50: #fff7ed;
+  --orange-100: #ffedd5;
+  --orange-200: #fed7aa;
+  --orange-300: #fdba74;
+  --orange-400: #fb923c;
+  --orange-500: #f97316;
+  --orange-600: #ea580c;
+  --orange-700: #c2410c;
+  --orange-800: #9a3412;
+  --orange-900: #7c2d12;
+
+  --pink-50: #fdf2f8;
+  --pink-100: #fce7f3;
+  --pink-200: #fbcfe8;
+  --pink-300: #f9a8d4;
+  --pink-400: #f472b6;
+  --pink-500: #ec4899;
+  --pink-600: #db2777;
+  --pink-700: #be185d;
+  --pink-800: #9d174d;
+  --pink-900: #831843;
+
+  --purple-50: #f5f3ff;
+  --purple-100: #ede9fe;
+  --purple-200: #ddd6fe;
+  --purple-300: #c4b5fd;
+  --purple-400: #a78bfa;
+  --purple-500: #8655f6;
+  --purple-600: #7c3aed;
+  --purple-700: #6d28d9;
+  --purple-800: #5b21b6;
+  --purple-900: #4c1d95;
+
+  --red-50: #ffedee;
+  --red-100: #fae1e2;
+  --red-200: #ffccce;
+  --red-300: #fa9da1;
+  --red-400: #fc656b;
+  --red-500: #e53940;
+  --red-600: #d8232a;
+  --red-700: #bf1e25;
+  --red-800: #99191e;
+  --red-900: #801519;
+
+  --teal-50: #f2fdfc;
+  --teal-100: #cbfbf8;
+  --teal-200: #98f6f3;
+  --teal-300: #5de8ea;
+  --teal-400: #2bced4;
+  --teal-500: #14afb8;
+  --teal-600: #0d8b96;
+  --teal-700: #0f6b75;
+  --teal-800: #11575f;
+  --teal-900: #13474e;
+
+  --yellow-50: #fffbeb;
+  --yellow-100: #fef3c7;
+  --yellow-200: #fde68a;
+  --yellow-300: #fcd34d;
+  --yellow-400: #fbbf24;
+  --yellow-500: #f59e0b;
+  --yellow-600: #d97706;
+  --yellow-700: #b45309;
+  --yellow-800: #92400e;
+  --yellow-900: #78350f;
+}
diff --git a/css/foundations/variables/color-tokens.postcss b/css/foundations/variables/color-tokens.postcss
new file mode 100644
index 000000000..69b8ea3ef
--- /dev/null
+++ b/css/foundations/variables/color-tokens.postcss
@@ -0,0 +1,116 @@
+
+/* Important! When changing variables, copy the content into freebrand and intranet skin in order to apply the new changes */
+:root {
+  --action-darkmode-hover-red: light-dark(var(--primary-700), var(--primary-500));
+  --action-darkmode-main-red: light-dark(var(--primary-600), var(--primary-400));
+  --action-disabled: light-dark(var(--secondary-200), var(--secondary-400));
+  --action-hover-main: light-dark(var(--primary-600), var(--secondary-100));
+  --action-hover-secondary: light-dark(var(--secondary-600), var(--secondary-100));
+  --action-main: light-dark(var(--primary-600), var(--standard-white));
+  --action-secondary: light-dark(var(--secondary-400), var(--secondary-100));
+  --background-accent-01: light-dark(var(--secondary-50), var(--secondary-900));
+  --background-accent-02: light-dark(var(--secondary-100), var(--secondary-800));
+  --background-accent-03: light-dark(
+    var(--secondary-500),
+    var(--secondary-400)
+  ); /* Non standard -> Not in Figma yet but necessary for Carousel with fixed background */
+  --background-accent-04: light-dark(
+    var(--secondary-600),
+    var(--secondary-300)
+  ); /* Non standard -> Not in Figma yet but necessary for Carousel with fixed background */
+  --background-main: light-dark(var(--standard-white), var(--secondary-800));
+  --background-breadcrumb: light-dark(var(--standard-white), var(--secondary-800));
+  --elements-card-card-01: light-dark(var(--standard-white), var(--secondary-700));
+  --elements-card-header-background: light-dark(var(--standard-white), var(--secondary-700));
+  --elements-card-header-border: light-dark(var(--secondary-100), var(--secondary-500));
+  --elements-divider-100: light-dark(var(--secondary-200), var(--secondary-400));
+  --elements-divider-200: light-dark(var(--secondary-300), var(--secondary-300));
+  --elements-divider-50: light-dark(var(--secondary-100), var(--secondary-300));
+  --elements-top-bar-background: light-dark(var(--secondary-600), var(--secondary-600));
+  --elements-top-bar-background-open: light-dark(var(--secondary-700), var(--secondary-700));
+  --elements-top-bar-background-easy-language: light-dark(#466975, #466975);
+  --elements-top-bar-background-sign-language: light-dark(var(--indigo-900), var(--indigo-900));
+  --elements-top-bar-drawer-background: light-dark(var(--secondary-600), var(--secondary-600));
+  --elements-top-bar-drawer-localization-link: light-dark(var(--secondary-100), var(--secondary-100));
+  --elements-top-bar-drawer-localization-link-border: light-dark(var(--primary-600), var(--primary-600));
+  --elements-top-bar-button-background: light-dark(var(--secondary-600), var(--secondary-600));
+  --elements-top-bar-button-hover-text: light-dark(var(--text-300), var(--text-300));
+  --elements-top-bar-button-focus-text: light-dark(var(--text-300), var(--text-300));
+  --elements-top-bar-badge-icon: light-dark(var(--gray-800), var(--gray-800));
+  --elements-top-header-easy-language-icon-background: light-dark(var(--green-100), var(--green-100));
+  --elements-top-header-sign-language-icon-background: light-dark(var(--indigo-100), var(--indigo-100));
+  --elements-top-header-easy-language-icon: light-dark(var(--green-800), var(--green-800));
+  --elements-top-header-sign-language-icon: light-dark(var(--indigo-900), var(--indigo-900));
+  --elements-footer-background-01: light-dark(var(--secondary-600), var(--secondary-600));
+  --elements-footer-navigation-background-01: light-dark(var(--secondary-700), var(--secondary-700));
+  --elements-footer-text: light-dark(var(--standard-white), var(--standard-white));
+  --elements-footer-link: light-dark(var(--standard-white), var(--standard-white));
+  --elements-footer-link-hover-background: light-dark(var(--secondary-700), var(--secondary-700));
+  --elements-footer-link-hover: light-dark(var(--text-300), var(--text-300));
+  --elements-footer-link-focus: light-dark(var(--text-300), var(--text-300));
+  --elements-footer-information-link-hover-text: light-dark(var(--standard-white), var(--standard-white));
+  --elements-navigation-01: light-dark(var(--secondary-50), var(--secondary-700));
+  --elements-navigation-02: light-dark(var(--secondary-900), var(--secondary-900));
+  --elements-navigation-top-bar-mobile-hover-text: light-dark(var(--secondary-700), var(--secondary-700));
+  --elements-navigation-top-bar-mobile-focus-text: light-dark(var(--secondary-700), var(--secondary-700));
+  --states-error-error-bg: light-dark(var(--red-50), var(--red-50));
+  --states-error-error-text: light-dark(var(--red-800), var(--red-800));
+  --states-information-information-bg: light-dark(var(--blue-50), var(--blue-50));
+  --states-information-information-text: light-dark(var(--blue-700), var(--blue-700));
+  --states-hint-hint-bg: light-dark(var(--secondary-50), var(--secondary-50));
+  --states-hint-hint-text: light-dark(var(--text-700), var(--text-700));
+  --states-success-success-bg: light-dark(var(--green-50), var(--green-50));
+  --states-success-success-text: light-dark(var(--green-800), var(--green-800));
+  --states-warning-warning-bg: light-dark(var(--orange-50), var(--orange-50));
+  --states-warning-warning-text: light-dark(var(--orange-800), var(--orange-800));
+  --states-alert-alert-bg: light-dark(var(--red-900), var(--red-900));
+  --states-alert-alert-text: light-dark(var(--standard-white), var(--standard-white));
+  --text-contrast-text: light-dark(var(--standard-white), var(--gray-800));
+  --text-disabled-text: light-dark(var(--text-300), var(--text-300));
+  --text-label-text: light-dark(var(--text-500), var(--secondary-100));
+  --text-main-text: light-dark(var(--text-800), var(--standard-white));
+  --text-quote-text: light-dark(var(--secondary-500), var(--standard-white));
+  --text-highlight-text: light-dark(var(--blue-100), var(--blue-900));
+  --text-selected-text: light-dark(var(--blue-100), var(--blue-800));
+  --ui-elements-button-background-cta-default: light-dark(var(--standard-white), var(--gray-700));
+  --ui-elements-button-background-cta-disabled: light-dark(var(--standard-white), var(--standard-transparent));
+  --ui-elements-button-background-cta-hover: light-dark(var(--standard-white), var(--secondary-600));
+  --ui-elements-checkbox-active-background: light-dark(var(--text-700), var(--text-700));
+  --ui-elements-inputfield-select-background-choose-default-choose-background: light-dark(
+    var(--standard-white),
+    var(--secondary-700)
+  );
+  --ui-elements-inputfield-select-background-choose-disabled-choose-background: light-dark(
+    var(--text-100),
+    var(--secondary-500)
+  );
+  --ui-elements-inputfield-select-text-choose-disabled-choose-color: light-dark(var(--text-400), var(--secondary-300));
+  --ui-elements-inputfield-select-text-choose-disabled-text-color: light-dark(
+    var(--standard-white),
+    var(--secondary-700)
+  );
+  --ui-elements-inputfield-select-background-selected-background-color: light-dark(var(--gray-200), var(--gray-200));
+  --ui-elements-inputfield-select-background-default-background: light-dark(
+    var(--standard-white),
+    var(--secondary-600)
+  );
+  --ui-elements-inputfield-select-background-disabled-background: light-dark(var(--text-50), var(--secondary-700));
+  --ui-elements-inputfield-select-stroke-disabled-stroke: light-dark(var(--gray-300), var(--standard-transparent));
+  --ui-elements-inputfield-select-stroke-error-stroke: light-dark(var(--red-600), var(--red-300));
+  --ui-elements-inputfield-select-stroke-main-stroke: light-dark(var(--gray-500), var(--standard-transparent));
+  --ui-elements-inputfield-select-text-disabled-text: light-dark(var(--text-400), var(--secondary-300));
+  --ui-elements-inputfield-select-text-main-text: light-dark(var(--text-800), var(--standard-white));
+  --ui-elements-radiobutton-active-background: light-dark(var(--text-700), var(--text-700));
+  --ui-elements-radiobutton-disabled-background: light-dark(var(--text-100), var(--secondary-300));
+  --ui-elements-radiobutton-disabled-stroke: light-dark(var(--text-300), var(--text-400));
+  --ui-elements-radiobutton-inactive-background: light-dark(var(--standard-white), var(--secondary-400));
+  --ui-elements-radiobutton-main-stroke: light-dark(var(--text-500), var(--standard-white));
+  --ui-elements-tag-background-active: light-dark(var(--gray-800), var(--standard-white));
+  --ui-elements-tag-background-default: light-dark(var(--secondary-100), var(--secondary-600));
+  --ui-elements-tag-background-disabled-fill: light-dark(var(--secondary-50), var(--secondary-900));
+  --ui-elements-tag-background-disabled-stroke: light-dark(var(--secondary-100), var(--secondary-800));
+  --ui-elements-tag-background-hover: light-dark(var(--secondary-200), var(--secondary-400));
+  --ui-elements-footer-select-background: light-dark(var(--secondary-500), var(--secondary-500));
+  --ui-elements-footer-informtion-button-border: light-dark(var(--standard-white), var(--standard-white));
+  --ui-elements-footer-informtion-button-background: light-dark(var(--secondary-500), var(--secondary-500));
+}
diff --git a/css/layouts/section.postcss b/css/layouts/section.postcss
index d9f5b7066..b0bbf849f 100644
--- a/css/layouts/section.postcss
+++ b/css/layouts/section.postcss
@@ -4,6 +4,7 @@
 
 .section {
   @apply w-full;
+  @apply text-text-new-main;
 }
 
 /*
@@ -16,6 +17,11 @@
   @apply container--py;
 }
 
+/* If section doesn't have a background, we add one */
+.section:not([class^='bg--'], [class*=' bg--']) {
+  @apply bg-background-main text-text-new-main;
+}
+
 .section--py-half {
   @apply container--py-half;
 }
@@ -46,7 +52,12 @@
 .bg--secondary-300 + .bg--secondary-300,
 .bg--secondary-200 + .bg--secondary-200,
 .bg--secondary-100 + .bg--secondary-100,
-.bg--secondary-50 + .bg--secondary-50 {
+.bg--secondary-50 + .bg--secondary-50,
+.bg--accent-01 + .bg--accent-01,
+.bg--accent-02 + .bg--accent-02,
+.bg--accent-03 + .bg--accent-03,
+.bg--accent-04 + .bg--accent-04,
+.bg--main + .bg-main {
   @apply container--pb;
 }
 
@@ -55,26 +66,26 @@
   @apply pb-10;
 }
 
-.section__title--negative,
-.bg--secondary-900 .section__title,
-.bg--secondary-800 .section__title,
-.bg--secondary-700 .section__title,
-.bg--secondary-600 .section__title,
-.bg--secondary-500 .section__title,
-.bg--secondary-900 .section__subtitle,
-.bg--secondary-800 .section__subtitle,
-.bg--secondary-700 .section__subtitle,
-.bg--secondary-600 .section__subtitle,
-.bg--secondary-500 .section__subtitle {
-  @apply text-white;
+:is(
+    .bg--secondary-900,
+    .bg--secondary-800,
+    .bg--secondary-700,
+    .bg--secondary-600,
+    .bg--secondary-500,
+    .bg--accent-03,
+    .bg--accent-04
+  ) {
+  :is(.section__title, .section__subtitle) {
+    @apply text-white;
+  }
+
+  .section__action .btn {
+    @apply text-white;
+  }
 }
 
-.bg--secondary-900 .section__action .btn,
-.bg--secondary-800 .section__action .btn,
-.bg--secondary-700 .section__action .btn,
-.bg--secondary-600 .section__action .btn,
-.bg--secondary-500 .section__action .btn {
-  @apply btn--bare-negative;
+:is(.bg--secondary-400, .bg--secondary-300, .bg--secondary-200, .bg--secondary-100, .bg--secondary-50) {
+  @apply text-text-800;
 }
 
 .section__subtitle {
@@ -103,7 +114,7 @@
 .section-overview {
   @apply w-full;
   @apply h-full;
-  @apply bg-secondary-50;
+  @apply bg-background-accent-01;
   @apply pb-28;
   @apply pt-4;
 }
diff --git a/css/main.postcss b/css/main.postcss
index af6ba17d5..5ab31afc3 100644
--- a/css/main.postcss
+++ b/css/main.postcss
@@ -1,7 +1,9 @@
 @import 'tailwindcss/base';
 @import 'tailwindcss/components';
 
-@import './skins/default.postcss';
+@import './foundations/variables/color-primitives.postcss';
+@import './foundations/variables/color-tokens.postcss';
+
 @import './skins/intranet.postcss';
 @import './skins/freebrand.postcss';
 
@@ -56,10 +58,8 @@
 @import './components/alert-banner.postcss';
 @import './components/notification-banner.postcss';
 @import './components/pagination.postcss';
-@import './components/progress.postcss';
 @import './components/select.postcss';
 @import './components/multiselect.postcss';
-@import './components/steps.postcss';
 @import './components/tab.postcss';
 @import './components/table.postcss';
 @import './components/language-switcher.postcss';
diff --git a/css/navigations/carousel-navigation.postcss b/css/navigations/carousel-navigation.postcss
index d3bb17de1..9ca25d3cf 100644
--- a/css/navigations/carousel-navigation.postcss
+++ b/css/navigations/carousel-navigation.postcss
@@ -3,8 +3,8 @@
 \*----------------------------------------*/
 
 .carousel-navigation {
-    @apply h-full;
-    @apply px-3.5;
+  @apply h-full;
+  @apply px-3.5;
 
   .carousel {
     @apply relative;
@@ -17,7 +17,7 @@
     }
 
     li > a {
-      @apply hover:text-primary-600 leading-tight;
+      @apply hover:text-action-main leading-tight;
       @apply whitespace-nowrap;
       @apply transition-all;
 
@@ -31,9 +31,9 @@
 
       &.active::after,
       &:hover::after {
-        @apply bg-primary-500;
+        @apply bg-action-darkmode-main-red;
       }
-      
+
       &:focus-visible {
         @apply ring-inset;
       }
@@ -47,7 +47,7 @@
 
   .carousel__prev,
   .carousel__next {
-    @apply text-primary-600;
+    @apply text-action-main;
 
     &[disabled] {
       @apply hidden;
@@ -67,7 +67,7 @@
     @apply order-1;
     @apply absolute z-10;
     @apply -translate-x-full;
-    @apply bg-gradient-to-r via-white from-white;
+    @apply bg-gradient-to-r via-background-main from-background-main;
     @apply top-2 bottom-0 left-10;
     @apply w-10 h-10;
   }
@@ -76,7 +76,7 @@
     @apply order-3;
     @apply absolute z-10;
     @apply translate-x-full;
-    @apply bg-gradient-to-l via-white from-white;
+    @apply bg-gradient-to-l via-background-main from-background-main;
     @apply top-2 bottom-0 right-10;
     @apply w-10 h-10;
   }
diff --git a/css/navigations/main-navigation.postcss b/css/navigations/main-navigation.postcss
index 8362336b0..12e7dc3d9 100644
--- a/css/navigations/main-navigation.postcss
+++ b/css/navigations/main-navigation.postcss
@@ -2,7 +2,6 @@
   MAIN NAVIGATION
 \*----------------------------------------*/
 
-
 .mobile-menu .main-navigation,
 .main-navigation--mobile {
   @apply flex flex-col;
@@ -27,7 +26,7 @@
   & > ul > li > a {
     @apply lg:flex lg:items-center relative;
     @apply lg:h-full lg:px-4;
-    @apply hover:text-primary-600 leading-tight;
+    @apply hover:text-action-hover-main leading-tight;
     @apply whitespace-nowrap;
     @apply transition-all;
 
@@ -45,11 +44,11 @@
 
     &.active::after,
     &:hover::after {
-      @apply bg-primary-500;
+      @apply bg-action-darkmode-main-red;
     }
 
     &.clicked {
-      @apply bg-white shadow-2xl;
+      @apply bg-background-main shadow-2xl;
       @apply relative z-50;
       clip-path: inset(-50px -50px -1px -50px); /* crop shadow at the bottom */
     }
diff --git a/css/navigations/navy.postcss b/css/navigations/navy.postcss
index da77b5075..a71713cf4 100644
--- a/css/navigations/navy.postcss
+++ b/css/navigations/navy.postcss
@@ -3,22 +3,25 @@
 \*----------------------------------------*/
 
 .navy {
-  position: relative;
+  @apply relative h-full;
+  @apply bg-background-main;
   perspective: 1200px;
-  height: 100%;
 
   & li > a:not(.navy__back),
   & li > span:not(.navy__title),
   & li > button {
     @apply menu__item menu__item--small;
     @apply menu__item--border w-full;
-    @apply xl:px-3 xl:py-3;
-    @apply bg-white;
+    @apply xl:px-3 xl:py-3 transition-all;
+
+    &.active:hover .icon--ArrowRight {
+      @apply translate-x-1;
+    }
 
     &.active::after {
       content: '';
-      @apply block bg-primary-500;
-      @apply w-[3px];
+      @apply block bg-action-darkmode-main-red;
+      @apply w-[5px];
       @apply absolute top-0 bottom-0 left-0;
     }
 
@@ -28,17 +31,17 @@
   }
 
   & .main-navigation--mobile li > a {
-    @apply bg-white hover:bg-secondary-50 focus:bg-secondary-50;
+    @apply bg-background-main hover:bg-background-accent-01 focus:bg-background-accent-01;
   }
 
   & .meta-navigation--mobile li > a {
-    @apply bg-secondary-50 hover:bg-secondary-100 focus:bg-secondary-100;
+    @apply bg-elements-navigation-01 hover:bg-background-accent-02 focus:bg-background-accent-02;
   }
 
   & .top-bar-navigation--mobile li > a {
-    @apply bg-secondary-500 hover:bg-secondary-700 focus:bg-secondary-700;
+    @apply menu__item--border w-full;
     @apply text-white hover:text-white focus:text-white;
-    @apply border-secondary-300;
+    @apply hover:bg-elements-navigation-top-bar-hover-text focus:bg-elements-navigation-top-bar-focus-text;
   }
 }
 
@@ -73,7 +76,7 @@
 }
 
 .navy__level-0 {
-  @apply bg-secondary-500 lg:bg-white;
+  @apply bg-elements-navigation-02 lg:bg-background-main;
 }
 
 .navy__level-0,
@@ -254,18 +257,6 @@
   }
 }
 
-/* ul background colors on mobile */
-
-.mobile-menu {
-  .navy__level-0 ul:nth-of-type(2) a {
-    @apply menu__item--grey;
-  }
-
-  .navy__level-0 ul:nth-of-type(3) a {
-    @apply menu__item--negative;
-  }
-}
-
 .mobile-menu-navigation-bar {
   @apply border-b relative z-40;
   @apply xs:px-5 md:px-10 lg:hidden;
diff --git a/css/navigations/sticky-navigation.postcss b/css/navigations/sticky-navigation.postcss
index 1875191ff..c5dd523b0 100644
--- a/css/navigations/sticky-navigation.postcss
+++ b/css/navigations/sticky-navigation.postcss
@@ -8,7 +8,7 @@
   right: 0;
   z-index: 1000;
   @apply border-b;
-  @apply bg-white;
+  @apply bg-background-main;
 }
 
 .mobile-menu-sticky-navigation {
@@ -18,5 +18,5 @@
   z-index: 1000;
   @apply border-b;
   @apply xs:px-5 md:px-10 lg:hidden;
-  @apply bg-white;
+  @apply bg-background-main;
 }
diff --git a/css/navigations/top-bar-navigation.postcss b/css/navigations/top-bar-navigation.postcss
index 9a3c20126..b5a008a7f 100644
--- a/css/navigations/top-bar-navigation.postcss
+++ b/css/navigations/top-bar-navigation.postcss
@@ -17,17 +17,18 @@
   ul {
     @apply flex;
   }
+
   a {
     @apply flex items-center;
     @apply hover:text-text-300 focus:text-text-300;
     @apply h-full px-1 lg:px-2;
     @apply transition-colors;
-  } 
+  }
 }
 
 .top-bar-navigation--mobile {
   @apply flex flex-col pb-12;
-  @apply bg-secondary-500;
+  @apply bg-elements-navigation-02;
 
   svg {
     @apply hidden;
@@ -35,8 +36,35 @@
 
   a {
     @apply flex items-center;
-    @apply hover:text-text-300 focus:text-text-300;
     @apply h-full px-4;
-    @apply transition-colors;
+  }
+}
+
+.top-bar-navigation-mobile-selector {
+  & label {
+    @apply text-white;
+    @apply text-sm;
+  }
+  @apply h-full py-3 px-4;
+
+  svg {
+    @apply block;
+  }
+
+  .top-bar-navigation-select {
+    & label {
+      @apply text-white;
+    }
+    & select {
+      @apply bg-ui-elements-inputfield-select-footer-select;
+      @apply text-white;
+      @apply border-standard-transparent;
+    }
+    .select__icon {
+      border-color: var(--standard-transparent);
+    }
+    & svg {
+      @apply fill-standard-white;
+    }
   }
 }
diff --git a/css/sections/breadcrumb.postcss b/css/sections/breadcrumb.postcss
index 412b0a789..ce6ebfacf 100644
--- a/css/sections/breadcrumb.postcss
+++ b/css/sections/breadcrumb.postcss
@@ -5,7 +5,7 @@
 .breadcrumb {
   @apply py-2 xl:py-3;
   @apply relative z-20;
-  @apply text-sm text-text-500;
+  @apply text-sm text-text-new-label;
   @apply hidden lg:block;
 
   & nav {
@@ -24,10 +24,10 @@
     @apply flex items-center;
     @apply px-4 py-2;
     @apply md:py-4;
-    @apply hover:text-primary-600 leading-tight transition-colors;
+    @apply hover:text-action-main leading-tight transition-colors;
 
     &.clicked {
-      @apply bg-white shadow-2xl;
+      @apply bg-background-breadcrumb shadow-2xl;
       @apply relative z-50;
       clip-path: inset(-50px -50px 0 -50px); /* crop shadow at the bottom */
     }
@@ -46,8 +46,8 @@
 .breadcrumb__dropdown-icon {
   @apply w-[1.25em] h-[1.25em];
   @apply ml-2;
-  @apply text-primary-600;
-  @apply border border-primary-600 rounded-sm;
+  @apply text-action-main;
+  @apply border border-action-main rounded-sm;
   @apply stroke-current;
 
   & path {
@@ -72,8 +72,8 @@
 .breadcrumb__dropdown-icon {
   @apply w-[1.25em] h-[1.25em];
   @apply ml-2;
-  @apply text-primary-600;
-  @apply border border-primary-600 rounded-sm;
+  @apply text-action-main;
+  @apply border border-action-main rounded-sm;
   @apply stroke-current;
 
   & path {
@@ -93,19 +93,19 @@
 .breadcrumb ul ul {
   @apply w-[300px] p-2 mt-px;
   @apply absolute z-10 top-[3rem] left-0;
-  @apply bg-white shadow-2xl;
+  @apply bg-background-breadcrumb shadow-2xl;
 
   li a {
     @apply menu__item menu__item--mini;
     @apply menu__item--border w-full;
 
     &:hover {
-      @apply text-primary-600;
+      @apply text-action-hover-main;
     }
 
     &.active::after {
       content: '';
-      @apply block bg-primary-600;
+      @apply block bg-action-darkmode-main-red;
       @apply w-[2px];
       @apply absolute top-0 bottom-0 left-0;
     }
diff --git a/css/sections/desktop-menu.postcss b/css/sections/desktop-menu.postcss
index d75b30032..ab1ac344d 100644
--- a/css/sections/desktop-menu.postcss
+++ b/css/sections/desktop-menu.postcss
@@ -3,7 +3,8 @@
 \*----------------------------------------*/
 
 .desktop-menu {
-  @apply border-b relative z-40;
+  @apply border-b border-elements-divider-50 relative z-40;
+  @apply bg-background-main text-text-new-main;
 }
 
 .desktop-menu__drawer {
@@ -15,7 +16,7 @@
   @apply 3xl:w-[850px] 3xl:p-24;
   @apply overflow-hidden;
   @apply absolute z-30 top-14 xl:top-16 3xl:top-20;
-  @apply bg-white shadow-2xl opacity-100;
+  @apply bg-background-main shadow-2xl opacity-100;
   transition: opacity 300ms ease-in-out, height 200ms ease-in-out;
 
   & > * {
@@ -42,7 +43,15 @@
   display: none;
   @apply lg:block h-[120vh];
   @apply absolute z-20 top-14 xl:top-16 3xl:top-20 right-0 bottom-0 left-0;
-  @apply bg-gradient-to-b from-text-900/20 via-text-900/20 to-transparent;
+
+  --text-900-20: rgb(from var(--text-900) r g b / 20%);
+  --tw-gradient-from: var(--text-900-20) var(--tw-gradient-from-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--text-900-20) var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+  --tw-gradient-to: var(--standard-transparent) var(--tw-gradient-to-position);
+  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+
+  @apply bg-gradient-to-b from-[#111827]/20 via-[#111827]/20 to-transparent;
   @apply transition-opacity duration-300;
 
   &.hidden {
diff --git a/css/sections/footer.postcss b/css/sections/footer.postcss
index c488796e4..518b8697b 100644
--- a/css/sections/footer.postcss
+++ b/css/sections/footer.postcss
@@ -9,17 +9,36 @@
   @apply container--py;
 }
 
+.footer-information-container {
+  @apply bg-elements-footer-background-01;
+}
+
+.footer-navigation-container {
+  @apply bg-elements-footer-navigation-background-01;
+}
+
 .footer-navigation {
-  @apply flex;
+  @apply flex flex-col gap-4;
+  @apply sm:flex-row sm:justify-between;
+  @apply w-full;
   @apply py-3;
-  @apply space-x-2 sm:space-x-4;
-  @apply text--xs;
+  @apply inline-flex items-start sm:items-center;
+}
+
+.footer-navigation-links {
+  @apply flex flex-col sm:flex-row;
+  @apply sm:space-x-4;
+  @apply text--base;
+}
+
+.footer-navigation-select {
+  @apply w-full md:w-64;
 }
 
 .footer__link {
   @apply inline-flex items-center;
   @apply py-2;
-  @apply text-white hover:text-text-300 focus:text-text-300;
+  @apply text-elements-footer-link hover:text-elements-footer-link-hover focus:text-elements-footer-link-focus;
   @apply cursor-pointer;
 
   .footer-information__icon {
@@ -40,13 +59,14 @@
 
 .footer-information__entry {
   @apply mb-16 lg:mb-0;
-  @apply text-white;
+  @apply text-elements-footer-text;
 
   &:last-child {
     @apply mb-0;
   }
 
-  h3, .footer-information__entry-title {
+  h3,
+  .footer-information__entry-title {
     @apply text--xl;
     @apply mb-6 lg:mb-10;
   }
@@ -94,8 +114,8 @@
     @apply w-full;
     @apply flex justify-between;
     @apply py-4 px-2;
-    @apply border-b border-secondary-300;
-    @apply hover:bg-secondary-700 hover:text-white;
+    @apply border-b border-elements-divider-200;
+    @apply hover:bg-elements-footer-link-hover-background hover:text-elements-footer-information-link-hover-text;
 
     .footer-information__icon {
       @apply h-6;
diff --git a/css/sections/hero.postcss b/css/sections/hero.postcss
index ba9a1a54d..ef2769de4 100644
--- a/css/sections/hero.postcss
+++ b/css/sections/hero.postcss
@@ -4,8 +4,13 @@
 
 .hero {
   @apply container--pb;
+  @apply bg-background-main text-text-new-main;
   @apply pt-12 lg:pt-14 3xl:pt-20;
 
+  .section-overview & {
+    @apply bg-transparent;
+  }
+
   figure {
     @apply py-0;
   }
diff --git a/css/sections/mobile-menu.postcss b/css/sections/mobile-menu.postcss
index f5cb740b9..512d8ca8c 100644
--- a/css/sections/mobile-menu.postcss
+++ b/css/sections/mobile-menu.postcss
@@ -8,7 +8,7 @@
   @apply w-full h-0;
   @apply absolute z-10;
   @apply transition-opacity duration-700;
-  @apply bg-white shadow-2xl;
+  @apply bg-background-main shadow-2xl;
 }
 
 .mobile-menu--is-open,
@@ -36,7 +36,7 @@
 \*----------------------------------------*/
 
 .mobile-menu-v2 {
-  @apply bg-secondary-500;
+  @apply bg-elements-navigation-02;
   @apply invisible opacity-0 lg:hidden;
   @apply overflow-hidden;
   @apply w-full h-0;
@@ -89,7 +89,7 @@
 }
 
 .top-header__menu-v2-title {
-  @apply bg-white;
+  @apply bg-background-main;
   @apply font-bold;
   @apply pt-[6.5rem] md:pt-[8rem];
   @apply pb-6;
@@ -107,11 +107,11 @@
 .mobile-menu-v2-body {
   @apply h-full w-full;
 
-  .mobile-menu-v2-navigation-container {    
+  .mobile-menu-v2-navigation-container {
     & .mobile-menu-v2-navigation li > a {
       @apply menu__item menu__item--small;
       @apply menu__item--border w-full;
-      @apply bg-white;
+      @apply bg-background-main;
       @apply w-full;
 
       &.active::after {
@@ -125,22 +125,19 @@
 
   .meta-navigation {
     ul a {
-      @apply menu__item--grey;
       @apply menu__item menu__item--small;
       @apply menu__item--border w-full;
-      @apply bg-secondary-50 hover:bg-secondary-100 focus:bg-secondary-100;
+      @apply bg-elements-navigation-01 hover:bg-background-accent-02 focus:bg-background-accent-02;
       @apply w-full;
     }
   }
 
   .top-bar-navigation--mobile {
     ul a {
-      @apply menu__item--negative;
       @apply menu__item menu__item--small;
       @apply menu__item--border w-full;
-      @apply bg-secondary-500 hover:bg-secondary-700 focus:bg-secondary-700;
       @apply text-white hover:text-white focus:text-white;
-      @apply border-secondary-300;
+      @apply hover:bg-elements-navigation-top-bar-hover-text focus:bg-elements-navigation-top-bar-focus-text;
       @apply w-full;
     }
   }
@@ -156,8 +153,8 @@
 }
 
 .mobile-menu-v2__level {
-  @apply bg-white;
-  @apply border-white;
+  @apply bg-background-main;
+  @apply border-background-main;
   position: absolute;
   left: 0;
   right: 0;
diff --git a/css/sections/quote.postcss b/css/sections/quote.postcss
index 21b459aa8..aac817954 100644
--- a/css/sections/quote.postcss
+++ b/css/sections/quote.postcss
@@ -9,7 +9,15 @@
   grid-template-columns: repeat(2, minmax(min-content, max-content));
   grid-template-areas: 'A B';
 
-  @apply text-text-600;
+  @apply text-text-new-main;
+
+  .bg--secondary-50 &,
+  .bg--secondary-100 &,
+  .bg--secondary-200 &,
+  .bg--secondary-300 &,
+  .bg--secondary-400 & {
+    @apply text-text-600;
+  }
 
   .bg--secondary-500 &,
   .bg--secondary-600 &,
@@ -20,7 +28,23 @@
   }
 
   figcaption {
-    @apply text-inherit;
+    @apply text-text-new-main;
+
+    .bg--secondary-50 &,
+    .bg--secondary-100 &,
+    .bg--secondary-200 &,
+    .bg--secondary-300 &,
+    .bg--secondary-400 & {
+      @apply text-text-600;
+    }
+
+    .bg--secondary-500 &,
+    .bg--secondary-600 &,
+    .bg--secondary-700 &,
+    .bg--secondary-800 &,
+    .bg--secondary-900 & {
+      @apply text-white;
+    }
   }
 }
 
diff --git a/css/sections/top-bar.postcss b/css/sections/top-bar.postcss
index 3cf88b7d4..87767faf5 100644
--- a/css/sections/top-bar.postcss
+++ b/css/sections/top-bar.postcss
@@ -3,15 +3,15 @@
 \*----------------------------------------*/
 
 .top-bar {
-  @apply bg-secondary-600;
+  @apply bg-elements-top-bar-background;
   @apply text-sm 2xl:text-base text-white;
 }
 
 .top-bar__bar {
-  @apply bg-secondary-600;
+  @apply bg-elements-top-bar-background;
 
   .top-bar--is-open & {
-    @apply bg-secondary-700;
+    @apply bg-elements-top-bar-background-open;
   }
 
   .container {
@@ -20,16 +20,16 @@
 }
 
 .top-bar__bar--easy-language {
-  @apply !bg-[#466975];
+  @apply !bg-elements-top-bar-background-easy-language;
 }
 
 .top-bar__bar--sign-language {
-  @apply !bg-indigo-900;
+  @apply !bg-elements-top-bar-background-sign-language;
 }
 
 .top-bar__drawer {
   @apply pt-6 md:pt-8;
-  @apply bg-secondary-600 text-white;
+  @apply bg-elements-top-bar-drawer-background text-white;
 }
 
 .top-bar__drawer__close {
@@ -71,11 +71,11 @@
   }
 
   a {
-    @apply text-secondary-100 my-2;
+    @apply text-elements-top-bar-drawer-localization-link my-2;
 
     &.active {
       @apply text-white font-bold;
-      @apply border-l-2 border-primary-600 pl-2;
+      @apply border-l-2 border-elements-top-bar-drawer-localization-link-border pl-2;
     }
   }
 
@@ -127,11 +127,11 @@
 
 .top-bar__btn {
   @apply flex items-center text-left;
-  @apply hover:text-text-300 focus:text-text-300;
+  @apply hover:text-elements-top-bar-button-hover-text focus:text-elements-top-bar-button-focus-text;
   @apply pl-4 -ml-4;
   @apply py-1;
   min-height: 2.75rem;
-  @apply bg-secondary-600;
+  @apply bg-elements-top-bar-button-background;
   @apply transition-colors;
   span {
     @apply w-min sm:w-full;
@@ -154,8 +154,8 @@
 .top-bar__right {
   @apply flex items-center;
   /* Overwrite badge close icon color */
-  .badge__icon{
-    @apply text-gray-800;
+  .badge__icon {
+    @apply text-elements-top-bar-badge-icon;
     @apply bg-inherit;
   }
   .badge {
@@ -171,4 +171,4 @@
   left: 0;
   right: 0;
   z-index: 1000;
-}
\ No newline at end of file
+}
diff --git a/css/sections/top-header.postcss b/css/sections/top-header.postcss
index 0f1a247e7..a6011cd7f 100644
--- a/css/sections/top-header.postcss
+++ b/css/sections/top-header.postcss
@@ -4,14 +4,14 @@
 
 .top-header {
   @apply py-3 md:py-4 lg:py-6 xl:py-8 3xl:py-10;
-  @apply bg-white;
   @apply text-sm 3xl:text-base;
-  @apply border-b;
+  @apply border-b border-elements-divider-50;
   @apply relative;
+  @apply bg-background-main text-ui-elements-inputfield-select-main-text;
 }
 
 .top-header__mobile-title {
-  @apply bg-secondary-100 xs:hidden;
+  @apply bg-background-accent-01 xs:hidden;
   @apply text-xs;
   @apply relative -top-3;
   @apply overflow-hidden;
@@ -75,15 +75,15 @@
 }
 
 .icon-easy-language {
-  @apply bg-green-100;
+  @apply bg-elements-top-header-easy-language-icon-background;
   svg {
-    @apply text-green-800;
+    @apply text-elements-top-header-easy-language-icon;
   }
 }
 
 .icon-sign-language {
-  @apply bg-indigo-100;
+  @apply bg-elements-top-header-sign-language-icon-background;
   svg {
-    @apply text-indigo-900;
+    @apply text-elements-top-header-sign-language-icon;
   }
 }
diff --git a/css/skins/default.postcss b/css/skins/default.postcss
deleted file mode 100644
index d2ef85edc..000000000
--- a/css/skins/default.postcss
+++ /dev/null
@@ -1,29 +0,0 @@
-/*----------------------------------------*\
-  VARIABLES DEFAULT
-\*----------------------------------------*/
-
-@layer base {
-  :root {
-    --color-primary-50: #ffedee;
-    --color-primary-100: #fae1e2;
-    --color-primary-200: #ffccce;
-    --color-primary-300: #fa9da1;
-    --color-primary-400: #fc656b;
-    --color-primary-500: #e53940;
-    --color-primary-600: #d8232a;
-    --color-primary-700: #bf1f25;
-    --color-primary-800: #99191e;
-    --color-primary-900: #801519;
-
-    --color-secondary-50: #f0f4f7;
-    --color-secondary-100: #dfe4e9;
-    --color-secondary-200: #acb4bd;
-    --color-secondary-300: #828e9a;
-    --color-secondary-400: #596978;
-    --color-secondary-500: #46596b;
-    --color-secondary-600: #2f4356;
-    --color-secondary-700: #263645;
-    --color-secondary-800: #1c2834;
-    --color-secondary-900: #131b22;
-  }
-}
diff --git a/css/skins/freebrand.postcss b/css/skins/freebrand.postcss
index 983295805..d4860b12f 100644
--- a/css/skins/freebrand.postcss
+++ b/css/skins/freebrand.postcss
@@ -4,27 +4,143 @@
 
 @layer base {
   .body--freebrand {
-    --color-primary-50: #eaffe9;
-    --color-primary-100: #d3ebd2;
-    --color-primary-200: #bdd8bc;
-    --color-primary-300: #a7c4a6;
-    --color-primary-400: #91b191;
-    --color-primary-500: #7c9f7c;
-    --color-primary-600: #678d67;
-    --color-primary-700: #537b54;
-    --color-primary-800: #3e6940;
-    --color-primary-900: #2a582e;
+    --primary-50: #eaffe9;
+    --primary-100: #d3ebd2;
+    --primary-200: #bdd8bc;
+    --primary-300: #a7c4a6;
+    --primary-400: #91b191;
+    --primary-500: #7c9f7c;
+    --primary-600: #678d67;
+    --primary-700: #537b54;
+    --primary-800: #3e6940;
+    --primary-900: #2a582e;
 
-    --color-secondary-50: #efffee;
-    --color-secondary-100: #b0beb0;
-    --color-secondary-200: #768176;
-    --color-secondary-300: #404941;
+    --secondary-50: #efffee;
+    --secondary-100: #b0beb0;
+    --secondary-200: #768176;
+    --secondary-300: #404941;
 
-    --color-secondary-400: #758874;
-    --color-secondary-500: #6a7f69;
-    --color-secondary-600: #5f755f;
-    --color-secondary-700: #546c55;
-    --color-secondary-800: #49634b;
-    --color-secondary-900: #3e5a41;
+    --secondary-400: #758874;
+    --secondary-500: #6a7f69;
+    --secondary-600: #5f755f;
+    --secondary-700: #546c55;
+    --secondary-800: #49634b;
+    --secondary-900: #3e5a41;
+
+    --action-darkmode-hover-red: light-dark(var(--primary-700), var(--primary-500));
+    --action-darkmode-main-red: light-dark(var(--primary-600), var(--primary-400));
+    --action-disabled: light-dark(var(--secondary-200), var(--secondary-400));
+    --action-hover-main: light-dark(var(--primary-600), var(--secondary-100));
+    --action-hover-secondary: light-dark(var(--secondary-600), var(--secondary-100));
+    --action-main: light-dark(var(--primary-600), var(--standard-white));
+    --action-secondary: light-dark(var(--secondary-400), var(--secondary-100));
+    --background-accent-01: light-dark(var(--secondary-50), var(--secondary-900));
+    --background-accent-02: light-dark(var(--secondary-100), var(--secondary-800));
+    --background-accent-03: light-dark(
+      var(--secondary-500),
+      var(--secondary-400)
+    ); /* Non standard -> Not in Figma yet but necessary for Carousel with fixed background */
+    --background-accent-04: light-dark(
+      var(--secondary-600),
+      var(--secondary-300)
+    ); /* Non standard -> Not in Figma yet but necessary for Carousel with fixed background */
+    --background-main: light-dark(var(--standard-white), var(--secondary-800));
+    --background-breadcrumb: light-dark(var(--standard-white), var(--secondary-800));
+    --elements-card-card-01: light-dark(var(--standard-white), var(--secondary-700));
+    --elements-card-header-background: light-dark(var(--standard-white), var(--secondary-700));
+    --elements-card-header-border: light-dark(var(--secondary-100), var(--secondary-500));
+    --elements-divider-100: light-dark(var(--secondary-200), var(--secondary-400));
+    --elements-divider-200: light-dark(var(--secondary-300), var(--secondary-300));
+    --elements-divider-50: light-dark(var(--secondary-100), var(--secondary-300));
+    --elements-top-bar-background: light-dark(var(--secondary-600), var(--secondary-600));
+    --elements-top-bar-background-open: light-dark(var(--secondary-700), var(--secondary-700));
+    --elements-top-bar-background-easy-language: light-dark(#466975, #466975);
+    --elements-top-bar-background-sign-language: light-dark(var(--indigo-900), var(--indigo-900));
+    --elements-top-bar-drawer-background: light-dark(var(--secondary-600), var(--secondary-600));
+    --elements-top-bar-drawer-localization-link: light-dark(var(--secondary-100), var(--secondary-100));
+    --elements-top-bar-drawer-localization-link-border: light-dark(var(--primary-600), var(--primary-600));
+    --elements-top-bar-button-background: light-dark(var(--secondary-600), var(--secondary-600));
+    --elements-top-bar-button-hover-text: light-dark(var(--text-300), var(--text-300));
+    --elements-top-bar-button-focus-text: light-dark(var(--text-300), var(--text-300));
+    --elements-top-bar-badge-icon: light-dark(var(--gray-800), var(--gray-800));
+    --elements-top-header-easy-language-icon-background: light-dark(var(--green-100), var(--green-100));
+    --elements-top-header-sign-language-icon-background: light-dark(var(--indigo-100), var(--indigo-100));
+    --elements-top-header-easy-language-icon: light-dark(var(--green-800), var(--green-800));
+    --elements-top-header-sign-language-icon: light-dark(var(--indigo-900), var(--indigo-900));
+    --elements-footer-background-01: light-dark(var(--secondary-600), var(--secondary-600));
+    --elements-footer-navigation-background-01: light-dark(var(--secondary-700), var(--secondary-700));
+    --elements-footer-text: light-dark(var(--standard-white), var(--standard-white));
+    --elements-footer-link: light-dark(var(--standard-white), var(--standard-white));
+    --elements-footer-link-hover-background: light-dark(var(--secondary-700), var(--secondary-700));
+    --elements-footer-link-hover: light-dark(var(--text-300), var(--text-300));
+    --elements-footer-link-focus: light-dark(var(--text-300), var(--text-300));
+    --elements-footer-information-link-hover-text: light-dark(var(--standard-white), var(--standard-white));
+    --elements-navigation-01: light-dark(var(--secondary-50), var(--secondary-700));
+    --elements-navigation-02: light-dark(var(--secondary-900), var(--secondary-900));
+    --elements-navigation-top-bar-mobile-hover-text: light-dark(var(--secondary-700), var(--secondary-700));
+    --elements-navigation-top-bar-mobile-focus-text: light-dark(var(--secondary-700), var(--secondary-700));
+    --states-error-error-bg: light-dark(var(--red-50), var(--red-50));
+    --states-error-error-text: light-dark(var(--red-800), var(--red-800));
+    --states-information-information-bg: light-dark(var(--blue-50), var(--blue-50));
+    --states-information-information-text: light-dark(var(--blue-700), var(--blue-700));
+    --states-hint-hint-bg: light-dark(var(--secondary-50), var(--secondary-50));
+    --states-hint-hint-text: light-dark(var(--text-700), var(--text-700));
+    --states-success-success-bg: light-dark(var(--green-50), var(--green-50));
+    --states-success-success-text: light-dark(var(--green-800), var(--green-800));
+    --states-warning-warning-bg: light-dark(var(--orange-50), var(--orange-50));
+    --states-warning-warning-text: light-dark(var(--orange-800), var(--orange-800));
+    --states-alert-alert-bg: light-dark(var(--red-900), var(--red-900));
+    --states-alert-alert-text: light-dark(var(--standard-white), var(--standard-white));
+    --text-contrast-text: light-dark(var(--standard-white), var(--gray-800));
+    --text-disabled-text: light-dark(var(--text-300), var(--text-300));
+    --text-label-text: light-dark(var(--text-500), var(--secondary-100));
+    --text-main-text: light-dark(var(--text-800), var(--standard-white));
+    --text-quote-text: light-dark(var(--secondary-500), var(--standard-white));
+    --text-highlight-text: light-dark(var(--blue-100), var(--blue-900));
+    --text-selected-text: light-dark(var(--blue-100), var(--blue-800));
+    --ui-elements-button-background-cta-default: light-dark(var(--standard-white), var(--gray-700));
+    --ui-elements-button-background-cta-disabled: light-dark(var(--standard-white), var(--standard-transparent));
+    --ui-elements-button-background-cta-hover: light-dark(var(--standard-white), var(--secondary-600));
+    --ui-elements-checkbox-active-background: light-dark(var(--text-700), var(--text-700));
+    --ui-elements-inputfield-select-background-choose-default-choose-background: light-dark(
+      var(--standard-white),
+      var(--secondary-700)
+    );
+    --ui-elements-inputfield-select-background-choose-disabled-choose-background: light-dark(
+      var(--text-100),
+      var(--secondary-500)
+    );
+    --ui-elements-inputfield-select-text-choose-disabled-choose-color: light-dark(
+      var(--text-400),
+      var(--secondary-300)
+    );
+    --ui-elements-inputfield-select-text-choose-disabled-text-color: light-dark(
+      var(--standard-white),
+      var(--secondary-700)
+    );
+    --ui-elements-inputfield-select-background-selected-background-color: light-dark(var(--gray-200), var(--gray-200));
+    --ui-elements-inputfield-select-background-default-background: light-dark(
+      var(--standard-white),
+      var(--secondary-600)
+    );
+    --ui-elements-inputfield-select-background-disabled-background: light-dark(var(--text-50), var(--secondary-700));
+    --ui-elements-inputfield-select-stroke-disabled-stroke: light-dark(var(--gray-300), var(--standard-transparent));
+    --ui-elements-inputfield-select-stroke-error-stroke: light-dark(var(--red-600), var(--red-300));
+    --ui-elements-inputfield-select-stroke-main-stroke: light-dark(var(--gray-500), var(--standard-transparent));
+    --ui-elements-inputfield-select-text-disabled-text: light-dark(var(--text-400), var(--secondary-300));
+    --ui-elements-inputfield-select-text-main-text: light-dark(var(--text-800), var(--standard-white));
+    --ui-elements-radiobutton-active-background: light-dark(var(--text-700), var(--text-700));
+    --ui-elements-radiobutton-disabled-background: light-dark(var(--text-100), var(--secondary-300));
+    --ui-elements-radiobutton-disabled-stroke: light-dark(var(--text-300), var(--text-400));
+    --ui-elements-radiobutton-inactive-background: light-dark(var(--standard-white), var(--secondary-400));
+    --ui-elements-radiobutton-main-stroke: light-dark(var(--text-500), var(--standard-white));
+    --ui-elements-tag-background-active: light-dark(var(--gray-800), var(--standard-white));
+    --ui-elements-tag-background-default: light-dark(var(--secondary-100), var(--secondary-600));
+    --ui-elements-tag-background-disabled-fill: light-dark(var(--secondary-50), var(--secondary-900));
+    --ui-elements-tag-background-disabled-stroke: light-dark(var(--secondary-100), var(--secondary-800));
+    --ui-elements-tag-background-hover: light-dark(var(--secondary-200), var(--secondary-400));
+    --ui-elements-footer-select-background: light-dark(var(--secondary-500), var(--secondary-500));
+    --ui-elements-footer-informtion-button-border: light-dark(var(--standard-white), var(--standard-white));
+    --ui-elements-footer-informtion-button-background: light-dark(var(--secondary-500), var(--secondary-500));
   }
 }
diff --git a/css/skins/intranet.postcss b/css/skins/intranet.postcss
index ff906323c..c902a6db7 100644
--- a/css/skins/intranet.postcss
+++ b/css/skins/intranet.postcss
@@ -4,30 +4,30 @@
 
 @layer base {
   .body--intranet {
-    --color-primary-50: #eff6ff;
-    --color-primary-100: #dbeafe;
-    --color-primary-200: #bfdbfe;
-    --color-primary-300: #93c5fd;
-    --color-primary-400: #60a5fa;
-    --color-primary-500: #3b82f6;
-    --color-primary-600: #2563eb;
-    --color-primary-700: #1d4ed8;
-    --color-primary-800: #1e40af;
-    --color-primary-900: #1e3a8a;
+    --primary-50: #eff6ff;
+    --primary-100: #dbeafe;
+    --primary-200: #bfdbfe;
+    --primary-300: #93c5fd;
+    --primary-400: #60a5fa;
+    --primary-500: #3b82f6;
+    --primary-600: #2563eb;
+    --primary-700: #1d4ed8;
+    --primary-800: #1e40af;
+    --primary-900: #1e3a8a;
 
     /* light secondary colors are grey */
-    --color-secondary-50: #f0f4f7;
-    --color-secondary-100: #dfe4e9;
-    --color-secondary-200: #acb4bd;
-    --color-secondary-300: #828e9a;
+    --secondary-50: #f0f4f7;
+    --secondary-100: #dfe4e9;
+    --secondary-200: #acb4bd;
+    --secondary-300: #828e9a;
 
     /* dense secondary colors are blue */
-    --color-secondary-400: #5076b3;
-    --color-secondary-500: #234dc2;
-    --color-secondary-600: #1e40af;
-    --color-secondary-700: #1e3a8a;
-    --color-secondary-800: #1c3c7d;
-    --color-secondary-900: #1c3c7d;
+    --secondary-400: #5076b3;
+    --secondary-500: #234dc2;
+    --secondary-600: #1e40af;
+    --secondary-700: #1e3a8a;
+    --secondary-800: #1c3c7d;
+    --secondary-900: #1c3c7d;
 
     .logo__title::after {
       @apply content-['Intranet'];
@@ -41,5 +41,121 @@
       @apply block w-fit;
       @apply text-xs;
     }
+
+    --action-darkmode-hover-red: light-dark(var(--primary-700), var(--primary-500));
+    --action-darkmode-main-red: light-dark(var(--primary-600), var(--primary-400));
+    --action-disabled: light-dark(var(--secondary-200), var(--secondary-400));
+    --action-hover-main: light-dark(var(--primary-600), var(--secondary-100));
+    --action-hover-secondary: light-dark(var(--secondary-600), var(--secondary-100));
+    --action-main: light-dark(var(--primary-600), var(--standard-white));
+    --action-secondary: light-dark(var(--secondary-400), var(--secondary-100));
+    --background-accent-01: light-dark(var(--secondary-50), var(--secondary-900));
+    --background-accent-02: light-dark(var(--secondary-100), var(--secondary-800));
+    --background-accent-03: light-dark(
+      var(--secondary-500),
+      var(--secondary-400)
+    ); /* Non standard -> Not in Figma yet but necessary for Carousel with fixed background */
+    --background-accent-04: light-dark(
+      var(--secondary-600),
+      var(--secondary-300)
+    ); /* Non standard -> Not in Figma yet but necessary for Carousel with fixed background */
+    --background-main: light-dark(var(--standard-white), var(--secondary-800));
+    --background-breadcrumb: light-dark(var(--standard-white), var(--secondary-800));
+    --elements-card-card-01: light-dark(var(--standard-white), var(--secondary-700));
+    --elements-card-header-background: light-dark(var(--standard-white), var(--secondary-700));
+    --elements-card-header-border: light-dark(var(--secondary-100), var(--secondary-500));
+    --elements-divider-100: light-dark(var(--secondary-200), var(--secondary-400));
+    --elements-divider-200: light-dark(var(--secondary-300), var(--secondary-300));
+    --elements-divider-50: light-dark(var(--secondary-100), var(--secondary-300));
+    --elements-top-bar-background: light-dark(var(--secondary-600), var(--secondary-600));
+    --elements-top-bar-background-open: light-dark(var(--secondary-700), var(--secondary-700));
+    --elements-top-bar-background-easy-language: light-dark(#466975, #466975);
+    --elements-top-bar-background-sign-language: light-dark(var(--indigo-900), var(--indigo-900));
+    --elements-top-bar-drawer-background: light-dark(var(--secondary-600), var(--secondary-600));
+    --elements-top-bar-drawer-localization-link: light-dark(var(--secondary-100), var(--secondary-100));
+    --elements-top-bar-drawer-localization-link-border: light-dark(var(--primary-600), var(--primary-600));
+    --elements-top-bar-button-background: light-dark(var(--secondary-600), var(--secondary-600));
+    --elements-top-bar-button-hover-text: light-dark(var(--text-300), var(--text-300));
+    --elements-top-bar-button-focus-text: light-dark(var(--text-300), var(--text-300));
+    --elements-top-bar-badge-icon: light-dark(var(--gray-800), var(--gray-800));
+    --elements-top-header-easy-language-icon-background: light-dark(var(--green-100), var(--green-100));
+    --elements-top-header-sign-language-icon-background: light-dark(var(--indigo-100), var(--indigo-100));
+    --elements-top-header-easy-language-icon: light-dark(var(--green-800), var(--green-800));
+    --elements-top-header-sign-language-icon: light-dark(var(--indigo-900), var(--indigo-900));
+    --elements-footer-background-01: light-dark(var(--secondary-600), var(--secondary-600));
+    --elements-footer-navigation-background-01: light-dark(var(--secondary-700), var(--secondary-700));
+    --elements-footer-text: light-dark(var(--standard-white), var(--standard-white));
+    --elements-footer-link: light-dark(var(--standard-white), var(--standard-white));
+    --elements-footer-link-hover-background: light-dark(var(--secondary-700), var(--secondary-700));
+    --elements-footer-link-hover: light-dark(var(--text-300), var(--text-300));
+    --elements-footer-link-focus: light-dark(var(--text-300), var(--text-300));
+    --elements-footer-information-link-hover-text: light-dark(var(--standard-white), var(--standard-white));
+    --elements-navigation-01: light-dark(var(--secondary-50), var(--secondary-700));
+    --elements-navigation-02: light-dark(var(--secondary-900), var(--secondary-900));
+    --elements-navigation-top-bar-mobile-hover-text: light-dark(var(--secondary-700), var(--secondary-700));
+    --elements-navigation-top-bar-mobile-focus-text: light-dark(var(--secondary-700), var(--secondary-700));
+    --states-error-error-bg: light-dark(var(--red-50), var(--red-50));
+    --states-error-error-text: light-dark(var(--red-800), var(--red-800));
+    --states-information-information-bg: light-dark(var(--blue-50), var(--blue-50));
+    --states-information-information-text: light-dark(var(--blue-700), var(--blue-700));
+    --states-hint-hint-bg: light-dark(var(--secondary-50), var(--secondary-50));
+    --states-hint-hint-text: light-dark(var(--text-700), var(--text-700));
+    --states-success-success-bg: light-dark(var(--green-50), var(--green-50));
+    --states-success-success-text: light-dark(var(--green-800), var(--green-800));
+    --states-warning-warning-bg: light-dark(var(--orange-50), var(--orange-50));
+    --states-warning-warning-text: light-dark(var(--orange-800), var(--orange-800));
+    --states-alert-alert-bg: light-dark(var(--red-900), var(--red-900));
+    --states-alert-alert-text: light-dark(var(--standard-white), var(--standard-white));
+    --text-contrast-text: light-dark(var(--standard-white), var(--gray-800));
+    --text-disabled-text: light-dark(var(--text-300), var(--text-300));
+    --text-label-text: light-dark(var(--text-500), var(--secondary-100));
+    --text-main-text: light-dark(var(--text-800), var(--standard-white));
+    --text-quote-text: light-dark(var(--secondary-500), var(--standard-white));
+    --text-highlight-text: light-dark(var(--blue-100), var(--blue-900));
+    --text-selected-text: light-dark(var(--blue-100), var(--blue-800));
+    --ui-elements-button-background-cta-default: light-dark(var(--standard-white), var(--gray-700));
+    --ui-elements-button-background-cta-disabled: light-dark(var(--standard-white), var(--standard-transparent));
+    --ui-elements-button-background-cta-hover: light-dark(var(--standard-white), var(--secondary-600));
+    --ui-elements-checkbox-active-background: light-dark(var(--text-700), var(--text-700));
+    --ui-elements-inputfield-select-background-choose-default-choose-background: light-dark(
+      var(--standard-white),
+      var(--secondary-700)
+    );
+    --ui-elements-inputfield-select-background-choose-disabled-choose-background: light-dark(
+      var(--text-100),
+      var(--secondary-500)
+    );
+    --ui-elements-inputfield-select-text-choose-disabled-choose-color: light-dark(
+      var(--text-400),
+      var(--secondary-300)
+    );
+    --ui-elements-inputfield-select-text-choose-disabled-text-color: light-dark(
+      var(--standard-white),
+      var(--secondary-700)
+    );
+    --ui-elements-inputfield-select-background-selected-background-color: light-dark(var(--gray-200), var(--gray-200));
+    --ui-elements-inputfield-select-background-default-background: light-dark(
+      var(--standard-white),
+      var(--secondary-600)
+    );
+    --ui-elements-inputfield-select-background-disabled-background: light-dark(var(--text-50), var(--secondary-700));
+    --ui-elements-inputfield-select-stroke-disabled-stroke: light-dark(var(--gray-300), var(--standard-transparent));
+    --ui-elements-inputfield-select-stroke-error-stroke: light-dark(var(--red-600), var(--red-300));
+    --ui-elements-inputfield-select-stroke-main-stroke: light-dark(var(--gray-500), var(--standard-transparent));
+    --ui-elements-inputfield-select-text-disabled-text: light-dark(var(--text-400), var(--secondary-300));
+    --ui-elements-inputfield-select-text-main-text: light-dark(var(--text-800), var(--standard-white));
+    --ui-elements-radiobutton-active-background: light-dark(var(--text-700), var(--text-700));
+    --ui-elements-radiobutton-disabled-background: light-dark(var(--text-100), var(--secondary-300));
+    --ui-elements-radiobutton-disabled-stroke: light-dark(var(--text-300), var(--text-400));
+    --ui-elements-radiobutton-inactive-background: light-dark(var(--standard-white), var(--secondary-400));
+    --ui-elements-radiobutton-main-stroke: light-dark(var(--text-500), var(--standard-white));
+    --ui-elements-tag-background-active: light-dark(var(--gray-800), var(--standard-white));
+    --ui-elements-tag-background-default: light-dark(var(--secondary-100), var(--secondary-600));
+    --ui-elements-tag-background-disabled-fill: light-dark(var(--secondary-50), var(--secondary-900));
+    --ui-elements-tag-background-disabled-stroke: light-dark(var(--secondary-100), var(--secondary-800));
+    --ui-elements-tag-background-hover: light-dark(var(--secondary-200), var(--secondary-400));
+    --ui-elements-footer-select-background: light-dark(var(--secondary-500), var(--secondary-500));
+    --ui-elements-footer-informtion-button-border: light-dark(var(--standard-white), var(--standard-white));
+    --ui-elements-footer-informtion-button-background: light-dark(var(--secondary-500), var(--secondary-500));
   }
 }
diff --git a/css/storybook.postcss b/css/storybook.postcss
index 8da9644ec..6d4e3768f 100644
--- a/css/storybook.postcss
+++ b/css/storybook.postcss
@@ -87,34 +87,26 @@
 .storybook-show-container,
 .storybook-show-container section {
   @media (min-width: theme('screens.md')) {
-    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(0 * 100% / 12 + 0px) 0/2.25rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(12 * 100% / 12 + 0px) 0/2.25rem 100%;
+    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(0 * 100% / 12 + 0px) 0/2.25rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(12 * 100% / 12 + 0px) 0/2.25rem 100%;
   }
   background-repeat: no-repeat;
 
   @media (min-width: theme('screens.lg')) {
-    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(0 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(12 * 100% / 12 + 0px) 0/2.5rem 100%;
+    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(0 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(12 * 100% / 12 + 0px) 0/2.5rem 100%;
   }
   background-repeat: no-repeat;
 
   @media (min-width: theme('screens.xl')) {
-    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(0 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(12 * 100% / 12 + 0px) 0/3rem 100%;
+    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(0 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(12 * 100% / 12 + 0px) 0/3rem 100%;
   }
   background-repeat: no-repeat;
 
   @media (min-width: theme('screens.3xl')) {
-    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(0 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(12 * 100% / 12 + 0px) 0/4rem 100%;
+    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(0 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(12 * 100% / 12 + 0px) 0/4rem 100%;
   }
   background-repeat: no-repeat;
 }
@@ -122,111 +114,75 @@
 .storybook-show-grid,
 .storybook-show-grid .container--grid {
   @media (min-width: theme('screens.md')) {
-    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(0 * 100% / 12 + 0px) 0/2.25rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(12 * 100% / 12 + 0px) 0/2.25rem 100%;
+    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(0 * 100% / 12 + 0px) 0/2.25rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(12 * 100% / 12 + 0px) 0/2.25rem 100%;
   }
   background-repeat: no-repeat;
 
   @media (min-width: theme('screens.lg')) {
-    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(0 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(1 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(2 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(3 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(4 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(5 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(6 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(7 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(8 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(9 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(10 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(11 * 100% / 12 + 0px) 0/2.5rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(12 * 100% / 12 + 0px) 0/2.5rem 100%;
+    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(0 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(1 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(2 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(3 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(4 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(5 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(6 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(7 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(8 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(9 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(10 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(11 * 100% / 12 + 0px) 0/2.5rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(12 * 100% / 12 + 0px) 0/2.5rem 100%;
   }
   background-repeat: no-repeat;
 
   @media (min-width: theme('screens.xl')) {
-    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(0 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(1 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(2 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(3 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(4 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(5 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(6 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(7 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(8 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(9 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(10 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(11 * 100% / 12 + 0px) 0/3rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(12 * 100% / 12 + 0px) 0/3rem 100%;
+    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(0 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(1 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(2 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(3 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(4 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(5 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(6 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(7 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(8 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(9 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(10 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(11 * 100% / 12 + 0px) 0/3rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(12 * 100% / 12 + 0px) 0/3rem 100%;
   }
   background-repeat: no-repeat;
 
   @media (min-width: theme('screens.3xl')) {
-    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(0 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(1 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(2 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(3 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(4 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(5 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(6 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(7 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(8 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(9 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(10 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(11 * 100% / 12 + 0px) 0/4rem 100%,
-      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05))
-        calc(12 * 100% / 12 + 0px) 0/4rem 100%;
+    background: linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(0 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(1 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(2 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(3 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(4 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(5 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(6 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(7 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(8 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(9 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(10 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(11 * 100% / 12 + 0px) 0/4rem 100%,
+      linear-gradient(rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)) calc(12 * 100% / 12 + 0px) 0/4rem 100%;
   }
   background-repeat: no-repeat;
 }
 
 .storybook-bg-negative {
   @apply bg-secondary-600 !important;
+  @apply text-white !important;
 }
 
 /*----------------------------------------*\
   STORYBOOK Docs Style Fixes
 \*----------------------------------------*/
+.docblock-argstable {
+  color-scheme: light;
+}
+
 .sbdocs-content > ol {
   list-style: decimal;
 }
@@ -235,6 +191,11 @@
   list-style: initial;
 }
 
+.sbdocs-preview:has([data-v-app]) {
+  @apply bg-background-main;
+  @apply text-text-new-main;
+}
+
 .innerZoomElementWrapper > div > div > div > * {
   margin: 10px;
 }