diff --git a/app/.storybook/main.ts b/app/.storybook/main.ts
index 279e6d0d..74c089de 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 b1e0361e..1501a835 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 bb6e599a..f16d0352 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 5ebbdf0c..50967b55 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 caafda4e..e4815b71 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 756a1726..8fc73298 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 7461a30b..1bdb9086 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 308f8ece..e17ee371 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 545451b0..df594e54 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 19967c8d..78eb421c 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 05790454..0b973b8c 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 6f25b193..60d40586 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 df0b4c54..731c835f 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 846b0fd0..0a68e576 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 dcb778fb..a296c4ef 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 1f505817..6fc1fb0c 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 76465d17..9c8bbb28 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 48bb703e..10830788 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 02dab627..ec3abe0d 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 36c9f3b9..521a5567 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 c72d4351..7096211b 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 dfb353c3..10b7b903 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 d2e42010..cdd4111c 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 7ea04f73..f874684e 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 73a3929b..69f66d6f 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 7d4ef2dd..3f67b07d 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 44d845e6..cb101a59 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 af2aa368..428ec769 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 472f5255..37a36fe6 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 2dea4293..0b24aa08 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 e74301dd..8afde60a 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 e22378b7..ff436316 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 d6c0a0e5..ec897964 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 10fdeb5c..792278ad 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 5f2ea149..94dc7a22 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 96feb6de..7ebe54c9 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 750b4469..c5db991f 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 a109653f..08d8392d 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 5d2ef53d..b8b25391 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 ca30fc74..fa801001 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 c5dae5ba..b4b6129f 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 24366098..d0825c98 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 1188833f..241803a4 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 2a0fddfb..985f6747 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 21411a7b..fff12014 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 dfe06e19..8c24ccdf 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 c9610f49..f4bc8f91 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 e8cb2e68..c3ff89ce 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 bff5eba3..492ede90 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 db769d7e..9d05ded2 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 df4b23ae..8ceb7ff2 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 0b44ed01..c12d33a7 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 4b48cf2c..5c7c0579 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 e45f20f6..320f9715 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 42669877..37da8cc3 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 093aebab..5fabb644 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 97cd790c..84b63715 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 7a01d905..f6b0077c 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 909ee065..92ef9af3 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 3d7af89b..5074fcd8 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 540c55c0..73704520 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 76a89651..3568eb0b 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 fbf419fc..353d4a09 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 f8c2e455..b8dc8679 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 90828b07..ea5c9aa7 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 6a3bf9d8..f453bb93 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 f728fa60..13fe517c 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 dbe5e876..22bd4fe7 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 34cc1dba..c4914aac 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 ca0866d7..6423c932 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 4b3d3914..7f182172 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 b5ff171f..392e2cfe 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 a4c73bd8..e4e040ca 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 0514a787..d0eccf88 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 c13d56bc..2bd02be5 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 d611ed45..98a100fb 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 cab6d0a1..b7a71519 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 345bc715..c482e0c4 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 8417132a..14bbf682 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 6b9ce303..ede4b862 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 39485997..f079f846 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 721c578c..74623733 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 d9225f21..02ffdea3 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 3a43944b..ecce35c1 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 9d63a709..dc957100 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 ac3bf77f..b20d285a 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 63a6aeb3..ca6e68d4 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 a73a483e..132e1eea 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 2e2e3a65..b99d9d26 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 b42014dc..5c4c0801 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 cc0c2704..789a6559 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 03f2372a..233ffeac 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 8ce1210b..86182dcd 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 bb92a3dc..d8a1f1fa 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 91c73008..fe33aaf5 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 f5098f96..27bf52af 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 89c5609f..83de296a 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 ae000733..1cb6ecf7 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 e1b8b5d4..facd0d23 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 5985f814..5eb7f700 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 187782fd..9d1b637d 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 a1abae26..38815729 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 00b84dd8..45f5e0a0 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 e4492024..33ef3b28 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 8a988d65..21fad96c 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 e9e23f85..4ea99f0b 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 3e823a5c..ab9ec5bd 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 f7f09069..fdf30f72 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 3bc23739..5dafb26c 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 e4beb790..b8232810 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 52357602..9807b5b0 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 0c3fb8ce..15ba7aa4 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 fac62011..96ad6964 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 d702ec93..36ec768e 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 8df50fdd..79974498 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 531d7ebf..bd199eb0 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 377533e4..f7bf8744 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 8737ab43..c5292a76 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 c3aecd97..75d10aca 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 85e539ab..f758d139 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 c74ad8a8..251da138 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 cf68d8b2..ab90ae84 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 daf6a385..8ea1bd88 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 98ccda62..72bd13a6 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 7164d4f8..f4c7c095 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 c345c5d0..41098ab5 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 982b21fb..e739afcc 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 65aa2637..3dc015d4 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 f7157558..ee08e5a9 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 4a21517b..a5e013e4 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 58b7e359..a21efb67 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 52c4f0a9..7975d9f2 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 a28d1adb..5c1c5258 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 13d13385..690edd7b 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 9faeeea3..7629970d 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 cd934dba..282ad292 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 d4944a5f..1f7442bd 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 74c2d0be..ecdaa8d0 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 4c2b0737..ebac80ba 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 1b1bb001..93012027 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 c4db908b..05d1bb73 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 e54716e9..b5f56cca 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 aab8588c..e0564fa7 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 966253e8..0ea024fe 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 9eaee267..f3f4fc65 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 fba155a0..4a2f0436 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 e444148f..4863d7c2 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 590c82e8..23c8799f 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 426cce2a..afd9c0f1 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 d0281484..4af01cb8 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 8231210f..ba42e37e 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 6d2b7382..97434316 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 a1d15951..43a261be 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 732a10f8..edd5a1ab 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 11019f72..b7635829 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 1e380908..e13ea9af 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 066d18a2..efd3057d 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 aef0d8cd..00000000
--- 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 bb63dfa8..5198cc67 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 2f30aba4..a864f9b1 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 6874bbf3..992df1d3 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 0c44d004..bed72a92 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 365ff7d4..d241f6fe 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 001eb112..00000000
--- 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 b1b98076..3d58c83e 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 797e416f..3ccfbd2a 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 c4989708..d5074b7d 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 3b95fa74..e5b24e86 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 f40812c0..4528e1d6 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 5f54959a..9cded712 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 51360a49..24ff2950 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 38722e11..4ba5e4f0 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 3e7ea051..bf30d4d3 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 00000000..c8eaf404
--- /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 00000000..69b8ea3e
--- /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 d9f5b706..b0bbf849 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 af6ba17d..5ab31afc 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 d3bb17de..9ca25d3c 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 8362336b..12e7dc3d 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 da77b507..a71713cf 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 1875191f..c5dd523b 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 9a3c2012..b5a008a7 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 412b0a78..ce6ebfac 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 d75b3003..ab1ac344 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 c488796e..518b8697 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 ba9a1a54..ef2769de 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 f5cb740b..512d8ca8 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 21b459aa..aac81795 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 3cf88b7d..87767faf 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 0f1a247e..a6011cd7 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 d2ef85ed..00000000
--- 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 98329580..d4860b12 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 ff906323..c902a6db 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 8da9644e..6d4e3768 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;
 }