diff --git a/.gitignore b/.gitignore
index e2d436582e..ff193c4677 100644
--- a/.gitignore
+++ b/.gitignore
@@ -59,6 +59,9 @@ semcore/illustration/**/*.d.ts
 !semcore/illustration/src/**/*.js
 !semcore/illustration/src/**/*.d.ts
 
+# Panda-preset
+semcore/core/src/theme/themes/panda-preset.ts
+
 # Fix
 
 !semcore/icon/Stoller/**
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4cdd9f4f4f..9289742a7c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -119,16 +119,16 @@ importers:
         version: 1.5.12
       '@storybook/addon-a11y':
         specifier: 9.1.6
-        version: 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
+        version: 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
       '@storybook/addon-docs':
         specifier: ^9.1.6
-        version: 9.1.10(@types/react@18.2.19)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
+        version: 9.1.10(@types/react@18.2.19)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
       '@storybook/addon-links':
         specifier: 9.1.6
-        version: 9.1.6(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
+        version: 9.1.6(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
       '@storybook/addon-storysource':
         specifier: ^8.6.14
-        version: 8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
+        version: 8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
       '@stylistic/eslint-plugin':
         specifier: 4.4.0
         version: 4.4.0(eslint@9.27.0)(typescript@5.8.3)
@@ -149,10 +149,10 @@ importers:
         version: 18.3.7(@types/react@18.2.19)
       '@vitejs/plugin-react':
         specifier: 2.0.0
-        version: 2.0.0(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+        version: 2.0.0(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
       '@vitest/browser':
         specifier: 3.0.6
-        version: 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3))
+        version: 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3))
       '@vitest/ui':
         specifier: 3.0.6
         version: 3.0.6(vitest@3.0.9)
@@ -194,7 +194,7 @@ importers:
         version: 7.37.5(eslint@9.27.0)
       eslint-plugin-storybook:
         specifier: 9.1.6
-        version: 9.1.6(eslint@9.27.0)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3)
+        version: 9.1.6(eslint@9.27.0)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3)
       execa:
         specifier: 9.6.0
         version: 9.6.0
@@ -254,7 +254,7 @@ importers:
         version: 3.28.0
       storybook:
         specifier: 9.1.6
-        version: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+        version: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
       stylelint:
         specifier: 15.9.0
         version: 15.9.0(typescript@5.8.3)
@@ -281,13 +281,13 @@ importers:
         version: 1.14.1(webpack-sources@3.3.3)
       vite:
         specifier: 6.3.5
-        version: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+        version: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
       vite-plugin-babel:
         specifier: 1.3.2
-        version: 1.3.2(@babel/core@7.27.7)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+        version: 1.3.2(@babel/core@7.27.7)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
       vitest:
         specifier: 3.0.9
-        version: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+        version: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
       webdriverio:
         specifier: 8.24.3
         version: 8.24.3(typescript@5.8.3)
@@ -689,7 +689,7 @@ importers:
         version: 7.27.6
       '@formatjs/intl':
         specifier: 3.0.4
-        version: 3.0.4(typescript@5.8.3)
+        version: 3.0.4(typescript@5.9.3)
       '@phytonmk/nano-css':
         specifier: 5.3.7
         version: 5.3.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -706,6 +706,9 @@ importers:
         specifier: 16.8 - 18
         version: 18.3.1(react@18.3.1)
     devDependencies:
+      '@pandacss/dev':
+        specifier: ^1.9.0
+        version: 1.9.0(jsdom@22.1.0)(typescript@5.9.3)
       '@semcore/testing-utils':
         specifier: workspace:*
         version: link:../../tools/testing-utils
@@ -2115,10 +2118,10 @@ importers:
         version: 8.4.38
       stylelint:
         specifier: 16.6.1
-        version: 16.6.1(typescript@5.8.3)
+        version: 16.6.1(typescript@5.9.3)
       stylelint-config-standard:
         specifier: 36.0.0
-        version: 36.0.0(stylelint@16.6.1(typescript@5.8.3))
+        version: 36.0.0(stylelint@16.6.1(typescript@5.9.3))
 
   semcore/switch:
     dependencies:
@@ -2631,7 +2634,7 @@ importers:
         version: 1.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@storybook/react-vite':
         specifier: 9.1.6
-        version: 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.52.4)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+        version: 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.52.4)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.9.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
       d3-scale:
         specifier: 3.3.0
         version: 3.3.0
@@ -2643,7 +2646,7 @@ importers:
         version: 7.54.0(patch_hash=5ea80c984744a8ae88b2ac5d6a6b4bd9793291e90ba98f3c1701c4ba9770fd20)(react@18.3.1)
       react-intl:
         specifier: 7.1.11
-        version: 7.1.11(react@18.3.1)(typescript@5.8.3)
+        version: 7.1.11(react@18.3.1)(typescript@5.9.3)
       react-virtualized:
         specifier: 9.22.6
         version: 9.22.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -2901,10 +2904,10 @@ importers:
         version: 1.48.0
       '@previewjs/plugin-react':
         specifier: 17.1.0
-        version: 17.1.0(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)
+        version: 17.1.0(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)
       '@previewjs/screenshot':
         specifier: 0.3.2
-        version: 0.3.2(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)
+        version: 0.3.2(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)
       '@semcore/babel-preset-ui':
         specifier: workspace:*
         version: link:../babel-preset-ui
@@ -2965,7 +2968,7 @@ importers:
         version: 0.14.29
       vitest-axe:
         specifier: 0.1.0
-        version: 0.1.0(vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+        version: 0.1.0(vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)))(@vitest/ui@3.0.6(vitest@3.0.9))(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
 
   website:
     dependencies:
@@ -2977,13 +2980,13 @@ importers:
         version: 3.6.3(@algolia/client-search@5.39.0)(@types/react@18.2.19)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.17.3)
       '@vitejs/plugin-react':
         specifier: ^4.5.0
-        version: 4.7.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))
+        version: 4.7.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))
       '@vitejs/plugin-vue-jsx':
         specifier: ^3.1.0
-        version: 3.1.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.8.3))
+        version: 3.1.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))
       '@vueuse/core':
         specifier: ^11.3.0
-        version: 11.3.0(vue@3.5.22(typescript@5.8.3))
+        version: 11.3.0(vue@3.5.22(typescript@5.9.3))
       algoliasearch:
         specifier: 4.8.4
         version: 4.8.4
@@ -3106,7 +3109,7 @@ importers:
         version: 1.16.1
       vue:
         specifier: ^3.5.16
-        version: 3.5.22(typescript@5.8.3)
+        version: 3.5.22(typescript@5.9.3)
       whatwg-fetch:
         specifier: 3.6.2
         version: 3.6.2
@@ -3194,7 +3197,7 @@ importers:
         version: 10.1.2
       vitepress:
         specifier: 1.3.1
-        version: 1.3.1(@algolia/client-search@5.39.0)(@types/node@18.19.129)(@types/react@18.2.19)(axios@1.9.0)(fuse.js@6.6.2)(less@3.13.1)(postcss@8.4.33)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.93.2)(search-insights@2.17.3)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)(typescript@5.8.3)
+        version: 1.3.1(@algolia/client-search@5.39.0)(@types/node@18.19.129)(@types/react@18.2.19)(axios@1.9.0)(fuse.js@6.6.2)(less@3.13.1)(lightningcss@1.31.1)(postcss@8.4.33)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.93.2)(search-insights@2.17.3)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)(typescript@5.9.3)
 
 packages:
 
@@ -3443,6 +3446,10 @@ packages:
     resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-validator-option@7.27.1':
     resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
     engines: {node: '>=6.9.0'}
@@ -3460,6 +3467,11 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  '@babel/parser@7.29.2':
+    resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
   '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.27.1':
     resolution: {integrity: sha512-QPG3C9cCVRQLxAVwmefEmwdTanECuUBMQZ/ym5kiw3XKCGA7qkuQLcjWWHcrD/GKbn/WmJwaezfuuAOcyKlRPA==}
     engines: {node: '>=6.9.0'}
@@ -4041,6 +4053,10 @@ packages:
     resolution: {integrity: sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+    engines: {node: '>=6.9.0'}
+
   '@base2/pretty-print-object@1.0.1':
     resolution: {integrity: sha512-4iri8i1AqYHJE2DstZYkyEprg6Pq6sKx3xn5FpySk9sNhH7qN2LLlHJCfDTZRILNwQNPD7mATWM0TBui7uC1pA==}
 
@@ -4053,6 +4069,12 @@ packages:
   '@bundled-es-modules/statuses@1.0.1':
     resolution: {integrity: sha512-yn7BklA5acgcBr+7w064fGV+SGIFySjCKpqjcWgBAIfrAkY+4GQTJJHQMeT3V/sgz23VTEVV8TtOmkvJAhFVfg==}
 
+  '@clack/core@0.5.0':
+    resolution: {integrity: sha512-p3y0FIOwaYRUPRcMO7+dlmLh8PSRcrjuTndsiA0WAFbWES0mLZlrjVoBRZ9DzkPFJZG6KGkJmoEAY0ZcVWTkow==}
+
+  '@clack/prompts@0.11.0':
+    resolution: {integrity: sha512-pMN5FcrEw9hUkZA4f+zLlzivQSeQf5dRGJjSUbvVYDLvpKCdQx5OaknvKzgbtXOizhP+SJJJjqEbOe55uKKfAw==}
+
   '@crowdin/cli@3.10.1':
     resolution: {integrity: sha512-CBzABy2voC+T1KpgQYI1DIBGANahG9Vuwiqp0GJERVAWhqp1Tveie3N2rCkzjZT8N8E5SHp/z+OpstrdZYOA+g==}
     hasBin: true
@@ -4113,6 +4135,12 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
+  '@csstools/postcss-cascade-layers@6.0.0':
+    resolution: {integrity: sha512-WhsECqmrEZQGqaPlBA7JkmF/CJ2/+wetL4fkL9sOPccKd32PQ1qToFM6gqSI5rkpmYqubvbxjEJhyMTHYK0vZQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss: ^8.4
+
   '@csstools/postcss-color-function@3.0.19':
     resolution: {integrity: sha512-d1OHEXyYGe21G3q88LezWWx31ImEDdmINNDy0LyLNN9ChgN2bPxoubUPiHf9KmwypBMaHmNcMuA/WZOKdZk/Lg==}
     engines: {node: ^14 || ^16 || >=18}
@@ -4293,6 +4321,12 @@ packages:
     peerDependencies:
       postcss-selector-parser: ^6.0.13
 
+  '@csstools/selector-specificity@6.0.0':
+    resolution: {integrity: sha512-4sSgl78OtOXEX/2d++8A83zHNTgwCJMaR24FvsYL7Uf/VS8HZk9PTwR51elTbGqMuwH3szLvvOXEaVnqn0Z3zA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss-selector-parser: ^7.1.1
+
   '@csstools/utilities@1.0.0':
     resolution: {integrity: sha512-tAgvZQe/t2mlvpNosA4+CkMiZ2azISW5WPAcdSalZlEjQvUfghHxfQcrCiK/7/CrfAWVxyM88kGFYO82heIGDg==}
     engines: {node: ^14 || ^16 || >=18}
@@ -4788,6 +4822,12 @@ packages:
       '@guidepup/guidepup': ^0.22.1
       '@playwright/test': ^1.40.1
 
+  '@hono/node-server@1.19.11':
+    resolution: {integrity: sha512-dr8/3zEaB+p0D2n/IUrlPF1HZm586qgJNXK1a9fhg/PzdtkK7Ksd5l312tJX2yBuALqDYBlG20QEbayqPyxn+g==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      hono: ^4
+
   '@humanfs/core@0.19.1':
     resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
     engines: {node: '>=18.18.0'}
@@ -5014,6 +5054,16 @@ packages:
       '@types/react': '>=16'
       react: '>=16'
 
+  '@modelcontextprotocol/sdk@1.27.1':
+    resolution: {integrity: sha512-sr6GbP+4edBwFndLbM60gf07z0FQ79gaExpnsjMGePXqFcSSb7t6iscpjk9DhFhwd+mTEQrzNafGP8/iGGFYaA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@cfworker/json-schema': ^4.1.1
+      zod: ^3.25 || ^4.0
+    peerDependenciesMeta:
+      '@cfworker/json-schema':
+        optional: true
+
   '@mswjs/interceptors@0.39.7':
     resolution: {integrity: sha512-sURvQbbKsq5f8INV54YJgJEdk8oxBanqkTiXXd33rKmofFCwZLhLRszPduMZ9TA9b8/1CHc/IJmOlBHJk2Q5AQ==}
     engines: {node: '>=18'}
@@ -5042,6 +5092,58 @@ packages:
   '@open-draft/until@2.1.0':
     resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
 
+  '@pandacss/config@1.9.0':
+    resolution: {integrity: sha512-3kD2WUO7nJYIKfGxPEPWzDL7AnRlG18fXmbpC9jRjN5vgzHIvAyOkb2TGKgFvv7p3WLhf9BNRCgkW5YCgbDhqA==}
+
+  '@pandacss/core@1.9.0':
+    resolution: {integrity: sha512-RRqt43s/WgtKAalABVzmoqa1BheQR1zE/KVVnQ/GfTKGGL7kS+pE3fgPhqg5dhPC5Mg4mb4bGd5E/iz+s4kClA==}
+
+  '@pandacss/dev@1.9.0':
+    resolution: {integrity: sha512-GLmwWK35AT7OWt3EJJED6oIXDFjakK8a4UMnOSXq3NMnvpDQp7yLt+GhWFsxGKMLt/Ii0wvQhiKn8O4diRyBrg==}
+    hasBin: true
+
+  '@pandacss/extractor@1.9.0':
+    resolution: {integrity: sha512-mlMkizUPCMEjItYJV2qdMEq/OkWBKrzU1VOXrA1ixexbsb/X+aZ+IFhiL5zBr1Qicfk9i6pzTYTrzq5PNuu+QA==}
+
+  '@pandacss/generator@1.9.0':
+    resolution: {integrity: sha512-Mjr4KIth9Ttv5v9AG13uxdUOeJvTkzitSHTEEat4uo1tWmSmtsBYn+ql8mTpkCHqYiaS6JVA9KxR1iFBQo1IkA==}
+
+  '@pandacss/is-valid-prop@1.9.0':
+    resolution: {integrity: sha512-AZvpXWGyjbHc8TC+YVloQ31Z2c4j2xMvYj6UfVxuZdB5w4c9+4N8wy5R7I/XswNh8e4cfUlkvsEGDXjhJRgypw==}
+
+  '@pandacss/logger@1.9.0':
+    resolution: {integrity: sha512-BAgJZtEf3by2zkv/XNXn8C9l2V4KJSfycEMGZbkO6WCPIEbBCF4pdGIHCsNPtyEFl3MLgcufgesiai6TaTpmpA==}
+
+  '@pandacss/mcp@1.9.0':
+    resolution: {integrity: sha512-+40E0YH8nersK884girOJdzaRtwL2EGmrZdwJxF/hxgtaGla68XdOT2zyaTn8uVHgJ2v29DQWwyG13vCMOMLpA==}
+
+  '@pandacss/node@1.9.0':
+    resolution: {integrity: sha512-IBE6BAYkBaAPmsplsQy89BGv4kVtteikXpDhWMR0E8rqIlYpPsLXbm0kbeo8yHIr2SyPvVYoHKHUaZAyRxhPCQ==}
+
+  '@pandacss/parser@1.9.0':
+    resolution: {integrity: sha512-a5tiE8LPfZASs3wAVJGmGQ1tdDAIDzWxnIOm9P7eqAAZghIbfG5RgOMq3VQL92mObYennjpSHArkU5EgqzZCng==}
+
+  '@pandacss/postcss@1.9.0':
+    resolution: {integrity: sha512-pr1GoKNZBjNp7MBZsl2rCYgajFJ4A61LgS3NjdQUx0HemH0ydGI8f1Qc7JxLZBmuOXVl59t3ZbKYtjc7iG+jGg==}
+
+  '@pandacss/preset-base@1.9.0':
+    resolution: {integrity: sha512-pkW1cM3A2vHf6bYEt2opVNd3oS2u2MIbmTZmUpQh21YZ7mNZgyisrRG90sOISzjk4zhAe85kv3nXqKxNLK4AkQ==}
+
+  '@pandacss/preset-panda@1.9.0':
+    resolution: {integrity: sha512-qUIPOyrdwKuqwMeueDE+y7L10InlVqql1CXFr5WnI712/pJxwOeoO3HJLA4hrSACcAqpLSgIP+SOUDWFjnZbSA==}
+
+  '@pandacss/reporter@1.9.0':
+    resolution: {integrity: sha512-SJ+JVzlTnO+cgIu3t9512wrWjb8xoJC66l4pFhbrbhxa9qnLvfgvy5vOzVChVa5oJVBH5MeV8MACi5MTovJgxA==}
+
+  '@pandacss/shared@1.9.0':
+    resolution: {integrity: sha512-saDPvDFlOA9BB/2u/4MsWXdUZijP8pyJ0Jw55uQhk/8V/2IOF5UgNcS3XmxyxV7mGjqN1iVDilCFKl3+UZdf/g==}
+
+  '@pandacss/token-dictionary@1.9.0':
+    resolution: {integrity: sha512-UOlTRBJOr2xosur0RmAo64DiVouognyZSs7XF50TxIurKu5sp7rhmJCdafrFhMI7ogR9wY0vIG51OxO5wphYTQ==}
+
+  '@pandacss/types@1.9.0':
+    resolution: {integrity: sha512-bNUooYW7M4Ncp4KHO56+qE0VO5zr4dszCF65XIyJirUpqviyCumh+D18gI72iB2aDHyD2j7ZISva6Ab+3FGeQA==}
+
   '@parcel/watcher-android-arm64@2.5.1':
     resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
     engines: {node: '>= 10.0.0'}
@@ -5742,6 +5844,9 @@ packages:
   '@tootallnate/quickjs-emscripten@0.23.0':
     resolution: {integrity: sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==}
 
+  '@ts-morph/common@0.28.1':
+    resolution: {integrity: sha512-W74iWf7ILp1ZKNYXY5qbddNaml7e9Sedv5lvU1V8lftlitkc9Pq1A+jlH23ltDgWYeZFFEqGCD1Ies9hqu3O+g==}
+
   '@tsconfig/node10@1.0.11':
     resolution: {integrity: sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==}
 
@@ -6341,15 +6446,27 @@ packages:
   '@vue/compiler-core@3.5.22':
     resolution: {integrity: sha512-jQ0pFPmZwTEiRNSb+i9Ow/I/cHv2tXYqsnHKKyCQ08irI2kdF5qmYedmF8si8mA7zepUFmJ2hqzS8CQmNOWOkQ==}
 
+  '@vue/compiler-core@3.5.25':
+    resolution: {integrity: sha512-vay5/oQJdsNHmliWoZfHPoVZZRmnSWhug0BYT34njkYTPqClh3DNWLkZNJBVSjsNMrg0CCrBfoKkjZQPM/QVUw==}
+
   '@vue/compiler-dom@3.5.22':
     resolution: {integrity: sha512-W8RknzUM1BLkypvdz10OVsGxnMAuSIZs9Wdx1vzA3mL5fNMN15rhrSCLiTm6blWeACwUwizzPVqGJgOGBEN/hA==}
 
+  '@vue/compiler-dom@3.5.25':
+    resolution: {integrity: sha512-4We0OAcMZsKgYoGlMjzYvaoErltdFI2/25wqanuTu+S4gismOTRTBPi4IASOjxWdzIwrYSjnqONfKvuqkXzE2Q==}
+
   '@vue/compiler-sfc@3.5.22':
     resolution: {integrity: sha512-tbTR1zKGce4Lj+JLzFXDq36K4vcSZbJ1RBu8FxcDv1IGRz//Dh2EBqksyGVypz3kXpshIfWKGOCcqpSbyGWRJQ==}
 
+  '@vue/compiler-sfc@3.5.25':
+    resolution: {integrity: sha512-PUgKp2rn8fFsI++lF2sO7gwO2d9Yj57Utr5yEsDf3GNaQcowCLKL7sf+LvVFvtJDXUp/03+dC6f2+LCv5aK1ag==}
+
   '@vue/compiler-ssr@3.5.22':
     resolution: {integrity: sha512-GdgyLvg4R+7T8Nk2Mlighx7XGxq/fJf9jaVofc3IL0EPesTE86cP/8DD1lT3h1JeZr2ySBvyqKQJgbS54IX1Ww==}
 
+  '@vue/compiler-ssr@3.5.25':
+    resolution: {integrity: sha512-ritPSKLBcParnsKYi+GNtbdbrIE1mtuFEJ4U1sWeuOMlIziK5GtOL85t5RhsNy4uWIXPgk+OUdpnXiTdzn8o3A==}
+
   '@vue/devtools-api@7.7.7':
     resolution: {integrity: sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==}
 
@@ -6376,6 +6493,9 @@ packages:
   '@vue/shared@3.5.22':
     resolution: {integrity: sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w==}
 
+  '@vue/shared@3.5.25':
+    resolution: {integrity: sha512-AbOPdQQnAnzs58H2FrrDxYj/TJfmeS2jdfEEhgiKINy+bnOANmVizIEgq1r+C5zsbs6l1CCQxtcj71rwNQ4jWg==}
+
   '@vueuse/core@10.11.1':
     resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
 
@@ -6533,6 +6653,10 @@ packages:
     resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
     engines: {node: '>= 0.6'}
 
+  accepts@2.0.0:
+    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
+    engines: {node: '>= 0.6'}
+
   acorn-import-phases@1.0.4:
     resolution: {integrity: sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==}
     engines: {node: '>=10.13.0'}
@@ -6573,6 +6697,14 @@ packages:
       ajv:
         optional: true
 
+  ajv-formats@3.0.1:
+    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
   ajv-keywords@5.1.0:
     resolution: {integrity: sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==}
     peerDependencies:
@@ -6976,6 +7108,11 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
+  baseline-browser-mapping@2.10.8:
+    resolution: {integrity: sha512-PCLz/LXGBsNTErbtB6i5u4eLpHeMfi93aUv5duMmj6caNu6IphS4q6UevDnL36sZQv9lrP11dbPKGMaXPwMKfQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
   baseline-browser-mapping@2.8.12:
     resolution: {integrity: sha512-vAPMQdnyKCBtkmQA6FMCBvU9qFIppS3nzyXnEM+Lo2IAhG4Mpjv9cCxMudhgV3YdNNJv6TNqXy97dfRVL2LmaQ==}
     hasBin: true
@@ -6987,6 +7124,7 @@ packages:
   basic-ftp@5.0.5:
     resolution: {integrity: sha512-4Bcg1P8xhUuqcii/S0Z9wiHIrQVPMermM1any+MX5GeGD7faD3/msQUDGLol9wOcz4/jbg/WJnGqoJF6LiBdtg==}
     engines: {node: '>=10.0.0'}
+    deprecated: Security vulnerability fixed in 5.2.0, please upgrade
 
   batch@0.6.1:
     resolution: {integrity: sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==}
@@ -7048,6 +7186,10 @@ packages:
     resolution: {integrity: sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==}
     engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
 
+  body-parser@2.2.2:
+    resolution: {integrity: sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==}
+    engines: {node: '>=18'}
+
   bonjour-service@1.3.0:
     resolution: {integrity: sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==}
 
@@ -7072,6 +7214,11 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
+  browserslist@4.28.1:
+    resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
   bser@2.1.1:
     resolution: {integrity: sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==}
 
@@ -7099,6 +7246,9 @@ packages:
   buffer@6.0.3:
     resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
 
+  bundle-n-require@1.1.2:
+    resolution: {integrity: sha512-bEk2jakVK1ytnZ9R2AAiZEeK/GxPUM8jvcRxHZXifZDMcjkI4EG/GlsJ2YGSVYT9y/p/gA9/0yDY8rCGsSU6Tg==}
+
   bundle-name@4.1.0:
     resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
     engines: {node: '>=18'}
@@ -7181,6 +7331,9 @@ packages:
   caniuse-lite@1.0.30001748:
     resolution: {integrity: sha512-5P5UgAr0+aBmNiplks08JLw+AW/XG/SurlgZLgB1dDLfAw7EfRGxIwzPHxdSCGY/BTKDqIVyJL87cCN6s0ZR0w==}
 
+  caniuse-lite@1.0.30001780:
+    resolution: {integrity: sha512-llngX0E7nQci5BPJDqoZSbuZ5Bcs9F5db7EtgfwBerX9XGtkkiO4NwfDDIRzHTTwcYC8vC7bmeUEPGrKlR/TkQ==}
+
   caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
 
@@ -7339,6 +7492,9 @@ packages:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
+  code-block-writer@13.0.3:
+    resolution: {integrity: sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==}
+
   code-point-at@1.1.0:
     resolution: {integrity: sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==}
     engines: {node: '>=0.10.0'}
@@ -7431,6 +7587,9 @@ packages:
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
+  confbox@0.2.4:
+    resolution: {integrity: sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==}
+
   config-chain@1.1.13:
     resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
 
@@ -7450,6 +7609,10 @@ packages:
     resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
     engines: {node: '>= 0.6'}
 
+  content-disposition@1.0.1:
+    resolution: {integrity: sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==}
+    engines: {node: '>=18'}
+
   content-type@1.0.5:
     resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
     engines: {node: '>= 0.6'}
@@ -7470,6 +7633,10 @@ packages:
   cookie-signature@1.0.6:
     resolution: {integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==}
 
+  cookie-signature@1.2.2:
+    resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==}
+    engines: {node: '>=6.6.0'}
+
   cookie@0.5.0:
     resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
     engines: {node: '>= 0.6'}
@@ -7498,6 +7665,10 @@ packages:
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
+  cors@2.8.6:
+    resolution: {integrity: sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==}
+    engines: {node: '>= 0.10'}
+
   corser@2.0.1:
     resolution: {integrity: sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==}
     engines: {node: '>= 0.4.0'}
@@ -7558,6 +7729,10 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  crosspath@2.0.0:
+    resolution: {integrity: sha512-ju88BYCQ2uvjO2bR+SsgLSTwTSctU+6Vp2ePbKPgSCZyy4MWZxYsT738DlKVRE5utUjobjPRm1MkTYKJxCmpTA==}
+    engines: {node: '>=14.9.0'}
+
   crypt@0.0.2:
     resolution: {integrity: sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==}
 
@@ -8133,6 +8308,9 @@ packages:
   electron-to-chromium@1.5.230:
     resolution: {integrity: sha512-A6A6Fd3+gMdaed9wX83CvHYJb4UuapPD5X5SLq72VZJzxHSY0/LUweGXRWmQlh2ln7KV7iw7jnwXK7dlPoOnHQ==}
 
+  electron-to-chromium@1.5.313:
+    resolution: {integrity: sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA==}
+
   emoji-regex-xs@1.0.0:
     resolution: {integrity: sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==}
 
@@ -8677,6 +8855,14 @@ packages:
     resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
     engines: {node: '>=0.8.x'}
 
+  eventsource-parser@3.0.6:
+    resolution: {integrity: sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==}
+    engines: {node: '>=18.0.0'}
+
+  eventsource@3.0.7:
+    resolution: {integrity: sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==}
+    engines: {node: '>=18.0.0'}
+
   exclusive-promises@1.0.3:
     resolution: {integrity: sha512-z0UMcMYxVkvVgsFv1hSHHEs2mt+mTOhXNgZG5vQCdqtP7qGNwPfLwyAblqAgWErJ/kleMmSh7MhCin18ZPBNeQ==}
 
@@ -8723,6 +8909,12 @@ packages:
   exponential-backoff@3.1.2:
     resolution: {integrity: sha512-8QxYTVXUkuy7fIIoitQkPwGonB8F3Zj8eEO8Sqg9Zv/bkI7RJAzowee4gr81Hak/dUTpA2Z7VfQgoijjPNlUZA==}
 
+  express-rate-limit@8.3.1:
+    resolution: {integrity: sha512-D1dKN+cmyPWuvB+G2SREQDzPY1agpBIcTa9sJxOPMCNeH3gwzhqJRDWCXW3gg0y//+LQ/8j52JbMROWyrKdMdw==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      express: '>= 4.11'
+
   express@4.18.1:
     resolution: {integrity: sha512-zZBcOX9TfehHQhtupq57OF8lFZ3UZi08Y97dwFCkD8p9d/d2Y3M+ykKcwaMDEL+4qyUolgBDX6AblpR3fL212Q==}
     engines: {node: '>= 0.10.0'}
@@ -8731,6 +8923,13 @@ packages:
     resolution: {integrity: sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==}
     engines: {node: '>= 0.10.0'}
 
+  express@5.2.1:
+    resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
+    engines: {node: '>= 18'}
+
+  exsolve@1.0.8:
+    resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
+
   ext-list@2.2.2:
     resolution: {integrity: sha512-u+SQgsubraE6zItfVA0tBuCBhfU9ogSRnsvygI7wht9TS510oLkBRXBsqopeUG/GBOIQyKZO9wjTqIu/sf5zFA==}
     engines: {node: '>=0.10.0'}
@@ -8937,6 +9136,10 @@ packages:
     resolution: {integrity: sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==}
     engines: {node: '>= 0.8'}
 
+  finalhandler@2.1.1:
+    resolution: {integrity: sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==}
+    engines: {node: '>= 18.0.0'}
+
   find-cache-dir@3.3.1:
     resolution: {integrity: sha512-t2GDMt3oGC/v+BMwzmllWDuJF/xcDtE5j/fCGbqDD7OLuJkj0cfh1YSA5VKPvwMeLFLNDBkwOKZ2X85jGLVftQ==}
     engines: {node: '>=8'}
@@ -9042,6 +9245,10 @@ packages:
     resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
     engines: {node: '>= 0.6'}
 
+  fresh@2.0.0:
+    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
+    engines: {node: '>= 0.8'}
+
   from2@2.3.0:
     resolution: {integrity: sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==}
 
@@ -9056,6 +9263,10 @@ packages:
     resolution: {integrity: sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==}
     engines: {node: '>=14.14'}
 
+  fs-extra@11.3.2:
+    resolution: {integrity: sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==}
+    engines: {node: '>=14.14'}
+
   fs-extra@8.1.0:
     resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
     engines: {node: '>=6 <7 || >=8'}
@@ -9216,21 +9427,23 @@ packages:
 
   glob@10.4.5:
     resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
     hasBin: true
 
   glob@11.0.2:
     resolution: {integrity: sha512-YT7U7Vye+t5fZ/QMkBFrTJ7ZQxInIUjwyAjVj84CYXqgBdv30MFUPGnBR6sQaVq6Is15wYJUsnzTuWaGRBhBAQ==}
     engines: {node: 20 || >=22}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
     hasBin: true
 
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    deprecated: Glob versions prior to v9 are no longer supported
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
 
   glob@8.1.0:
     resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
     engines: {node: '>=12'}
-    deprecated: Glob versions prior to v9 are no longer supported
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
 
   global-modules@2.0.0:
     resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==}
@@ -9439,6 +9652,10 @@ packages:
   hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
 
+  hono@4.12.8:
+    resolution: {integrity: sha512-VJCEvtrezO1IAR+kqEYnxUOoStaQPGrCmX3j4wDTNOcD1uRPFpGlwQUIW8niPuvHXaTUxeOUl5MMDGrl+tmO9A==}
+    engines: {node: '>=16.9.0'}
+
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
@@ -9495,6 +9712,10 @@ packages:
     resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
     engines: {node: '>= 0.8'}
 
+  http-errors@2.0.1:
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
+
   http-parser-js@0.5.10:
     resolution: {integrity: sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==}
 
@@ -9584,6 +9805,10 @@ packages:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
 
+  iconv-lite@0.7.2:
+    resolution: {integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==}
+    engines: {node: '>=0.10.0'}
+
   icss-utils@3.0.1:
     resolution: {integrity: sha512-ANhVLoEfe0KoC9+z4yiTaXOneB49K6JIXdS+yAgH0NERELpdIT7kkj2XxUPuHafeHnn8umXnECSpsfk1RTaUew==}
 
@@ -9732,6 +9957,10 @@ packages:
     resolution: {integrity: sha512-NWv9YLW4PoW2B7xtzaS3NCot75m6nK7Icdv0o3lfMceJVRfSoQwqD4wEH5rLwoKJwUiZ/rfpiVBhnaF0FK4HoA==}
     engines: {node: '>= 12'}
 
+  ip-address@10.1.0:
+    resolution: {integrity: sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==}
+    engines: {node: '>= 12'}
+
   ipaddr.js@1.9.1:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
@@ -9912,6 +10141,9 @@ packages:
   is-potential-custom-element-name@1.0.1:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
 
+  is-promise@4.0.0:
+    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
+
   is-regex@1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
     engines: {node: '>= 0.4'}
@@ -10044,6 +10276,9 @@ packages:
     resolution: {integrity: sha512-zptv57P3GpL+O0I7VdMJNBZCu+BPHVQUk55Ft8/QCJjTVxrnJHuVuX/0Bl2A6/+2oyR/ZMEuFKwmzqqZ/U5nPQ==}
     engines: {node: 20 || >=22}
 
+  javascript-stringify@2.1.0:
+    resolution: {integrity: sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg==}
+
   jest-diff@30.2.0:
     resolution: {integrity: sha512-dQHFo3Pt4/NLlG5z4PxZ/3yZTZ1C7s9hveiOj+GCN+uT109NC2QgsoVZsVOAvbJ3RgKkvyLGXZV9+piDpWbm6A==}
     engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
@@ -10108,6 +10343,9 @@ packages:
     resolution: {integrity: sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
+  jose@6.2.1:
+    resolution: {integrity: sha512-jUaKr1yrbfaImV7R2TN/b3IcZzsw38/chqMpo2XJ7i2F8AfM/lA4G1goC3JVEwg0H7UldTmSt3P68nt31W7/mw==}
+
   joycon@3.1.1:
     resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
     engines: {node: '>=10'}
@@ -10171,6 +10409,9 @@ packages:
   json-schema-traverse@1.0.0:
     resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
 
+  json-schema-typed@8.0.2:
+    resolution: {integrity: sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==}
+
   json-schema@0.4.0:
     resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
 
@@ -10280,6 +10521,76 @@ packages:
   lighthouse-logger@1.4.2:
     resolution: {integrity: sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==}
 
+  lightningcss-android-arm64@1.31.1:
+    resolution: {integrity: sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.31.1:
+    resolution: {integrity: sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.31.1:
+    resolution: {integrity: sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.31.1:
+    resolution: {integrity: sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.31.1:
+    resolution: {integrity: sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.31.1:
+    resolution: {integrity: sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.31.1:
+    resolution: {integrity: sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.31.1:
+    resolution: {integrity: sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.31.1:
+    resolution: {integrity: sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.31.1:
+    resolution: {integrity: sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.31.1:
+    resolution: {integrity: sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.31.1:
+    resolution: {integrity: sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==}
+    engines: {node: '>= 12.0.0'}
+
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
@@ -10378,6 +10689,9 @@ packages:
     resolution: {integrity: sha512-k+yt5n3l48JU4k8ftnKG6V7u32wyH2NfKzeMto9F/QRE0amxy/LayxwlvjjkZEIzqR+19IrtFO8p5kB9QaYUFg==}
     engines: {node: '>=0.10.0'}
 
+  look-it-up@2.1.0:
+    resolution: {integrity: sha512-nMoGWW2HurtuJf6XAL56FWTDCWLOTSsanrgwOyaR5Y4e3zfG5N/0cU5xWZSEU3tBxhQugRbV1xL9jb+ug7yZww==}
+
   loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
@@ -10433,6 +10747,9 @@ packages:
   magic-string@0.30.19:
     resolution: {integrity: sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==}
 
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
   make-dir@1.3.0:
     resolution: {integrity: sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==}
     engines: {node: '>=4'}
@@ -10562,6 +10879,10 @@ packages:
     resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
     engines: {node: '>= 0.6'}
 
+  media-typer@1.1.0:
+    resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
+    engines: {node: '>= 0.8'}
+
   medium-zoom@1.1.0:
     resolution: {integrity: sha512-ewyDsp7k4InCUp3jRmwHBRFGyjBimKps/AJLjRSox+2q/2H4p/PNpQf+pwONWlJiOudkBXtbdmVbFjqyybfTmQ==}
 
@@ -10585,6 +10906,10 @@ packages:
   merge-descriptors@1.0.3:
     resolution: {integrity: sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==}
 
+  merge-descriptors@2.0.0:
+    resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
+    engines: {node: '>=18'}
+
   merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
 
@@ -10654,6 +10979,9 @@ packages:
     engines: {node: '>=20.19.4'}
     hasBin: true
 
+  microdiff@1.5.0:
+    resolution: {integrity: sha512-Drq+/THMvDdzRYrK0oxJmOKiC24ayUV8ahrt8l3oRK51PWt6gdtrIGrlIH3pT/lFh1z93FbAcidtsHcWbnRz8Q==}
+
   micromark-core-commonmark@1.1.0:
     resolution: {integrity: sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==}
 
@@ -10773,6 +11101,10 @@ packages:
     resolution: {integrity: sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==}
     engines: {node: '>= 0.6'}
 
+  mime-types@3.0.2:
+    resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
+    engines: {node: '>=18'}
+
   mime@1.6.0:
     resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
     engines: {node: '>=4'}
@@ -10936,6 +11268,10 @@ packages:
     resolution: {integrity: sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==}
     engines: {node: '>= 0.6'}
 
+  negotiator@1.0.0:
+    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
+    engines: {node: '>= 0.6'}
+
   neo-async@2.6.2:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
 
@@ -10961,6 +11297,10 @@ packages:
     engines: {node: '>=10.5.0'}
     deprecated: Use your platform's native DOMException instead
 
+  node-eval@2.0.0:
+    resolution: {integrity: sha512-Ap+L9HznXAVeJj3TJ1op6M6bg5xtTq8L5CU/PJxtkhea/DrIxdTknGKIECKd/v/Lgql95iuMAYvIzBNd0pmcMg==}
+    engines: {node: '>= 4'}
+
   node-fetch@2.6.7:
     resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==}
     engines: {node: 4.x || >=6.0.0}
@@ -10993,6 +11333,9 @@ packages:
   node-releases@2.0.23:
     resolution: {integrity: sha512-cCmFDMSm26S6tQSDpBCg/NR8NENrVPhAJSf+XbxBG4rPFaaonlEoE9wHQmun+cls499TQGSb7ZyPBRlzgKfpeg==}
 
+  node-releases@2.0.36:
+    resolution: {integrity: sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==}
+
   node-watch@0.7.3:
     resolution: {integrity: sha512-3l4E8uMPY1HdMMryPRUAl+oIHtXtyiTlIiESNSVSNxcPfzAFzeTbXFQkZfAwBbo0B1qMSG8nUABx+Gd+YrbKrQ==}
     engines: {node: '>=6'}
@@ -11085,6 +11428,10 @@ packages:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
 
+  object-path@0.11.8:
+    resolution: {integrity: sha512-YJjNZrlXJFM42wTBn6zgOJVar9KFJvzx6sTWDte8sWZF//cnjl0BxHNpfZx+ZffXX63A9q0b1zsFiBX4g4X5KA==}
+    engines: {node: '>= 10.12.0'}
+
   object.assign@4.1.7:
     resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
     engines: {node: '>= 0.4'}
@@ -11174,6 +11521,9 @@ packages:
     resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
     engines: {node: '>=0.10.0'}
 
+  outdent@0.8.0:
+    resolution: {integrity: sha512-KiOAIsdpUTcAXuykya5fnVVT+/5uS0Q1mrkRHcF89tpieSmY33O/tmc54CqwA+bfhbtEfZUNLHaPUiB9X3jt1A==}
+
   outvariant@1.4.3:
     resolution: {integrity: sha512-+Sl2UErvtsoajRDKCE5/dBz4DIvHXQQnAxtQTF04OJxY0+DyZXSo5P5Bb7XYWOh81syohlYL24hbDwxedPUJCA==}
 
@@ -11229,6 +11579,10 @@ packages:
     resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  p-limit@5.0.0:
+    resolution: {integrity: sha512-/Eaoq+QyLSiXQ4lyYV23f14mZRQcXnxfHrN0vCai+ak9G0pp9iEQukIIZq5NccEvwRB8PUnZT0KsOoDCINS1qQ==}
+    engines: {node: '>=18'}
+
   p-locate@4.1.0:
     resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
     engines: {node: '>=8'}
@@ -11292,6 +11646,9 @@ packages:
   package-json-from-dist@1.0.1:
     resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
 
+  package-manager-detector@1.6.0:
+    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
+
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -11324,6 +11681,9 @@ packages:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
     engines: {node: '>= 0.8'}
 
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -11371,6 +11731,9 @@ packages:
   path-to-regexp@6.3.0:
     resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
 
+  path-to-regexp@8.3.0:
+    resolution: {integrity: sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==}
+
   path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
@@ -11458,10 +11821,17 @@ packages:
     resolution: {integrity: sha512-1wrVzJ2STrpmONHKBy228LM1b84msXDUoAzVEl0R8Mz4Ce6EPr+IVtxm8+yvrqLYMHswREkjYFaMxnyGnaY3Ng==}
     hasBin: true
 
+  pkce-challenge@5.0.1:
+    resolution: {integrity: sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==}
+    engines: {node: '>=16.20.0'}
+
   pkg-dir@4.2.0:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
     engines: {node: '>=8'}
 
+  pkg-types@2.3.0:
+    resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
+
   playwright-core@1.48.0:
     resolution: {integrity: sha512-RBvzjM9rdpP7UUFrQzRwR8L/xR4HyC1QXMzGYTbf1vjw25/ya9NRAVnXi/0fvFopjebvyPzsmoK58xxeEOaVvA==}
     engines: {node: '>=18'}
@@ -11485,6 +11855,10 @@ packages:
   please-upgrade-node@3.2.0:
     resolution: {integrity: sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==}
 
+  pluralize@8.0.0:
+    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
+    engines: {node: '>=4'}
+
   pngjs@7.0.0:
     resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==}
     engines: {node: '>=14.19.0'}
@@ -11612,6 +11986,18 @@ packages:
     peerDependencies:
       postcss: ^8.4
 
+  postcss-discard-duplicates@7.0.2:
+    resolution: {integrity: sha512-eTonaQvPZ/3i1ASDHOKkYwAybiM45zFIc7KXils4mQmHLqIswXD9XNOKEVxtTFnsmwYzF66u4LMgSr0abDlh5w==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
+  postcss-discard-empty@7.0.1:
+    resolution: {integrity: sha512-cFrJKZvcg/uxB6Ijr4l6qmn3pXQBna9zyrPC+sK0zjbkDUZew+6xDltSF7OeB7rAtzaaMVYSdbod+sZOCWnMOg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
   postcss-double-position-gradients@1.0.0:
     resolution: {integrity: sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==}
     engines: {node: '>=6.0.0'}
@@ -11739,12 +12125,24 @@ packages:
   postcss-media-query-parser@0.2.3:
     resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==}
 
+  postcss-minify-selectors@7.0.5:
+    resolution: {integrity: sha512-x2/IvofHcdIrAm9Q+p06ZD1h6FPcQ32WtCRVodJLDR+WMn8EVHI1kvLxZuGKz/9EY5nAmI6lIQIrpo4tBy5+ug==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
   postcss-mixins@12.1.2:
     resolution: {integrity: sha512-90pSxmZVfbX9e5xCv7tI5RV1mnjdf16y89CJKbf/hD7GyOz1FCxcYMl8ZYA8Hc56dbApTKKmU9HfvgfWdCxlwg==}
     engines: {node: ^20.0 || ^22.0 || >=24.0}
     peerDependencies:
       postcss: ^8.2.14
 
+  postcss-nested@7.0.2:
+    resolution: {integrity: sha512-5osppouFc0VR9/VYzYxO03VaDa3e8F23Kfd6/9qcZTUI8P58GIYlArOET2Wq0ywSl2o2PjELhYOFI4W7l5QHKw==}
+    engines: {node: '>=18.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+
   postcss-nesting@12.1.5:
     resolution: {integrity: sha512-N1NgI1PDCiAGWPTYrwqm8wpjv0bgDmkYHH72pNsqTCv9CObxjxftdYu6AKtGN+pnJa7FQjMm3v4sp8QJbFsYdQ==}
     engines: {node: ^14 || ^16 || >=18}
@@ -11755,6 +12153,12 @@ packages:
     resolution: {integrity: sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==}
     engines: {node: '>=6.0.0'}
 
+  postcss-normalize-whitespace@7.0.1:
+    resolution: {integrity: sha512-vsbgFHMFQrJBJKrUFJNZ2pgBeBkC2IvvoHjz1to0/0Xk7sII24T0qFOiJzG6Fu3zJoq/0yI4rKWi7WhApW+EFA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.32
+
   postcss-opacity-percentage@2.0.0:
     resolution: {integrity: sha512-lyDrCOtntq5Y1JZpBFzIWm2wG9kbEdujpNt4NLannF+J9c8CgFIzPa80YQfdza+Y+yFfzbYj/rfoOsYsooUWTQ==}
     engines: {node: ^14 || ^16 || >=18}
@@ -11856,6 +12260,10 @@ packages:
     resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
     engines: {node: '>=4'}
 
+  postcss-selector-parser@7.1.1:
+    resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
+    engines: {node: '>=4'}
+
   postcss-simple-vars@7.0.1:
     resolution: {integrity: sha512-5GLLXaS8qmzHMOjVxqkk1TZPf1jMqesiI7qLhnlyERalG0sMbHIbJqrcnrpmZdKCLglHnRHoEBB61RtGTsj++A==}
     engines: {node: '>=14.0'}
@@ -11905,6 +12313,7 @@ packages:
   prebuild-install@7.1.3:
     resolution: {integrity: sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==}
     engines: {node: '>=10'}
+    deprecated: No longer maintained. Please contact the author of the relevant native addon; alternatives are available.
     hasBin: true
 
   prelude-ls@1.2.1:
@@ -11929,6 +12338,11 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
 
+  prettier@3.2.5:
+    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
+    engines: {node: '>=14'}
+    hasBin: true
+
   prettier@3.6.2:
     resolution: {integrity: sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==}
     engines: {node: '>=14'}
@@ -12061,6 +12475,10 @@ packages:
     resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==}
     engines: {node: '>=0.6'}
 
+  qs@6.15.0:
+    resolution: {integrity: sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==}
+    engines: {node: '>=0.6'}
+
   qs@6.5.3:
     resolution: {integrity: sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==}
     engines: {node: '>=0.6'}
@@ -12107,6 +12525,10 @@ packages:
     resolution: {integrity: sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==}
     engines: {node: '>= 0.8'}
 
+  raw-body@3.0.2:
+    resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
+    engines: {node: '>= 0.10'}
+
   rc@1.2.8:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
@@ -12504,6 +12926,10 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  router@2.2.0:
+    resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
+    engines: {node: '>= 18'}
+
   rrweb-cssom@0.6.0:
     resolution: {integrity: sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==}
 
@@ -12641,6 +13067,10 @@ packages:
     resolution: {integrity: sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==}
     engines: {node: '>= 0.8.0'}
 
+  send@1.2.1:
+    resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==}
+    engines: {node: '>= 18'}
+
   serialize-error@11.0.3:
     resolution: {integrity: sha512-2G2y++21dhj2R7iHAdd0FIzjGwuKZld+7Pl/bTU6YIkrC2ZMbVUjm+luj6A6V34Rv9XfKJDKpTWu9W4Gse1D9g==}
     engines: {node: '>=14.16'}
@@ -12664,6 +13094,10 @@ packages:
     resolution: {integrity: sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==}
     engines: {node: '>= 0.8.0'}
 
+  serve-static@2.2.1:
+    resolution: {integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==}
+    engines: {node: '>= 18'}
+
   set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
 
@@ -12759,6 +13193,9 @@ packages:
     resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
     engines: {node: '>=18'}
 
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
   sitemap@7.1.2:
     resolution: {integrity: sha512-ARCqzHJ0p4gWt+j7NlU5eDlIO9+Rkr/JhPFZKKQ1l5GCus7rJH4UdrlVAh0xC/gDS/Qir2UMxqYNHtsKr2rpCw==}
     engines: {node: '>=12.0.0', npm: '>=5.6.0'}
@@ -13239,6 +13676,7 @@ packages:
   tar@4.4.19:
     resolution: {integrity: sha512-a20gEsvHnWe0ygBY8JbxoM4w3SJdhc7ZAuxkLqh+nvNQN2IOt0B5lLgM490X5Hl8FF0dl0tOf2ewFYAlIFgzVA==}
     engines: {node: '>=4.5'}
+    deprecated: Old versions of tar are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
 
   teeny-request@7.2.0:
     resolution: {integrity: sha512-SyY0pek1zWsi0LRVAALem+avzMLc33MKW/JLLakdP4s9+D7+jHcy5x6P+h94g2QNZsAqQNfX5lsbd3WSeJXrrw==}
@@ -13427,6 +13865,19 @@ packages:
     resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
     engines: {node: '>=6.10'}
 
+  ts-evaluator@1.2.0:
+    resolution: {integrity: sha512-ncSGek1p92bj2ifB7s9UBgryHCkU9vwC5d+Lplt12gT9DH+e41X8dMoHRQjIMeAvyG7j9dEnuHmwgOtuRIQL+Q==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      jsdom: '>=14.x || >=15.x || >=16.x || >=17.x || >=18.x || >=19.x || >=20.x || >=21.x || >=22.x'
+      typescript: '>=3.2.x || >= 4.x || >= 5.x'
+    peerDependenciesMeta:
+      jsdom:
+        optional: true
+
+  ts-morph@27.0.2:
+    resolution: {integrity: sha512-fhUhgeljcrdZ+9DZND1De1029PrE+cMkIP7ooqkLRTrRLTqcki2AstsyJm0vRNbTbVCNJ0idGlbBrfqc7/nA8w==}
+
   ts-node@10.9.2:
     resolution: {integrity: sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==}
     hasBin: true
@@ -13441,6 +13892,9 @@ packages:
       '@swc/wasm':
         optional: true
 
+  ts-pattern@5.9.0:
+    resolution: {integrity: sha512-6s5V71mX8qBUmlgbrfL33xDUwO0fq48rxAu2LBE11WBeGdpCPOsXksQbZJHvHwhrd3QjUusd3mAOM5Gg0mFBLg==}
+
   tsconfck@2.1.2:
     resolution: {integrity: sha512-ghqN1b0puy3MhhviwO2kGF8SeMDNhEbnKxjK7h6+fvY9JAxqvXi8y5NAHSQv687OVboS2uZIByzGd45/YxrRHg==}
     engines: {node: ^14.13.1 || ^16 || >=18}
@@ -13451,6 +13905,16 @@ packages:
       typescript:
         optional: true
 
+  tsconfck@3.1.6:
+    resolution: {integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+    peerDependencies:
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   tsconfig-paths@3.15.0:
     resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
 
@@ -13535,6 +13999,10 @@ packages:
     resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==}
     engines: {node: '>= 0.6'}
 
+  type-is@2.0.1:
+    resolution: {integrity: sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==}
+    engines: {node: '>= 0.6'}
+
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -13581,6 +14049,11 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
   uc.micro@1.0.6:
     resolution: {integrity: sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==}
 
@@ -13728,6 +14201,12 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
 
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
@@ -14051,6 +14530,7 @@ packages:
   whatwg-encoding@2.0.0:
     resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}
     engines: {node: '>=12'}
+    deprecated: Use @exodus/bytes instead for a more spec-conformant and faster implementation
 
   whatwg-fetch@3.6.2:
     resolution: {integrity: sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA==}
@@ -14124,6 +14604,10 @@ packages:
     resolution: {integrity: sha512-xSBsCeh+g+dinoBv3GAOWM4LcVVO68wLXRanibtBSdUvkGWQRGeE9P7IwU9EmDDi4jA6L44lz15CGMwdw9N5+Q==}
     engines: {node: '>=0.4.0'}
 
+  wordwrapjs@5.1.1:
+    resolution: {integrity: sha512-0yweIbkINJodk27gX9LBGMzyQdBDan3s/dEAiwBOj+Mf0PPyWL6/rikalkv8EeD0E8jm4o5RXEOrFTP3NXbhJg==}
+    engines: {node: '>=12.17'}
+
   wrap-ansi@2.1.0:
     resolution: {integrity: sha512-vAaEaDM946gbNpH5pLVNR+vX2ht6n0Bt3GXwVB1AuAqZosOvHNF3P7wDnh8KLkSqgUh0uh77le7Owgoz+Z9XBw==}
     engines: {node: '>=0.10.0'}
@@ -14320,9 +14804,17 @@ packages:
     resolution: {integrity: sha512-LfOdrUvPB8ZoXtvOBz6DlNClfvi//b5d56mSWyJi7XbH/HfhOHfUhOqxhT/rUiR7yiktlunqRo+jY6y/cWC/5g==}
     engines: {node: '>= 12.0.0'}
 
+  zod-to-json-schema@3.25.1:
+    resolution: {integrity: sha512-pM/SU9d3YAggzi6MtR4h7ruuQlqKtad8e9S0fmxcMi+ueAK5Korys/aWcV9LIIHTVbj01NdzxcnXSN+O74ZIVA==}
+    peerDependencies:
+      zod: ^3.25 || ^4
+
   zod@3.25.76:
     resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
 
+  zod@4.3.6:
+    resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==}
+
   zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
 
@@ -14729,6 +15221,8 @@ snapshots:
 
   '@babel/helper-validator-identifier@7.27.1': {}
 
+  '@babel/helper-validator-identifier@7.28.5': {}
+
   '@babel/helper-validator-option@7.27.1': {}
 
   '@babel/helper-wrap-function@7.28.3':
@@ -14748,6 +15242,10 @@ snapshots:
     dependencies:
       '@babel/types': 7.28.4
 
+  '@babel/parser@7.29.2':
+    dependencies:
+      '@babel/types': 7.29.0
+
   '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.27.1(@babel/core@7.27.7)':
     dependencies:
       '@babel/core': 7.27.7
@@ -15553,6 +16051,11 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.27.1
 
+  '@babel/types@7.29.0':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
   '@base2/pretty-print-object@1.0.1': {}
 
   '@borewit/text-codec@0.1.1': {}
@@ -15565,6 +16068,17 @@ snapshots:
     dependencies:
       statuses: 2.0.2
 
+  '@clack/core@0.5.0':
+    dependencies:
+      picocolors: 1.0.0
+      sisteransi: 1.0.5
+
+  '@clack/prompts@0.11.0':
+    dependencies:
+      '@clack/core': 0.5.0
+      picocolors: 1.0.0
+      sisteransi: 1.0.5
+
   '@crowdin/cli@3.10.1':
     dependencies:
       command-exists-promise: 2.0.2
@@ -15617,6 +16131,12 @@ snapshots:
       postcss: 8.4.33
       postcss-selector-parser: 6.1.2
 
+  '@csstools/postcss-cascade-layers@6.0.0(postcss@8.5.6)':
+    dependencies:
+      '@csstools/selector-specificity': 6.0.0(postcss-selector-parser@7.1.1)
+      postcss: 8.5.6
+      postcss-selector-parser: 7.1.1
+
   '@csstools/postcss-color-function@3.0.19(postcss@8.4.33)':
     dependencies:
       '@csstools/css-color-parser': 2.0.5(@csstools/css-parser-algorithms@2.7.1(@csstools/css-tokenizer@2.4.1))(@csstools/css-tokenizer@2.4.1)
@@ -15803,6 +16323,10 @@ snapshots:
     dependencies:
       postcss-selector-parser: 6.1.2
 
+  '@csstools/selector-specificity@6.0.0(postcss-selector-parser@7.1.1)':
+    dependencies:
+      postcss-selector-parser: 7.1.1
+
   '@csstools/utilities@1.0.0(postcss@8.4.33)':
     dependencies:
       postcss: 8.4.33
@@ -16144,7 +16668,7 @@ snapshots:
     optionalDependencies:
       typescript: 4.9.5
 
-  '@formatjs/intl@3.0.4(typescript@5.8.3)':
+  '@formatjs/intl@3.0.4(typescript@5.9.3)':
     dependencies:
       '@formatjs/ecma402-abstract': 2.3.1
       '@formatjs/fast-memoize': 2.2.5
@@ -16152,9 +16676,9 @@ snapshots:
       intl-messageformat: 10.7.10
       tslib: 2.8.1
     optionalDependencies:
-      typescript: 5.8.3
+      typescript: 5.9.3
 
-  '@formatjs/intl@3.1.6(typescript@5.8.3)':
+  '@formatjs/intl@3.1.6(typescript@5.9.3)':
     dependencies:
       '@formatjs/ecma402-abstract': 2.3.4
       '@formatjs/fast-memoize': 2.2.7
@@ -16162,28 +16686,28 @@ snapshots:
       intl-messageformat: 10.7.16
       tslib: 2.8.1
     optionalDependencies:
-      typescript: 5.8.3
+      typescript: 5.9.3
 
-  '@fwouts/vite-tsconfig-paths@4.2.1(typescript@5.8.3)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))':
+  '@fwouts/vite-tsconfig-paths@4.2.1(typescript@5.8.3)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))':
     dependencies:
       async-mutex: 0.4.1
       debug: 4.4.3
       globrex: 0.1.2
       tsconfck: 2.1.2(typescript@5.8.3)
     optionalDependencies:
-      vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
+      vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@fwouts/vite-tsconfig-paths@4.2.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
+  '@fwouts/vite-tsconfig-paths@4.2.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
     dependencies:
       async-mutex: 0.4.1
       debug: 4.4.3
       globrex: 0.1.2
       tsconfck: 2.1.2(typescript@5.8.3)
     optionalDependencies:
-      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -16241,6 +16765,10 @@ snapshots:
       '@guidepup/guidepup': 0.24.0
       '@playwright/test': 1.48.0
 
+  '@hono/node-server@1.19.11(hono@4.12.8)':
+    dependencies:
+      hono: 4.12.8
+
   '@humanfs/core@0.19.1': {}
 
   '@humanfs/node@0.16.7':
@@ -16414,14 +16942,14 @@ snapshots:
       '@types/yargs': 17.0.33
       chalk: 4.1.2
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.6.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.6.1(typescript@5.9.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
     dependencies:
       glob: 10.4.5
       magic-string: 0.30.19
-      react-docgen-typescript: 2.4.0(typescript@5.8.3)
-      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      react-docgen-typescript: 2.4.0(typescript@5.9.3)
+      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
     optionalDependencies:
-      typescript: 5.8.3
+      typescript: 5.9.3
 
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
@@ -16523,6 +17051,28 @@ snapshots:
       '@types/react': 18.2.19
       react: 18.3.1
 
+  '@modelcontextprotocol/sdk@1.27.1(zod@4.3.6)':
+    dependencies:
+      '@hono/node-server': 1.19.11(hono@4.12.8)
+      ajv: 8.17.1
+      ajv-formats: 3.0.1(ajv@8.17.1)
+      content-type: 1.0.5
+      cors: 2.8.6
+      cross-spawn: 7.0.6
+      eventsource: 3.0.7
+      eventsource-parser: 3.0.6
+      express: 5.2.1
+      express-rate-limit: 8.3.1(express@5.2.1)
+      hono: 4.12.8
+      jose: 6.2.1
+      json-schema-typed: 8.0.2
+      pkce-challenge: 5.0.1
+      raw-body: 3.0.2
+      zod: 4.3.6
+      zod-to-json-schema: 3.25.1(zod@4.3.6)
+    transitivePeerDependencies:
+      - supports-color
+
   '@mswjs/interceptors@0.39.7':
     dependencies:
       '@open-draft/deferred-promise': 2.2.0
@@ -16556,12 +17106,200 @@ snapshots:
 
   '@open-draft/until@2.1.0': {}
 
-  '@parcel/watcher-android-arm64@2.5.1':
-    optional: true
-
-  '@parcel/watcher-darwin-arm64@2.5.1':
-    optional: true
-
+  '@pandacss/config@1.9.0':
+    dependencies:
+      '@pandacss/logger': 1.9.0
+      '@pandacss/preset-base': 1.9.0
+      '@pandacss/preset-panda': 1.9.0
+      '@pandacss/shared': 1.9.0
+      '@pandacss/types': 1.9.0
+      bundle-n-require: 1.1.2
+      escalade: 3.2.0
+      microdiff: 1.5.0
+      typescript: 5.9.3
+
+  '@pandacss/core@1.9.0':
+    dependencies:
+      '@csstools/postcss-cascade-layers': 6.0.0(postcss@8.5.6)
+      '@pandacss/is-valid-prop': 1.9.0
+      '@pandacss/logger': 1.9.0
+      '@pandacss/shared': 1.9.0
+      '@pandacss/token-dictionary': 1.9.0
+      '@pandacss/types': 1.9.0
+      browserslist: 4.28.1
+      hookable: 5.5.3
+      lightningcss: 1.31.1
+      lodash.merge: 4.6.2
+      outdent: 0.8.0
+      postcss: 8.5.6
+      postcss-discard-duplicates: 7.0.2(postcss@8.5.6)
+      postcss-discard-empty: 7.0.1(postcss@8.5.6)
+      postcss-minify-selectors: 7.0.5(postcss@8.5.6)
+      postcss-nested: 7.0.2(postcss@8.5.6)
+      postcss-normalize-whitespace: 7.0.1(postcss@8.5.6)
+      postcss-selector-parser: 7.1.1
+      ts-pattern: 5.9.0
+
+  '@pandacss/dev@1.9.0(jsdom@22.1.0)(typescript@5.9.3)':
+    dependencies:
+      '@clack/prompts': 0.11.0
+      '@pandacss/config': 1.9.0
+      '@pandacss/logger': 1.9.0
+      '@pandacss/mcp': 1.9.0(jsdom@22.1.0)(typescript@5.9.3)
+      '@pandacss/node': 1.9.0(jsdom@22.1.0)(typescript@5.9.3)
+      '@pandacss/postcss': 1.9.0(jsdom@22.1.0)(typescript@5.9.3)
+      '@pandacss/preset-base': 1.9.0
+      '@pandacss/preset-panda': 1.9.0
+      '@pandacss/shared': 1.9.0
+      '@pandacss/token-dictionary': 1.9.0
+      '@pandacss/types': 1.9.0
+      cac: 6.7.14
+    transitivePeerDependencies:
+      - '@cfworker/json-schema'
+      - jsdom
+      - supports-color
+      - typescript
+
+  '@pandacss/extractor@1.9.0(jsdom@22.1.0)(typescript@5.9.3)':
+    dependencies:
+      '@pandacss/shared': 1.9.0
+      ts-evaluator: 1.2.0(jsdom@22.1.0)(typescript@5.9.3)
+      ts-morph: 27.0.2
+    transitivePeerDependencies:
+      - jsdom
+      - typescript
+
+  '@pandacss/generator@1.9.0':
+    dependencies:
+      '@pandacss/core': 1.9.0
+      '@pandacss/is-valid-prop': 1.9.0
+      '@pandacss/logger': 1.9.0
+      '@pandacss/shared': 1.9.0
+      '@pandacss/token-dictionary': 1.9.0
+      '@pandacss/types': 1.9.0
+      javascript-stringify: 2.1.0
+      outdent: 0.8.0
+      pluralize: 8.0.0
+      postcss: 8.5.6
+      ts-pattern: 5.9.0
+
+  '@pandacss/is-valid-prop@1.9.0': {}
+
+  '@pandacss/logger@1.9.0':
+    dependencies:
+      '@pandacss/types': 1.9.0
+      kleur: 4.1.5
+
+  '@pandacss/mcp@1.9.0(jsdom@22.1.0)(typescript@5.9.3)':
+    dependencies:
+      '@clack/prompts': 0.11.0
+      '@modelcontextprotocol/sdk': 1.27.1(zod@4.3.6)
+      '@pandacss/logger': 1.9.0
+      '@pandacss/node': 1.9.0(jsdom@22.1.0)(typescript@5.9.3)
+      '@pandacss/token-dictionary': 1.9.0
+      '@pandacss/types': 1.9.0
+      zod: 4.3.6
+    transitivePeerDependencies:
+      - '@cfworker/json-schema'
+      - jsdom
+      - supports-color
+      - typescript
+
+  '@pandacss/node@1.9.0(jsdom@22.1.0)(typescript@5.9.3)':
+    dependencies:
+      '@pandacss/config': 1.9.0
+      '@pandacss/core': 1.9.0
+      '@pandacss/generator': 1.9.0
+      '@pandacss/logger': 1.9.0
+      '@pandacss/parser': 1.9.0(jsdom@22.1.0)(typescript@5.9.3)
+      '@pandacss/reporter': 1.9.0
+      '@pandacss/shared': 1.9.0
+      '@pandacss/token-dictionary': 1.9.0
+      '@pandacss/types': 1.9.0
+      browserslist: 4.28.1
+      chokidar: 4.0.3
+      fast-glob: 3.3.3
+      fs-extra: 11.3.2
+      glob-parent: 6.0.2
+      is-glob: 4.0.3
+      lodash.merge: 4.6.2
+      look-it-up: 2.1.0
+      outdent: 0.8.0
+      p-limit: 5.0.0
+      package-manager-detector: 1.6.0
+      perfect-debounce: 1.0.0
+      picomatch: 4.0.3
+      pkg-types: 2.3.0
+      pluralize: 8.0.0
+      postcss: 8.5.6
+      prettier: 3.2.5
+      ts-morph: 27.0.2
+      ts-pattern: 5.9.0
+      tsconfck: 3.1.6(typescript@5.9.3)
+    transitivePeerDependencies:
+      - jsdom
+      - typescript
+
+  '@pandacss/parser@1.9.0(jsdom@22.1.0)(typescript@5.9.3)':
+    dependencies:
+      '@pandacss/config': 1.9.0
+      '@pandacss/core': 1.9.0
+      '@pandacss/extractor': 1.9.0(jsdom@22.1.0)(typescript@5.9.3)
+      '@pandacss/logger': 1.9.0
+      '@pandacss/shared': 1.9.0
+      '@pandacss/types': 1.9.0
+      '@vue/compiler-sfc': 3.5.25
+      magic-string: 0.30.21
+      ts-morph: 27.0.2
+      ts-pattern: 5.9.0
+    transitivePeerDependencies:
+      - jsdom
+      - typescript
+
+  '@pandacss/postcss@1.9.0(jsdom@22.1.0)(typescript@5.9.3)':
+    dependencies:
+      '@pandacss/node': 1.9.0(jsdom@22.1.0)(typescript@5.9.3)
+      postcss: 8.5.6
+    transitivePeerDependencies:
+      - jsdom
+      - typescript
+
+  '@pandacss/preset-base@1.9.0':
+    dependencies:
+      '@pandacss/types': 1.9.0
+
+  '@pandacss/preset-panda@1.9.0':
+    dependencies:
+      '@pandacss/types': 1.9.0
+
+  '@pandacss/reporter@1.9.0':
+    dependencies:
+      '@pandacss/core': 1.9.0
+      '@pandacss/generator': 1.9.0
+      '@pandacss/logger': 1.9.0
+      '@pandacss/shared': 1.9.0
+      '@pandacss/types': 1.9.0
+      table: 6.9.0
+      wordwrapjs: 5.1.1
+
+  '@pandacss/shared@1.9.0': {}
+
+  '@pandacss/token-dictionary@1.9.0':
+    dependencies:
+      '@pandacss/logger': 1.9.0
+      '@pandacss/shared': 1.9.0
+      '@pandacss/types': 1.9.0
+      picomatch: 4.0.3
+      ts-pattern: 5.9.0
+
+  '@pandacss/types@1.9.0': {}
+
+  '@parcel/watcher-android-arm64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-darwin-arm64@2.5.1':
+    optional: true
+
   '@parcel/watcher-darwin-x64@2.5.1':
     optional: true
 
@@ -16649,14 +17387,14 @@ snapshots:
       pino: 9.13.1
       pino-pretty: 11.3.0
 
-  '@previewjs/analyzer-react@0.1.11(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)':
+  '@previewjs/analyzer-react@0.1.11(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)':
     dependencies:
       '@previewjs/analyzer-api': 0.1.8
       '@previewjs/serializable-values': 9.0.6
-      '@previewjs/storybook-helpers': 6.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      '@previewjs/storybook-helpers': 6.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
       '@previewjs/type-analyzer': 10.1.5
       '@previewjs/vfs': 2.1.4
-      '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))
+      '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))
       typescript: 5.8.3
     transitivePeerDependencies:
       - '@swc/core'
@@ -16684,10 +17422,10 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  '@previewjs/chromeless@13.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)':
+  '@previewjs/chromeless@13.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)':
     dependencies:
       '@previewjs/api': 16.1.0
-      '@previewjs/core': 29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
+      '@previewjs/core': 29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
       '@previewjs/iframe': 17.1.1
       '@previewjs/properties': 5.0.6
       '@previewjs/vfs': 2.1.4
@@ -16710,9 +17448,9 @@ snapshots:
       - supports-color
       - terser
 
-  '@previewjs/config@6.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)':
+  '@previewjs/config@6.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)':
     dependencies:
-      vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
+      vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -16723,9 +17461,9 @@ snapshots:
       - sugarss
       - terser
 
-  '@previewjs/config@7.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)':
+  '@previewjs/config@7.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)':
     dependencies:
-      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -16739,12 +17477,12 @@ snapshots:
       - tsx
       - yaml
 
-  '@previewjs/core@29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)':
+  '@previewjs/core@29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)':
     dependencies:
-      '@fwouts/vite-tsconfig-paths': 4.2.1(typescript@5.8.3)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))
+      '@fwouts/vite-tsconfig-paths': 4.2.1(typescript@5.8.3)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))
       '@previewjs/analyzer-api': 0.1.8
       '@previewjs/api': 16.1.0
-      '@previewjs/config': 6.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
+      '@previewjs/config': 6.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
       '@previewjs/iframe': 17.1.1
       '@previewjs/serializable-values': 9.0.6
       '@previewjs/type-analyzer': 10.1.5
@@ -16764,7 +17502,7 @@ snapshots:
       ts-node: 10.9.2(@types/node@22.18.8)(typescript@5.8.3)
       tsconfig-paths: 4.2.0
       typescript: 5.8.3
-      vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
+      vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
       zod: 3.25.76
     transitivePeerDependencies:
       - '@swc/core'
@@ -16781,12 +17519,12 @@ snapshots:
       - supports-color
       - terser
 
-  '@previewjs/core@30.2.0(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)':
+  '@previewjs/core@30.2.0(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)':
     dependencies:
-      '@fwouts/vite-tsconfig-paths': 4.2.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+      '@fwouts/vite-tsconfig-paths': 4.2.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
       '@previewjs/analyzer-api': 0.1.8
       '@previewjs/api': 16.1.0
-      '@previewjs/config': 7.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      '@previewjs/config': 7.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
       '@previewjs/iframe': 18.0.0
       '@previewjs/serializable-values': 9.0.6
       '@previewjs/type-analyzer': 10.1.5
@@ -16805,7 +17543,7 @@ snapshots:
       ts-node: 10.9.2(@types/node@22.18.8)(typescript@5.8.3)
       tsconfig-paths: 4.2.0
       typescript: 5.8.3
-      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
       zod: 3.25.76
     transitivePeerDependencies:
       - '@swc/core'
@@ -16828,10 +17566,10 @@ snapshots:
 
   '@previewjs/iframe@18.0.0': {}
 
-  '@previewjs/plugin-react@16.0.2(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)':
+  '@previewjs/plugin-react@16.0.2(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)':
     dependencies:
-      '@previewjs/analyzer-react': 0.1.11(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)
-      '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))
+      '@previewjs/analyzer-react': 0.1.11(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)
+      '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))
     transitivePeerDependencies:
       - '@swc/core'
       - '@swc/wasm'
@@ -16850,10 +17588,10 @@ snapshots:
       - vite
       - yaml
 
-  '@previewjs/plugin-react@17.1.0(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)':
+  '@previewjs/plugin-react@17.1.0(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)':
     dependencies:
-      '@previewjs/analyzer-react': 0.1.11(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)
-      '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))
+      '@previewjs/analyzer-react': 0.1.11(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)
+      '@vitejs/plugin-react': 4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))
       esbuild-plugin-polyfill-node: 0.3.0(esbuild@0.14.29)
     transitivePeerDependencies:
       - '@swc/core'
@@ -16879,12 +17617,12 @@ snapshots:
       '@previewjs/serializable-values': 9.0.6
       '@previewjs/type-analyzer': 10.1.5
 
-  '@previewjs/screenshot@0.3.2(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)':
+  '@previewjs/screenshot@0.3.2(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)':
     dependencies:
       '@previewjs/analyzer-api': 0.1.8
-      '@previewjs/chromeless': 13.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
-      '@previewjs/core': 29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
-      '@previewjs/plugin-react': 16.0.2(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)
+      '@previewjs/chromeless': 13.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
+      '@previewjs/core': 29.1.1(@types/node@22.18.8)(esbuild@0.14.29)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
+      '@previewjs/plugin-react': 16.0.2(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))(yaml@2.8.0)
       globby: 14.1.0
       playwright: 1.55.1
     transitivePeerDependencies:
@@ -16914,11 +17652,11 @@ snapshots:
       prettier: 2.8.8
       typescript: 5.8.3
 
-  '@previewjs/storybook-helpers@6.0.1(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)':
+  '@previewjs/storybook-helpers@6.0.1(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)':
     dependencies:
       '@previewjs/analyzer-api': 0.1.8
       '@previewjs/api': 16.1.0
-      '@previewjs/core': 30.2.0(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      '@previewjs/core': 30.2.0(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
       '@previewjs/serializable-values': 9.0.6
       '@previewjs/type-analyzer': 10.1.5
       typescript: 5.8.3
@@ -17363,54 +18101,54 @@ snapshots:
     dependencies:
       '@sinonjs/commons': 3.0.1
 
-  '@storybook/addon-a11y@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
+  '@storybook/addon-a11y@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
     dependencies:
       '@storybook/global': 5.0.0
       axe-core: 4.9.1
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
 
-  '@storybook/addon-docs@9.1.10(@types/react@18.2.19)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
+  '@storybook/addon-docs@9.1.10(@types/react@18.2.19)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@18.2.19)(react@18.3.1)
-      '@storybook/csf-plugin': 9.1.10(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
+      '@storybook/csf-plugin': 9.1.10(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
       '@storybook/icons': 1.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@storybook/react-dom-shim': 9.1.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
+      '@storybook/react-dom-shim': 9.1.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@storybook/addon-links@9.1.6(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
+  '@storybook/addon-links@9.1.6(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
     optionalDependencies:
       react: 18.3.1
 
-  '@storybook/addon-storysource@8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
+  '@storybook/addon-storysource@8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
     dependencies:
-      '@storybook/source-loader': 8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
+      '@storybook/source-loader': 8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))
       estraverse: 5.3.0
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
       tiny-invariant: 1.3.3
 
-  '@storybook/builder-vite@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
+  '@storybook/builder-vite@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
     dependencies:
-      '@storybook/csf-plugin': 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+      '@storybook/csf-plugin': 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
       ts-dedent: 2.2.0
-      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
 
-  '@storybook/csf-plugin@9.1.10(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
+  '@storybook/csf-plugin@9.1.10(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
     dependencies:
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
       unplugin: 1.16.1
 
-  '@storybook/csf-plugin@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))':
+  '@storybook/csf-plugin@9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))':
     dependencies:
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
       unplugin: 1.16.1
 
   '@storybook/global@5.0.0': {}
@@ -17420,54 +18158,54 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@storybook/react-dom-shim@9.1.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
+  '@storybook/react-dom-shim@9.1.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
     dependencies:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
 
-  '@storybook/react-dom-shim@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))':
+  '@storybook/react-dom-shim@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))':
     dependencies:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
 
-  '@storybook/react-vite@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.52.4)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
+  '@storybook/react-vite@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.52.4)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.9.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.6.1(typescript@5.8.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.6.1(typescript@5.9.3)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
       '@rollup/pluginutils': 5.3.0(rollup@4.52.4)
-      '@storybook/builder-vite': 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
-      '@storybook/react': 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3)
+      '@storybook/builder-vite': 9.1.6(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+      '@storybook/react': 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.9.3)
       find-up: 7.0.0
       magic-string: 0.30.19
       react: 18.3.1
       react-docgen: 8.0.1
       react-dom: 18.3.1(react@18.3.1)
       resolve: 1.22.10
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
       tsconfig-paths: 4.2.0
-      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - rollup
       - supports-color
       - typescript
 
-  '@storybook/react@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3)':
+  '@storybook/react@9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.9.3)':
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/react-dom-shim': 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))
+      '@storybook/react-dom-shim': 9.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)))
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
     optionalDependencies:
-      typescript: 5.8.3
+      typescript: 5.9.3
 
-  '@storybook/source-loader@8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
+  '@storybook/source-loader@8.6.14(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))':
     dependencies:
       es-toolkit: 1.39.10
       estraverse: 5.3.0
       prettier: 3.6.2
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
 
   '@stylistic/eslint-plugin@4.4.0(eslint@9.27.0)(typescript@5.8.3)':
     dependencies:
@@ -17547,6 +18285,12 @@ snapshots:
 
   '@tootallnate/quickjs-emscripten@0.23.0': {}
 
+  '@ts-morph/common@0.28.1':
+    dependencies:
+      minimatch: 10.0.3
+      path-browserify: 1.0.1
+      tinyglobby: 0.2.15
+
   '@tsconfig/node10@1.0.11': {}
 
   '@tsconfig/node12@1.0.11': {}
@@ -18122,7 +18866,7 @@ snapshots:
       d3-selection: 3.0.0
       d3-transition: 3.0.1(d3-selection@3.0.0)
 
-  '@vitejs/plugin-react@2.0.0(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))':
+  '@vitejs/plugin-react@2.0.0(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))':
     dependencies:
       '@babel/core': 7.27.7
       '@babel/plugin-transform-react-jsx': 7.27.1(@babel/core@7.27.7)
@@ -18131,11 +18875,11 @@ snapshots:
       '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.27.7)
       magic-string: 0.26.7
       react-refresh: 0.14.2
-      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-react@4.7.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))':
+  '@vitejs/plugin-react@4.7.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))':
     dependencies:
       '@babel/core': 7.28.4
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.4)
@@ -18143,11 +18887,11 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-beta.27
       '@types/babel__core': 7.20.5
       react-refresh: 0.17.0
-      vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)
+      vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-react@4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))':
+  '@vitejs/plugin-react@4.7.0(vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0))':
     dependencies:
       '@babel/core': 7.28.4
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.4)
@@ -18155,36 +18899,36 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-beta.27
       '@types/babel__core': 7.20.5
       react-refresh: 0.17.0
-      vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
+      vite: 5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.8.3))':
+  '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))':
     dependencies:
       '@babel/core': 7.27.7
       '@babel/plugin-transform-typescript': 7.28.0(@babel/core@7.27.7)
       '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.27.7)
-      vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)
-      vue: 3.5.22(typescript@5.8.3)
+      vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)
+      vue: 3.5.22(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.2.4(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.8.3))':
+  '@vitejs/plugin-vue@5.2.4(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))':
     dependencies:
-      vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)
-      vue: 3.5.22(typescript@5.8.3)
+      vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)
+      vue: 3.5.22(typescript@5.9.3)
 
-  '@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3))':
+  '@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3))':
     dependencies:
       '@testing-library/dom': 10.4.1
       '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
-      '@vitest/mocker': 3.0.6(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+      '@vitest/mocker': 3.0.6(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
       '@vitest/utils': 3.0.6
       magic-string: 0.30.19
       msw: 2.11.3(@types/node@18.16.15)(typescript@5.8.3)
       sirv: 3.0.2
       tinyrainbow: 2.0.0
-      vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+      vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
       ws: 8.18.3
     optionalDependencies:
       playwright: 1.48.0
@@ -18211,50 +18955,50 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.0.6(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))':
+  '@vitest/mocker@3.0.6(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))':
     dependencies:
       '@vitest/spy': 3.0.6
       estree-walker: 3.0.3
       magic-string: 0.30.19
     optionalDependencies:
       msw: 2.11.3(@types/node@18.16.15)(typescript@5.8.3)
-      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
 
-  '@vitest/mocker@3.0.9(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))':
+  '@vitest/mocker@3.0.9(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))':
     dependencies:
       '@vitest/spy': 3.0.9
       estree-walker: 3.0.3
       magic-string: 0.30.19
     optionalDependencies:
       msw: 2.11.3(@types/node@18.16.15)(typescript@5.8.3)
-      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
 
-  '@vitest/mocker@3.0.9(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
+  '@vitest/mocker@3.0.9(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
     dependencies:
       '@vitest/spy': 3.0.9
       estree-walker: 3.0.3
       magic-string: 0.30.19
     optionalDependencies:
       msw: 2.11.3(@types/node@22.18.8)(typescript@5.8.3)
-      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
 
-  '@vitest/mocker@3.2.4(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))':
+  '@vitest/mocker@3.2.4(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))':
     dependencies:
       '@vitest/spy': 3.2.4
       estree-walker: 3.0.3
       magic-string: 0.30.19
     optionalDependencies:
       msw: 2.11.3(@types/node@18.16.15)(typescript@5.8.3)
-      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
 
-  '@vitest/mocker@3.2.4(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
+  '@vitest/mocker@3.2.4(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))':
     dependencies:
       '@vitest/spy': 3.2.4
       estree-walker: 3.0.3
       magic-string: 0.30.19
     optionalDependencies:
-      msw: 2.11.3(@types/node@22.18.8)(typescript@5.8.3)
-      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      msw: 2.11.3(@types/node@22.18.8)(typescript@5.9.3)
+      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
 
   '@vitest/pretty-format@3.0.6':
     dependencies:
@@ -18300,7 +19044,7 @@ snapshots:
       sirv: 3.0.2
       tinyglobby: 0.2.15
       tinyrainbow: 2.0.0
-      vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+      vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
 
   '@vitest/utils@3.0.6':
     dependencies:
@@ -18357,11 +19101,24 @@ snapshots:
       estree-walker: 2.0.2
       source-map-js: 1.2.1
 
+  '@vue/compiler-core@3.5.25':
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@vue/shared': 3.5.25
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
   '@vue/compiler-dom@3.5.22':
     dependencies:
       '@vue/compiler-core': 3.5.22
       '@vue/shared': 3.5.22
 
+  '@vue/compiler-dom@3.5.25':
+    dependencies:
+      '@vue/compiler-core': 3.5.25
+      '@vue/shared': 3.5.25
+
   '@vue/compiler-sfc@3.5.22':
     dependencies:
       '@babel/parser': 7.28.4
@@ -18374,11 +19131,28 @@ snapshots:
       postcss: 8.5.6
       source-map-js: 1.2.1
 
+  '@vue/compiler-sfc@3.5.25':
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@vue/compiler-core': 3.5.25
+      '@vue/compiler-dom': 3.5.25
+      '@vue/compiler-ssr': 3.5.25
+      '@vue/shared': 3.5.25
+      estree-walker: 2.0.2
+      magic-string: 0.30.21
+      postcss: 8.5.6
+      source-map-js: 1.2.1
+
   '@vue/compiler-ssr@3.5.22':
     dependencies:
       '@vue/compiler-dom': 3.5.22
       '@vue/shared': 3.5.22
 
+  '@vue/compiler-ssr@3.5.25':
+    dependencies:
+      '@vue/compiler-dom': 3.5.25
+      '@vue/shared': 3.5.25
+
   '@vue/devtools-api@7.7.7':
     dependencies:
       '@vue/devtools-kit': 7.7.7
@@ -18413,39 +19187,41 @@ snapshots:
       '@vue/shared': 3.5.22
       csstype: 3.1.3
 
-  '@vue/server-renderer@3.5.22(vue@3.5.22(typescript@5.8.3))':
+  '@vue/server-renderer@3.5.22(vue@3.5.22(typescript@5.9.3))':
     dependencies:
       '@vue/compiler-ssr': 3.5.22
       '@vue/shared': 3.5.22
-      vue: 3.5.22(typescript@5.8.3)
+      vue: 3.5.22(typescript@5.9.3)
 
   '@vue/shared@3.5.22': {}
 
-  '@vueuse/core@10.11.1(vue@3.5.22(typescript@5.8.3))':
+  '@vue/shared@3.5.25': {}
+
+  '@vueuse/core@10.11.1(vue@3.5.22(typescript@5.9.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.11.1
-      '@vueuse/shared': 10.11.1(vue@3.5.22(typescript@5.8.3))
-      vue-demi: 0.14.10(vue@3.5.22(typescript@5.8.3))
+      '@vueuse/shared': 10.11.1(vue@3.5.22(typescript@5.9.3))
+      vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/core@11.3.0(vue@3.5.22(typescript@5.8.3))':
+  '@vueuse/core@11.3.0(vue@3.5.22(typescript@5.9.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 11.3.0
-      '@vueuse/shared': 11.3.0(vue@3.5.22(typescript@5.8.3))
-      vue-demi: 0.14.10(vue@3.5.22(typescript@5.8.3))
+      '@vueuse/shared': 11.3.0(vue@3.5.22(typescript@5.9.3))
+      vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/integrations@10.11.1(axios@1.9.0)(focus-trap@7.6.5)(fuse.js@6.6.2)(vue@3.5.22(typescript@5.8.3))':
+  '@vueuse/integrations@10.11.1(axios@1.9.0)(focus-trap@7.6.5)(fuse.js@6.6.2)(vue@3.5.22(typescript@5.9.3))':
     dependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.22(typescript@5.8.3))
-      '@vueuse/shared': 10.11.1(vue@3.5.22(typescript@5.8.3))
-      vue-demi: 0.14.10(vue@3.5.22(typescript@5.8.3))
+      '@vueuse/core': 10.11.1(vue@3.5.22(typescript@5.9.3))
+      '@vueuse/shared': 10.11.1(vue@3.5.22(typescript@5.9.3))
+      vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3))
     optionalDependencies:
       axios: 1.9.0
       focus-trap: 7.6.5
@@ -18458,16 +19234,16 @@ snapshots:
 
   '@vueuse/metadata@11.3.0': {}
 
-  '@vueuse/shared@10.11.1(vue@3.5.22(typescript@5.8.3))':
+  '@vueuse/shared@10.11.1(vue@3.5.22(typescript@5.9.3))':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.22(typescript@5.8.3))
+      vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/shared@11.3.0(vue@3.5.22(typescript@5.8.3))':
+  '@vueuse/shared@11.3.0(vue@3.5.22(typescript@5.9.3))':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.22(typescript@5.8.3))
+      vue-demi: 0.14.10(vue@3.5.22(typescript@5.9.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -18632,6 +19408,11 @@ snapshots:
       mime-types: 2.1.35
       negotiator: 0.6.3
 
+  accepts@2.0.0:
+    dependencies:
+      mime-types: 3.0.1
+      negotiator: 1.0.0
+
   acorn-import-phases@1.0.4(acorn@8.15.0):
     dependencies:
       acorn: 8.15.0
@@ -18663,6 +19444,10 @@ snapshots:
     optionalDependencies:
       ajv: 8.17.1
 
+  ajv-formats@3.0.1(ajv@8.17.1):
+    optionalDependencies:
+      ajv: 8.17.1
+
   ajv-keywords@5.1.0(ajv@8.17.1):
     dependencies:
       ajv: 8.17.1
@@ -18744,7 +19529,7 @@ snapshots:
     dependencies:
       '@vitest/runner': 3.0.9
       allure-js-commons: 3.2.2(allure-playwright@3.2.2(@playwright/test@1.48.0))
-      vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+      vitest: 3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - allure-playwright
 
@@ -19195,6 +19980,8 @@ snapshots:
 
   base64-js@1.5.1: {}
 
+  baseline-browser-mapping@2.10.8: {}
+
   baseline-browser-mapping@2.8.12: {}
 
   basic-auth@2.0.1:
@@ -19301,6 +20088,20 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  body-parser@2.2.2:
+    dependencies:
+      bytes: 3.1.2
+      content-type: 1.0.5
+      debug: 4.4.3
+      http-errors: 2.0.0
+      iconv-lite: 0.7.2
+      on-finished: 2.4.1
+      qs: 6.15.0
+      raw-body: 3.0.2
+      type-is: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
   bonjour-service@1.3.0:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -19331,6 +20132,14 @@ snapshots:
       node-releases: 2.0.23
       update-browserslist-db: 1.1.3(browserslist@4.26.3)
 
+  browserslist@4.28.1:
+    dependencies:
+      baseline-browser-mapping: 2.10.8
+      caniuse-lite: 1.0.30001780
+      electron-to-chromium: 1.5.313
+      node-releases: 2.0.36
+      update-browserslist-db: 1.2.3(browserslist@4.28.1)
+
   bser@2.1.1:
     dependencies:
       node-int64: 0.4.0
@@ -19360,6 +20169,11 @@ snapshots:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
+  bundle-n-require@1.1.2:
+    dependencies:
+      esbuild: 0.25.10
+      node-eval: 2.0.0
+
   bundle-name@4.1.0:
     dependencies:
       run-applescript: 7.1.0
@@ -19439,6 +20253,8 @@ snapshots:
 
   caniuse-lite@1.0.30001748: {}
 
+  caniuse-lite@1.0.30001780: {}
+
   caseless@0.12.0: {}
 
   caw@2.0.1:
@@ -19628,6 +20444,8 @@ snapshots:
 
   clsx@2.1.1: {}
 
+  code-block-writer@13.0.3: {}
+
   code-point-at@1.1.0: {}
 
   color-convert@1.9.3:
@@ -19719,6 +20537,8 @@ snapshots:
 
   concat-map@0.0.1: {}
 
+  confbox@0.2.4: {}
+
   config-chain@1.1.13:
     dependencies:
       ini: 1.3.8
@@ -19748,6 +20568,8 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
+  content-disposition@1.0.1: {}
+
   content-type@1.0.5: {}
 
   contour_plot@0.0.1: {}
@@ -19760,6 +20582,8 @@ snapshots:
 
   cookie-signature@1.0.6: {}
 
+  cookie-signature@1.2.2: {}
+
   cookie@0.5.0: {}
 
   cookie@0.7.1: {}
@@ -19782,6 +20606,11 @@ snapshots:
 
   core-util-is@1.0.3: {}
 
+  cors@2.8.6:
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+
   corser@2.0.1: {}
 
   cosmiconfig@5.2.1:
@@ -19816,14 +20645,14 @@ snapshots:
     optionalDependencies:
       typescript: 5.8.3
 
-  cosmiconfig@9.0.0(typescript@5.8.3):
+  cosmiconfig@9.0.0(typescript@5.9.3):
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.1
       js-yaml: 4.1.0
       parse-json: 5.2.0
     optionalDependencies:
-      typescript: 5.8.3
+      typescript: 5.9.3
 
   crc-32@1.2.2: {}
 
@@ -19860,6 +20689,10 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  crosspath@2.0.0:
+    dependencies:
+      '@types/node': 17.0.45
+
   crypt@0.0.2: {}
 
   crypto-random-string@2.0.0: {}
@@ -20441,6 +21274,8 @@ snapshots:
 
   electron-to-chromium@1.5.230: {}
 
+  electron-to-chromium@1.5.313: {}
+
   emoji-regex-xs@1.0.0: {}
 
   emoji-regex@8.0.0: {}
@@ -20947,11 +21782,11 @@ snapshots:
       string.prototype.matchall: 4.0.12
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-storybook@9.1.6(eslint@9.27.0)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3):
+  eslint-plugin-storybook@9.1.6(eslint@9.27.0)(storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)))(typescript@5.8.3):
     dependencies:
       '@typescript-eslint/utils': 8.45.0(eslint@9.27.0)(typescript@5.8.3)
       eslint: 9.27.0
-      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+      storybook: 9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -21050,6 +21885,12 @@ snapshots:
 
   events@3.3.0: {}
 
+  eventsource-parser@3.0.6: {}
+
+  eventsource@3.0.7:
+    dependencies:
+      eventsource-parser: 3.0.6
+
   exclusive-promises@1.0.3: {}
 
   execa@0.7.0:
@@ -21142,6 +21983,11 @@ snapshots:
 
   exponential-backoff@3.1.2: {}
 
+  express-rate-limit@8.3.1(express@5.2.1):
+    dependencies:
+      express: 5.2.1
+      ip-address: 10.1.0
+
   express@4.18.1:
     dependencies:
       accepts: 1.3.8
@@ -21214,6 +22060,41 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  express@5.2.1:
+    dependencies:
+      accepts: 2.0.0
+      body-parser: 2.2.2
+      content-disposition: 1.0.1
+      content-type: 1.0.5
+      cookie: 0.7.2
+      cookie-signature: 1.2.2
+      debug: 4.4.3
+      depd: 2.0.0
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      finalhandler: 2.1.1
+      fresh: 2.0.0
+      http-errors: 2.0.0
+      merge-descriptors: 2.0.0
+      mime-types: 3.0.1
+      on-finished: 2.4.1
+      once: 1.4.0
+      parseurl: 1.3.3
+      proxy-addr: 2.0.7
+      qs: 6.14.0
+      range-parser: 1.2.1
+      router: 2.2.0
+      send: 1.2.1
+      serve-static: 2.2.1
+      statuses: 2.0.2
+      type-is: 2.0.1
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  exsolve@1.0.8: {}
+
   ext-list@2.2.2:
     dependencies:
       mime-db: 1.54.0
@@ -21434,6 +22315,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  finalhandler@2.1.1:
+    dependencies:
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   find-cache-dir@3.3.1:
     dependencies:
       commondir: 1.0.1
@@ -21546,6 +22438,8 @@ snapshots:
 
   fresh@0.5.2: {}
 
+  fresh@2.0.0: {}
+
   from2@2.3.0:
     dependencies:
       inherits: 2.0.4
@@ -21565,6 +22459,12 @@ snapshots:
       jsonfile: 6.2.0
       universalify: 2.0.1
 
+  fs-extra@11.3.2:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.0
+      universalify: 2.0.1
+
   fs-extra@8.1.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -21724,7 +22624,7 @@ snapshots:
     dependencies:
       basic-ftp: 5.0.5
       data-uri-to-buffer: 6.0.2
-      debug: 4.3.4
+      debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
@@ -22085,6 +22985,8 @@ snapshots:
     dependencies:
       react-is: 16.13.1
 
+  hono@4.12.8: {}
+
   hookable@5.5.3: {}
 
   hosted-git-info@2.8.9: {}
@@ -22155,6 +23057,14 @@ snapshots:
       statuses: 2.0.1
       toidentifier: 1.0.1
 
+  http-errors@2.0.1:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      toidentifier: 1.0.1
+
   http-parser-js@0.5.10: {}
 
   http-proxy-agent@5.0.0:
@@ -22269,6 +23179,10 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
+  iconv-lite@0.7.2:
+    dependencies:
+      safer-buffer: 2.1.2
+
   icss-utils@3.0.1:
     dependencies:
       postcss: 6.0.23
@@ -22429,6 +23343,8 @@ snapshots:
 
   ip-address@10.0.1: {}
 
+  ip-address@10.1.0: {}
+
   ipaddr.js@1.9.1: {}
 
   ipaddr.js@2.2.0: {}
@@ -22570,6 +23486,8 @@ snapshots:
 
   is-potential-custom-element-name@1.0.1: {}
 
+  is-promise@4.0.0: {}
+
   is-regex@1.1.4:
     dependencies:
       call-bind: 1.0.8
@@ -22692,6 +23610,8 @@ snapshots:
     dependencies:
       '@isaacs/cliui': 8.0.2
 
+  javascript-stringify@2.1.0: {}
+
   jest-diff@30.2.0:
     dependencies:
       '@jest/diff-sequences': 30.0.1
@@ -22813,6 +23733,8 @@ snapshots:
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
+  jose@6.2.1: {}
+
   joycon@3.1.1: {}
 
   js-base64@2.6.4: {}
@@ -22882,6 +23804,8 @@ snapshots:
 
   json-schema-traverse@1.0.0: {}
 
+  json-schema-typed@8.0.2: {}
+
   json-schema@0.4.0: {}
 
   json-stable-stringify-without-jsonify@1.0.1: {}
@@ -23001,6 +23925,55 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  lightningcss-android-arm64@1.31.1:
+    optional: true
+
+  lightningcss-darwin-arm64@1.31.1:
+    optional: true
+
+  lightningcss-darwin-x64@1.31.1:
+    optional: true
+
+  lightningcss-freebsd-x64@1.31.1:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.31.1:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.31.1:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.31.1:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.31.1:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.31.1:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.31.1:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.31.1:
+    optional: true
+
+  lightningcss@1.31.1:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.31.1
+      lightningcss-darwin-arm64: 1.31.1
+      lightningcss-darwin-x64: 1.31.1
+      lightningcss-freebsd-x64: 1.31.1
+      lightningcss-linux-arm-gnueabihf: 1.31.1
+      lightningcss-linux-arm64-gnu: 1.31.1
+      lightningcss-linux-arm64-musl: 1.31.1
+      lightningcss-linux-x64-gnu: 1.31.1
+      lightningcss-linux-x64-musl: 1.31.1
+      lightningcss-win32-arm64-msvc: 1.31.1
+      lightningcss-win32-x64-msvc: 1.31.1
+
   lines-and-columns@1.2.4: {}
 
   linkify-it@4.0.1:
@@ -23116,6 +24089,8 @@ snapshots:
 
   longest@1.0.1: {}
 
+  look-it-up@2.1.0: {}
+
   loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
@@ -23159,6 +24134,10 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
 
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
   make-dir@1.3.0:
     dependencies:
       pify: 3.0.0
@@ -23353,6 +24332,8 @@ snapshots:
 
   media-typer@0.3.0: {}
 
+  media-typer@1.1.0: {}
+
   medium-zoom@1.1.0: {}
 
   memfs@4.48.1:
@@ -23387,6 +24368,8 @@ snapshots:
 
   merge-descriptors@1.0.3: {}
 
+  merge-descriptors@2.0.0: {}
+
   merge-stream@2.0.0: {}
 
   merge2@1.4.1: {}
@@ -23568,6 +24551,8 @@ snapshots:
       - supports-color
       - utf-8-validate
 
+  microdiff@1.5.0: {}
+
   micromark-core-commonmark@1.1.0:
     dependencies:
       decode-named-character-reference: 1.2.0
@@ -23793,6 +24778,10 @@ snapshots:
     dependencies:
       mime-db: 1.54.0
 
+  mime-types@3.0.2:
+    dependencies:
+      mime-db: 1.54.0
+
   mime@1.6.0: {}
 
   mime@3.0.0: {}
@@ -23934,6 +24923,33 @@ snapshots:
       - '@types/node'
     optional: true
 
+  msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3):
+    dependencies:
+      '@bundled-es-modules/cookie': 2.0.1
+      '@bundled-es-modules/statuses': 1.0.1
+      '@inquirer/confirm': 5.1.18(@types/node@22.18.8)
+      '@mswjs/interceptors': 0.39.7
+      '@open-draft/deferred-promise': 2.2.0
+      '@types/cookie': 0.6.0
+      '@types/statuses': 2.0.6
+      graphql: 16.11.0
+      headers-polyfill: 4.0.3
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+      path-to-regexp: 6.3.0
+      picocolors: 1.1.1
+      rettime: 0.7.0
+      strict-event-emitter: 0.5.1
+      tough-cookie: 6.0.0
+      type-fest: 4.41.0
+      until-async: 3.0.2
+      yargs: 17.7.2
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@types/node'
+    optional: true
+
   multicast-dns@7.2.5:
     dependencies:
       dns-packet: 5.6.1
@@ -23958,6 +24974,8 @@ snapshots:
 
   negotiator@0.6.4: {}
 
+  negotiator@1.0.0: {}
+
   neo-async@2.6.2: {}
 
   netmask@2.0.2: {}
@@ -23975,6 +24993,10 @@ snapshots:
 
   node-domexception@1.0.0: {}
 
+  node-eval@2.0.0:
+    dependencies:
+      path-is-absolute: 1.0.1
+
   node-fetch@2.6.7:
     dependencies:
       whatwg-url: 5.0.0
@@ -23995,6 +25017,8 @@ snapshots:
 
   node-releases@2.0.23: {}
 
+  node-releases@2.0.36: {}
+
   node-watch@0.7.3: {}
 
   normalize-package-data@2.5.0:
@@ -24078,6 +25102,8 @@ snapshots:
 
   object-keys@1.1.1: {}
 
+  object-path@0.11.8: {}
+
   object.assign@4.1.7:
     dependencies:
       call-bind: 1.0.8
@@ -24189,6 +25215,8 @@ snapshots:
 
   os-tmpdir@1.0.2: {}
 
+  outdent@0.8.0: {}
+
   outvariant@1.4.3: {}
 
   ow@0.17.0:
@@ -24240,6 +25268,10 @@ snapshots:
     dependencies:
       yocto-queue: 1.2.1
 
+  p-limit@5.0.0:
+    dependencies:
+      yocto-queue: 1.2.1
+
   p-locate@4.1.0:
     dependencies:
       p-limit: 2.3.0
@@ -24292,7 +25324,7 @@ snapshots:
     dependencies:
       '@tootallnate/quickjs-emscripten': 0.23.0
       agent-base: 7.1.4
-      debug: 4.3.4
+      debug: 4.4.3
       get-uri: 6.0.5
       http-proxy-agent: 7.0.2
       https-proxy-agent: 7.0.6
@@ -24308,6 +25340,8 @@ snapshots:
 
   package-json-from-dist@1.0.1: {}
 
+  package-manager-detector@1.6.0: {}
+
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
@@ -24345,6 +25379,8 @@ snapshots:
 
   parseurl@1.3.3: {}
 
+  path-browserify@1.0.1: {}
+
   path-exists@4.0.0: {}
 
   path-exists@5.0.0: {}
@@ -24379,6 +25415,8 @@ snapshots:
 
   path-to-regexp@6.3.0: {}
 
+  path-to-regexp@8.3.0: {}
+
   path-type@4.0.0: {}
 
   path-type@6.0.0: {}
@@ -24460,10 +25498,18 @@ snapshots:
     dependencies:
       pngjs: 7.0.0
 
+  pkce-challenge@5.0.1: {}
+
   pkg-dir@4.2.0:
     dependencies:
       find-up: 4.1.0
 
+  pkg-types@2.3.0:
+    dependencies:
+      confbox: 0.2.4
+      exsolve: 1.0.8
+      pathe: 2.0.3
+
   playwright-core@1.48.0: {}
 
   playwright-core@1.55.1: {}
@@ -24484,6 +25530,8 @@ snapshots:
     dependencies:
       semver-compare: 1.0.0
 
+  pluralize@8.0.0: {}
+
   pngjs@7.0.0: {}
 
   pngquant-bin@6.0.1:
@@ -24637,6 +25685,14 @@ snapshots:
       postcss: 8.4.33
       postcss-selector-parser: 6.1.2
 
+  postcss-discard-duplicates@7.0.2(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  postcss-discard-empty@7.0.1(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
   postcss-double-position-gradients@1.0.0:
     dependencies:
       postcss: 7.0.39
@@ -24778,6 +25834,12 @@ snapshots:
 
   postcss-media-query-parser@0.2.3: {}
 
+  postcss-minify-selectors@7.0.5(postcss@8.5.6):
+    dependencies:
+      cssesc: 3.0.0
+      postcss: 8.5.6
+      postcss-selector-parser: 7.1.1
+
   postcss-mixins@12.1.2(postcss@8.4.33):
     dependencies:
       postcss: 8.4.33
@@ -24786,6 +25848,11 @@ snapshots:
       sugarss: 5.0.1(postcss@8.4.33)
       tinyglobby: 0.2.15
 
+  postcss-nested@7.0.2(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+      postcss-selector-parser: 7.1.1
+
   postcss-nesting@12.1.5(postcss@8.4.33):
     dependencies:
       '@csstools/selector-resolve-nested': 1.1.0(postcss-selector-parser@6.1.2)
@@ -24797,6 +25864,11 @@ snapshots:
     dependencies:
       postcss: 7.0.39
 
+  postcss-normalize-whitespace@7.0.1(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+      postcss-value-parser: 4.2.0
+
   postcss-opacity-percentage@2.0.0(postcss@8.4.33):
     dependencies:
       postcss: 8.4.33
@@ -24993,6 +26065,11 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
+  postcss-selector-parser@7.1.1:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
   postcss-simple-vars@7.0.1(postcss@8.4.33):
     dependencies:
       postcss: 8.4.33
@@ -25072,6 +26149,8 @@ snapshots:
 
   prettier@2.8.8: {}
 
+  prettier@3.2.5: {}
+
   prettier@3.6.2: {}
 
   pretty-format@27.5.1:
@@ -25218,6 +26297,10 @@ snapshots:
     dependencies:
       side-channel: 1.1.0
 
+  qs@6.15.0:
+    dependencies:
+      side-channel: 1.1.0
+
   qs@6.5.3: {}
 
   query-selector-shadow-dom@1.0.1: {}
@@ -25262,6 +26345,13 @@ snapshots:
       iconv-lite: 0.4.24
       unpipe: 1.0.0
 
+  raw-body@3.0.2:
+    dependencies:
+      bytes: 3.1.2
+      http-errors: 2.0.1
+      iconv-lite: 0.7.2
+      unpipe: 1.0.0
+
   rc@1.2.8:
     dependencies:
       deep-extend: 0.6.0
@@ -25277,9 +26367,9 @@ snapshots:
       - bufferutil
       - utf-8-validate
 
-  react-docgen-typescript@2.4.0(typescript@5.8.3):
+  react-docgen-typescript@2.4.0(typescript@5.9.3):
     dependencies:
-      typescript: 5.8.3
+      typescript: 5.9.3
 
   react-docgen@8.0.1:
     dependencies:
@@ -25378,11 +26468,11 @@ snapshots:
       - react-dom
       - react-native
 
-  react-intl@7.1.11(react@18.3.1)(typescript@5.8.3):
+  react-intl@7.1.11(react@18.3.1)(typescript@5.9.3):
     dependencies:
       '@formatjs/ecma402-abstract': 2.3.4
       '@formatjs/icu-messageformat-parser': 2.11.2
-      '@formatjs/intl': 3.1.6(typescript@5.8.3)
+      '@formatjs/intl': 3.1.6(typescript@5.9.3)
       '@types/hoist-non-react-statics': 3.3.7(@types/react@18.2.19)
       '@types/react': 18.2.19
       hoist-non-react-statics: 3.3.2
@@ -25390,7 +26480,7 @@ snapshots:
       react: 18.3.1
       tslib: 2.8.1
     optionalDependencies:
-      typescript: 5.8.3
+      typescript: 5.9.3
 
   react-is@16.13.1: {}
 
@@ -25833,6 +26923,16 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.52.4
       fsevents: 2.3.3
 
+  router@2.2.0:
+    dependencies:
+      debug: 4.4.3
+      depd: 2.0.0
+      is-promise: 4.0.0
+      parseurl: 1.3.3
+      path-to-regexp: 8.3.0
+    transitivePeerDependencies:
+      - supports-color
+
   rrweb-cssom@0.6.0: {}
 
   rtl-css-js@1.16.1:
@@ -25989,6 +27089,22 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  send@1.2.1:
+    dependencies:
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      mime-types: 3.0.2
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.2.1
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   serialize-error@11.0.3:
     dependencies:
       type-fest: 2.19.0
@@ -26029,6 +27145,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  serve-static@2.2.1:
+    dependencies:
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      parseurl: 1.3.3
+      send: 1.2.1
+    transitivePeerDependencies:
+      - supports-color
+
   set-blocking@2.0.0: {}
 
   set-function-length@1.2.2:
@@ -26159,6 +27284,8 @@ snapshots:
       mrmime: 2.0.1
       totalist: 3.0.1
 
+  sisteransi@1.0.5: {}
+
   sitemap@7.1.2:
     dependencies:
       '@types/node': 17.0.45
@@ -26199,7 +27326,7 @@ snapshots:
   socks-proxy-agent@8.0.5:
     dependencies:
       agent-base: 7.1.4
-      debug: 4.3.4
+      debug: 4.4.3
       socks: 2.8.7
     transitivePeerDependencies:
       - supports-color
@@ -26347,13 +27474,13 @@ snapshots:
       es-errors: 1.3.0
       internal-slot: 1.1.0
 
-  storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)):
+  storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)):
     dependencies:
       '@storybook/global': 5.0.0
       '@testing-library/jest-dom': 6.6.3
       '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
       '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+      '@vitest/mocker': 3.2.4(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
       '@vitest/spy': 3.2.4
       better-opn: 3.0.2
       esbuild: 0.25.10
@@ -26371,13 +27498,13 @@ snapshots:
       - utf-8-validate
       - vite
 
-  storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)):
+  storybook@9.1.6(@testing-library/dom@10.4.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(prettier@3.6.2)(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)):
     dependencies:
       '@storybook/global': 5.0.0
       '@testing-library/jest-dom': 6.6.3
       '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
       '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+      '@vitest/mocker': 3.2.4(msw@2.11.3(@types/node@22.18.8)(typescript@5.9.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
       '@vitest/spy': 3.2.4
       better-opn: 3.0.2
       esbuild: 0.25.10
@@ -26585,14 +27712,14 @@ snapshots:
     dependencies:
       stylelint: 15.9.0(typescript@5.8.3)
 
-  stylelint-config-recommended@14.0.1(stylelint@16.6.1(typescript@5.8.3)):
+  stylelint-config-recommended@14.0.1(stylelint@16.6.1(typescript@5.9.3)):
     dependencies:
-      stylelint: 16.6.1(typescript@5.8.3)
+      stylelint: 16.6.1(typescript@5.9.3)
 
-  stylelint-config-standard@36.0.0(stylelint@16.6.1(typescript@5.8.3)):
+  stylelint-config-standard@36.0.0(stylelint@16.6.1(typescript@5.9.3)):
     dependencies:
-      stylelint: 16.6.1(typescript@5.8.3)
-      stylelint-config-recommended: 14.0.1(stylelint@16.6.1(typescript@5.8.3))
+      stylelint: 16.6.1(typescript@5.9.3)
+      stylelint-config-recommended: 14.0.1(stylelint@16.6.1(typescript@5.9.3))
 
   stylelint@15.9.0(typescript@5.8.3):
     dependencies:
@@ -26641,7 +27768,7 @@ snapshots:
       - supports-color
       - typescript
 
-  stylelint@16.6.1(typescript@5.8.3):
+  stylelint@16.6.1(typescript@5.9.3):
     dependencies:
       '@csstools/css-parser-algorithms': 2.7.1(@csstools/css-tokenizer@2.4.1)
       '@csstools/css-tokenizer': 2.4.1
@@ -26650,7 +27777,7 @@ snapshots:
       '@dual-bundle/import-meta-resolve': 4.2.1
       balanced-match: 2.0.0
       colord: 2.9.3
-      cosmiconfig: 9.0.0(typescript@5.8.3)
+      cosmiconfig: 9.0.0(typescript@5.9.3)
       css-functions-list: 3.2.3
       css-tree: 2.3.1
       debug: 4.4.3
@@ -27015,6 +28142,20 @@ snapshots:
 
   ts-dedent@2.2.0: {}
 
+  ts-evaluator@1.2.0(jsdom@22.1.0)(typescript@5.9.3):
+    dependencies:
+      ansi-colors: 4.1.3
+      crosspath: 2.0.0
+      object-path: 0.11.8
+      typescript: 5.9.3
+    optionalDependencies:
+      jsdom: 22.1.0
+
+  ts-morph@27.0.2:
+    dependencies:
+      '@ts-morph/common': 0.28.1
+      code-block-writer: 13.0.3
+
   ts-node@10.9.2(@types/node@22.18.8)(typescript@5.8.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
@@ -27033,10 +28174,16 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
 
+  ts-pattern@5.9.0: {}
+
   tsconfck@2.1.2(typescript@5.8.3):
     optionalDependencies:
       typescript: 5.8.3
 
+  tsconfck@3.1.6(typescript@5.9.3):
+    optionalDependencies:
+      typescript: 5.9.3
+
   tsconfig-paths@3.15.0:
     dependencies:
       '@types/json5': 0.0.29
@@ -27101,6 +28248,12 @@ snapshots:
       media-typer: 0.3.0
       mime-types: 2.1.35
 
+  type-is@2.0.1:
+    dependencies:
+      content-type: 1.0.5
+      media-typer: 1.1.0
+      mime-types: 3.0.1
+
   typed-array-buffer@1.0.3:
     dependencies:
       call-bound: 1.0.4
@@ -27170,6 +28323,8 @@ snapshots:
 
   typescript@5.8.3: {}
 
+  typescript@5.9.3: {}
+
   uc.micro@1.0.6: {}
 
   uglify-js@2.8.29:
@@ -27324,6 +28479,12 @@ snapshots:
       escalade: 3.2.0
       picocolors: 1.1.1
 
+  update-browserslist-db@1.2.3(browserslist@4.28.1):
+    dependencies:
+      browserslist: 4.28.1
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
@@ -27401,13 +28562,13 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite-node@3.0.9(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0):
+  vite-node@3.0.9(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -27422,13 +28583,13 @@ snapshots:
       - tsx
       - yaml
 
-  vite-node@3.0.9(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0):
+  vite-node@3.0.9(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -27443,12 +28604,12 @@ snapshots:
       - tsx
       - yaml
 
-  vite-plugin-babel@1.3.2(@babel/core@7.27.7)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)):
+  vite-plugin-babel@1.3.2(@babel/core@7.27.7)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)):
     dependencies:
       '@babel/core': 7.27.7
-      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
 
-  vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0):
+  vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.5.6
@@ -27457,11 +28618,12 @@ snapshots:
       '@types/node': 18.19.129
       fsevents: 2.3.3
       less: 3.13.1
+      lightningcss: 1.31.1
       sass: 1.93.2
       sugarss: 5.0.1(postcss@8.4.33)
       terser: 5.44.0
 
-  vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0):
+  vite@5.4.20(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.5.6
@@ -27470,11 +28632,12 @@ snapshots:
       '@types/node': 22.18.8
       fsevents: 2.3.3
       less: 3.13.1
+      lightningcss: 1.31.1
       sass: 1.93.2
       sugarss: 5.0.1(postcss@8.5.6)
       terser: 5.44.0
 
-  vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0):
+  vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0):
     dependencies:
       esbuild: 0.25.10
       fdir: 6.5.0(picomatch@4.0.3)
@@ -27486,12 +28649,13 @@ snapshots:
       '@types/node': 18.16.15
       fsevents: 2.3.3
       less: 3.13.1
+      lightningcss: 1.31.1
       sass: 1.93.2
       sugarss: 5.0.1(postcss@8.4.38)
       terser: 5.44.0
       yaml: 2.8.0
 
-  vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0):
+  vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0):
     dependencies:
       esbuild: 0.25.10
       fdir: 6.5.0(picomatch@4.0.3)
@@ -27503,29 +28667,30 @@ snapshots:
       '@types/node': 22.18.8
       fsevents: 2.3.3
       less: 3.13.1
+      lightningcss: 1.31.1
       sass: 1.93.2
       sugarss: 5.0.1(postcss@8.5.6)
       terser: 5.44.0
       yaml: 2.8.0
 
-  vitepress@1.3.1(@algolia/client-search@5.39.0)(@types/node@18.19.129)(@types/react@18.2.19)(axios@1.9.0)(fuse.js@6.6.2)(less@3.13.1)(postcss@8.4.33)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.93.2)(search-insights@2.17.3)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)(typescript@5.8.3):
+  vitepress@1.3.1(@algolia/client-search@5.39.0)(@types/node@18.19.129)(@types/react@18.2.19)(axios@1.9.0)(fuse.js@6.6.2)(less@3.13.1)(lightningcss@1.31.1)(postcss@8.4.33)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.93.2)(search-insights@2.17.3)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)(typescript@5.9.3):
     dependencies:
       '@docsearch/css': 3.6.3
       '@docsearch/js': 3.6.3(@algolia/client-search@5.39.0)(@types/react@18.2.19)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(search-insights@2.17.3)
       '@shikijs/core': 1.29.2
       '@shikijs/transformers': 1.29.2
       '@types/markdown-it': 14.1.2
-      '@vitejs/plugin-vue': 5.2.4(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.8.3))
+      '@vitejs/plugin-vue': 5.2.4(vite@5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0))(vue@3.5.22(typescript@5.9.3))
       '@vue/devtools-api': 7.7.7
       '@vue/shared': 3.5.22
-      '@vueuse/core': 10.11.1(vue@3.5.22(typescript@5.8.3))
-      '@vueuse/integrations': 10.11.1(axios@1.9.0)(focus-trap@7.6.5)(fuse.js@6.6.2)(vue@3.5.22(typescript@5.8.3))
+      '@vueuse/core': 10.11.1(vue@3.5.22(typescript@5.9.3))
+      '@vueuse/integrations': 10.11.1(axios@1.9.0)(focus-trap@7.6.5)(fuse.js@6.6.2)(vue@3.5.22(typescript@5.9.3))
       focus-trap: 7.6.5
       mark.js: 8.11.1
       minisearch: 7.2.0
       shiki: 1.29.2
-      vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)
-      vue: 3.5.22(typescript@5.8.3)
+      vite: 5.4.20(@types/node@18.19.129)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.33))(terser@5.44.0)
+      vue: 3.5.22(typescript@5.9.3)
     optionalDependencies:
       postcss: 8.4.33
     transitivePeerDependencies:
@@ -27556,7 +28721,7 @@ snapshots:
       - typescript
       - universal-cookie
 
-  vitest-axe@0.1.0(vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)):
+  vitest-axe@0.1.0(vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)))(@vitest/ui@3.0.6(vitest@3.0.9))(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)):
     dependencies:
       aria-query: 5.3.2
       axe-core: 4.9.1
@@ -27564,12 +28729,12 @@ snapshots:
       dom-accessibility-api: 0.5.16
       lodash-es: 4.17.21
       redent: 3.0.0
-      vitest: 3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      vitest: 3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)))(@vitest/ui@3.0.6(vitest@3.0.9))(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
 
-  vitest@3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0):
+  vitest@3.0.9(@types/debug@4.1.12)(@types/node@18.16.15)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0):
     dependencies:
       '@vitest/expect': 3.0.9
-      '@vitest/mocker': 3.0.9(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
+      '@vitest/mocker': 3.0.9(msw@2.11.3(@types/node@18.16.15)(typescript@5.8.3))(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))
       '@vitest/pretty-format': 3.2.4
       '@vitest/runner': 3.0.9
       '@vitest/snapshot': 3.0.9
@@ -27585,13 +28750,13 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.1.1
       tinyrainbow: 2.0.0
-      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
-      vite-node: 3.0.9(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
+      vite-node: 3.0.9(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/debug': 4.1.12
       '@types/node': 18.16.15
-      '@vitest/browser': 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3))
+      '@vitest/browser': 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3))
       '@vitest/ui': 3.0.6(vitest@3.0.9)
       happy-dom: 9.20.3
       jsdom: 22.1.0
@@ -27609,10 +28774,10 @@ snapshots:
       - tsx
       - yaml
 
-  vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6)(@vitest/ui@3.0.6)(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0):
+  vitest@3.0.9(@types/debug@4.1.12)(@types/node@22.18.8)(@vitest/browser@3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3)))(@vitest/ui@3.0.6(vitest@3.0.9))(happy-dom@9.20.3)(jsdom@22.1.0)(less@3.13.1)(lightningcss@1.31.1)(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0):
     dependencies:
       '@vitest/expect': 3.0.9
-      '@vitest/mocker': 3.0.9(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
+      '@vitest/mocker': 3.0.9(msw@2.11.3(@types/node@22.18.8)(typescript@5.8.3))(vite@6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0))
       '@vitest/pretty-format': 3.2.4
       '@vitest/runner': 3.0.9
       '@vitest/snapshot': 3.0.9
@@ -27628,13 +28793,13 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.1.1
       tinyrainbow: 2.0.0
-      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
-      vite-node: 3.0.9(@types/node@22.18.8)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      vite: 6.3.5(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
+      vite-node: 3.0.9(@types/node@22.18.8)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.5.6))(terser@5.44.0)(yaml@2.8.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/debug': 4.1.12
       '@types/node': 22.18.8
-      '@vitest/browser': 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3))
+      '@vitest/browser': 3.0.6(@types/node@18.16.15)(playwright@1.48.0)(typescript@5.8.3)(vite@6.3.5(@types/node@18.16.15)(less@3.13.1)(lightningcss@1.31.1)(sass@1.93.2)(sugarss@5.0.1(postcss@8.4.38))(terser@5.44.0)(yaml@2.8.0))(vitest@3.0.9)(webdriverio@8.24.3(typescript@5.8.3))
       '@vitest/ui': 3.0.6(vitest@3.0.9)
       happy-dom: 9.20.3
       jsdom: 22.1.0
@@ -27654,19 +28819,19 @@ snapshots:
 
   vlq@1.0.1: {}
 
-  vue-demi@0.14.10(vue@3.5.22(typescript@5.8.3)):
+  vue-demi@0.14.10(vue@3.5.22(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.22(typescript@5.8.3)
+      vue: 3.5.22(typescript@5.9.3)
 
-  vue@3.5.22(typescript@5.8.3):
+  vue@3.5.22(typescript@5.9.3):
     dependencies:
       '@vue/compiler-dom': 3.5.22
       '@vue/compiler-sfc': 3.5.22
       '@vue/runtime-dom': 3.5.22
-      '@vue/server-renderer': 3.5.22(vue@3.5.22(typescript@5.8.3))
+      '@vue/server-renderer': 3.5.22(vue@3.5.22(typescript@5.9.3))
       '@vue/shared': 3.5.22
     optionalDependencies:
-      typescript: 5.8.3
+      typescript: 5.9.3
 
   w3c-xmlserializer@4.0.0:
     dependencies:
@@ -27943,6 +29108,8 @@ snapshots:
 
   wordwrap@0.0.2: {}
 
+  wordwrapjs@5.1.1: {}
+
   wrap-ansi@2.1.0:
     dependencies:
       string-width: 1.0.2
@@ -28117,6 +29284,12 @@ snapshots:
       compress-commons: 5.0.3
       readable-stream: 3.6.2
 
+  zod-to-json-schema@3.25.1(zod@4.3.6):
+    dependencies:
+      zod: 4.3.6
+
   zod@3.25.76: {}
 
+  zod@4.3.6: {}
+
   zwitch@2.0.4: {}
diff --git a/semcore/core/package.json b/semcore/core/package.json
index bcb0065554..86af37aa1c 100644
--- a/semcore/core/package.json
+++ b/semcore/core/package.json
@@ -21,6 +21,11 @@
       "import": "./src/index.ts",
       "types": "./src/index.ts"
     },
+    "./lib/theme/themes/panda-preset": {
+      "require": "./lib/theme/themes/panda-preset.js",
+      "import": "./lib/theme/themes/panda-preset.mjs",
+      "types": "./lib/theme/themes/panda-preset.d.ts"
+    },
     "./lib/theme/themes/default.css": {
       "require": "./lib/theme/themes/default.css",
       "import": "./lib/theme/themes/default.css"
@@ -324,6 +329,7 @@
     "directory": "semcore/core"
   },
   "devDependencies": {
+    "@pandacss/dev": "^1.9.0",
     "@semcore/testing-utils": "workspace:*",
     "@types/classnames": "2.2.6",
     "@types/hoist-non-react-statics": "^3.3.6",
diff --git a/semcore/core/src/theme/dark.json b/semcore/core/src/theme/dark.json
index 43b5bbab1d..df83c83a08 100644
--- a/semcore/core/src/theme/dark.json
+++ b/semcore/core/src/theme/dark.json
@@ -403,6 +403,251 @@
         "value": "#002203",
         "type": "color"
       }
+    },
+    "base": {
+      "value": "Inter",
+      "type": "fontFamilies",
+      "description": "Base font family."
+    },
+    "fs-50": {
+      "value": "10px",
+      "type": "fontSizes",
+      "description": "Use only for text in Badge component."
+    },
+    "fs-100": {
+      "value": "12px",
+      "type": "fontSizes",
+      "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability."
+    },
+    "fs-200": {
+      "value": "14px",
+      "type": "fontSizes"
+    },
+    "fs-300": {
+      "value": "16px",
+      "type": "fontSizes"
+    },
+    "fs-400": {
+      "value": "20px",
+      "type": "fontSizes"
+    },
+    "fs-500": {
+      "value": "24px",
+      "type": "fontSizes"
+    },
+    "fs-600": {
+      "value": "32px",
+      "type": "fontSizes"
+    },
+    "fs-700": {
+      "value": "36px",
+      "type": "fontSizes"
+    },
+    "fs-800": {
+      "value": "48px",
+      "type": "fontSizes"
+    },
+    "lh-100": {
+      "value": "133%",
+      "type": "lineHeights",
+      "description": "Use with font-size-100."
+    },
+    "lh-200": {
+      "value": "142%",
+      "type": "lineHeights",
+      "description": "Use with font-size-200."
+    },
+    "lh-300": {
+      "value": "150%",
+      "type": "lineHeights",
+      "description": "Use with font-size-300."
+    },
+    "lh-400": {
+      "value": "120%",
+      "type": "lineHeights",
+      "description": "Use with font-size-400."
+    },
+    "lh-500": {
+      "value": "117%",
+      "type": "lineHeights",
+      "description": "Use with font-size-500."
+    },
+    "lh-600": {
+      "value": "125%",
+      "type": "lineHeights",
+      "description": "Use with font-size-600."
+    },
+    "lh-700": {
+      "value": "110%",
+      "type": "lineHeights",
+      "description": "Use with font-size-700."
+    },
+    "lh-800": {
+      "value": "117%",
+      "type": "lineHeights",
+      "description": "Use with font-size-800."
+    },
+    "semi-bold": {
+      "value": "600",
+      "type": "fontWeights",
+      "description": "Semi-bold font weight."
+    },
+    "bold": {
+      "value": "700",
+      "type": "fontWeights",
+      "description": "Bold font weight."
+    },
+    "regular": {
+      "value": "400",
+      "type": "fontWeights",
+      "description": "Regular font weight."
+    },
+    "medium": {
+      "value": "500",
+      "type": "fontWeights",
+      "description": "Medium font weight."
+    },
+    "compact": {
+      "value": "0.3",
+      "type": "letterSpacing",
+      "description": "Compact letter spacing."
+    },
+    "scale-indent": {
+      "value": "4px",
+      "type": "spacing",
+      "description": "Base denominator of the design system."
+    },
+    "spacing-05x": {
+      "value": "{scale-indent}*0.5",
+      "type": "spacing",
+      "description": "2px"
+    },
+    "spacing-1x": {
+      "value": "{scale-indent}*1",
+      "type": "spacing",
+      "description": "4px"
+    },
+    "spacing-2x": {
+      "value": "{scale-indent}*2",
+      "type": "spacing",
+      "description": "8px"
+    },
+    "spacing-3x": {
+      "value": "{scale-indent}*3",
+      "type": "spacing",
+      "description": "12px"
+    },
+    "spacing-4x": {
+      "value": "{scale-indent}*4",
+      "type": "spacing",
+      "description": "16px"
+    },
+    "spacing-5x": {
+      "value": "{scale-indent}*5",
+      "type": "spacing",
+      "description": "20px"
+    },
+    "spacing-6x": {
+      "value": "{scale-indent}*6",
+      "type": "spacing",
+      "description": "24px"
+    },
+    "spacing-8x": {
+      "value": "{scale-indent}*8",
+      "type": "spacing",
+      "description": "32px"
+    },
+    "spacing-10x": {
+      "value": "{scale-indent}*10",
+      "type": "spacing",
+      "description": "40px"
+    },
+    "spacing-14x": {
+      "value": "{scale-indent}*14",
+      "type": "spacing",
+      "description": "56px"
+    },
+    "spacing-20x": {
+      "value": "{scale-indent}*20",
+      "type": "spacing",
+      "description": "80px"
+    },
+    "spacing-24x": {
+      "value": "{scale-indent}*24",
+      "type": "spacing",
+      "description": "96px"
+    },
+    "spacing-30x": {
+      "value": "{scale-indent}*30",
+      "type": "spacing",
+      "description": "120px"
+    },
+    "rounded-extra-small": {
+      "value": "2px",
+      "type": "borderRadius"
+    },
+    "rounded-small": {
+      "value": "4px",
+      "type": "borderRadius"
+    },
+    "rounded-medium": {
+      "value": "6px",
+      "type": "borderRadius"
+    },
+    "rounded-large": {
+      "value": "12px",
+      "type": "borderRadius"
+    },
+    "rounded-extra-large": {
+      "value": "24px",
+      "type": "borderRadius"
+    },
+    "screen-extra-small": {
+      "value": "320px",
+      "type": "sizing",
+      "description": "Extra small screens (small phones)."
+    },
+    "screen-small": {
+      "value": "768px",
+      "type": "sizing",
+      "description": "Small screens (phones and small tablets)."
+    },
+    "screen-medium": {
+      "value": "1200px",
+      "type": "sizing",
+      "description": "Medium screens (tablets and small laptops)."
+    },
+    "screen-large": {
+      "value": "1920px",
+      "type": "sizing",
+      "description": "Large screens (tablets and laptops)."
+    },
+    "duration": {
+      "extra-slow": {
+        "value": "500",
+        "type": "other",
+        "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)"
+      },
+      "slow": {
+        "value": "400",
+        "type": "other",
+        "description": "Should be used for more larger scale animations (such as page transitions)"
+      },
+      "medium": {
+        "value": "300",
+        "type": "other",
+        "description": "Should be used for more complex effects (such as Modal)"
+      },
+      "fast": {
+        "value": "200",
+        "type": "other",
+        "description": "Should be used for more complex effects (such as Dropdown or Accordion)"
+      },
+      "extra-fast": {
+        "value": "100",
+        "type": "other",
+        "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)"
+      }
     }
   },
   "tokens": {
@@ -1489,6 +1734,11 @@
         "description": "Google My Business brand color."
       }
     },
+    "disabled-opacity": {
+      "value": "0.3",
+      "type": "opacity",
+      "description": "Use for the disabled state of all kind of the controls and elements."
+    },
     "box-shadow": {
       "card": {
         "value": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 1px 2px 0px rgba({gray.800}, 0.12)",
@@ -1560,153 +1810,45 @@
         "description": "Use it only for controls that float above the whole interface."
       }
     },
-"keyboard-focus": {
-  "value": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)",
-  "type": "boxShadow",
-  "description": "Default keyboard focus box-shadow styles.",
-  "outline": {
-    "value": "{blue.400}",
-    "type": "color",
-    "description": "Color for default keyboard focus outline styles."
-  },
-  "invalid": {
-    "value": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)",
-    "type": "boxShadow",
-    "description": "Keyboard focus styles for elements with invalid state.",
-    "outline": {
-      "value": "{red.400}",
-      "type": "color",
-      "description": "Color for keyboard focus outline styles for elements with invalid state."
-    }
-  },
-  "valid": {
-    "value": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)",
-    "type": "boxShadow",
-    "description": "Keyboard focus styles for elements with valid state.",
-    "outline": {
-      "value": "{green.400}",
-      "type": "color",
-      "description": "Color for keyboard focus outline styles for elements with valid state."
-    }
-  },
-  "invert": {
-    "value": "0px 0px 0px 3px {keyboard-focus.invert.outline}",
-    "type": "boxShadow",
-    "description": "Keyboard focus styles for use on dark backgrounds.",
-    "outline": {
-      "value": "rgba({gray.white}, 0.8)",
-      "type": "color",
-      "description": "Color for keyboard focus outline styles to use on the dark and color background."
-    }
-  }
-},
-    "base": {
-      "value": "Inter",
-      "type": "fontFamilies",
-      "description": "Base font family."
-    },
-    "lh-800": {
-      "value": "117%",
-      "type": "lineHeights",
-      "description": "Use with font-size-800."
-    },
-    "lh-700": {
-      "value": "110%",
-      "type": "lineHeights",
-      "description": "Use with font-size-700."
-    },
-    "lh-600": {
-      "value": "125%",
-      "type": "lineHeights",
-      "description": "Use with font-size-600."
-    },
-    "lh-500": {
-      "value": "117%",
-      "type": "lineHeights",
-      "description": "Use with font-size-500."
-    },
-    "lh-400": {
-      "value": "120%",
-      "type": "lineHeights",
-      "description": "Use with font-size-400."
-    },
-    "lh-300": {
-      "value": "150%",
-      "type": "lineHeights",
-      "description": "Use with font-size-300."
-    },
-    "lh-200": {
-      "value": "142%",
-      "type": "lineHeights",
-      "description": "Use with font-size-200."
-    },
-    "lh-100": {
-      "value": "133%",
-      "type": "lineHeights",
-      "description": "Use with font-size-100."
-    },
-    "semi-bold": {
-      "value": "600",
-      "type": "fontWeights",
-      "description": "Semi-bold font weight."
-    },
-    "bold": {
-      "value": "700",
-      "type": "fontWeights",
-      "description": "Bold font weight."
-    },
-    "regular": {
-      "value": "400",
-      "type": "fontWeights",
-      "description": "Regular font weight."
-    },
-    "medium": {
-      "value": "500",
-      "type": "fontWeights",
-      "description": "Medium font weight."
-    },
-    "fs-50": {
-      "value": "10px",
-      "type": "fontSizes",
-      "description": "Use only for text in Badge component."
-    },
-    "fs-100": {
-      "value": "12px",
-      "type": "fontSizes",
-      "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability."
-    },
-    "fs-200": {
-      "value": "14px",
-      "type": "fontSizes"
-    },
-    "fs-300": {
-      "value": "16px",
-      "type": "fontSizes"
-    },
-    "fs-400": {
-      "value": "20px",
-      "type": "fontSizes"
-    },
-    "fs-500": {
-      "value": "24px",
-      "type": "fontSizes"
-    },
-    "fs-600": {
-      "value": "32px",
-      "type": "fontSizes"
-    },
-    "fs-700": {
-      "value": "36px",
-      "type": "fontSizes"
-    },
-    "fs-800": {
-      "value": "48px",
-      "type": "fontSizes"
-    },
-    "compact": {
-      "value": "0.3",
-      "type": "letterSpacing",
-      "description": "Compact letter spacing."
+    "keyboard-focus": {
+      "value": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)",
+      "type": "boxShadow",
+      "description": "Default keyboard focus box-shadow styles.",
+      "outline": {
+        "value": "{blue.400}",
+        "type": "color",
+        "description": "Color for default keyboard focus outline styles."
+      },
+      "invalid": {
+        "value": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)",
+        "type": "boxShadow",
+        "description": "Keyboard focus styles for elements with invalid state.",
+        "outline": {
+          "value": "{red.400}",
+          "type": "color",
+          "description": "Color for keyboard focus outline styles for elements with invalid state."
+        }
+      },
+      "valid": {
+        "value": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)",
+        "type": "boxShadow",
+        "description": "Keyboard focus styles for elements with valid state.",
+        "outline": {
+          "value": "{green.400}",
+          "type": "color",
+          "description": "Color for keyboard focus outline styles for elements with valid state."
+        }
+      },
+      "invert": {
+        "value": "0px 0px 0px 3px {keyboard-focus.invert.outline}",
+        "type": "boxShadow",
+        "description": "Keyboard focus styles for use on dark backgrounds.",
+        "outline": {
+          "value": "rgba({gray.white}, 0.8)",
+          "type": "color",
+          "description": "Color for keyboard focus outline styles to use on the dark and color background."
+        }
+      }
     },
     "heading-h1": {
       "value": {
@@ -1777,11 +1919,6 @@
       "type": "typography",
       "description": "Use for big subtitles on the landing pages."
     },
-    "scale-indent": {
-      "value": "4px",
-      "type": "spacing",
-      "description": "Base denominator of the design system."
-    },
     "form-control-s": {
       "value": "{scale-indent}*5",
       "type": "sizing",
@@ -1797,91 +1934,6 @@
       "type": "sizing",
       "description": "Large size of the controls."
     },
-    "spacing-05x": {
-      "value": "{scale-indent}*0.5",
-      "type": "spacing",
-      "description": "2px"
-    },
-    "spacing-1x": {
-      "value": "{scale-indent}*1",
-      "type": "spacing",
-      "description": "4px"
-    },
-    "spacing-2x": {
-      "value": "{scale-indent}*2",
-      "type": "spacing",
-      "description": "8px"
-    },
-    "spacing-3x": {
-      "value": "{scale-indent}*3",
-      "type": "spacing",
-      "description": "12px"
-    },
-    "spacing-4x": {
-      "value": "{scale-indent}*4",
-      "type": "spacing",
-      "description": "16px"
-    },
-    "spacing-5x": {
-      "value": "{scale-indent}*5",
-      "type": "spacing",
-      "description": "20px"
-    },
-    "spacing-6x": {
-      "value": "{scale-indent}*6",
-      "type": "spacing",
-      "description": "24px"
-    },
-    "spacing-8x": {
-      "value": "{scale-indent}*8",
-      "type": "spacing",
-      "description": "32px"
-    },
-    "spacing-10x": {
-      "value": "{scale-indent}*10",
-      "type": "spacing",
-      "description": "40px"
-    },
-    "spacing-14x": {
-      "value": "{scale-indent}*14",
-      "type": "spacing",
-      "description": "56px"
-    },
-    "spacing-20x": {
-      "value": "{scale-indent}*20",
-      "type": "spacing",
-      "description": "80px"
-    },
-    "spacing-24x": {
-      "value": "{scale-indent}*24",
-      "type": "spacing",
-      "description": "96px"
-    },
-    "spacing-30x": {
-      "value": "{scale-indent}*30",
-      "type": "spacing",
-      "description": "120px"
-    },
-    "rounded-extra-small": {
-      "value": "2px",
-      "type": "borderRadius"
-    },
-    "rounded-small": {
-      "value": "4px",
-      "type": "borderRadius"
-    },
-    "rounded-medium": {
-      "value": "6px",
-      "type": "borderRadius"
-    },
-    "rounded-large": {
-      "value": "12px",
-      "type": "borderRadius"
-    },
-    "rounded-extra-large": {
-      "value": "24px",
-      "type": "borderRadius"
-    },
     "addon-rounded": {
       "value": "{rounded-small}",
       "type": "borderRadius",
@@ -1937,31 +1989,6 @@
       "type": "borderRadius",
       "description": "Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard)."
     },
-    "disabled-opacity": {
-      "value": "0.3",
-      "type": "opacity",
-      "description": "Use for the disabled state of all kind of the controls and elements."
-    },
-    "screen-extra-small": {
-      "value": "320px",
-      "type": "sizing",
-      "description": "Extra small screens (small phones)."
-    },
-    "screen-small": {
-      "value": "768px",
-      "type": "sizing",
-      "description": "Small screens (phones and small tablets)."
-    },
-    "screen-medium": {
-      "value": "1200px",
-      "type": "sizing",
-      "description": "Medium screens (tablets and small laptops)."
-    },
-    "screen-large": {
-      "value": "1920px",
-      "type": "sizing",
-      "description": "Large screens (tablets and laptops)."
-    },
     "overlay": {
       "primary": {
         "value": "rgba({gray.800}, 0.7)",
@@ -1984,36 +2011,6 @@
         "description": "Use as a secondary cover of the content under the messages about limitations."
       }
     },
-    "z-index": {
-      "deep": {
-        "value": "-999",
-        "type": "other"
-      },
-      "overlay": {
-        "value": "500",
-        "type": "other"
-      },
-      "modal": {
-        "value": "900",
-        "type": "other"
-      },
-      "popper": {
-        "value": "700",
-        "type": "other"
-      },
-      "dropdown": {
-        "value": "750",
-        "type": "other"
-      },
-      "tooltip": {
-        "value": "800",
-        "type": "other"
-      },
-      "notice-bubble": {
-        "value": "999",
-        "type": "other"
-      }
-    },
     "tooltip": {
       "default": {
         "value": "{gray.600}",
@@ -2510,32 +2507,37 @@
         }
       }
     },
-    "duration": {
-      "extra-slow": {
+    "z-index": {
+      "deep": {
+        "value": "-999",
+        "type": "other"
+      },
+      "overlay": {
         "value": "500",
-        "type": "other",
-        "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)"
+        "type": "other"
       },
-      "slow": {
-        "value": "400",
-        "type": "other",
-        "description": "Should be used for more larger scale animations (such as page transitions)"
+      "modal": {
+        "value": "900",
+        "type": "other"
       },
-      "medium": {
-        "value": "300",
-        "type": "other",
-        "description": "Should be used for more complex effects (such as Modal)"
+      "popper": {
+        "value": "700",
+        "type": "other"
       },
-      "fast": {
-        "value": "200",
-        "type": "other",
-        "description": "Should be used for more complex effects (such as Dropdown or Accordion)"
+      "dropdown": {
+        "value": "750",
+        "type": "other"
       },
-      "extra-fast": {
-        "value": "100",
-        "type": "other",
-        "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)"
+      "tooltip": {
+        "value": "800",
+        "type": "other"
       },
+      "notice-bubble": {
+        "value": "999",
+        "type": "other"
+      }
+    },
+    "duration": {
       "switch": {
         "value": "{duration.extra-fast}",
         "type": "other",
diff --git a/semcore/core/src/theme/light.css b/semcore/core/src/theme/light.css
new file mode 100644
index 0000000000..410604b601
--- /dev/null
+++ b/semcore/core/src/theme/light.css
@@ -0,0 +1,747 @@
+:root {
+  --white: oklch(1 0 0);
+
+  /* pink */
+  --pink-50: oklch(0.966 0.004 115.552);
+  --pink-100: oklch(0.904 0.011 115.552);
+  --pink-200: oklch(0.824 0.02 115.552);
+  --pink-300: oklch(0.74 0.03 115.552);
+  --pink-400: oklch(0.66 0.04 115.552);
+  --pink-500: oklch(0.54 0.036 115.552);
+  --pink-600: oklch(0.41 0.027 115.552);
+  --pink-700: oklch(0.29 0.019 115.552);
+  --pink-800: oklch(0.22 0.015 115.552);
+
+  /* violet-dusty */
+  --violet-dusty-50: oklch(0.966 0.004 189.338);
+  --violet-dusty-100: oklch(0.904 0.011 189.338);
+  --violet-dusty-200: oklch(0.824 0.02 189.338);
+  --violet-dusty-300: oklch(0.74 0.03 189.338);
+  --violet-dusty-400: oklch(0.66 0.034 189.338);
+  --violet-dusty-500: oklch(0.54 0.028 189.338);
+  --violet-dusty-600: oklch(0.41 0.021 189.338);
+  --violet-dusty-700: oklch(0.29 0.015 189.338);
+  --violet-dusty-800: oklch(0.22 0.011 189.338);
+
+  /* gray */
+  --gray-50: oklch(0.966 0.001 277.6);
+  --gray-100: oklch(0.904 0.004 277.6);
+  --gray-200: oklch(0.824 0.007 277.6);
+  --gray-300: oklch(0.74 0.01 277.6);
+  --gray-400: oklch(0.66 0.013 277.6);
+  --gray-500: oklch(0.54 0.017 277.6);
+  --gray-600: oklch(0.41 0.013 277.6);
+  --gray-700: oklch(0.29 0.009 277.6);
+  --gray-800: oklch(0.22 0.007 277.6);
+
+  /* red */
+  --red-50: oklch(0.966 0.022 27.658);
+  --red-100: oklch(0.904 0.065 27.658);
+  --red-200: oklch(0.824 0.119 27.658);
+  --red-300: oklch(0.74 0.175 27.658);
+  --red-400: oklch(0.66 0.229 27.658);
+  --red-500: oklch(0.54 0.203 27.658);
+  --red-600: oklch(0.41 0.154 27.658);
+  --red-700: oklch(0.29 0.109 27.658);
+  --red-800: oklch(0.22 0.083 27.658);
+
+  /* orange */
+  --orange-50: oklch(0.96 0.026 38.47);
+  --orange-100: oklch(0.904 0.063 38.47);
+  --orange-200: oklch(0.824 0.116 38.47);
+  --orange-300: oklch(0.74 0.171 38.47);
+  --orange-400: oklch(0.66 0.19 38.47);
+  --orange-500: oklch(0.54 0.156 38.47);
+  --orange-600: oklch(0.41 0.118 38.47);
+  --orange-700: oklch(0.29 0.084 38.47);
+  --orange-800: oklch(0.22 0.063 38.47);
+
+  /* yellow */
+  --yellow-50: oklch(0.96 0.039 80.292);
+  --yellow-100: oklch(0.904 0.094 80.292);
+  --yellow-200: oklch(0.824 0.161 80.292);
+  --yellow-300: oklch(0.74 0.145 80.292);
+  --yellow-400: oklch(0.66 0.129 80.292);
+  --yellow-500: oklch(0.54 0.106 80.292);
+  --yellow-600: oklch(0.41 0.08 80.292);
+  --yellow-700: oklch(0.29 0.057 80.292);
+  --yellow-800: oklch(0.22 0.043 80.292);
+
+  /* salad */
+  --salad-50: oklch(0.96 0.023 147.344);
+  --salad-100: oklch(0.904 0.056 147.344);
+  --salad-200: oklch(0.824 0.103 147.344);
+  --salad-300: oklch(0.74 0.152 147.344);
+  --salad-400: oklch(0.66 0.151 147.344);
+  --salad-500: oklch(0.54 0.124 147.344);
+  --salad-600: oklch(0.41 0.094 147.344);
+  --salad-700: oklch(0.29 0.066 147.344);
+  --salad-800: oklch(0.22 0.05 147.344);
+
+  /* green */
+  --green-50: oklch(0.966 0.038 170.688);
+  --green-100: oklch(0.904 0.106 170.688);
+  --green-200: oklch(0.824 0.16 170.688);
+  --green-300: oklch(0.74 0.143 170.688);
+  --green-400: oklch(0.66 0.128 170.688);
+  --green-500: oklch(0.54 0.105 170.688);
+  --green-600: oklch(0.41 0.079 170.688);
+  --green-700: oklch(0.29 0.056 170.688);
+  --green-800: oklch(0.22 0.043 170.688);
+
+  /* blue */
+  --blue-hue: 263.265;
+  --blue-50: oklch(0.966 0.016 var(--blue-hue));
+  --blue-100: oklch(0.904 0.045 var(--blue-hue));
+  --blue-200: oklch(0.824 0.082 var(--blue-hue));
+  --blue-300: oklch(0.74 0.121 var(--blue-hue));
+  --blue-400: oklch(0.66 0.158 var(--blue-hue));
+  --blue-500: oklch(0.54 0.214 var(--blue-hue));
+  --blue-600: oklch(0.41 0.164 var(--blue-hue));
+  --blue-700: oklch(0.29 0.116 var(--blue-hue));
+  --blue-800: oklch(0.22 0.088 var(--blue-hue));
+
+  /* violet */
+  --violet-50: oklch(0.966 0.02 296.031);
+  --violet-100: oklch(0.904 0.058 295.962);
+  --violet-200: oklch(0.824 0.106 295.962);
+  --violet-300: oklch(0.74 0.156 295.962);
+  --violet-400: oklch(0.66 0.204 295.962);
+  --violet-500: oklch(0.54 0.27 295.962);
+  --violet-600: oklch(0.41 0.205 295.962);
+  --violet-700: oklch(0.29 0.145 295.962);
+  --violet-800: oklch(0.22 0.11 295.962);
+
+  /* ============================================================================================ */
+  /* ============================================================================================ */
+  /* ============================================================================================ */
+
+  /* Background */
+  --intergalactic-bg-primary-neutral: var(--white);
+  --intergalactic-bg-primary-neutral-hover: var(--gray-50);
+  --intergalactic-bg-primary-neutral-active: var(--gray-100);
+  --intergalactic-bg-primary-info: var(--blue-400);
+  --intergalactic-bg-primary-success: var(--green-400);
+  --intergalactic-bg-primary-critical: var(--red-400);
+  --intergalactic-bg-primary-warning: var(--orange-400);
+  --intergalactic-bg-primary-highlight: var(--yellow-100);
+  --intergalactic-bg-primary-advertising: var(--violet-700);
+  --intergalactic-bg-primary-muted: var(--gray-500);
+  --intergalactic-bg-primary-invert: var(--gray-800);
+  --intergalactic-bg-primary-invert-hover: var(--gray-700);
+  --intergalactic-bg-primary-invert-active: var(--gray-600);
+
+  --intergalactic-bg-secondary-neutral: var(--gray-50);
+  --intergalactic-bg-secondary-neutral-hover: var(--gray-100);
+  --intergalactic-bg-secondary-neutral-active: var(--gray-200);
+  --intergalactic-bg-secondary-info: var(--blue-50);
+  --intergalactic-bg-secondary-info-hover: var(--blue-100);
+  --intergalactic-bg-secondary-info-active: var(--blue-200);
+  --intergalactic-bg-secondary-success: var(--green-50);
+  --intergalactic-bg-secondary-success-hover: var(--green-100);
+  --intergalactic-bg-secondary-success-active: var(--green-200);
+  --intergalactic-bg-secondary-critical: var(--red-50);
+  --intergalactic-bg-secondary-critical-hover: var(--red-100);
+  --intergalactic-bg-secondary-critical-active: var(--red-200);
+  --intergalactic-bg-secondary-warning: var(--orange-50);
+  --intergalactic-bg-secondary-warning-hover: var(--orange-100);
+  --intergalactic-bg-secondary-warning-active: var(--orange-200);
+  --intergalactic-bg-secondary-highlight: var(--yellow-50);
+  --intergalactic-bg-secondary-highlight-hover: var(--yellow-100);
+  --intergalactic-bg-secondary-highlight-active: var(--yellow-200);
+  --intergalactic-bg-secondary-advertising: var(--violet-50);
+  --intergalactic-bg-secondary-advertising-hover: var(--violet-100);
+  --intergalactic-bg-secondary-advertising-active: var(--violet-200);
+
+  --intergalactic-bg-highlight-results: oklch(
+    from var(--yellow-300) l c h / 0.4
+  );
+  --intergalactic-bg-highlight-focus: oklch(from var(--blue-400) l c h / 0.2);
+
+  /* Text */
+  --intergalactic-text-primary: var(--gray-800);
+  --intergalactic-text-secondary: var(--gray-500);
+  --intergalactic-text-placeholder: var(--gray-400);
+  --intergalactic-text-success: var(--green-500);
+  --intergalactic-text-success-hover-active: var(--green-600);
+  --intergalactic-text-critical: var(--red-500);
+  --intergalactic-text-critical-hover-active: var(--red-600);
+  --intergalactic-text-primary-invert: var(--white);
+  --intergalactic-text-secondary-invert: oklch(from var(--white) l c h / 0.8);
+  --intergalactic-text-link: var(--blue-500);
+  --intergalactic-text-link-hover-active: var(--blue-600);
+  --intergalactic-text-link-invert: var(--blue-200);
+  --intergalactic-text-link-invert-hover: var(--blue-300);
+  --intergalactic-text-link-visited: var(--violet-500);
+  --intergalactic-text-hint: var(--gray-500);
+  --intergalactic-text-hint-hover-active: var(--gray-600);
+  --intergalactic-text-hint-invert: var(--gray-200);
+  --intergalactic-text-hint-invert-hover-active: var(--gray-300);
+  --intergalactic-text-large-secondary: var(--gray-300);
+  --intergalactic-text-large-info: var(--blue-400);
+  --intergalactic-text-large-info-hover-active: var(--blue-500);
+  --intergalactic-text-large-success: var(--green-400);
+  --intergalactic-text-large-success-hover-active: var(--green-500);
+  --intergalactic-text-large-critical: var(--red-400);
+  --intergalactic-text-large-critical-hover-active: var(--red-500);
+  --intergalactic-text-advertising: var(--violet-700);
+
+  /* Border */
+  --intergalactic-border-primary: var(--gray-200);
+  --intergalactic-border-secondary: var(--gray-100);
+  --intergalactic-border-info: var(--blue-200);
+  --intergalactic-border-info-active: var(--blue-500);
+  --intergalactic-border-success: var(--green-200);
+  --intergalactic-border-success-active: var(--green-500);
+  --intergalactic-border-critical: var(--red-200);
+  --intergalactic-border-critical-active: var(--red-500);
+  --intergalactic-border-warning: var(--orange-200);
+  --intergalactic-border-warning-active: var(--orange-500);
+  --intergalactic-border-primary-invert: var(--white);
+  --intergalactic-border-secondary-invert: oklch(from var(--white) l c h / 0.3);
+  --intergalactic-border-tooltip-invert: var(--gray-500);
+  --intergalactic-border-table-accent: var(--gray-300);
+  --intergalactic-border-date-picker-range-comparison: var(--violet-500);
+  --intergalactic-border-critical-pattern: repeating-linear-gradient(
+    315deg,
+    var(--intergalactic-border-critical-active) 0,
+    var(--intergalactic-border-critical-active) 2px,
+    transparent 0,
+    transparent 50%
+  );
+
+  /* Control */
+  --intergalactic-control-switch-bg: var(--gray-300);
+  --intergalactic-control-primary-info: var(--gray-800);
+  --intergalactic-control-primary-info-hover: var(--gray-700);
+  --intergalactic-control-primary-info-active: var(--gray-600);
+  --intergalactic-control-primary-success: var(--green-400);
+  --intergalactic-control-primary-success-hover: var(--green-500);
+  --intergalactic-control-primary-success-active: var(--green-600);
+  --intergalactic-control-primary-critical: var(--red-400);
+  --intergalactic-control-primary-critical-hover: var(--red-500);
+  --intergalactic-control-primary-critical-active: var(--red-600);
+  --intergalactic-control-primary-brand: var(--orange-400);
+  --intergalactic-control-primary-brand-hover: var(--orange-500);
+  --intergalactic-control-primary-brand-active: var(--orange-600);
+  --intergalactic-control-primary-advertising: var(--violet-600);
+  --intergalactic-control-primary-advertising-hover: var(--violet-700);
+  --intergalactic-control-primary-advertising-active: var(--violet-500);
+  --intergalactic-control-primary-invert: var(--white);
+  --intergalactic-control-primary-invert-hover: var(--gray-50);
+  --intergalactic-control-primary-invert-active: var(--gray-100);
+  --intergalactic-control-secondary-neutral: oklch(
+    from var(--gray-400) l c h / 0.1
+  );
+  --intergalactic-control-secondary-neutral-hover: oklch(
+    from var(--gray-400) l c h / 0.2
+  );
+  --intergalactic-control-secondary-neutral-active: oklch(
+    from var(--gray-400) l c h / 0.3
+  );
+  --intergalactic-control-secondary-info: oklch(
+    from var(--blue-400) l c h / 0.1
+  );
+  --intergalactic-control-secondary-info-hover: oklch(
+    from var(--blue-400) l c h / 0.2
+  );
+  --intergalactic-control-secondary-info-active: oklch(
+    from var(--blue-400) l c h / 0.3
+  );
+  --intergalactic-control-secondary-invert: oklch(
+    from var(--white) l c h / 0.05
+  );
+  --intergalactic-control-secondary-invert-hover: oklch(
+    from var(--white) l c h / 0.1
+  );
+  --intergalactic-control-secondary-invert-active: oklch(
+    from var(--white) l c h / 0.3
+  );
+  --intergalactic-control-tertiary-neutral: oklch(
+    from var(--gray-400) l c h / 0
+  );
+  --intergalactic-control-tertiary-neutral-hover: oklch(
+    from var(--gray-400) l c h / 0.2
+  );
+  --intergalactic-control-tertiary-neutral-active: oklch(
+    from var(--gray-400) l c h / 0.3
+  );
+  --intergalactic-control-tertiary-info: oklch(from var(--blue-400) l c h / 0);
+  --intergalactic-control-tertiary-info-hover: oklch(
+    from var(--blue-400) l c h / 0.2
+  );
+  --intergalactic-control-tertiary-info-active: oklch(
+    from var(--blue-400) l c h / 0.3
+  );
+  --intergalactic-control-tertiary-invert: oklch(from var(--white) l c h / 0);
+  --intergalactic-control-tertiary-invert-hover: oklch(
+    from var(--white) l c h / 0.1
+  );
+  --intergalactic-control-tertiary-invert-active: oklch(
+    from var(--white) l c h / 0.3
+  );
+
+  /* Icon */
+  --intergalactic-icon-primary-neutral: var(--gray-500);
+  --intergalactic-icon-primary-neutral-hover-active: oklch(
+    from var(--gray-500) calc(l * 0.8) c h
+  );
+  --intergalactic-icon-primary-info: var(--blue-500);
+  --intergalactic-icon-primary-info-hover-active: oklch(
+    from var(--blue-500) calc(l * 0.8) c h
+  );
+  --intergalactic-icon-primary-success: var(--green-400);
+  --intergalactic-icon-primary-success-hover-active: oklch(
+    from var(--green-400) calc(l * 0.8) c h
+  );
+  --intergalactic-icon-primary-critical: var(--red-400);
+  --intergalactic-icon-primary-critical-hover-active: oklch(
+    from var(--red-400) calc(l * 0.8) c h
+  );
+  --intergalactic-icon-primary-warning: var(--orange-400);
+  --intergalactic-icon-primary-warning-hover-active: oklch(
+    from var(--orange-400) calc(l * 0.8) c h
+  );
+  --intergalactic-icon-primary-invert: var(--white);
+  --intergalactic-icon-primary-invert-hover-active: var(--gray-100);
+  --intergalactic-icon-secondary-neutral: var(--gray-300);
+  --intergalactic-icon-secondary-neutral-hover-active: oklch(
+    from var(--gray-300) calc(l * 0.8) c h
+  );
+  --intergalactic-icon-secondary-info: var(--blue-300);
+  --intergalactic-icon-secondary-info-hover-active: oklch(
+    from var(--blue-300) calc(l * 0.8) c h
+  );
+  --intergalactic-icon-secondary-success: var(--green-300);
+  --intergalactic-icon-secondary-success-hover-active: oklch(
+    from var(--green-300) calc(l * 0.8) c h
+  );
+  --intergalactic-icon-secondary-critical: var(--red-300);
+  --intergalactic-icon-secondary-critical-hover-active: oklch(
+    from var(--red-300) calc(l * 0.8) c h
+  );
+  --intergalactic-icon-secondary-warning: var(--orange-300);
+  --intergalactic-icon-secondary-warning-hover-active: oklch(
+    from var(--orange-300) calc(l * 0.8) c h
+  );
+  --intergalactic-icon-non-interactive: var(--gray-800);
+
+  /* Date Picker */
+  --intergalactic-date-picker-cell: var(--white);
+  --intergalactic-date-picker-cell-current: var(--gray-400);
+  --intergalactic-date-picker-cell-hover: var(--gray-100);
+  --intergalactic-date-picker-cell-range: var(--blue-100);
+  --intergalactic-date-picker-cell-range-hover: var(--blue-200);
+  --intergalactic-date-picker-cell-active: var(--blue-300);
+  --intergalactic-date-picker-cell-active-hover: var(--blue-400);
+  --intergalactic-date-picker-cell-current-invert: oklch(
+    from var(--white) l c h / 0.5
+  );
+  --intergalactic-date-picker-cell-comparison-active: var(--violet-500);
+  --intergalactic-date-picker-cell-comparison-active-hover: var(--violet-600);
+
+  /* Dropdown Menu */
+  --intergalactic-dropdown-menu-item: var(--white);
+  --intergalactic-dropdown-menu-item-hover: var(--gray-50);
+  --intergalactic-dropdown-menu-item-selected: oklch(
+    from var(--blue-100) l c h / 0.7
+  );
+  --intergalactic-dropdown-menu-item-selected-hover: var(--blue-100);
+
+  /* Feature Popover */
+  --intergalactic-feature-popover-dot-outer-border: var(
+    --intergalactic-bg-primary-highlight
+  );
+
+  /* Progress Bar */
+  --intergalactic-progress-bar-bg: var(--gray-100);
+  --intergalactic-progress-bar-bg-hover: var(--gray-200);
+  --intergalactic-progress-bar-bg-invert: oklch(from var(--white) l c h / 0.2);
+  --intergalactic-progress-bar-bg-invert-hover: oklch(
+    from var(--white) l c h / 0.4
+  );
+  --intergalactic-progress-bar-value: var(--green-400);
+  --intergalactic-progress-bar-value-gradient: linear-gradient(
+    -45deg,
+    oklch(from var(--green-300) l c h / 0.9) 25%,
+    var(--green-300) 0%,
+    var(--green-300) 50%,
+    oklch(from var(--green-300) l c h / 0.9) 0%,
+    oklch(from var(--green-300) l c h / 0.9) 75%,
+    var(--green-300) 0%
+  );
+  --intergalactic-progress-bar-pattern-gradient: linear-gradient(
+    -45deg,
+    oklch(from var(--gray-100) l c h / 0.9) 25%,
+    var(--gray-100) 0%,
+    var(--gray-100) 50%,
+    oklch(from var(--gray-100) l c h / 0.9) 0%,
+    oklch(from var(--gray-100) l c h / 0.9) 75%,
+    var(--gray-100) 0%
+  );
+  --intergalactic-progress-bar-value-bg: oklch(0 0 0);
+
+  /* Skeleton */
+  --intergalactic-skeleton-bg: oklch(from var(--gray-100) l c h / 0.8);
+  --intergalactic-skeleton-bg-invert: oklch(from var(--white) l c h / 0.3);
+
+  /* Slider Rating */
+  --intergalactic-slider-rating-normal: var(
+    --intergalactic-icon-secondary-neutral
+  );
+  --intergalactic-slider-rating-hover-active: var(--yellow-200);
+
+  /* Table */
+  --intergalactic-table-th-primary-cell: var(--gray-50);
+  --intergalactic-table-th-primary-cell-hover: var(--gray-100);
+  --intergalactic-table-th-primary-cell-active: var(--gray-100);
+  --intergalactic-table-th-secondary-cell: var(--white);
+  --intergalactic-table-th-gradient: linear-gradient(
+    to right,
+    oklch(from var(--gray-100) l c h / 0) 0%,
+    var(--gray-100) 100%
+  );
+  --intergalactic-table-td-cell: var(--white);
+  --intergalactic-table-td-cell-hover: oklch(
+    from var(--gray-100) calc(l + (1 - l) * 0.5) c h
+  );
+  --intergalactic-table-td-cell-active: oklch(
+    from var(--gray-100) calc(l + (1 - l) * 0.2) c h
+  );
+  --intergalactic-table-td-cell-unread: var(--gray-50);
+  --intergalactic-table-td-cell-accordion: var(--gray-50);
+  --intergalactic-table-td-cell-selected: var(--blue-50);
+  --intergalactic-table-td-cell-selected-hover: var(--blue-100);
+  --intergalactic-table-td-cell-selected-active: var(--blue-100);
+  --intergalactic-table-td-cell-new: var(--green-50);
+  --intergalactic-table-td-cell-new-hover: var(--green-100);
+  --intergalactic-table-td-cell-new-active: var(--green-100);
+  --intergalactic-table-td-cell-critical: var(--red-50);
+  --intergalactic-table-td-cell-critical-hover: var(--red-100);
+  --intergalactic-table-td-cell-critical-active: var(--red-100);
+  --intergalactic-table-td-cell-warning: var(--orange-50);
+  --intergalactic-table-td-cell-warning-hover: var(--orange-100);
+  --intergalactic-table-td-cell-warning-active: var(--orange-100);
+
+  /* Brand */
+  --intergalactic-brand-primary: var(--orange-400);
+  --intergalactic-brand-secondary: var(--violet-700);
+  --intergalactic-brand-pinterest: #bd081c;
+  --intergalactic-brand-instagram: #e4405f;
+  --intergalactic-brand-youtube: #ff0000;
+  --intergalactic-brand-facebook: #1877f2;
+  --intergalactic-brand-linkedIn: #0a66c2;
+  --intergalactic-brand-twitter: #1d9bf0;
+  --intergalactic-brand-google-blue: #1a0dab;
+  --intergalactic-brand-google-green: #016723;
+  --intergalactic-brand-google-my-business: #1a73e8;
+
+  /* Box Shadow */
+  --intergalactic-box-shadow-card: 0px 0px 1px 0px
+    oklch(from var(--gray-800) l c h / 0.16),
+    0px 1px 2px 0px oklch(from var(--gray-800) l c h / 0.12);
+  --intergalactic-box-shadow-card-hover: 3px 3px 30px 0px
+    oklch(from var(--gray-800) l c h / 0.15);
+  --intergalactic-box-shadow-dnd: 0px 0px 1px 0px
+    oklch(from var(--gray-800) l c h / 0.16),
+    0px 12px 40px 0px oklch(from var(--gray-800) l c h / 0.16);
+  --intergalactic-box-shadow-modal: 0px 3px 8px 0px
+    oklch(from var(--gray-800) l c h / 0.2);
+  --intergalactic-box-shadow-popper: 0px 1px 12px 0px
+    oklch(from var(--gray-800) l c h / 0.15);
+  --intergalactic-box-shadow-float-control: 0px 0px 1px 0px oklch(0 0 0 / 0.16),
+    0px 1px 2px 0px oklch(0 0 0 / 0.12);
+  --intergalactic-box-shadow-float-control-hover: 0px 0px 2px 0px
+    oklch(0 0 0 / 0.2),
+    0px 1px 4px 0px oklch(0 0 0 / 0.16);
+
+  /* Keyboard Focus */
+  --intergalactic-keyboard-focus-outline: oklch(
+    from var(--blue-400) l c h / 0.5
+  );
+  --intergalactic-keyboard-focus-outline-invert: oklch(
+    from var(--white) l c h / 0.7
+  );
+  --intergalactic-keyboard-focus: 0px 0px 0px 3px
+    var(--intergalactic-keyboard-focus-outline);
+  --intergalactic-keyboard-focus-invalid-outline: oklch(
+    from var(--red-400) l c h / 0.5
+  );
+  --intergalactic-keyboard-focus-invalid: 0px 0px 0px 3px
+    var(--intergalactic-keyboard-focus-invalid-outline);
+  --intergalactic-keyboard-focus-valid-outline: oklch(
+    from var(--green-400) l c h / 0.5
+  );
+  --intergalactic-keyboard-focus-valid: 0px 0px 0px 3px
+    var(--intergalactic-keyboard-focus-valid-outline);
+  --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px
+    var(--intergalactic-keyboard-focus-outline-invert);
+
+  /* Typography */
+  --base: Inter;
+  --intergalactic-lh-800: 117%;
+  --intergalactic-lh-700: 110%;
+  --intergalactic-lh-600: 125%;
+  --intergalactic-lh-500: 117%;
+  --intergalactic-lh-400: 120%;
+  --intergalactic-lh-300: 150%;
+  --intergalactic-lh-200: 142%;
+  --intergalactic-lh-100: 133%;
+  --intergalactic-semi-bold: 600;
+  --intergalactic-bold: 700;
+  --intergalactic-regular: 400;
+  --intergalactic-medium: 500;
+  --intergalactic-fs-50: 10px;
+  --intergalactic-fs-100: 12px;
+  --intergalactic-fs-200: 14px;
+  --intergalactic-fs-300: 16px;
+  --intergalactic-fs-400: 20px;
+  --intergalactic-fs-500: 24px;
+  --intergalactic-fs-600: 32px;
+  --intergalactic-fs-700: 36px;
+  --intergalactic-fs-800: 48px;
+  --intergalactic-compact: 0.3;
+
+  /* Spacing & Sizing */
+  --intergalactic-scale-indent: 4px;
+  --intergalactic-form-control-s: calc(var(--intergalactic-scale-indent) * 5);
+  --intergalactic-form-control-m: calc(var(--intergalactic-scale-indent) * 7);
+  --intergalactic-form-control-l: calc(var(--intergalactic-scale-indent) * 10);
+  --intergalactic-spacing-05x: calc(var(--intergalactic-scale-indent) * 0.5);
+  --intergalactic-spacing-1x: calc(var(--intergalactic-scale-indent) * 1);
+  --intergalactic-spacing-2x: calc(var(--intergalactic-scale-indent) * 2);
+  --intergalactic-spacing-3x: calc(var(--intergalactic-scale-indent) * 3);
+  --intergalactic-spacing-4x: calc(var(--intergalactic-scale-indent) * 4);
+  --intergalactic-spacing-5x: calc(var(--intergalactic-scale-indent) * 5);
+  --intergalactic-spacing-6x: calc(var(--intergalactic-scale-indent) * 6);
+  --intergalactic-spacing-8x: calc(var(--intergalactic-scale-indent) * 8);
+  --intergalactic-spacing-10x: calc(var(--intergalactic-scale-indent) * 10);
+  --intergalactic-spacing-14x: calc(var(--intergalactic-scale-indent) * 14);
+  --intergalactic-spacing-20x: calc(var(--intergalactic-scale-indent) * 20);
+  --intergalactic-spacing-24x: calc(var(--intergalactic-scale-indent) * 24);
+  --intergalactic-spacing-30x: calc(var(--intergalactic-scale-indent) * 30);
+
+  /* Border Radius */
+  --intergalactic-rounded-extra-small: 2px;
+  --intergalactic-rounded-small: 4px;
+  --intergalactic-rounded-medium: 6px;
+  --intergalactic-rounded-large: 12px;
+  --intergalactic-rounded-extra-large: 24px;
+  --intergalactic-addon-rounded: var(--intergalactic-rounded-small);
+  --intergalactic-badge-rounded: var(--intergalactic-rounded-medium);
+  --intergalactic-chart-rounded: var(--intergalactic-rounded-extra-small);
+  --intergalactic-counter-rounded: var(--intergalactic-rounded-large);
+  --intergalactic-tag-rounded: var(--intergalactic-rounded-extra-large);
+  --intergalactic-switch-rounded: var(--intergalactic-rounded-extra-large);
+  --intergalactic-control-rounded: var(--intergalactic-rounded-medium);
+  --intergalactic-progress-bar-rounded: var(--intergalactic-rounded-medium);
+  --intergalactic-surface-rounded: var(--intergalactic-rounded-medium);
+  --intergalactic-popper-rounded: var(--intergalactic-rounded-medium);
+  --intergalactic-modal-rounded: var(--intergalactic-rounded-large);
+
+  /* Misc */
+  --intergalactic-disabled-opacity: 0.3;
+  --intergalactic-screen-extra-small: 320px;
+  --intergalactic-screen-small: 768px;
+  --intergalactic-screen-medium: 1200px;
+  --intergalactic-screen-large: 1920px;
+
+  /* Overlay */
+  --intergalactic-overlay-primary: oklch(from var(--gray-800) l c h / 0.7);
+  --intergalactic-overlay-secondary: oklch(from var(--gray-800) l c h / 0.4);
+  --intergalactic-overlay-limitation-primary: var(--gray-50);
+  --intergalactic-overlay-limitation-secondary: oklch(
+    from var(--white) l c h / 0.85
+  );
+
+  /* Z-index */
+  --intergalactic-z-index-deep: -999;
+  --intergalactic-z-index-overlay: 500;
+  --intergalactic-z-index-modal: 900;
+  --intergalactic-z-index-popper: 700;
+  --intergalactic-z-index-dropdown: 750;
+  --intergalactic-z-index-tooltip: 800;
+  --intergalactic-z-index-notice-bubble: 999;
+
+  /* Tooltip */
+  --intergalactic-tooltip-default: var(--white);
+  --intergalactic-tooltip-warning: var(--red-100);
+  --intergalactic-tooltip-invert: var(--gray-800);
+
+  /* Neighbor Location */
+  --intergalactic-neighbor-location-neutral: oklch(
+    from var(--white) l c h / 0.5
+  );
+  --intergalactic-neighbor-location-invert: oklch(0 0 0 / 0.5);
+
+  /* Scroll Area */
+  --intergalactic-scroll-area-shadow-left: linear-gradient(
+    to right,
+    oklch(from var(--gray-800) l c h / 0.1) 20.55%,
+    oklch(from var(--white) l c h / 0.0001) 100%
+  );
+  --intergalactic-scroll-area-shadow-right: linear-gradient(
+    to left,
+    oklch(from var(--gray-800) l c h / 0.1) 20.55%,
+    oklch(from var(--white) l c h / 0.0001) 100%
+  );
+  --intergalactic-scroll-area-shadow-top: linear-gradient(
+    to bottom,
+    oklch(from var(--gray-800) l c h / 0.1) 20.55%,
+    oklch(from var(--white) l c h / 0.0001) 100%
+  );
+  --intergalactic-scroll-area-shadow-bottom: linear-gradient(
+    to top,
+    oklch(from var(--gray-800) l c h / 0.1) 20.55%,
+    oklch(from var(--white) l c h / 0.0001) 100%
+  );
+  --intergalactic-scroll-area-dropdown-menu-left: linear-gradient(
+    to right,
+    var(--white) 34.38%,
+    oklch(from var(--white) l c h / 0) 100%
+  );
+  --intergalactic-scroll-area-dropdown-menu-right: linear-gradient(
+    to left,
+    var(--white) 34.38%,
+    oklch(from var(--white) l c h / 0) 100%
+  );
+  --intergalactic-scroll-area-dropdown-menu-bottom: linear-gradient(
+    to top,
+    var(--white) 34.38%,
+    oklch(from var(--white) l c h / 0) 100%
+  );
+  --intergalactic-scroll-area-dropdown-menu-top: linear-gradient(
+    to bottom,
+    var(--white) 34.38%,
+    oklch(from var(--white) l c h / 0) 100%
+  );
+
+  /* Scroll Bar */
+  --intergalactic-scroll-bar-background: oklch(
+    from var(--gray-800) l c h / 0.3
+  );
+
+  /* Tag */
+  --intergalactic-tag-primary-gray-normal: #ecedf0;
+  --intergalactic-tag-primary-gray-hover-active: #e3e4e9;
+  --intergalactic-tag-primary-blue-normal: #d0eeff;
+  --intergalactic-tag-primary-blue-hover-active: #b7e4ff;
+  --intergalactic-tag-primary-green-normal: #cff1ea;
+  --intergalactic-tag-primary-green-hover-active: #b7eae0;
+  --intergalactic-tag-primary-orange-normal: #ffddd2;
+  --intergalactic-tag-primary-orange-hover-active: #ffccbb;
+  --intergalactic-tag-primary-red-normal: #ffcedc;
+  --intergalactic-tag-primary-red-hover-active: #ffb6ca;
+  --intergalactic-tag-primary-violet-normal: #f4e3ff;
+  --intergalactic-tag-primary-violet-hover-active: #efd5ff;
+  --intergalactic-tag-primary-yellow-normal: #fee6d1;
+  --intergalactic-tag-primary-yellow-hover-active: #fedab9;
+  --intergalactic-tag-primary-white-normal: oklch(
+    from var(--white) l c h / 0.15
+  );
+  --intergalactic-tag-primary-white-hover-active: oklch(
+    from var(--white) l c h / 0.3
+  );
+  --intergalactic-tag-primary-gray-text: var(--gray-500);
+  --intergalactic-tag-primary-blue-text: var(--blue-500);
+  --intergalactic-tag-primary-green-text: var(--green-500);
+  --intergalactic-tag-primary-orange-text: var(--orange-500);
+  --intergalactic-tag-primary-red-text: var(--red-500);
+  --intergalactic-tag-primary-violet-text: var(--violet-500);
+  --intergalactic-tag-primary-yellow-text: var(--yellow-500);
+  --intergalactic-tag-primary-white-text: var(--white);
+  --intergalactic-tag-secondary-normal: var(--white);
+  --intergalactic-tag-secondary-hover-active: var(--gray-50);
+  --intergalactic-tag-secondary-white-normal: oklch(
+    from var(--white) l c h / 0
+  );
+  --intergalactic-tag-secondary-white-hover-active: oklch(
+    from var(--white) l c h / 0.1
+  );
+  --intergalactic-tag-secondary-gray-text: var(--gray-500);
+  --intergalactic-tag-secondary-white-text: var(--white);
+
+  /* Chart */
+  --intergalactic-chart-palette-order-1: var(--blue-300);
+  --intergalactic-chart-palette-order-2: var(--green-200);
+  --intergalactic-chart-palette-order-3: var(--orange-400);
+  --intergalactic-chart-palette-order-4: var(--pink-300);
+  --intergalactic-chart-palette-order-5: var(--yellow-200);
+  --intergalactic-chart-palette-order-6: var(--violet-400);
+  --intergalactic-chart-palette-order-7: var(--red-300);
+  --intergalactic-chart-palette-order-8: var(--salad-200);
+  --intergalactic-chart-palette-order-9: var(--blue-400);
+  --intergalactic-chart-palette-order-10: var(--green-300);
+  --intergalactic-chart-palette-order-11: var(--orange-200);
+  --intergalactic-chart-palette-order-12: var(--pink-400);
+  --intergalactic-chart-palette-order-13: var(--yellow-300);
+  --intergalactic-chart-palette-order-14: var(--violet-200);
+  --intergalactic-chart-palette-order-15: var(--red-400);
+  --intergalactic-chart-palette-order-16: var(--salad-300);
+  --intergalactic-chart-palette-order-17: var(--blue-200);
+  --intergalactic-chart-palette-order-18: var(--green-400);
+  --intergalactic-chart-palette-order-19: var(--orange-300);
+  --intergalactic-chart-palette-order-20: var(--pink-200);
+  --intergalactic-chart-palette-order-21: var(--yellow-400);
+  --intergalactic-chart-palette-order-22: var(--violet-300);
+  --intergalactic-chart-palette-order-23: var(--red-200);
+  --intergalactic-chart-palette-order-24: var(--salad-400);
+  --intergalactic-chart-palette-order-total-amount: var(--gray-400);
+  --intergalactic-chart-palette-order-other-data: var(--gray-200);
+  --intergalactic-chart-palette-order-null: var(--gray-100);
+  --intergalactic-chart-grid-line: var(--gray-100);
+  --intergalactic-chart-grid-x-axis: var(--gray-200);
+  --intergalactic-chart-grid-y-accent-hover-line: var(--gray-300);
+  --intergalactic-chart-grid-text-label: var(--gray-500);
+  --intergalactic-chart-grid-bar-chart-hover: oklch(
+    from var(--gray-200) l c h / 0.3
+  );
+  --intergalactic-chart-grid-bar-chart-base-bg: var(--gray-100);
+  --intergalactic-chart-grid-period-bg: oklch(from var(--gray-200) l c h / 0.2);
+  --intergalactic-chart-grid-period-pattern: oklch(
+    from var(--gray-800) l c h / 0.15
+  );
+  --intergalactic-chart-grid-border: var(--white);
+  --intergalactic-chart-x-axis-accent-period-active: var(--gray-500);
+  --intergalactic-chart-x-axis-accent-data-start-tracking: oklch(
+    from var(--green-400) l c h / 0.2
+  );
+
+  /* Header */
+  --intergalactic-header-bg: var(--violet-dusty-700);
+  --intergalactic-header-border-primary: var(--violet-dusty-700);
+  --intergalactic-header-border-secondary: oklch(
+    from var(--white) l c h / 0.15
+  );
+
+  /* Sidebar Nav */
+  --intergalactic-sidebar-nav-control-hover: var(--violet-dusty-50);
+  --intergalactic-sidebar-nav-control-active: var(--violet-dusty-100);
+  --intergalactic-sidebar-nav-control-text-normal: var(--violet-dusty-500);
+  --intergalactic-sidebar-nav-control-text-active: var(--violet-dusty-600);
+  --intergalactic-sidebar-nav-control-icon-normal: var(--violet-dusty-400);
+  --intergalactic-sidebar-nav-control-icon-active: var(--violet-dusty-600);
+
+  /* Duration */
+  --intergalactic-duration-extra-slow: 500ms;
+  --intergalactic-duration-slow: 400ms;
+  --intergalactic-duration-medium: 300ms;
+  --intergalactic-duration-fast: 200ms;
+  --intergalactic-duration-extra-fast: 100ms;
+  --intergalactic-duration-switch: var(--intergalactic-duration-extra-fast);
+  --intergalactic-duration-popper: var(--intergalactic-duration-fast);
+  --intergalactic-duration-control: var(--intergalactic-duration-fast);
+  --intergalactic-duration-modal: var(--intergalactic-duration-fast);
+  --intergalactic-duration-accordion: var(--intergalactic-duration-fast);
+  --intergalactic-duration-counter: var(--intergalactic-duration-fast);
+
+  /* Website Tokens */
+  --intergalactic-website-control-lift-me-up: var(--gray-100);
+  --intergalactic-website-control-lift-me-up-hover-active: var(--gray-200);
+  --intergalactic-website-top-menu: 5px 8px 25px 0px
+    oklch(from var(--gray-800) l c h / 0.1);
+  --intergalactic-website-principles: 10px 10px 45px 0px
+    oklch(from var(--gray-800) l c h / 0.14);
+  --intergalactic-website-brand-tertiary: var(--orange-400);
+  --intergalactic-website-bg-tertiary-neutral: var(--white);
+}
diff --git a/semcore/core/src/theme/light.json b/semcore/core/src/theme/light.json
index 0878488d7b..eba2e730cc 100644
--- a/semcore/core/src/theme/light.json
+++ b/semcore/core/src/theme/light.json
@@ -403,6 +403,251 @@
         "value": "#002203",
         "type": "color"
       }
+    },
+    "base": {
+      "value": "Inter",
+      "type": "fontFamilies",
+      "description": "Base font family."
+    },
+    "fs-50": {
+      "value": "10px",
+      "type": "fontSizes",
+      "description": "Use only for text in Badge component."
+    },
+    "fs-100": {
+      "value": "12px",
+      "type": "fontSizes",
+      "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability."
+    },
+    "fs-200": {
+      "value": "14px",
+      "type": "fontSizes"
+    },
+    "fs-300": {
+      "value": "16px",
+      "type": "fontSizes"
+    },
+    "fs-400": {
+      "value": "20px",
+      "type": "fontSizes"
+    },
+    "fs-500": {
+      "value": "24px",
+      "type": "fontSizes"
+    },
+    "fs-600": {
+      "value": "32px",
+      "type": "fontSizes"
+    },
+    "fs-700": {
+      "value": "36px",
+      "type": "fontSizes"
+    },
+    "fs-800": {
+      "value": "48px",
+      "type": "fontSizes"
+    },
+    "lh-100": {
+      "value": "133%",
+      "type": "lineHeights",
+      "description": "Use with font-size-100."
+    },
+    "lh-200": {
+      "value": "142%",
+      "type": "lineHeights",
+      "description": "Use with font-size-200."
+    },
+    "lh-300": {
+      "value": "150%",
+      "type": "lineHeights",
+      "description": "Use with font-size-300."
+    },
+    "lh-400": {
+      "value": "120%",
+      "type": "lineHeights",
+      "description": "Use with font-size-400."
+    },
+    "lh-500": {
+      "value": "117%",
+      "type": "lineHeights",
+      "description": "Use with font-size-500."
+    },
+    "lh-600": {
+      "value": "125%",
+      "type": "lineHeights",
+      "description": "Use with font-size-600."
+    },
+    "lh-700": {
+      "value": "110%",
+      "type": "lineHeights",
+      "description": "Use with font-size-700."
+    },
+    "lh-800": {
+      "value": "117%",
+      "type": "lineHeights",
+      "description": "Use with font-size-800."
+    },
+    "semi-bold": {
+      "value": "600",
+      "type": "fontWeights",
+      "description": "Semi-bold font weight."
+    },
+    "bold": {
+      "value": "700",
+      "type": "fontWeights",
+      "description": "Bold font weight."
+    },
+    "regular": {
+      "value": "400",
+      "type": "fontWeights",
+      "description": "Regular font weight."
+    },
+    "medium": {
+      "value": "500",
+      "type": "fontWeights",
+      "description": "Medium font weight."
+    },
+    "compact": {
+      "value": "0.3",
+      "type": "letterSpacing",
+      "description": "Compact letter spacing."
+    },
+    "scale-indent": {
+      "value": "4px",
+      "type": "spacing",
+      "description": "Base denominator of the design system."
+    },
+    "spacing-05x": {
+      "value": "{scale-indent}*0.5",
+      "type": "spacing",
+      "description": "2px"
+    },
+    "spacing-1x": {
+      "value": "{scale-indent}*1",
+      "type": "spacing",
+      "description": "4px"
+    },
+    "spacing-2x": {
+      "value": "{scale-indent}*2",
+      "type": "spacing",
+      "description": "8px"
+    },
+    "spacing-3x": {
+      "value": "{scale-indent}*3",
+      "type": "spacing",
+      "description": "12px"
+    },
+    "spacing-4x": {
+      "value": "{scale-indent}*4",
+      "type": "spacing",
+      "description": "16px"
+    },
+    "spacing-5x": {
+      "value": "{scale-indent}*5",
+      "type": "spacing",
+      "description": "20px"
+    },
+    "spacing-6x": {
+      "value": "{scale-indent}*6",
+      "type": "spacing",
+      "description": "24px"
+    },
+    "spacing-8x": {
+      "value": "{scale-indent}*8",
+      "type": "spacing",
+      "description": "32px"
+    },
+    "spacing-10x": {
+      "value": "{scale-indent}*10",
+      "type": "spacing",
+      "description": "40px"
+    },
+    "spacing-14x": {
+      "value": "{scale-indent}*14",
+      "type": "spacing",
+      "description": "56px"
+    },
+    "spacing-20x": {
+      "value": "{scale-indent}*20",
+      "type": "spacing",
+      "description": "80px"
+    },
+    "spacing-24x": {
+      "value": "{scale-indent}*24",
+      "type": "spacing",
+      "description": "96px"
+    },
+    "spacing-30x": {
+      "value": "{scale-indent}*30",
+      "type": "spacing",
+      "description": "120px"
+    },
+    "rounded-extra-small": {
+      "value": "2px",
+      "type": "borderRadius"
+    },
+    "rounded-small": {
+      "value": "4px",
+      "type": "borderRadius"
+    },
+    "rounded-medium": {
+      "value": "6px",
+      "type": "borderRadius"
+    },
+    "rounded-large": {
+      "value": "12px",
+      "type": "borderRadius"
+    },
+    "rounded-extra-large": {
+      "value": "24px",
+      "type": "borderRadius"
+    },
+    "screen-extra-small": {
+      "value": "320px",
+      "type": "sizing",
+      "description": "Extra small screens (small phones)."
+    },
+    "screen-small": {
+      "value": "768px",
+      "type": "sizing",
+      "description": "Small screens (phones and small tablets)."
+    },
+    "screen-medium": {
+      "value": "1200px",
+      "type": "sizing",
+      "description": "Medium screens (tablets and small laptops)."
+    },
+    "screen-large": {
+      "value": "1920px",
+      "type": "sizing",
+      "description": "Large screens (tablets and laptops)."
+    },
+    "duration": {
+      "extra-slow": {
+        "value": "500",
+        "type": "other",
+        "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)"
+      },
+      "slow": {
+        "value": "400",
+        "type": "other",
+        "description": "Should be used for more larger scale animations (such as page transitions)"
+      },
+      "medium": {
+        "value": "300",
+        "type": "other",
+        "description": "Should be used for more complex effects (such as Modal)"
+      },
+      "fast": {
+        "value": "200",
+        "type": "other",
+        "description": "Should be used for more complex effects (such as Dropdown or Accordion)"
+      },
+      "extra-fast": {
+        "value": "100",
+        "type": "other",
+        "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)"
+      }
     }
   },
   "tokens": {
@@ -1524,6 +1769,11 @@
         "description": "Google My Business brand color."
       }
     },
+    "disabled-opacity": {
+      "value": "0.3",
+      "type": "opacity",
+      "description": "Use for the disabled state of all kind of the controls and elements."
+    },
     "box-shadow": {
       "card": {
         "value": "0px 0px 1px 0px rgba({gray.800}, 0.16); 0px 1px 2px 0px rgba({gray.800}, 0.12)",
@@ -1595,153 +1845,45 @@
         "description": "Use it only for controls that float above the whole interface."
       }
     },
-"keyboard-focus": {
-  "value": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)",
-  "type": "boxShadow",
-  "description": "Default keyboard focus box-shadow styles.",
-  "outline": {
-    "value": "{blue.400}",
-    "type": "color",
-    "description": "Color for default keyboard focus outline styles."
-  },
-  "invalid": {
-    "value": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)",
-    "type": "boxShadow",
-    "description": "Keyboard focus styles for elements with invalid state.",
-    "outline": {
-      "value": "{red.400}",
-      "type": "color",
-      "description": "Color for keyboard focus outline styles for elements with invalid state."
-    }
-  },
-  "valid": {
-    "value": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)",
-    "type": "boxShadow",
-    "description": "Keyboard focus styles for elements with valid state.",
-    "outline": {
-      "value": "{green.400}",
-      "type": "color",
-      "description": "Color for keyboard focus outline styles for elements with valid state."
-    }
-  },
-  "invert": {
-    "value": "0px 0px 0px 3px {keyboard-focus.invert.outline}",
-    "type": "boxShadow",
-    "description": "Keyboard focus styles for use on dark backgrounds.",
-    "outline": {
-      "value": "rgba({gray.white}, 0.8)",
-      "type": "color",
-      "description": "Color for keyboard focus outline styles to use on the dark and color background."
-    }
-  }
-},
-    "base": {
-      "value": "Inter",
-      "type": "fontFamilies",
-      "description": "Base font family."
-    },
-    "lh-800": {
-      "value": "117%",
-      "type": "lineHeights",
-      "description": "Use with font-size-800."
-    },
-    "lh-700": {
-      "value": "110%",
-      "type": "lineHeights",
-      "description": "Use with font-size-700."
-    },
-    "lh-600": {
-      "value": "125%",
-      "type": "lineHeights",
-      "description": "Use with font-size-600."
-    },
-    "lh-500": {
-      "value": "117%",
-      "type": "lineHeights",
-      "description": "Use with font-size-500."
-    },
-    "lh-400": {
-      "value": "120%",
-      "type": "lineHeights",
-      "description": "Use with font-size-400."
-    },
-    "lh-300": {
-      "value": "150%",
-      "type": "lineHeights",
-      "description": "Use with font-size-300."
-    },
-    "lh-200": {
-      "value": "142%",
-      "type": "lineHeights",
-      "description": "Use with font-size-200."
-    },
-    "lh-100": {
-      "value": "133%",
-      "type": "lineHeights",
-      "description": "Use with font-size-100."
-    },
-    "semi-bold": {
-      "value": "600",
-      "type": "fontWeights",
-      "description": "Semi-bold font weight."
-    },
-    "bold": {
-      "value": "700",
-      "type": "fontWeights",
-      "description": "Bold font weight."
-    },
-    "regular": {
-      "value": "400",
-      "type": "fontWeights",
-      "description": "Regular font weight."
-    },
-    "medium": {
-      "value": "500",
-      "type": "fontWeights",
-      "description": "Medium font weight."
-    },
-    "fs-50": {
-      "value": "10px",
-      "type": "fontSizes",
-      "description": "Use only for text in Badge component."
-    },
-    "fs-100": {
-      "value": "12px",
-      "type": "fontSizes",
-      "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability."
-    },
-    "fs-200": {
-      "value": "14px",
-      "type": "fontSizes"
-    },
-    "fs-300": {
-      "value": "16px",
-      "type": "fontSizes"
-    },
-    "fs-400": {
-      "value": "20px",
-      "type": "fontSizes"
-    },
-    "fs-500": {
-      "value": "24px",
-      "type": "fontSizes"
-    },
-    "fs-600": {
-      "value": "32px",
-      "type": "fontSizes"
-    },
-    "fs-700": {
-      "value": "36px",
-      "type": "fontSizes"
-    },
-    "fs-800": {
-      "value": "48px",
-      "type": "fontSizes"
-    },
-    "compact": {
-      "value": "0.3",
-      "type": "letterSpacing",
-      "description": "Compact letter spacing."
+    "keyboard-focus": {
+      "value": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)",
+      "type": "boxShadow",
+      "description": "Default keyboard focus box-shadow styles.",
+      "outline": {
+        "value": "{blue.400}",
+        "type": "color",
+        "description": "Color for default keyboard focus outline styles."
+      },
+      "invalid": {
+        "value": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)",
+        "type": "boxShadow",
+        "description": "Keyboard focus styles for elements with invalid state.",
+        "outline": {
+          "value": "{red.400}",
+          "type": "color",
+          "description": "Color for keyboard focus outline styles for elements with invalid state."
+        }
+      },
+      "valid": {
+        "value": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)",
+        "type": "boxShadow",
+        "description": "Keyboard focus styles for elements with valid state.",
+        "outline": {
+          "value": "{green.400}",
+          "type": "color",
+          "description": "Color for keyboard focus outline styles for elements with valid state."
+        }
+      },
+      "invert": {
+        "value": "0px 0px 0px 3px {keyboard-focus.invert.outline}",
+        "type": "boxShadow",
+        "description": "Keyboard focus styles for use on dark backgrounds.",
+        "outline": {
+          "value": "rgba({gray.white}, 0.8)",
+          "type": "color",
+          "description": "Color for keyboard focus outline styles to use on the dark and color background."
+        }
+      }
     },
     "heading-h1": {
       "value": {
@@ -1812,11 +1954,6 @@
       "type": "typography",
       "description": "Use for big subtitles on the landing pages."
     },
-    "scale-indent": {
-      "value": "4px",
-      "type": "spacing",
-      "description": "Base denominator of the design system."
-    },
     "form-control-s": {
       "value": "{scale-indent}*5",
       "type": "sizing",
@@ -1832,91 +1969,6 @@
       "type": "sizing",
       "description": "Large size of the controls."
     },
-    "spacing-05x": {
-      "value": "{scale-indent}*0.5",
-      "type": "spacing",
-      "description": "2px"
-    },
-    "spacing-1x": {
-      "value": "{scale-indent}*1",
-      "type": "spacing",
-      "description": "4px"
-    },
-    "spacing-2x": {
-      "value": "{scale-indent}*2",
-      "type": "spacing",
-      "description": "8px"
-    },
-    "spacing-3x": {
-      "value": "{scale-indent}*3",
-      "type": "spacing",
-      "description": "12px"
-    },
-    "spacing-4x": {
-      "value": "{scale-indent}*4",
-      "type": "spacing",
-      "description": "16px"
-    },
-    "spacing-5x": {
-      "value": "{scale-indent}*5",
-      "type": "spacing",
-      "description": "20px"
-    },
-    "spacing-6x": {
-      "value": "{scale-indent}*6",
-      "type": "spacing",
-      "description": "24px"
-    },
-    "spacing-8x": {
-      "value": "{scale-indent}*8",
-      "type": "spacing",
-      "description": "32px"
-    },
-    "spacing-10x": {
-      "value": "{scale-indent}*10",
-      "type": "spacing",
-      "description": "40px"
-    },
-    "spacing-14x": {
-      "value": "{scale-indent}*14",
-      "type": "spacing",
-      "description": "56px"
-    },
-    "spacing-20x": {
-      "value": "{scale-indent}*20",
-      "type": "spacing",
-      "description": "80px"
-    },
-    "spacing-24x": {
-      "value": "{scale-indent}*24",
-      "type": "spacing",
-      "description": "96px"
-    },
-    "spacing-30x": {
-      "value": "{scale-indent}*30",
-      "type": "spacing",
-      "description": "120px"
-    },
-    "rounded-extra-small": {
-      "value": "2px",
-      "type": "borderRadius"
-    },
-    "rounded-small": {
-      "value": "4px",
-      "type": "borderRadius"
-    },
-    "rounded-medium": {
-      "value": "6px",
-      "type": "borderRadius"
-    },
-    "rounded-large": {
-      "value": "12px",
-      "type": "borderRadius"
-    },
-    "rounded-extra-large": {
-      "value": "24px",
-      "type": "borderRadius"
-    },
     "addon-rounded": {
       "value": "{rounded-small}",
       "type": "borderRadius",
@@ -1972,31 +2024,6 @@
       "type": "borderRadius",
       "description": "Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard)."
     },
-    "disabled-opacity": {
-      "value": "0.3",
-      "type": "opacity",
-      "description": "Use for the disabled state of all kind of the controls and elements."
-    },
-    "screen-extra-small": {
-      "value": "320px",
-      "type": "sizing",
-      "description": "Extra small screens (small phones)."
-    },
-    "screen-small": {
-      "value": "768px",
-      "type": "sizing",
-      "description": "Small screens (phones and small tablets)."
-    },
-    "screen-medium": {
-      "value": "1200px",
-      "type": "sizing",
-      "description": "Medium screens (tablets and small laptops)."
-    },
-    "screen-large": {
-      "value": "1920px",
-      "type": "sizing",
-      "description": "Large screens (tablets and laptops)."
-    },
     "overlay": {
       "primary": {
         "value": "rgba({gray.800}, 0.7)",
@@ -2019,36 +2046,6 @@
         "description": "Use as a secondary cover of the content under the messages about limitations."
       }
     },
-    "z-index": {
-      "deep": {
-        "value": "-999",
-        "type": "other"
-      },
-      "overlay": {
-        "value": "500",
-        "type": "other"
-      },
-      "modal": {
-        "value": "900",
-        "type": "other"
-      },
-      "popper": {
-        "value": "700",
-        "type": "other"
-      },
-      "dropdown": {
-        "value": "750",
-        "type": "other"
-      },
-      "tooltip": {
-        "value": "800",
-        "type": "other"
-      },
-      "notice-bubble": {
-        "value": "999",
-        "type": "other"
-      }
-    },
     "tooltip": {
       "default": {
         "value": "{gray.white}",
@@ -2545,32 +2542,37 @@
         }
       }
     },
-    "duration": {
-      "extra-slow": {
+    "z-index": {
+      "deep": {
+        "value": "-999",
+        "type": "other"
+      },
+      "overlay": {
         "value": "500",
-        "type": "other",
-        "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)"
+        "type": "other"
       },
-      "slow": {
-        "value": "400",
-        "type": "other",
-        "description": "Should be used for more larger scale animations (such as page transitions)"
+      "modal": {
+        "value": "900",
+        "type": "other"
       },
-      "medium": {
-        "value": "300",
-        "type": "other",
-        "description": "Should be used for more complex effects (such as Modal)"
+      "popper": {
+        "value": "700",
+        "type": "other"
       },
-      "fast": {
-        "value": "200",
-        "type": "other",
-        "description": "Should be used for more complex effects (such as Dropdown or Accordion)"
+      "dropdown": {
+        "value": "750",
+        "type": "other"
       },
-      "extra-fast": {
-        "value": "100",
-        "type": "other",
-        "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)"
+      "tooltip": {
+        "value": "800",
+        "type": "other"
       },
+      "notice-bubble": {
+        "value": "999",
+        "type": "other"
+      }
+    },
+    "duration": {
       "switch": {
         "value": "{duration.extra-fast}",
         "type": "other",
diff --git a/semcore/core/src/theme/panda-processor.ts b/semcore/core/src/theme/panda-processor.ts
new file mode 100644
index 0000000000..fb37ae9f5e
--- /dev/null
+++ b/semcore/core/src/theme/panda-processor.ts
@@ -0,0 +1,139 @@
+const FIGMA_TOKENS_ONLY = [
+  'keyboard-focus-feature-highlight',
+];
+
+const PANDA_DURATIONS_KEY = 'durations';
+
+const INTERGALACTIC_TYPE_TO_PANDA: Record<string, string> = {
+  color: 'colors',
+  sizing: 'sizes',
+  spacing: 'spacing',
+  fontFamilies: 'fonts',
+  fontSizes: 'fontSizes',
+  fontWeights: 'fontWeights',
+  letterSpacing: 'letterSpacings',
+  lineHeights: 'lineHeights',
+  borderRadius: 'radii',
+  border: 'borders',
+  boxShadow: 'shadows',
+  opacity: 'opacity',
+  // handled within process function, since token has type = 'other'
+  // duration - durations
+};
+
+type TokenType = {
+  [key: string]: TokenType | { value: string };
+};
+
+type PandaConfig = {
+  tokens: TokenType;
+  semanticTokens: TokenType;
+};
+
+const setToken = (
+  value: string,
+  from: Array<string>,
+  to: Record<string, any>,
+  description?: string,
+): TokenType => {
+  const [part, ...parts] = from;
+
+  if (parts.length === 0) {
+    if (to[part] && typeof to[part] === 'object') {
+      to[part].DEFAULT = { value, ...(description && { description }) };
+    } else {
+      to[part] = { value, ...(description && { description }) };
+    }
+
+    return to;
+  }
+
+  if (to[part] && 'value' in to[part]) {
+    to[part] = { DEFAULT: { ...to[part] } };
+  }
+
+  to[part] = {
+    ...to[part],
+    ...setToken(value, parts, to[part] ?? {}, description),
+  };
+
+  return to;
+};
+
+const ifZIndex = (key: string) => key.startsWith('z-index-');
+const ifDuration = (key: string) => key.startsWith('duration-');
+
+const getKeyParts = (key: string) => {
+  const parts = key.split('-');
+
+  if (key === 'disabled-opacity') {
+    return [parts[0]];
+  }
+
+  if (ifDuration(key)) {
+    return parts.filter((p) => !p.startsWith('duration'));
+  }
+
+  if (ifZIndex(key)) {
+    return parts.filter((p) => !p.startsWith('z') && !p.startsWith('index'));
+  }
+
+  return parts;
+};
+
+export const getPandaConfig = (
+  values: Record<string, string>,
+  basicTokens: Set<string>,
+  types: Record<string, string>,
+  descriptions: Record<string, string>,
+): PandaConfig => {
+  const tokens: TokenType = {};
+  const semanticTokens: TokenType = {};
+
+  Object.entries(types).forEach(([key, type]) => {
+    if (FIGMA_TOKENS_ONLY.includes(key)) return;
+
+    const value = values[key];
+    const description = descriptions[key];
+
+    let pandaKey = INTERGALACTIC_TYPE_TO_PANDA[type];
+    const isDurationKey = ifDuration(key);
+
+    if (!pandaKey && !isDurationKey) return;
+
+    const isBaseToken = basicTokens.has(key);
+
+    if (isDurationKey) {
+      pandaKey = PANDA_DURATIONS_KEY;
+    }
+
+    const keyParts = getKeyParts(key);
+
+    if (isBaseToken) {
+      tokens[pandaKey] = setToken(value, keyParts, tokens[pandaKey] ?? {}, description);
+    } else {
+      semanticTokens[pandaKey] = setToken(value, keyParts, semanticTokens[pandaKey] ?? {}, description);
+    }
+  });
+
+  return {
+    tokens,
+    semanticTokens,
+  };
+};
+
+export const toPandaPreset = (config: PandaConfig) => {
+  const preset = `
+    import { definePreset } from '@pandacss/dev';
+
+    export default definePreset({
+      name: '@semcore/panda-preset',
+      theme: {
+        tokens: ${JSON.stringify(config.tokens, undefined, 4)},
+        semanticTokens: ${JSON.stringify(config.semanticTokens, undefined, 4)}
+      },
+    });
+    `;
+
+  return preset;
+};
diff --git a/semcore/core/src/theme/processor.ts b/semcore/core/src/theme/processor.ts
index cfe2e7cb1f..f046132b06 100644
--- a/semcore/core/src/theme/processor.ts
+++ b/semcore/core/src/theme/processor.ts
@@ -7,7 +7,8 @@ import glob from 'fast-glob';
 import postcss from 'postcss';
 import valuesParser from 'postcss-value-parser';
 
-import { processTokens, tokensToCss, tokensToJs, tokensToJson } from './utils';
+import { getPandaConfig, toPandaPreset } from './panda-processor';
+import { processTokens, tokensToCss, tokensToJs } from './utils';
 
 type Token = {
   name: string;
@@ -48,6 +49,11 @@ for (const theme of themes) {
   const { values, types, rawValues, descriptions, basicTokens, highlightsTokens } = processed;
   const { processedTokens } = processed;
 
+  await writeIfChanged(
+    './semcore/core/src/theme/themes/panda-preset.ts',
+    toPandaPreset(getPandaConfig(values, basicTokens, types, descriptions)),
+  );
+
   await writeIfChanged(
     `./semcore/core/src/theme/themes/${theme}.css`,
     tokensToCss(processedTokens),
@@ -237,50 +243,38 @@ for (const theme of themes) {
       description: string;
       components: string[];
     }[] = [];
+    const baseTokensDocumentation: Token[] = [];
+
+    for (const processedToken of [...processedTokens, ...highlightsTokens]) {
+      const { originalName: token, name, value, description } = processedToken;
+
+      const isBase = basicTokens.has(token);
+
+      if (isBase) {
+        const token: Token = {
+          name,
+          value,
+          description,
+        };
 
-    for (const token in values) {
-      if (!basicTokens.has(token)) {
+        baseTokensDocumentation.push(token);
+      } else {
         const components = [
           ...new Set((usages[token] ?? []).map((cssPath) => cssPath.split('/')[2])),
         ];
         components.sort((a, b) => a.localeCompare(b));
 
         designTokensDocumentation.push({
-          name: `--${prefix}-${token}`,
+          name,
           type: types[token],
           rawValue: rawValues[token],
-          computedValue: values[token],
-          description: descriptions[token],
+          computedValue: value,
+          description: description,
           components,
         });
       }
     }
 
-    const baseTokensDocumentation: Token[] = [];
-
-    const processGroup = (group: string, data: any) => {
-      for (const key in data) {
-        if (data[key].value) {
-          const token: Token = {
-            name: `--${group}-${key}`,
-            value: data[key].value,
-          };
-
-          if (data[key].description?.trim()) {
-            token.description = data[key].description;
-          }
-
-          baseTokensDocumentation.push(token);
-        } else {
-          processGroup(`${group}-${key}`, data[key]);
-        }
-      }
-    };
-
-    for (const group in base) {
-      processGroup(group, base[group]);
-    }
-
     await writeIfChanged(
       resolvePath(dirname, '../../../../website/docs/style/design-tokens/design-tokens.json'),
       JSON.stringify(designTokensDocumentation, null, 2) + '\n',
diff --git a/semcore/core/src/theme/themes/auto.css b/semcore/core/src/theme/themes/auto.css
index 1fef6aa40c..86e0a1d34c 100644
--- a/semcore/core/src/theme/themes/auto.css
+++ b/semcore/core/src/theme/themes/auto.css
@@ -110,6 +110,96 @@
   --salad-600: #005613;
   --salad-700: #003509;
   --salad-800: #002203;
+  /* Base font family. */
+  --intergalactic-base: Inter;
+  /* Use only for text in Badge component. */
+  --intergalactic-fs-50: 10px;
+  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
+  --intergalactic-fs-100: 12px;
+  --intergalactic-fs-200: 14px;
+  --intergalactic-fs-300: 16px;
+  --intergalactic-fs-400: 20px;
+  --intergalactic-fs-500: 24px;
+  --intergalactic-fs-600: 32px;
+  --intergalactic-fs-700: 36px;
+  --intergalactic-fs-800: 48px;
+  /* Use with font-size-100. */
+  --intergalactic-lh-100: 133%;
+  /* Use with font-size-200. */
+  --intergalactic-lh-200: 142%;
+  /* Use with font-size-300. */
+  --intergalactic-lh-300: 150%;
+  /* Use with font-size-400. */
+  --intergalactic-lh-400: 120%;
+  /* Use with font-size-500. */
+  --intergalactic-lh-500: 117%;
+  /* Use with font-size-600. */
+  --intergalactic-lh-600: 125%;
+  /* Use with font-size-700. */
+  --intergalactic-lh-700: 110%;
+  /* Use with font-size-800. */
+  --intergalactic-lh-800: 117%;
+  /* Semi-bold font weight. */
+  --intergalactic-semi-bold: 600;
+  /* Bold font weight. */
+  --intergalactic-bold: 700;
+  /* Regular font weight. */
+  --intergalactic-regular: 400;
+  /* Medium font weight. */
+  --intergalactic-medium: 500;
+  /* Compact letter spacing. */
+  --intergalactic-compact: 0.3;
+  /* Base denominator of the design system. */
+  --intergalactic-scale-indent: 4px;
+  /* 2px */
+  --intergalactic-spacing-05x: 2px;
+  /* 4px */
+  --intergalactic-spacing-1x: 4px;
+  /* 8px */
+  --intergalactic-spacing-2x: 8px;
+  /* 12px */
+  --intergalactic-spacing-3x: 12px;
+  /* 16px */
+  --intergalactic-spacing-4x: 16px;
+  /* 20px */
+  --intergalactic-spacing-5x: 20px;
+  /* 24px */
+  --intergalactic-spacing-6x: 24px;
+  /* 32px */
+  --intergalactic-spacing-8x: 32px;
+  /* 40px */
+  --intergalactic-spacing-10x: 40px;
+  /* 56px */
+  --intergalactic-spacing-14x: 56px;
+  /* 80px */
+  --intergalactic-spacing-20x: 80px;
+  /* 96px */
+  --intergalactic-spacing-24x: 96px;
+  /* 120px */
+  --intergalactic-spacing-30x: 120px;
+  --intergalactic-rounded-extra-small: 2px;
+  --intergalactic-rounded-small: 4px;
+  --intergalactic-rounded-medium: 6px;
+  --intergalactic-rounded-large: 12px;
+  --intergalactic-rounded-extra-large: 24px;
+  /* Extra small screens (small phones). */
+  --intergalactic-screen-extra-small: 320px;
+  /* Small screens (phones and small tablets). */
+  --intergalactic-screen-small: 768px;
+  /* Medium screens (tablets and small laptops). */
+  --intergalactic-screen-medium: 1200px;
+  /* Large screens (tablets and laptops). */
+  --intergalactic-screen-large: 1920px;
+  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
+  --intergalactic-duration-extra-slow: 500;
+  /* Should be used for more larger scale animations (such as page transitions) */
+  --intergalactic-duration-slow: 400;
+  /* Should be used for more complex effects (such as Modal) */
+  --intergalactic-duration-medium: 300;
+  /* Should be used for more complex effects (such as Dropdown or Accordion) */
+  --intergalactic-duration-fast: 200;
+  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
+  --intergalactic-duration-extra-fast: 100;
   /* Primary background of the interface which contains the main data and information. */
   --intergalactic-bg-primary-neutral: #ffffff;
   /* Hover state of the primary background of the interface which contains the main data and information. */
@@ -528,6 +618,8 @@
   --intergalactic-brand-google-green: #016723;
   /* Google My Business brand color. */
   --intergalactic-brand-google-my-business: #1a73e8;
+  /* Use for the disabled state of all kind of the controls and elements. */
+  --intergalactic-disabled-opacity: 0.3;
   /* Default shadow of the Card. */
   --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12);
   /* Hover state for the shadow of the Card with hover state. */
@@ -554,84 +646,12 @@
   --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8);
   /* Default keyboard focus box-shadow styles. */
   --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5);
-  /* Base font family. */
-  --intergalactic-base: Inter;
-  /* Use with font-size-800. */
-  --intergalactic-lh-800: 117%;
-  /* Use with font-size-700. */
-  --intergalactic-lh-700: 110%;
-  /* Use with font-size-600. */
-  --intergalactic-lh-600: 125%;
-  /* Use with font-size-500. */
-  --intergalactic-lh-500: 117%;
-  /* Use with font-size-400. */
-  --intergalactic-lh-400: 120%;
-  /* Use with font-size-300. */
-  --intergalactic-lh-300: 150%;
-  /* Use with font-size-200. */
-  --intergalactic-lh-200: 142%;
-  /* Use with font-size-100. */
-  --intergalactic-lh-100: 133%;
-  /* Semi-bold font weight. */
-  --intergalactic-semi-bold: 600;
-  /* Bold font weight. */
-  --intergalactic-bold: 700;
-  /* Regular font weight. */
-  --intergalactic-regular: 400;
-  /* Medium font weight. */
-  --intergalactic-medium: 500;
-  /* Use only for text in Badge component. */
-  --intergalactic-fs-50: 10px;
-  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
-  --intergalactic-fs-100: 12px;
-  --intergalactic-fs-200: 14px;
-  --intergalactic-fs-300: 16px;
-  --intergalactic-fs-400: 20px;
-  --intergalactic-fs-500: 24px;
-  --intergalactic-fs-600: 32px;
-  --intergalactic-fs-700: 36px;
-  --intergalactic-fs-800: 48px;
-  /* Compact letter spacing. */
-  --intergalactic-compact: 0.3;
-  /* Base denominator of the design system. */
-  --intergalactic-scale-indent: 4px;
   /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
   --intergalactic-form-control-s: 20px;
   /* Default size of the controls. */
   --intergalactic-form-control-m: 28px;
   /* Large size of the controls. */
   --intergalactic-form-control-l: 40px;
-  /* 2px */
-  --intergalactic-spacing-05x: 2px;
-  /* 4px */
-  --intergalactic-spacing-1x: 4px;
-  /* 8px */
-  --intergalactic-spacing-2x: 8px;
-  /* 12px */
-  --intergalactic-spacing-3x: 12px;
-  /* 16px */
-  --intergalactic-spacing-4x: 16px;
-  /* 20px */
-  --intergalactic-spacing-5x: 20px;
-  /* 24px */
-  --intergalactic-spacing-6x: 24px;
-  /* 32px */
-  --intergalactic-spacing-8x: 32px;
-  /* 40px */
-  --intergalactic-spacing-10x: 40px;
-  /* 56px */
-  --intergalactic-spacing-14x: 56px;
-  /* 80px */
-  --intergalactic-spacing-20x: 80px;
-  /* 96px */
-  --intergalactic-spacing-24x: 96px;
-  /* 120px */
-  --intergalactic-spacing-30x: 120px;
-  --intergalactic-rounded-extra-small: 2px;
-  --intergalactic-rounded-small: 4px;
-  --intergalactic-rounded-medium: 6px;
-  --intergalactic-rounded-large: 12px;
-  --intergalactic-rounded-extra-large: 24px;
   /* Use for rounding addons and small controls like Checkbox. */
   --intergalactic-addon-rounded: 4px;
   /* Use for rounding Badge. */
@@ -654,16 +674,6 @@
   --intergalactic-popper-rounded: 6px;
   /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */
   --intergalactic-modal-rounded: 12px;
-  /* Use for the disabled state of all kind of the controls and elements. */
-  --intergalactic-disabled-opacity: 0.3;
-  /* Extra small screens (small phones). */
-  --intergalactic-screen-extra-small: 320px;
-  /* Small screens (phones and small tablets). */
-  --intergalactic-screen-small: 768px;
-  /* Medium screens (tablets and small laptops). */
-  --intergalactic-screen-medium: 1200px;
-  /* Large screens (tablets and laptops). */
-  --intergalactic-screen-large: 1920px;
   /* Use for cover the content under the modal dialogs. */
   --intergalactic-overlay-primary: rgba(25, 27, 35, 0.7);
   /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */
@@ -672,13 +682,6 @@
   --intergalactic-overlay-limitation-primary: #f4f5f9;
   /* Use as a secondary cover of the content under the messages about limitations. */
   --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85);
-  --intergalactic-z-index-deep: -999;
-  --intergalactic-z-index-overlay: 500;
-  --intergalactic-z-index-modal: 900;
-  --intergalactic-z-index-popper: 700;
-  --intergalactic-z-index-dropdown: 750;
-  --intergalactic-z-index-tooltip: 800;
-  --intergalactic-z-index-notice-bubble: 999;
   /* Default Tooltip background. */
   --intergalactic-tooltip-default: #ffffff;
   /* Warning Tooltip background. */
@@ -852,16 +855,13 @@
   --intergalactic-sidebar-nav-control-text-active: #4D407E;
   --intergalactic-sidebar-nav-control-icon-normal: #9083C5;
   --intergalactic-sidebar-nav-control-icon-active: #4D407E;
-  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
-  --intergalactic-duration-extra-slow: 500;
-  /* Should be used for more larger scale animations (such as page transitions) */
-  --intergalactic-duration-slow: 400;
-  /* Should be used for more complex effects (such as Modal) */
-  --intergalactic-duration-medium: 300;
-  /* Should be used for more complex effects (such as Dropdown or Accordion) */
-  --intergalactic-duration-fast: 200;
-  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
-  --intergalactic-duration-extra-fast: 100;
+  --intergalactic-z-index-deep: -999;
+  --intergalactic-z-index-overlay: 500;
+  --intergalactic-z-index-modal: 900;
+  --intergalactic-z-index-popper: 700;
+  --intergalactic-z-index-dropdown: 750;
+  --intergalactic-z-index-tooltip: 800;
+  --intergalactic-z-index-notice-bubble: 999;
   /* Use for small controls like Switch or Slider. */
   --intergalactic-duration-switch: 100;
   /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */
@@ -987,6 +987,96 @@
   --salad-600: #005613;
   --salad-700: #003509;
   --salad-800: #002203;
+  /* Base font family. */
+  --intergalactic-base: Inter;
+  /* Use only for text in Badge component. */
+  --intergalactic-fs-50: 10px;
+  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
+  --intergalactic-fs-100: 12px;
+  --intergalactic-fs-200: 14px;
+  --intergalactic-fs-300: 16px;
+  --intergalactic-fs-400: 20px;
+  --intergalactic-fs-500: 24px;
+  --intergalactic-fs-600: 32px;
+  --intergalactic-fs-700: 36px;
+  --intergalactic-fs-800: 48px;
+  /* Use with font-size-100. */
+  --intergalactic-lh-100: 133%;
+  /* Use with font-size-200. */
+  --intergalactic-lh-200: 142%;
+  /* Use with font-size-300. */
+  --intergalactic-lh-300: 150%;
+  /* Use with font-size-400. */
+  --intergalactic-lh-400: 120%;
+  /* Use with font-size-500. */
+  --intergalactic-lh-500: 117%;
+  /* Use with font-size-600. */
+  --intergalactic-lh-600: 125%;
+  /* Use with font-size-700. */
+  --intergalactic-lh-700: 110%;
+  /* Use with font-size-800. */
+  --intergalactic-lh-800: 117%;
+  /* Semi-bold font weight. */
+  --intergalactic-semi-bold: 600;
+  /* Bold font weight. */
+  --intergalactic-bold: 700;
+  /* Regular font weight. */
+  --intergalactic-regular: 400;
+  /* Medium font weight. */
+  --intergalactic-medium: 500;
+  /* Compact letter spacing. */
+  --intergalactic-compact: 0.3;
+  /* Base denominator of the design system. */
+  --intergalactic-scale-indent: 4px;
+  /* 2px */
+  --intergalactic-spacing-05x: 2px;
+  /* 4px */
+  --intergalactic-spacing-1x: 4px;
+  /* 8px */
+  --intergalactic-spacing-2x: 8px;
+  /* 12px */
+  --intergalactic-spacing-3x: 12px;
+  /* 16px */
+  --intergalactic-spacing-4x: 16px;
+  /* 20px */
+  --intergalactic-spacing-5x: 20px;
+  /* 24px */
+  --intergalactic-spacing-6x: 24px;
+  /* 32px */
+  --intergalactic-spacing-8x: 32px;
+  /* 40px */
+  --intergalactic-spacing-10x: 40px;
+  /* 56px */
+  --intergalactic-spacing-14x: 56px;
+  /* 80px */
+  --intergalactic-spacing-20x: 80px;
+  /* 96px */
+  --intergalactic-spacing-24x: 96px;
+  /* 120px */
+  --intergalactic-spacing-30x: 120px;
+  --intergalactic-rounded-extra-small: 2px;
+  --intergalactic-rounded-small: 4px;
+  --intergalactic-rounded-medium: 6px;
+  --intergalactic-rounded-large: 12px;
+  --intergalactic-rounded-extra-large: 24px;
+  /* Extra small screens (small phones). */
+  --intergalactic-screen-extra-small: 320px;
+  /* Small screens (phones and small tablets). */
+  --intergalactic-screen-small: 768px;
+  /* Medium screens (tablets and small laptops). */
+  --intergalactic-screen-medium: 1200px;
+  /* Large screens (tablets and laptops). */
+  --intergalactic-screen-large: 1920px;
+  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
+  --intergalactic-duration-extra-slow: 500;
+  /* Should be used for more larger scale animations (such as page transitions) */
+  --intergalactic-duration-slow: 400;
+  /* Should be used for more complex effects (such as Modal) */
+  --intergalactic-duration-medium: 300;
+  /* Should be used for more complex effects (such as Dropdown or Accordion) */
+  --intergalactic-duration-fast: 200;
+  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
+  --intergalactic-duration-extra-fast: 100;
   /* Primary background of the interface which contains the main data and information. */
   --intergalactic-bg-primary-neutral: rgba(30, 34, 49, 1);
   /* Hover state of the primary background of the interface which contains the main data and information. */
@@ -1399,6 +1489,8 @@
   --intergalactic-brand-google-green: #016723;
   /* Google My Business brand color. */
   --intergalactic-brand-google-my-business: #1a73e8;
+  /* Use for the disabled state of all kind of the controls and elements. */
+  --intergalactic-disabled-opacity: 0.3;
   /* Default shadow of the Card. */
   --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12);
   /* Hover state for the shadow of the Card with hover state. */
@@ -1425,84 +1517,12 @@
   --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8);
   /* Default keyboard focus box-shadow styles. */
   --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5);
-  /* Base font family. */
-  --intergalactic-base: Inter;
-  /* Use with font-size-800. */
-  --intergalactic-lh-800: 117%;
-  /* Use with font-size-700. */
-  --intergalactic-lh-700: 110%;
-  /* Use with font-size-600. */
-  --intergalactic-lh-600: 125%;
-  /* Use with font-size-500. */
-  --intergalactic-lh-500: 117%;
-  /* Use with font-size-400. */
-  --intergalactic-lh-400: 120%;
-  /* Use with font-size-300. */
-  --intergalactic-lh-300: 150%;
-  /* Use with font-size-200. */
-  --intergalactic-lh-200: 142%;
-  /* Use with font-size-100. */
-  --intergalactic-lh-100: 133%;
-  /* Semi-bold font weight. */
-  --intergalactic-semi-bold: 600;
-  /* Bold font weight. */
-  --intergalactic-bold: 700;
-  /* Regular font weight. */
-  --intergalactic-regular: 400;
-  /* Medium font weight. */
-  --intergalactic-medium: 500;
-  /* Use only for text in Badge component. */
-  --intergalactic-fs-50: 10px;
-  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
-  --intergalactic-fs-100: 12px;
-  --intergalactic-fs-200: 14px;
-  --intergalactic-fs-300: 16px;
-  --intergalactic-fs-400: 20px;
-  --intergalactic-fs-500: 24px;
-  --intergalactic-fs-600: 32px;
-  --intergalactic-fs-700: 36px;
-  --intergalactic-fs-800: 48px;
-  /* Compact letter spacing. */
-  --intergalactic-compact: 0.3;
-  /* Base denominator of the design system. */
-  --intergalactic-scale-indent: 4px;
   /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
   --intergalactic-form-control-s: 20px;
   /* Default size of the controls. */
   --intergalactic-form-control-m: 28px;
   /* Large size of the controls. */
   --intergalactic-form-control-l: 40px;
-  /* 2px */
-  --intergalactic-spacing-05x: 2px;
-  /* 4px */
-  --intergalactic-spacing-1x: 4px;
-  /* 8px */
-  --intergalactic-spacing-2x: 8px;
-  /* 12px */
-  --intergalactic-spacing-3x: 12px;
-  /* 16px */
-  --intergalactic-spacing-4x: 16px;
-  /* 20px */
-  --intergalactic-spacing-5x: 20px;
-  /* 24px */
-  --intergalactic-spacing-6x: 24px;
-  /* 32px */
-  --intergalactic-spacing-8x: 32px;
-  /* 40px */
-  --intergalactic-spacing-10x: 40px;
-  /* 56px */
-  --intergalactic-spacing-14x: 56px;
-  /* 80px */
-  --intergalactic-spacing-20x: 80px;
-  /* 96px */
-  --intergalactic-spacing-24x: 96px;
-  /* 120px */
-  --intergalactic-spacing-30x: 120px;
-  --intergalactic-rounded-extra-small: 2px;
-  --intergalactic-rounded-small: 4px;
-  --intergalactic-rounded-medium: 6px;
-  --intergalactic-rounded-large: 12px;
-  --intergalactic-rounded-extra-large: 24px;
   /* Use for rounding addons and small controls like Checkbox. */
   --intergalactic-addon-rounded: 4px;
   /* Use for rounding Badge. */
@@ -1525,16 +1545,6 @@
   --intergalactic-popper-rounded: 6px;
   /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */
   --intergalactic-modal-rounded: 12px;
-  /* Use for the disabled state of all kind of the controls and elements. */
-  --intergalactic-disabled-opacity: 0.3;
-  /* Extra small screens (small phones). */
-  --intergalactic-screen-extra-small: 320px;
-  /* Small screens (phones and small tablets). */
-  --intergalactic-screen-small: 768px;
-  /* Medium screens (tablets and small laptops). */
-  --intergalactic-screen-medium: 1200px;
-  /* Large screens (tablets and laptops). */
-  --intergalactic-screen-large: 1920px;
   /* Use for cover the content under the modal dialogs. */
   --intergalactic-overlay-primary: rgba(25, 27, 35, 0.7);
   /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */
@@ -1543,13 +1553,6 @@
   --intergalactic-overlay-limitation-primary: #f4f5f9;
   /* Use as a secondary cover of the content under the messages about limitations. */
   --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85);
-  --intergalactic-z-index-deep: -999;
-  --intergalactic-z-index-overlay: 500;
-  --intergalactic-z-index-modal: 900;
-  --intergalactic-z-index-popper: 700;
-  --intergalactic-z-index-dropdown: 750;
-  --intergalactic-z-index-tooltip: 800;
-  --intergalactic-z-index-notice-bubble: 999;
   /* Default Tooltip background. */
   --intergalactic-tooltip-default: #484a54;
   /* Warning Tooltip background. */
@@ -1723,16 +1726,13 @@
   --intergalactic-sidebar-nav-control-text-active: #4D407E;
   --intergalactic-sidebar-nav-control-icon-normal: #9083C5;
   --intergalactic-sidebar-nav-control-icon-active: #4D407E;
-  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
-  --intergalactic-duration-extra-slow: 500;
-  /* Should be used for more larger scale animations (such as page transitions) */
-  --intergalactic-duration-slow: 400;
-  /* Should be used for more complex effects (such as Modal) */
-  --intergalactic-duration-medium: 300;
-  /* Should be used for more complex effects (such as Dropdown or Accordion) */
-  --intergalactic-duration-fast: 200;
-  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
-  --intergalactic-duration-extra-fast: 100;
+  --intergalactic-z-index-deep: -999;
+  --intergalactic-z-index-overlay: 500;
+  --intergalactic-z-index-modal: 900;
+  --intergalactic-z-index-popper: 700;
+  --intergalactic-z-index-dropdown: 750;
+  --intergalactic-z-index-tooltip: 800;
+  --intergalactic-z-index-notice-bubble: 999;
   /* Use for small controls like Switch or Slider. */
   --intergalactic-duration-switch: 100;
   /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */
diff --git a/semcore/core/src/theme/themes/dark.css b/semcore/core/src/theme/themes/dark.css
index 67a3cfb1ab..04002bb67e 100644
--- a/semcore/core/src/theme/themes/dark.css
+++ b/semcore/core/src/theme/themes/dark.css
@@ -110,6 +110,96 @@
   --salad-600: #005613;
   --salad-700: #003509;
   --salad-800: #002203;
+  /* Base font family. */
+  --intergalactic-base: Inter;
+  /* Use only for text in Badge component. */
+  --intergalactic-fs-50: 10px;
+  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
+  --intergalactic-fs-100: 12px;
+  --intergalactic-fs-200: 14px;
+  --intergalactic-fs-300: 16px;
+  --intergalactic-fs-400: 20px;
+  --intergalactic-fs-500: 24px;
+  --intergalactic-fs-600: 32px;
+  --intergalactic-fs-700: 36px;
+  --intergalactic-fs-800: 48px;
+  /* Use with font-size-100. */
+  --intergalactic-lh-100: 133%;
+  /* Use with font-size-200. */
+  --intergalactic-lh-200: 142%;
+  /* Use with font-size-300. */
+  --intergalactic-lh-300: 150%;
+  /* Use with font-size-400. */
+  --intergalactic-lh-400: 120%;
+  /* Use with font-size-500. */
+  --intergalactic-lh-500: 117%;
+  /* Use with font-size-600. */
+  --intergalactic-lh-600: 125%;
+  /* Use with font-size-700. */
+  --intergalactic-lh-700: 110%;
+  /* Use with font-size-800. */
+  --intergalactic-lh-800: 117%;
+  /* Semi-bold font weight. */
+  --intergalactic-semi-bold: 600;
+  /* Bold font weight. */
+  --intergalactic-bold: 700;
+  /* Regular font weight. */
+  --intergalactic-regular: 400;
+  /* Medium font weight. */
+  --intergalactic-medium: 500;
+  /* Compact letter spacing. */
+  --intergalactic-compact: 0.3;
+  /* Base denominator of the design system. */
+  --intergalactic-scale-indent: 4px;
+  /* 2px */
+  --intergalactic-spacing-05x: 2px;
+  /* 4px */
+  --intergalactic-spacing-1x: 4px;
+  /* 8px */
+  --intergalactic-spacing-2x: 8px;
+  /* 12px */
+  --intergalactic-spacing-3x: 12px;
+  /* 16px */
+  --intergalactic-spacing-4x: 16px;
+  /* 20px */
+  --intergalactic-spacing-5x: 20px;
+  /* 24px */
+  --intergalactic-spacing-6x: 24px;
+  /* 32px */
+  --intergalactic-spacing-8x: 32px;
+  /* 40px */
+  --intergalactic-spacing-10x: 40px;
+  /* 56px */
+  --intergalactic-spacing-14x: 56px;
+  /* 80px */
+  --intergalactic-spacing-20x: 80px;
+  /* 96px */
+  --intergalactic-spacing-24x: 96px;
+  /* 120px */
+  --intergalactic-spacing-30x: 120px;
+  --intergalactic-rounded-extra-small: 2px;
+  --intergalactic-rounded-small: 4px;
+  --intergalactic-rounded-medium: 6px;
+  --intergalactic-rounded-large: 12px;
+  --intergalactic-rounded-extra-large: 24px;
+  /* Extra small screens (small phones). */
+  --intergalactic-screen-extra-small: 320px;
+  /* Small screens (phones and small tablets). */
+  --intergalactic-screen-small: 768px;
+  /* Medium screens (tablets and small laptops). */
+  --intergalactic-screen-medium: 1200px;
+  /* Large screens (tablets and laptops). */
+  --intergalactic-screen-large: 1920px;
+  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
+  --intergalactic-duration-extra-slow: 500;
+  /* Should be used for more larger scale animations (such as page transitions) */
+  --intergalactic-duration-slow: 400;
+  /* Should be used for more complex effects (such as Modal) */
+  --intergalactic-duration-medium: 300;
+  /* Should be used for more complex effects (such as Dropdown or Accordion) */
+  --intergalactic-duration-fast: 200;
+  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
+  --intergalactic-duration-extra-fast: 100;
   /* Primary background of the interface which contains the main data and information. */
   --intergalactic-bg-primary-neutral: rgba(30, 34, 49, 1);
   /* Hover state of the primary background of the interface which contains the main data and information. */
@@ -522,6 +612,8 @@
   --intergalactic-brand-google-green: #016723;
   /* Google My Business brand color. */
   --intergalactic-brand-google-my-business: #1a73e8;
+  /* Use for the disabled state of all kind of the controls and elements. */
+  --intergalactic-disabled-opacity: 0.3;
   /* Default shadow of the Card. */
   --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12);
   /* Hover state for the shadow of the Card with hover state. */
@@ -548,84 +640,12 @@
   --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8);
   /* Default keyboard focus box-shadow styles. */
   --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5);
-  /* Base font family. */
-  --intergalactic-base: Inter;
-  /* Use with font-size-800. */
-  --intergalactic-lh-800: 117%;
-  /* Use with font-size-700. */
-  --intergalactic-lh-700: 110%;
-  /* Use with font-size-600. */
-  --intergalactic-lh-600: 125%;
-  /* Use with font-size-500. */
-  --intergalactic-lh-500: 117%;
-  /* Use with font-size-400. */
-  --intergalactic-lh-400: 120%;
-  /* Use with font-size-300. */
-  --intergalactic-lh-300: 150%;
-  /* Use with font-size-200. */
-  --intergalactic-lh-200: 142%;
-  /* Use with font-size-100. */
-  --intergalactic-lh-100: 133%;
-  /* Semi-bold font weight. */
-  --intergalactic-semi-bold: 600;
-  /* Bold font weight. */
-  --intergalactic-bold: 700;
-  /* Regular font weight. */
-  --intergalactic-regular: 400;
-  /* Medium font weight. */
-  --intergalactic-medium: 500;
-  /* Use only for text in Badge component. */
-  --intergalactic-fs-50: 10px;
-  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
-  --intergalactic-fs-100: 12px;
-  --intergalactic-fs-200: 14px;
-  --intergalactic-fs-300: 16px;
-  --intergalactic-fs-400: 20px;
-  --intergalactic-fs-500: 24px;
-  --intergalactic-fs-600: 32px;
-  --intergalactic-fs-700: 36px;
-  --intergalactic-fs-800: 48px;
-  /* Compact letter spacing. */
-  --intergalactic-compact: 0.3;
-  /* Base denominator of the design system. */
-  --intergalactic-scale-indent: 4px;
   /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
   --intergalactic-form-control-s: 20px;
   /* Default size of the controls. */
   --intergalactic-form-control-m: 28px;
   /* Large size of the controls. */
   --intergalactic-form-control-l: 40px;
-  /* 2px */
-  --intergalactic-spacing-05x: 2px;
-  /* 4px */
-  --intergalactic-spacing-1x: 4px;
-  /* 8px */
-  --intergalactic-spacing-2x: 8px;
-  /* 12px */
-  --intergalactic-spacing-3x: 12px;
-  /* 16px */
-  --intergalactic-spacing-4x: 16px;
-  /* 20px */
-  --intergalactic-spacing-5x: 20px;
-  /* 24px */
-  --intergalactic-spacing-6x: 24px;
-  /* 32px */
-  --intergalactic-spacing-8x: 32px;
-  /* 40px */
-  --intergalactic-spacing-10x: 40px;
-  /* 56px */
-  --intergalactic-spacing-14x: 56px;
-  /* 80px */
-  --intergalactic-spacing-20x: 80px;
-  /* 96px */
-  --intergalactic-spacing-24x: 96px;
-  /* 120px */
-  --intergalactic-spacing-30x: 120px;
-  --intergalactic-rounded-extra-small: 2px;
-  --intergalactic-rounded-small: 4px;
-  --intergalactic-rounded-medium: 6px;
-  --intergalactic-rounded-large: 12px;
-  --intergalactic-rounded-extra-large: 24px;
   /* Use for rounding addons and small controls like Checkbox. */
   --intergalactic-addon-rounded: 4px;
   /* Use for rounding Badge. */
@@ -648,16 +668,6 @@
   --intergalactic-popper-rounded: 6px;
   /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */
   --intergalactic-modal-rounded: 12px;
-  /* Use for the disabled state of all kind of the controls and elements. */
-  --intergalactic-disabled-opacity: 0.3;
-  /* Extra small screens (small phones). */
-  --intergalactic-screen-extra-small: 320px;
-  /* Small screens (phones and small tablets). */
-  --intergalactic-screen-small: 768px;
-  /* Medium screens (tablets and small laptops). */
-  --intergalactic-screen-medium: 1200px;
-  /* Large screens (tablets and laptops). */
-  --intergalactic-screen-large: 1920px;
   /* Use for cover the content under the modal dialogs. */
   --intergalactic-overlay-primary: rgba(25, 27, 35, 0.7);
   /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */
@@ -666,13 +676,6 @@
   --intergalactic-overlay-limitation-primary: #f4f5f9;
   /* Use as a secondary cover of the content under the messages about limitations. */
   --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85);
-  --intergalactic-z-index-deep: -999;
-  --intergalactic-z-index-overlay: 500;
-  --intergalactic-z-index-modal: 900;
-  --intergalactic-z-index-popper: 700;
-  --intergalactic-z-index-dropdown: 750;
-  --intergalactic-z-index-tooltip: 800;
-  --intergalactic-z-index-notice-bubble: 999;
   /* Default Tooltip background. */
   --intergalactic-tooltip-default: #484a54;
   /* Warning Tooltip background. */
@@ -846,16 +849,13 @@
   --intergalactic-sidebar-nav-control-text-active: #4D407E;
   --intergalactic-sidebar-nav-control-icon-normal: #9083C5;
   --intergalactic-sidebar-nav-control-icon-active: #4D407E;
-  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
-  --intergalactic-duration-extra-slow: 500;
-  /* Should be used for more larger scale animations (such as page transitions) */
-  --intergalactic-duration-slow: 400;
-  /* Should be used for more complex effects (such as Modal) */
-  --intergalactic-duration-medium: 300;
-  /* Should be used for more complex effects (such as Dropdown or Accordion) */
-  --intergalactic-duration-fast: 200;
-  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
-  --intergalactic-duration-extra-fast: 100;
+  --intergalactic-z-index-deep: -999;
+  --intergalactic-z-index-overlay: 500;
+  --intergalactic-z-index-modal: 900;
+  --intergalactic-z-index-popper: 700;
+  --intergalactic-z-index-dropdown: 750;
+  --intergalactic-z-index-tooltip: 800;
+  --intergalactic-z-index-notice-bubble: 999;
   /* Use for small controls like Switch or Slider. */
   --intergalactic-duration-switch: 100;
   /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */
diff --git a/semcore/core/src/theme/themes/dark.ts b/semcore/core/src/theme/themes/dark.ts
index cf74fbc903..483b0dc883 100644
--- a/semcore/core/src/theme/themes/dark.ts
+++ b/semcore/core/src/theme/themes/dark.ts
@@ -90,6 +90,57 @@ export default {
   '--salad-600': '#005613',
   '--salad-700': '#003509',
   '--salad-800': '#002203',
+  '--intergalactic-base': 'Inter',
+  '--intergalactic-fs-50': '10px',
+  '--intergalactic-fs-100': '12px',
+  '--intergalactic-fs-200': '14px',
+  '--intergalactic-fs-300': '16px',
+  '--intergalactic-fs-400': '20px',
+  '--intergalactic-fs-500': '24px',
+  '--intergalactic-fs-600': '32px',
+  '--intergalactic-fs-700': '36px',
+  '--intergalactic-fs-800': '48px',
+  '--intergalactic-lh-100': '133%',
+  '--intergalactic-lh-200': '142%',
+  '--intergalactic-lh-300': '150%',
+  '--intergalactic-lh-400': '120%',
+  '--intergalactic-lh-500': '117%',
+  '--intergalactic-lh-600': '125%',
+  '--intergalactic-lh-700': '110%',
+  '--intergalactic-lh-800': '117%',
+  '--intergalactic-semi-bold': '600',
+  '--intergalactic-bold': '700',
+  '--intergalactic-regular': '400',
+  '--intergalactic-medium': '500',
+  '--intergalactic-compact': '0.3',
+  '--intergalactic-scale-indent': '4px',
+  '--intergalactic-spacing-05x': '2px',
+  '--intergalactic-spacing-1x': '4px',
+  '--intergalactic-spacing-2x': '8px',
+  '--intergalactic-spacing-3x': '12px',
+  '--intergalactic-spacing-4x': '16px',
+  '--intergalactic-spacing-5x': '20px',
+  '--intergalactic-spacing-6x': '24px',
+  '--intergalactic-spacing-8x': '32px',
+  '--intergalactic-spacing-10x': '40px',
+  '--intergalactic-spacing-14x': '56px',
+  '--intergalactic-spacing-20x': '80px',
+  '--intergalactic-spacing-24x': '96px',
+  '--intergalactic-spacing-30x': '120px',
+  '--intergalactic-rounded-extra-small': '2px',
+  '--intergalactic-rounded-small': '4px',
+  '--intergalactic-rounded-medium': '6px',
+  '--intergalactic-rounded-large': '12px',
+  '--intergalactic-rounded-extra-large': '24px',
+  '--intergalactic-screen-extra-small': '320px',
+  '--intergalactic-screen-small': '768px',
+  '--intergalactic-screen-medium': '1200px',
+  '--intergalactic-screen-large': '1920px',
+  '--intergalactic-duration-extra-slow': '500',
+  '--intergalactic-duration-slow': '400',
+  '--intergalactic-duration-medium': '300',
+  '--intergalactic-duration-fast': '200',
+  '--intergalactic-duration-extra-fast': '100',
   '--intergalactic-bg-primary-neutral': 'rgba(30, 34, 49, 1)',
   '--intergalactic-bg-primary-neutral-hover': 'rgba(54, 56, 67, 1)',
   '--intergalactic-bg-primary-neutral-active': 'rgba(54, 56, 67, 1)',
@@ -296,6 +347,7 @@ export default {
   '--intergalactic-brand-google-blue': '#1a0dab',
   '--intergalactic-brand-google-green': '#016723',
   '--intergalactic-brand-google-my-business': '#1a73e8',
+  '--intergalactic-disabled-opacity': '0.3',
   '--intergalactic-box-shadow-card': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)',
   '--intergalactic-box-shadow-card-hover': '3px 3px 30px 0px rgba(25, 27, 35, 0.15)',
   '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)',
@@ -309,51 +361,9 @@ export default {
   '--intergalactic-keyboard-focus-invert-outline': 'rgba(255, 255, 255, 0.8)',
   '--intergalactic-keyboard-focus-invert': '0px 0px 0px 3px rgba(255, 255, 255, 0.8)',
   '--intergalactic-keyboard-focus': '0px 0px 0px 3px rgba(0, 143, 248, 0.5)',
-  '--intergalactic-base': 'Inter',
-  '--intergalactic-lh-800': '117%',
-  '--intergalactic-lh-700': '110%',
-  '--intergalactic-lh-600': '125%',
-  '--intergalactic-lh-500': '117%',
-  '--intergalactic-lh-400': '120%',
-  '--intergalactic-lh-300': '150%',
-  '--intergalactic-lh-200': '142%',
-  '--intergalactic-lh-100': '133%',
-  '--intergalactic-semi-bold': '600',
-  '--intergalactic-bold': '700',
-  '--intergalactic-regular': '400',
-  '--intergalactic-medium': '500',
-  '--intergalactic-fs-50': '10px',
-  '--intergalactic-fs-100': '12px',
-  '--intergalactic-fs-200': '14px',
-  '--intergalactic-fs-300': '16px',
-  '--intergalactic-fs-400': '20px',
-  '--intergalactic-fs-500': '24px',
-  '--intergalactic-fs-600': '32px',
-  '--intergalactic-fs-700': '36px',
-  '--intergalactic-fs-800': '48px',
-  '--intergalactic-compact': '0.3',
-  '--intergalactic-scale-indent': '4px',
   '--intergalactic-form-control-s': '20px',
   '--intergalactic-form-control-m': '28px',
   '--intergalactic-form-control-l': '40px',
-  '--intergalactic-spacing-05x': '2px',
-  '--intergalactic-spacing-1x': '4px',
-  '--intergalactic-spacing-2x': '8px',
-  '--intergalactic-spacing-3x': '12px',
-  '--intergalactic-spacing-4x': '16px',
-  '--intergalactic-spacing-5x': '20px',
-  '--intergalactic-spacing-6x': '24px',
-  '--intergalactic-spacing-8x': '32px',
-  '--intergalactic-spacing-10x': '40px',
-  '--intergalactic-spacing-14x': '56px',
-  '--intergalactic-spacing-20x': '80px',
-  '--intergalactic-spacing-24x': '96px',
-  '--intergalactic-spacing-30x': '120px',
-  '--intergalactic-rounded-extra-small': '2px',
-  '--intergalactic-rounded-small': '4px',
-  '--intergalactic-rounded-medium': '6px',
-  '--intergalactic-rounded-large': '12px',
-  '--intergalactic-rounded-extra-large': '24px',
   '--intergalactic-addon-rounded': '4px',
   '--intergalactic-badge-rounded': '6px',
   '--intergalactic-chart-rounded': '2px',
@@ -365,22 +375,10 @@ export default {
   '--intergalactic-surface-rounded': '6px',
   '--intergalactic-popper-rounded': '6px',
   '--intergalactic-modal-rounded': '12px',
-  '--intergalactic-disabled-opacity': '0.3',
-  '--intergalactic-screen-extra-small': '320px',
-  '--intergalactic-screen-small': '768px',
-  '--intergalactic-screen-medium': '1200px',
-  '--intergalactic-screen-large': '1920px',
   '--intergalactic-overlay-primary': 'rgba(25, 27, 35, 0.7)',
   '--intergalactic-overlay-secondary': 'rgba(25, 27, 35, 0.4)',
   '--intergalactic-overlay-limitation-primary': '#f4f5f9',
   '--intergalactic-overlay-limitation-secondary': 'rgba(255, 255, 255, 0.85)',
-  '--intergalactic-z-index-deep': '-999',
-  '--intergalactic-z-index-overlay': '500',
-  '--intergalactic-z-index-modal': '900',
-  '--intergalactic-z-index-popper': '700',
-  '--intergalactic-z-index-dropdown': '750',
-  '--intergalactic-z-index-tooltip': '800',
-  '--intergalactic-z-index-notice-bubble': '999',
   '--intergalactic-tooltip-default': '#484a54',
   '--intergalactic-tooltip-warning': 'rgba(160, 13, 42, 1)',
   '--intergalactic-tooltip-invert': '#191b23',
@@ -472,11 +470,13 @@ export default {
   '--intergalactic-sidebar-nav-control-text-active': '#4D407E',
   '--intergalactic-sidebar-nav-control-icon-normal': '#9083C5',
   '--intergalactic-sidebar-nav-control-icon-active': '#4D407E',
-  '--intergalactic-duration-extra-slow': '500',
-  '--intergalactic-duration-slow': '400',
-  '--intergalactic-duration-medium': '300',
-  '--intergalactic-duration-fast': '200',
-  '--intergalactic-duration-extra-fast': '100',
+  '--intergalactic-z-index-deep': '-999',
+  '--intergalactic-z-index-overlay': '500',
+  '--intergalactic-z-index-modal': '900',
+  '--intergalactic-z-index-popper': '700',
+  '--intergalactic-z-index-dropdown': '750',
+  '--intergalactic-z-index-tooltip': '800',
+  '--intergalactic-z-index-notice-bubble': '999',
   '--intergalactic-duration-switch': '100',
   '--intergalactic-duration-popper': '200',
   '--intergalactic-duration-control': '200',
diff --git a/semcore/core/src/theme/themes/default.css b/semcore/core/src/theme/themes/default.css
index f382248a02..f9703fd55f 100644
--- a/semcore/core/src/theme/themes/default.css
+++ b/semcore/core/src/theme/themes/default.css
@@ -110,6 +110,96 @@
   --salad-600: #005613;
   --salad-700: #003509;
   --salad-800: #002203;
+  /* Base font family. */
+  --intergalactic-base: Inter;
+  /* Use only for text in Badge component. */
+  --intergalactic-fs-50: 10px;
+  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
+  --intergalactic-fs-100: 12px;
+  --intergalactic-fs-200: 14px;
+  --intergalactic-fs-300: 16px;
+  --intergalactic-fs-400: 20px;
+  --intergalactic-fs-500: 24px;
+  --intergalactic-fs-600: 32px;
+  --intergalactic-fs-700: 36px;
+  --intergalactic-fs-800: 48px;
+  /* Use with font-size-100. */
+  --intergalactic-lh-100: 133%;
+  /* Use with font-size-200. */
+  --intergalactic-lh-200: 142%;
+  /* Use with font-size-300. */
+  --intergalactic-lh-300: 150%;
+  /* Use with font-size-400. */
+  --intergalactic-lh-400: 120%;
+  /* Use with font-size-500. */
+  --intergalactic-lh-500: 117%;
+  /* Use with font-size-600. */
+  --intergalactic-lh-600: 125%;
+  /* Use with font-size-700. */
+  --intergalactic-lh-700: 110%;
+  /* Use with font-size-800. */
+  --intergalactic-lh-800: 117%;
+  /* Semi-bold font weight. */
+  --intergalactic-semi-bold: 600;
+  /* Bold font weight. */
+  --intergalactic-bold: 700;
+  /* Regular font weight. */
+  --intergalactic-regular: 400;
+  /* Medium font weight. */
+  --intergalactic-medium: 500;
+  /* Compact letter spacing. */
+  --intergalactic-compact: 0.3;
+  /* Base denominator of the design system. */
+  --intergalactic-scale-indent: 4px;
+  /* 2px */
+  --intergalactic-spacing-05x: 2px;
+  /* 4px */
+  --intergalactic-spacing-1x: 4px;
+  /* 8px */
+  --intergalactic-spacing-2x: 8px;
+  /* 12px */
+  --intergalactic-spacing-3x: 12px;
+  /* 16px */
+  --intergalactic-spacing-4x: 16px;
+  /* 20px */
+  --intergalactic-spacing-5x: 20px;
+  /* 24px */
+  --intergalactic-spacing-6x: 24px;
+  /* 32px */
+  --intergalactic-spacing-8x: 32px;
+  /* 40px */
+  --intergalactic-spacing-10x: 40px;
+  /* 56px */
+  --intergalactic-spacing-14x: 56px;
+  /* 80px */
+  --intergalactic-spacing-20x: 80px;
+  /* 96px */
+  --intergalactic-spacing-24x: 96px;
+  /* 120px */
+  --intergalactic-spacing-30x: 120px;
+  --intergalactic-rounded-extra-small: 2px;
+  --intergalactic-rounded-small: 4px;
+  --intergalactic-rounded-medium: 6px;
+  --intergalactic-rounded-large: 12px;
+  --intergalactic-rounded-extra-large: 24px;
+  /* Extra small screens (small phones). */
+  --intergalactic-screen-extra-small: 320px;
+  /* Small screens (phones and small tablets). */
+  --intergalactic-screen-small: 768px;
+  /* Medium screens (tablets and small laptops). */
+  --intergalactic-screen-medium: 1200px;
+  /* Large screens (tablets and laptops). */
+  --intergalactic-screen-large: 1920px;
+  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
+  --intergalactic-duration-extra-slow: 500;
+  /* Should be used for more larger scale animations (such as page transitions) */
+  --intergalactic-duration-slow: 400;
+  /* Should be used for more complex effects (such as Modal) */
+  --intergalactic-duration-medium: 300;
+  /* Should be used for more complex effects (such as Dropdown or Accordion) */
+  --intergalactic-duration-fast: 200;
+  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
+  --intergalactic-duration-extra-fast: 100;
   /* Primary background of the interface which contains the main data and information. */
   --intergalactic-bg-primary-neutral: #ffffff;
   /* Hover state of the primary background of the interface which contains the main data and information. */
@@ -528,6 +618,8 @@
   --intergalactic-brand-google-green: #016723;
   /* Google My Business brand color. */
   --intergalactic-brand-google-my-business: #1a73e8;
+  /* Use for the disabled state of all kind of the controls and elements. */
+  --intergalactic-disabled-opacity: 0.3;
   /* Default shadow of the Card. */
   --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12);
   /* Hover state for the shadow of the Card with hover state. */
@@ -554,84 +646,12 @@
   --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8);
   /* Default keyboard focus box-shadow styles. */
   --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5);
-  /* Base font family. */
-  --intergalactic-base: Inter;
-  /* Use with font-size-800. */
-  --intergalactic-lh-800: 117%;
-  /* Use with font-size-700. */
-  --intergalactic-lh-700: 110%;
-  /* Use with font-size-600. */
-  --intergalactic-lh-600: 125%;
-  /* Use with font-size-500. */
-  --intergalactic-lh-500: 117%;
-  /* Use with font-size-400. */
-  --intergalactic-lh-400: 120%;
-  /* Use with font-size-300. */
-  --intergalactic-lh-300: 150%;
-  /* Use with font-size-200. */
-  --intergalactic-lh-200: 142%;
-  /* Use with font-size-100. */
-  --intergalactic-lh-100: 133%;
-  /* Semi-bold font weight. */
-  --intergalactic-semi-bold: 600;
-  /* Bold font weight. */
-  --intergalactic-bold: 700;
-  /* Regular font weight. */
-  --intergalactic-regular: 400;
-  /* Medium font weight. */
-  --intergalactic-medium: 500;
-  /* Use only for text in Badge component. */
-  --intergalactic-fs-50: 10px;
-  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
-  --intergalactic-fs-100: 12px;
-  --intergalactic-fs-200: 14px;
-  --intergalactic-fs-300: 16px;
-  --intergalactic-fs-400: 20px;
-  --intergalactic-fs-500: 24px;
-  --intergalactic-fs-600: 32px;
-  --intergalactic-fs-700: 36px;
-  --intergalactic-fs-800: 48px;
-  /* Compact letter spacing. */
-  --intergalactic-compact: 0.3;
-  /* Base denominator of the design system. */
-  --intergalactic-scale-indent: 4px;
   /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
   --intergalactic-form-control-s: 20px;
   /* Default size of the controls. */
   --intergalactic-form-control-m: 28px;
   /* Large size of the controls. */
   --intergalactic-form-control-l: 40px;
-  /* 2px */
-  --intergalactic-spacing-05x: 2px;
-  /* 4px */
-  --intergalactic-spacing-1x: 4px;
-  /* 8px */
-  --intergalactic-spacing-2x: 8px;
-  /* 12px */
-  --intergalactic-spacing-3x: 12px;
-  /* 16px */
-  --intergalactic-spacing-4x: 16px;
-  /* 20px */
-  --intergalactic-spacing-5x: 20px;
-  /* 24px */
-  --intergalactic-spacing-6x: 24px;
-  /* 32px */
-  --intergalactic-spacing-8x: 32px;
-  /* 40px */
-  --intergalactic-spacing-10x: 40px;
-  /* 56px */
-  --intergalactic-spacing-14x: 56px;
-  /* 80px */
-  --intergalactic-spacing-20x: 80px;
-  /* 96px */
-  --intergalactic-spacing-24x: 96px;
-  /* 120px */
-  --intergalactic-spacing-30x: 120px;
-  --intergalactic-rounded-extra-small: 2px;
-  --intergalactic-rounded-small: 4px;
-  --intergalactic-rounded-medium: 6px;
-  --intergalactic-rounded-large: 12px;
-  --intergalactic-rounded-extra-large: 24px;
   /* Use for rounding addons and small controls like Checkbox. */
   --intergalactic-addon-rounded: 4px;
   /* Use for rounding Badge. */
@@ -654,16 +674,6 @@
   --intergalactic-popper-rounded: 6px;
   /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */
   --intergalactic-modal-rounded: 12px;
-  /* Use for the disabled state of all kind of the controls and elements. */
-  --intergalactic-disabled-opacity: 0.3;
-  /* Extra small screens (small phones). */
-  --intergalactic-screen-extra-small: 320px;
-  /* Small screens (phones and small tablets). */
-  --intergalactic-screen-small: 768px;
-  /* Medium screens (tablets and small laptops). */
-  --intergalactic-screen-medium: 1200px;
-  /* Large screens (tablets and laptops). */
-  --intergalactic-screen-large: 1920px;
   /* Use for cover the content under the modal dialogs. */
   --intergalactic-overlay-primary: rgba(25, 27, 35, 0.7);
   /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */
@@ -672,13 +682,6 @@
   --intergalactic-overlay-limitation-primary: #f4f5f9;
   /* Use as a secondary cover of the content under the messages about limitations. */
   --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85);
-  --intergalactic-z-index-deep: -999;
-  --intergalactic-z-index-overlay: 500;
-  --intergalactic-z-index-modal: 900;
-  --intergalactic-z-index-popper: 700;
-  --intergalactic-z-index-dropdown: 750;
-  --intergalactic-z-index-tooltip: 800;
-  --intergalactic-z-index-notice-bubble: 999;
   /* Default Tooltip background. */
   --intergalactic-tooltip-default: #ffffff;
   /* Warning Tooltip background. */
@@ -713,7 +716,7 @@
   --intergalactic-tag-primary-gray-hover-active: #E3E4E9;
   /* Blue background color for primary tag. It’s built with CSS filter brightness(150%) that was applied to blue-500 color with 0.2 opacity on the white background underneath. */
   --intergalactic-tag-primary-blue-normal: #D0EEFF;
-  /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath.  */
+  /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath. */
   --intergalactic-tag-primary-blue-hover-active: #B7E4FF;
   /* Green background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.2 opacity on the white background underneath. */
   --intergalactic-tag-primary-green-normal: #CFF1EA;
@@ -852,16 +855,13 @@
   --intergalactic-sidebar-nav-control-text-active: #4D407E;
   --intergalactic-sidebar-nav-control-icon-normal: #9083C5;
   --intergalactic-sidebar-nav-control-icon-active: #4D407E;
-  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
-  --intergalactic-duration-extra-slow: 500;
-  /* Should be used for more larger scale animations (such as page transitions) */
-  --intergalactic-duration-slow: 400;
-  /* Should be used for more complex effects (such as Modal) */
-  --intergalactic-duration-medium: 300;
-  /* Should be used for more complex effects (such as Dropdown or Accordion) */
-  --intergalactic-duration-fast: 200;
-  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
-  --intergalactic-duration-extra-fast: 100;
+  --intergalactic-z-index-deep: -999;
+  --intergalactic-z-index-overlay: 500;
+  --intergalactic-z-index-modal: 900;
+  --intergalactic-z-index-popper: 700;
+  --intergalactic-z-index-dropdown: 750;
+  --intergalactic-z-index-tooltip: 800;
+  --intergalactic-z-index-notice-bubble: 999;
   /* Use for small controls like Switch or Slider. */
   --intergalactic-duration-switch: 100;
   /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */
diff --git a/semcore/core/src/theme/themes/default.ts b/semcore/core/src/theme/themes/default.ts
index 00eb26cdfd..0b5d46d5cd 100644
--- a/semcore/core/src/theme/themes/default.ts
+++ b/semcore/core/src/theme/themes/default.ts
@@ -90,6 +90,57 @@ export default {
   '--salad-600': '#005613',
   '--salad-700': '#003509',
   '--salad-800': '#002203',
+  '--intergalactic-base': 'Inter',
+  '--intergalactic-fs-50': '10px',
+  '--intergalactic-fs-100': '12px',
+  '--intergalactic-fs-200': '14px',
+  '--intergalactic-fs-300': '16px',
+  '--intergalactic-fs-400': '20px',
+  '--intergalactic-fs-500': '24px',
+  '--intergalactic-fs-600': '32px',
+  '--intergalactic-fs-700': '36px',
+  '--intergalactic-fs-800': '48px',
+  '--intergalactic-lh-100': '133%',
+  '--intergalactic-lh-200': '142%',
+  '--intergalactic-lh-300': '150%',
+  '--intergalactic-lh-400': '120%',
+  '--intergalactic-lh-500': '117%',
+  '--intergalactic-lh-600': '125%',
+  '--intergalactic-lh-700': '110%',
+  '--intergalactic-lh-800': '117%',
+  '--intergalactic-semi-bold': '600',
+  '--intergalactic-bold': '700',
+  '--intergalactic-regular': '400',
+  '--intergalactic-medium': '500',
+  '--intergalactic-compact': '0.3',
+  '--intergalactic-scale-indent': '4px',
+  '--intergalactic-spacing-05x': '2px',
+  '--intergalactic-spacing-1x': '4px',
+  '--intergalactic-spacing-2x': '8px',
+  '--intergalactic-spacing-3x': '12px',
+  '--intergalactic-spacing-4x': '16px',
+  '--intergalactic-spacing-5x': '20px',
+  '--intergalactic-spacing-6x': '24px',
+  '--intergalactic-spacing-8x': '32px',
+  '--intergalactic-spacing-10x': '40px',
+  '--intergalactic-spacing-14x': '56px',
+  '--intergalactic-spacing-20x': '80px',
+  '--intergalactic-spacing-24x': '96px',
+  '--intergalactic-spacing-30x': '120px',
+  '--intergalactic-rounded-extra-small': '2px',
+  '--intergalactic-rounded-small': '4px',
+  '--intergalactic-rounded-medium': '6px',
+  '--intergalactic-rounded-large': '12px',
+  '--intergalactic-rounded-extra-large': '24px',
+  '--intergalactic-screen-extra-small': '320px',
+  '--intergalactic-screen-small': '768px',
+  '--intergalactic-screen-medium': '1200px',
+  '--intergalactic-screen-large': '1920px',
+  '--intergalactic-duration-extra-slow': '500',
+  '--intergalactic-duration-slow': '400',
+  '--intergalactic-duration-medium': '300',
+  '--intergalactic-duration-fast': '200',
+  '--intergalactic-duration-extra-fast': '100',
   '--intergalactic-bg-primary-neutral': '#ffffff',
   '--intergalactic-bg-primary-neutral-hover': '#f4f5f9',
   '--intergalactic-bg-primary-neutral-active': '#e0e1e9',
@@ -299,6 +350,7 @@ export default {
   '--intergalactic-brand-google-blue': '#1a0dab',
   '--intergalactic-brand-google-green': '#016723',
   '--intergalactic-brand-google-my-business': '#1a73e8',
+  '--intergalactic-disabled-opacity': '0.3',
   '--intergalactic-box-shadow-card': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)',
   '--intergalactic-box-shadow-card-hover': '3px 3px 30px 0px rgba(25, 27, 35, 0.15)',
   '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)',
@@ -312,51 +364,9 @@ export default {
   '--intergalactic-keyboard-focus-invert-outline': 'rgba(255, 255, 255, 0.8)',
   '--intergalactic-keyboard-focus-invert': '0px 0px 0px 3px rgba(255, 255, 255, 0.8)',
   '--intergalactic-keyboard-focus': '0px 0px 0px 3px rgba(0, 143, 248, 0.5)',
-  '--intergalactic-base': 'Inter',
-  '--intergalactic-lh-800': '117%',
-  '--intergalactic-lh-700': '110%',
-  '--intergalactic-lh-600': '125%',
-  '--intergalactic-lh-500': '117%',
-  '--intergalactic-lh-400': '120%',
-  '--intergalactic-lh-300': '150%',
-  '--intergalactic-lh-200': '142%',
-  '--intergalactic-lh-100': '133%',
-  '--intergalactic-semi-bold': '600',
-  '--intergalactic-bold': '700',
-  '--intergalactic-regular': '400',
-  '--intergalactic-medium': '500',
-  '--intergalactic-fs-50': '10px',
-  '--intergalactic-fs-100': '12px',
-  '--intergalactic-fs-200': '14px',
-  '--intergalactic-fs-300': '16px',
-  '--intergalactic-fs-400': '20px',
-  '--intergalactic-fs-500': '24px',
-  '--intergalactic-fs-600': '32px',
-  '--intergalactic-fs-700': '36px',
-  '--intergalactic-fs-800': '48px',
-  '--intergalactic-compact': '0.3',
-  '--intergalactic-scale-indent': '4px',
   '--intergalactic-form-control-s': '20px',
   '--intergalactic-form-control-m': '28px',
   '--intergalactic-form-control-l': '40px',
-  '--intergalactic-spacing-05x': '2px',
-  '--intergalactic-spacing-1x': '4px',
-  '--intergalactic-spacing-2x': '8px',
-  '--intergalactic-spacing-3x': '12px',
-  '--intergalactic-spacing-4x': '16px',
-  '--intergalactic-spacing-5x': '20px',
-  '--intergalactic-spacing-6x': '24px',
-  '--intergalactic-spacing-8x': '32px',
-  '--intergalactic-spacing-10x': '40px',
-  '--intergalactic-spacing-14x': '56px',
-  '--intergalactic-spacing-20x': '80px',
-  '--intergalactic-spacing-24x': '96px',
-  '--intergalactic-spacing-30x': '120px',
-  '--intergalactic-rounded-extra-small': '2px',
-  '--intergalactic-rounded-small': '4px',
-  '--intergalactic-rounded-medium': '6px',
-  '--intergalactic-rounded-large': '12px',
-  '--intergalactic-rounded-extra-large': '24px',
   '--intergalactic-addon-rounded': '4px',
   '--intergalactic-badge-rounded': '6px',
   '--intergalactic-chart-rounded': '2px',
@@ -368,22 +378,10 @@ export default {
   '--intergalactic-surface-rounded': '6px',
   '--intergalactic-popper-rounded': '6px',
   '--intergalactic-modal-rounded': '12px',
-  '--intergalactic-disabled-opacity': '0.3',
-  '--intergalactic-screen-extra-small': '320px',
-  '--intergalactic-screen-small': '768px',
-  '--intergalactic-screen-medium': '1200px',
-  '--intergalactic-screen-large': '1920px',
   '--intergalactic-overlay-primary': 'rgba(25, 27, 35, 0.7)',
   '--intergalactic-overlay-secondary': 'rgba(25, 27, 35, 0.4)',
   '--intergalactic-overlay-limitation-primary': '#f4f5f9',
   '--intergalactic-overlay-limitation-secondary': 'rgba(255, 255, 255, 0.85)',
-  '--intergalactic-z-index-deep': '-999',
-  '--intergalactic-z-index-overlay': '500',
-  '--intergalactic-z-index-modal': '900',
-  '--intergalactic-z-index-popper': '700',
-  '--intergalactic-z-index-dropdown': '750',
-  '--intergalactic-z-index-tooltip': '800',
-  '--intergalactic-z-index-notice-bubble': '999',
   '--intergalactic-tooltip-default': '#ffffff',
   '--intergalactic-tooltip-warning': '#ffd7df',
   '--intergalactic-tooltip-invert': '#191b23',
@@ -475,11 +473,13 @@ export default {
   '--intergalactic-sidebar-nav-control-text-active': '#4D407E',
   '--intergalactic-sidebar-nav-control-icon-normal': '#9083C5',
   '--intergalactic-sidebar-nav-control-icon-active': '#4D407E',
-  '--intergalactic-duration-extra-slow': '500',
-  '--intergalactic-duration-slow': '400',
-  '--intergalactic-duration-medium': '300',
-  '--intergalactic-duration-fast': '200',
-  '--intergalactic-duration-extra-fast': '100',
+  '--intergalactic-z-index-deep': '-999',
+  '--intergalactic-z-index-overlay': '500',
+  '--intergalactic-z-index-modal': '900',
+  '--intergalactic-z-index-popper': '700',
+  '--intergalactic-z-index-dropdown': '750',
+  '--intergalactic-z-index-tooltip': '800',
+  '--intergalactic-z-index-notice-bubble': '999',
   '--intergalactic-duration-switch': '100',
   '--intergalactic-duration-popper': '200',
   '--intergalactic-duration-control': '200',
diff --git a/semcore/core/src/theme/themes/light.css b/semcore/core/src/theme/themes/light.css
index f382248a02..f9703fd55f 100644
--- a/semcore/core/src/theme/themes/light.css
+++ b/semcore/core/src/theme/themes/light.css
@@ -110,6 +110,96 @@
   --salad-600: #005613;
   --salad-700: #003509;
   --salad-800: #002203;
+  /* Base font family. */
+  --intergalactic-base: Inter;
+  /* Use only for text in Badge component. */
+  --intergalactic-fs-50: 10px;
+  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
+  --intergalactic-fs-100: 12px;
+  --intergalactic-fs-200: 14px;
+  --intergalactic-fs-300: 16px;
+  --intergalactic-fs-400: 20px;
+  --intergalactic-fs-500: 24px;
+  --intergalactic-fs-600: 32px;
+  --intergalactic-fs-700: 36px;
+  --intergalactic-fs-800: 48px;
+  /* Use with font-size-100. */
+  --intergalactic-lh-100: 133%;
+  /* Use with font-size-200. */
+  --intergalactic-lh-200: 142%;
+  /* Use with font-size-300. */
+  --intergalactic-lh-300: 150%;
+  /* Use with font-size-400. */
+  --intergalactic-lh-400: 120%;
+  /* Use with font-size-500. */
+  --intergalactic-lh-500: 117%;
+  /* Use with font-size-600. */
+  --intergalactic-lh-600: 125%;
+  /* Use with font-size-700. */
+  --intergalactic-lh-700: 110%;
+  /* Use with font-size-800. */
+  --intergalactic-lh-800: 117%;
+  /* Semi-bold font weight. */
+  --intergalactic-semi-bold: 600;
+  /* Bold font weight. */
+  --intergalactic-bold: 700;
+  /* Regular font weight. */
+  --intergalactic-regular: 400;
+  /* Medium font weight. */
+  --intergalactic-medium: 500;
+  /* Compact letter spacing. */
+  --intergalactic-compact: 0.3;
+  /* Base denominator of the design system. */
+  --intergalactic-scale-indent: 4px;
+  /* 2px */
+  --intergalactic-spacing-05x: 2px;
+  /* 4px */
+  --intergalactic-spacing-1x: 4px;
+  /* 8px */
+  --intergalactic-spacing-2x: 8px;
+  /* 12px */
+  --intergalactic-spacing-3x: 12px;
+  /* 16px */
+  --intergalactic-spacing-4x: 16px;
+  /* 20px */
+  --intergalactic-spacing-5x: 20px;
+  /* 24px */
+  --intergalactic-spacing-6x: 24px;
+  /* 32px */
+  --intergalactic-spacing-8x: 32px;
+  /* 40px */
+  --intergalactic-spacing-10x: 40px;
+  /* 56px */
+  --intergalactic-spacing-14x: 56px;
+  /* 80px */
+  --intergalactic-spacing-20x: 80px;
+  /* 96px */
+  --intergalactic-spacing-24x: 96px;
+  /* 120px */
+  --intergalactic-spacing-30x: 120px;
+  --intergalactic-rounded-extra-small: 2px;
+  --intergalactic-rounded-small: 4px;
+  --intergalactic-rounded-medium: 6px;
+  --intergalactic-rounded-large: 12px;
+  --intergalactic-rounded-extra-large: 24px;
+  /* Extra small screens (small phones). */
+  --intergalactic-screen-extra-small: 320px;
+  /* Small screens (phones and small tablets). */
+  --intergalactic-screen-small: 768px;
+  /* Medium screens (tablets and small laptops). */
+  --intergalactic-screen-medium: 1200px;
+  /* Large screens (tablets and laptops). */
+  --intergalactic-screen-large: 1920px;
+  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
+  --intergalactic-duration-extra-slow: 500;
+  /* Should be used for more larger scale animations (such as page transitions) */
+  --intergalactic-duration-slow: 400;
+  /* Should be used for more complex effects (such as Modal) */
+  --intergalactic-duration-medium: 300;
+  /* Should be used for more complex effects (such as Dropdown or Accordion) */
+  --intergalactic-duration-fast: 200;
+  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
+  --intergalactic-duration-extra-fast: 100;
   /* Primary background of the interface which contains the main data and information. */
   --intergalactic-bg-primary-neutral: #ffffff;
   /* Hover state of the primary background of the interface which contains the main data and information. */
@@ -528,6 +618,8 @@
   --intergalactic-brand-google-green: #016723;
   /* Google My Business brand color. */
   --intergalactic-brand-google-my-business: #1a73e8;
+  /* Use for the disabled state of all kind of the controls and elements. */
+  --intergalactic-disabled-opacity: 0.3;
   /* Default shadow of the Card. */
   --intergalactic-box-shadow-card: 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12);
   /* Hover state for the shadow of the Card with hover state. */
@@ -554,84 +646,12 @@
   --intergalactic-keyboard-focus-invert: 0px 0px 0px 3px rgba(255, 255, 255, 0.8);
   /* Default keyboard focus box-shadow styles. */
   --intergalactic-keyboard-focus: 0px 0px 0px 3px rgba(0, 143, 248, 0.5);
-  /* Base font family. */
-  --intergalactic-base: Inter;
-  /* Use with font-size-800. */
-  --intergalactic-lh-800: 117%;
-  /* Use with font-size-700. */
-  --intergalactic-lh-700: 110%;
-  /* Use with font-size-600. */
-  --intergalactic-lh-600: 125%;
-  /* Use with font-size-500. */
-  --intergalactic-lh-500: 117%;
-  /* Use with font-size-400. */
-  --intergalactic-lh-400: 120%;
-  /* Use with font-size-300. */
-  --intergalactic-lh-300: 150%;
-  /* Use with font-size-200. */
-  --intergalactic-lh-200: 142%;
-  /* Use with font-size-100. */
-  --intergalactic-lh-100: 133%;
-  /* Semi-bold font weight. */
-  --intergalactic-semi-bold: 600;
-  /* Bold font weight. */
-  --intergalactic-bold: 700;
-  /* Regular font weight. */
-  --intergalactic-regular: 400;
-  /* Medium font weight. */
-  --intergalactic-medium: 500;
-  /* Use only for text in Badge component. */
-  --intergalactic-fs-50: 10px;
-  /* Use this font-size with caution for text in some additional messages. Always check its contrast and readability. */
-  --intergalactic-fs-100: 12px;
-  --intergalactic-fs-200: 14px;
-  --intergalactic-fs-300: 16px;
-  --intergalactic-fs-400: 20px;
-  --intergalactic-fs-500: 24px;
-  --intergalactic-fs-600: 32px;
-  --intergalactic-fs-700: 36px;
-  --intergalactic-fs-800: 48px;
-  /* Compact letter spacing. */
-  --intergalactic-compact: 0.3;
-  /* Base denominator of the design system. */
-  --intergalactic-scale-indent: 4px;
   /* Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions. */
   --intergalactic-form-control-s: 20px;
   /* Default size of the controls. */
   --intergalactic-form-control-m: 28px;
   /* Large size of the controls. */
   --intergalactic-form-control-l: 40px;
-  /* 2px */
-  --intergalactic-spacing-05x: 2px;
-  /* 4px */
-  --intergalactic-spacing-1x: 4px;
-  /* 8px */
-  --intergalactic-spacing-2x: 8px;
-  /* 12px */
-  --intergalactic-spacing-3x: 12px;
-  /* 16px */
-  --intergalactic-spacing-4x: 16px;
-  /* 20px */
-  --intergalactic-spacing-5x: 20px;
-  /* 24px */
-  --intergalactic-spacing-6x: 24px;
-  /* 32px */
-  --intergalactic-spacing-8x: 32px;
-  /* 40px */
-  --intergalactic-spacing-10x: 40px;
-  /* 56px */
-  --intergalactic-spacing-14x: 56px;
-  /* 80px */
-  --intergalactic-spacing-20x: 80px;
-  /* 96px */
-  --intergalactic-spacing-24x: 96px;
-  /* 120px */
-  --intergalactic-spacing-30x: 120px;
-  --intergalactic-rounded-extra-small: 2px;
-  --intergalactic-rounded-small: 4px;
-  --intergalactic-rounded-medium: 6px;
-  --intergalactic-rounded-large: 12px;
-  --intergalactic-rounded-extra-large: 24px;
   /* Use for rounding addons and small controls like Checkbox. */
   --intergalactic-addon-rounded: 4px;
   /* Use for rounding Badge. */
@@ -654,16 +674,6 @@
   --intergalactic-popper-rounded: 6px;
   /* Use for rounding all kinds of big modal dialogs (e.g., Modal, Wizard). */
   --intergalactic-modal-rounded: 12px;
-  /* Use for the disabled state of all kind of the controls and elements. */
-  --intergalactic-disabled-opacity: 0.3;
-  /* Extra small screens (small phones). */
-  --intergalactic-screen-extra-small: 320px;
-  /* Small screens (phones and small tablets). */
-  --intergalactic-screen-small: 768px;
-  /* Medium screens (tablets and small laptops). */
-  --intergalactic-screen-medium: 1200px;
-  /* Large screens (tablets and laptops). */
-  --intergalactic-screen-large: 1920px;
   /* Use for cover the content under the modal dialogs. */
   --intergalactic-overlay-primary: rgba(25, 27, 35, 0.7);
   /* Use for the secondary modal dialogs that were opened upon the other modal dialogs. */
@@ -672,13 +682,6 @@
   --intergalactic-overlay-limitation-primary: #f4f5f9;
   /* Use as a secondary cover of the content under the messages about limitations. */
   --intergalactic-overlay-limitation-secondary: rgba(255, 255, 255, 0.85);
-  --intergalactic-z-index-deep: -999;
-  --intergalactic-z-index-overlay: 500;
-  --intergalactic-z-index-modal: 900;
-  --intergalactic-z-index-popper: 700;
-  --intergalactic-z-index-dropdown: 750;
-  --intergalactic-z-index-tooltip: 800;
-  --intergalactic-z-index-notice-bubble: 999;
   /* Default Tooltip background. */
   --intergalactic-tooltip-default: #ffffff;
   /* Warning Tooltip background. */
@@ -713,7 +716,7 @@
   --intergalactic-tag-primary-gray-hover-active: #E3E4E9;
   /* Blue background color for primary tag. It’s built with CSS filter brightness(150%) that was applied to blue-500 color with 0.2 opacity on the white background underneath. */
   --intergalactic-tag-primary-blue-normal: #D0EEFF;
-  /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath.  */
+  /* Blue background color for the hover and active states of the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the blue-500 color with 0.3 opacity on the white background underneath. */
   --intergalactic-tag-primary-blue-hover-active: #B7E4FF;
   /* Green background color for the primary tag. It’s created using a CSS filter with a brightness of 150%, applied to the green-500 color with 0.2 opacity on the white background underneath. */
   --intergalactic-tag-primary-green-normal: #CFF1EA;
@@ -852,16 +855,13 @@
   --intergalactic-sidebar-nav-control-text-active: #4D407E;
   --intergalactic-sidebar-nav-control-icon-normal: #9083C5;
   --intergalactic-sidebar-nav-control-icon-active: #4D407E;
-  /* Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen) */
-  --intergalactic-duration-extra-slow: 500;
-  /* Should be used for more larger scale animations (such as page transitions) */
-  --intergalactic-duration-slow: 400;
-  /* Should be used for more complex effects (such as Modal) */
-  --intergalactic-duration-medium: 300;
-  /* Should be used for more complex effects (such as Dropdown or Accordion) */
-  --intergalactic-duration-fast: 200;
-  /* Should be used for simpler effects and relatively small-sized animations (such as fades or color changes) */
-  --intergalactic-duration-extra-fast: 100;
+  --intergalactic-z-index-deep: -999;
+  --intergalactic-z-index-overlay: 500;
+  --intergalactic-z-index-modal: 900;
+  --intergalactic-z-index-popper: 700;
+  --intergalactic-z-index-dropdown: 750;
+  --intergalactic-z-index-tooltip: 800;
+  --intergalactic-z-index-notice-bubble: 999;
   /* Use for small controls like Switch or Slider. */
   --intergalactic-duration-switch: 100;
   /* Use for components based on popper like Tooltip, Dropdown or Filter trigger. */
diff --git a/semcore/core/src/theme/themes/light.ts b/semcore/core/src/theme/themes/light.ts
index 00eb26cdfd..0b5d46d5cd 100644
--- a/semcore/core/src/theme/themes/light.ts
+++ b/semcore/core/src/theme/themes/light.ts
@@ -90,6 +90,57 @@ export default {
   '--salad-600': '#005613',
   '--salad-700': '#003509',
   '--salad-800': '#002203',
+  '--intergalactic-base': 'Inter',
+  '--intergalactic-fs-50': '10px',
+  '--intergalactic-fs-100': '12px',
+  '--intergalactic-fs-200': '14px',
+  '--intergalactic-fs-300': '16px',
+  '--intergalactic-fs-400': '20px',
+  '--intergalactic-fs-500': '24px',
+  '--intergalactic-fs-600': '32px',
+  '--intergalactic-fs-700': '36px',
+  '--intergalactic-fs-800': '48px',
+  '--intergalactic-lh-100': '133%',
+  '--intergalactic-lh-200': '142%',
+  '--intergalactic-lh-300': '150%',
+  '--intergalactic-lh-400': '120%',
+  '--intergalactic-lh-500': '117%',
+  '--intergalactic-lh-600': '125%',
+  '--intergalactic-lh-700': '110%',
+  '--intergalactic-lh-800': '117%',
+  '--intergalactic-semi-bold': '600',
+  '--intergalactic-bold': '700',
+  '--intergalactic-regular': '400',
+  '--intergalactic-medium': '500',
+  '--intergalactic-compact': '0.3',
+  '--intergalactic-scale-indent': '4px',
+  '--intergalactic-spacing-05x': '2px',
+  '--intergalactic-spacing-1x': '4px',
+  '--intergalactic-spacing-2x': '8px',
+  '--intergalactic-spacing-3x': '12px',
+  '--intergalactic-spacing-4x': '16px',
+  '--intergalactic-spacing-5x': '20px',
+  '--intergalactic-spacing-6x': '24px',
+  '--intergalactic-spacing-8x': '32px',
+  '--intergalactic-spacing-10x': '40px',
+  '--intergalactic-spacing-14x': '56px',
+  '--intergalactic-spacing-20x': '80px',
+  '--intergalactic-spacing-24x': '96px',
+  '--intergalactic-spacing-30x': '120px',
+  '--intergalactic-rounded-extra-small': '2px',
+  '--intergalactic-rounded-small': '4px',
+  '--intergalactic-rounded-medium': '6px',
+  '--intergalactic-rounded-large': '12px',
+  '--intergalactic-rounded-extra-large': '24px',
+  '--intergalactic-screen-extra-small': '320px',
+  '--intergalactic-screen-small': '768px',
+  '--intergalactic-screen-medium': '1200px',
+  '--intergalactic-screen-large': '1920px',
+  '--intergalactic-duration-extra-slow': '500',
+  '--intergalactic-duration-slow': '400',
+  '--intergalactic-duration-medium': '300',
+  '--intergalactic-duration-fast': '200',
+  '--intergalactic-duration-extra-fast': '100',
   '--intergalactic-bg-primary-neutral': '#ffffff',
   '--intergalactic-bg-primary-neutral-hover': '#f4f5f9',
   '--intergalactic-bg-primary-neutral-active': '#e0e1e9',
@@ -299,6 +350,7 @@ export default {
   '--intergalactic-brand-google-blue': '#1a0dab',
   '--intergalactic-brand-google-green': '#016723',
   '--intergalactic-brand-google-my-business': '#1a73e8',
+  '--intergalactic-disabled-opacity': '0.3',
   '--intergalactic-box-shadow-card': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)',
   '--intergalactic-box-shadow-card-hover': '3px 3px 30px 0px rgba(25, 27, 35, 0.15)',
   '--intergalactic-box-shadow-dnd': '0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16)',
@@ -312,51 +364,9 @@ export default {
   '--intergalactic-keyboard-focus-invert-outline': 'rgba(255, 255, 255, 0.8)',
   '--intergalactic-keyboard-focus-invert': '0px 0px 0px 3px rgba(255, 255, 255, 0.8)',
   '--intergalactic-keyboard-focus': '0px 0px 0px 3px rgba(0, 143, 248, 0.5)',
-  '--intergalactic-base': 'Inter',
-  '--intergalactic-lh-800': '117%',
-  '--intergalactic-lh-700': '110%',
-  '--intergalactic-lh-600': '125%',
-  '--intergalactic-lh-500': '117%',
-  '--intergalactic-lh-400': '120%',
-  '--intergalactic-lh-300': '150%',
-  '--intergalactic-lh-200': '142%',
-  '--intergalactic-lh-100': '133%',
-  '--intergalactic-semi-bold': '600',
-  '--intergalactic-bold': '700',
-  '--intergalactic-regular': '400',
-  '--intergalactic-medium': '500',
-  '--intergalactic-fs-50': '10px',
-  '--intergalactic-fs-100': '12px',
-  '--intergalactic-fs-200': '14px',
-  '--intergalactic-fs-300': '16px',
-  '--intergalactic-fs-400': '20px',
-  '--intergalactic-fs-500': '24px',
-  '--intergalactic-fs-600': '32px',
-  '--intergalactic-fs-700': '36px',
-  '--intergalactic-fs-800': '48px',
-  '--intergalactic-compact': '0.3',
-  '--intergalactic-scale-indent': '4px',
   '--intergalactic-form-control-s': '20px',
   '--intergalactic-form-control-m': '28px',
   '--intergalactic-form-control-l': '40px',
-  '--intergalactic-spacing-05x': '2px',
-  '--intergalactic-spacing-1x': '4px',
-  '--intergalactic-spacing-2x': '8px',
-  '--intergalactic-spacing-3x': '12px',
-  '--intergalactic-spacing-4x': '16px',
-  '--intergalactic-spacing-5x': '20px',
-  '--intergalactic-spacing-6x': '24px',
-  '--intergalactic-spacing-8x': '32px',
-  '--intergalactic-spacing-10x': '40px',
-  '--intergalactic-spacing-14x': '56px',
-  '--intergalactic-spacing-20x': '80px',
-  '--intergalactic-spacing-24x': '96px',
-  '--intergalactic-spacing-30x': '120px',
-  '--intergalactic-rounded-extra-small': '2px',
-  '--intergalactic-rounded-small': '4px',
-  '--intergalactic-rounded-medium': '6px',
-  '--intergalactic-rounded-large': '12px',
-  '--intergalactic-rounded-extra-large': '24px',
   '--intergalactic-addon-rounded': '4px',
   '--intergalactic-badge-rounded': '6px',
   '--intergalactic-chart-rounded': '2px',
@@ -368,22 +378,10 @@ export default {
   '--intergalactic-surface-rounded': '6px',
   '--intergalactic-popper-rounded': '6px',
   '--intergalactic-modal-rounded': '12px',
-  '--intergalactic-disabled-opacity': '0.3',
-  '--intergalactic-screen-extra-small': '320px',
-  '--intergalactic-screen-small': '768px',
-  '--intergalactic-screen-medium': '1200px',
-  '--intergalactic-screen-large': '1920px',
   '--intergalactic-overlay-primary': 'rgba(25, 27, 35, 0.7)',
   '--intergalactic-overlay-secondary': 'rgba(25, 27, 35, 0.4)',
   '--intergalactic-overlay-limitation-primary': '#f4f5f9',
   '--intergalactic-overlay-limitation-secondary': 'rgba(255, 255, 255, 0.85)',
-  '--intergalactic-z-index-deep': '-999',
-  '--intergalactic-z-index-overlay': '500',
-  '--intergalactic-z-index-modal': '900',
-  '--intergalactic-z-index-popper': '700',
-  '--intergalactic-z-index-dropdown': '750',
-  '--intergalactic-z-index-tooltip': '800',
-  '--intergalactic-z-index-notice-bubble': '999',
   '--intergalactic-tooltip-default': '#ffffff',
   '--intergalactic-tooltip-warning': '#ffd7df',
   '--intergalactic-tooltip-invert': '#191b23',
@@ -475,11 +473,13 @@ export default {
   '--intergalactic-sidebar-nav-control-text-active': '#4D407E',
   '--intergalactic-sidebar-nav-control-icon-normal': '#9083C5',
   '--intergalactic-sidebar-nav-control-icon-active': '#4D407E',
-  '--intergalactic-duration-extra-slow': '500',
-  '--intergalactic-duration-slow': '400',
-  '--intergalactic-duration-medium': '300',
-  '--intergalactic-duration-fast': '200',
-  '--intergalactic-duration-extra-fast': '100',
+  '--intergalactic-z-index-deep': '-999',
+  '--intergalactic-z-index-overlay': '500',
+  '--intergalactic-z-index-modal': '900',
+  '--intergalactic-z-index-popper': '700',
+  '--intergalactic-z-index-dropdown': '750',
+  '--intergalactic-z-index-tooltip': '800',
+  '--intergalactic-z-index-notice-bubble': '999',
   '--intergalactic-duration-switch': '100',
   '--intergalactic-duration-popper': '200',
   '--intergalactic-duration-control': '200',
diff --git a/semcore/core/src/theme/utils.ts b/semcore/core/src/theme/utils.ts
index 01a86a8374..91ad5cee4c 100644
--- a/semcore/core/src/theme/utils.ts
+++ b/semcore/core/src/theme/utils.ts
@@ -269,15 +269,16 @@ export const processTokens = (base: TokensInput, tokens: TokensInput, featureHig
     }
   }
 
-  const processedTokens: { name: string; value: string; description: string }[] = [];
-  const highlightsTokens: { name: string; value: string; description: string }[] = [];
+  const processedTokens: { name: string; value: string; description: string; originalName: string }[] = [];
+  const highlightsTokens: { name: string; value: string; description: string; originalName: string }[] = [];
 
   for (const token in values) {
-    const isBase = basicTokens.has(token);
+    const isBase = basicTokens.has(token) && types[token] === 'color';
     (highlightTokens.has(token) ? highlightsTokens : processedTokens).push({
       name: isBase ? `--${token}` : `--${prefix}-${token}`,
       description: descriptions[token],
       value: values[token],
+      originalName: token,
     });
   }
 
diff --git a/semcore/core/vite.config.ts b/semcore/core/vite.config.ts
index 7a364f5b71..620be34401 100644
--- a/semcore/core/vite.config.ts
+++ b/semcore/core/vite.config.ts
@@ -22,6 +22,8 @@ export default mergeConfig(
           'classnames',
           'hoist-non-react-statics',
           '@phytonmk/nano-css',
+
+          '@pandacss/dev',
         ],
         output: [
           {
diff --git a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-webkit-linux.png b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-webkit-linux.png
index 6cef309f01..85d37922e5 100644
Binary files a/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-webkit-linux.png and b/semcore/d3-chart/__tests__/bubble-chart.browser-test.tsx-snapshots/-visual-Verify-bubble-chart-implementation-1-webkit-linux.png differ
diff --git a/website/docs/style/design-tokens/base-tokens.json b/website/docs/style/design-tokens/base-tokens.json
index af342b29f8..57837b1083 100644
--- a/website/docs/style/design-tokens/base-tokens.json
+++ b/website/docs/style/design-tokens/base-tokens.json
@@ -382,5 +382,248 @@
   {
     "name": "--salad-800",
     "value": "#002203"
+  },
+  {
+    "name": "--intergalactic-base",
+    "value": "Inter",
+    "description": "Base font family."
+  },
+  {
+    "name": "--intergalactic-fs-50",
+    "value": "10px",
+    "description": "Use only for text in Badge component."
+  },
+  {
+    "name": "--intergalactic-fs-100",
+    "value": "12px",
+    "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability."
+  },
+  {
+    "name": "--intergalactic-fs-200",
+    "value": "14px"
+  },
+  {
+    "name": "--intergalactic-fs-300",
+    "value": "16px"
+  },
+  {
+    "name": "--intergalactic-fs-400",
+    "value": "20px"
+  },
+  {
+    "name": "--intergalactic-fs-500",
+    "value": "24px"
+  },
+  {
+    "name": "--intergalactic-fs-600",
+    "value": "32px"
+  },
+  {
+    "name": "--intergalactic-fs-700",
+    "value": "36px"
+  },
+  {
+    "name": "--intergalactic-fs-800",
+    "value": "48px"
+  },
+  {
+    "name": "--intergalactic-lh-100",
+    "value": "133%",
+    "description": "Use with font-size-100."
+  },
+  {
+    "name": "--intergalactic-lh-200",
+    "value": "142%",
+    "description": "Use with font-size-200."
+  },
+  {
+    "name": "--intergalactic-lh-300",
+    "value": "150%",
+    "description": "Use with font-size-300."
+  },
+  {
+    "name": "--intergalactic-lh-400",
+    "value": "120%",
+    "description": "Use with font-size-400."
+  },
+  {
+    "name": "--intergalactic-lh-500",
+    "value": "117%",
+    "description": "Use with font-size-500."
+  },
+  {
+    "name": "--intergalactic-lh-600",
+    "value": "125%",
+    "description": "Use with font-size-600."
+  },
+  {
+    "name": "--intergalactic-lh-700",
+    "value": "110%",
+    "description": "Use with font-size-700."
+  },
+  {
+    "name": "--intergalactic-lh-800",
+    "value": "117%",
+    "description": "Use with font-size-800."
+  },
+  {
+    "name": "--intergalactic-semi-bold",
+    "value": "600",
+    "description": "Semi-bold font weight."
+  },
+  {
+    "name": "--intergalactic-bold",
+    "value": "700",
+    "description": "Bold font weight."
+  },
+  {
+    "name": "--intergalactic-regular",
+    "value": "400",
+    "description": "Regular font weight."
+  },
+  {
+    "name": "--intergalactic-medium",
+    "value": "500",
+    "description": "Medium font weight."
+  },
+  {
+    "name": "--intergalactic-compact",
+    "value": "0.3",
+    "description": "Compact letter spacing."
+  },
+  {
+    "name": "--intergalactic-scale-indent",
+    "value": "4px",
+    "description": "Base denominator of the design system."
+  },
+  {
+    "name": "--intergalactic-spacing-05x",
+    "value": "2px",
+    "description": "2px"
+  },
+  {
+    "name": "--intergalactic-spacing-1x",
+    "value": "4px",
+    "description": "4px"
+  },
+  {
+    "name": "--intergalactic-spacing-2x",
+    "value": "8px",
+    "description": "8px"
+  },
+  {
+    "name": "--intergalactic-spacing-3x",
+    "value": "12px",
+    "description": "12px"
+  },
+  {
+    "name": "--intergalactic-spacing-4x",
+    "value": "16px",
+    "description": "16px"
+  },
+  {
+    "name": "--intergalactic-spacing-5x",
+    "value": "20px",
+    "description": "20px"
+  },
+  {
+    "name": "--intergalactic-spacing-6x",
+    "value": "24px",
+    "description": "24px"
+  },
+  {
+    "name": "--intergalactic-spacing-8x",
+    "value": "32px",
+    "description": "32px"
+  },
+  {
+    "name": "--intergalactic-spacing-10x",
+    "value": "40px",
+    "description": "40px"
+  },
+  {
+    "name": "--intergalactic-spacing-14x",
+    "value": "56px",
+    "description": "56px"
+  },
+  {
+    "name": "--intergalactic-spacing-20x",
+    "value": "80px",
+    "description": "80px"
+  },
+  {
+    "name": "--intergalactic-spacing-24x",
+    "value": "96px",
+    "description": "96px"
+  },
+  {
+    "name": "--intergalactic-spacing-30x",
+    "value": "120px",
+    "description": "120px"
+  },
+  {
+    "name": "--intergalactic-rounded-extra-small",
+    "value": "2px"
+  },
+  {
+    "name": "--intergalactic-rounded-small",
+    "value": "4px"
+  },
+  {
+    "name": "--intergalactic-rounded-medium",
+    "value": "6px"
+  },
+  {
+    "name": "--intergalactic-rounded-large",
+    "value": "12px"
+  },
+  {
+    "name": "--intergalactic-rounded-extra-large",
+    "value": "24px"
+  },
+  {
+    "name": "--intergalactic-screen-extra-small",
+    "value": "320px",
+    "description": "Extra small screens (small phones)."
+  },
+  {
+    "name": "--intergalactic-screen-small",
+    "value": "768px",
+    "description": "Small screens (phones and small tablets)."
+  },
+  {
+    "name": "--intergalactic-screen-medium",
+    "value": "1200px",
+    "description": "Medium screens (tablets and small laptops)."
+  },
+  {
+    "name": "--intergalactic-screen-large",
+    "value": "1920px",
+    "description": "Large screens (tablets and laptops)."
+  },
+  {
+    "name": "--intergalactic-duration-extra-slow",
+    "value": "500",
+    "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)"
+  },
+  {
+    "name": "--intergalactic-duration-slow",
+    "value": "400",
+    "description": "Should be used for more larger scale animations (such as page transitions)"
+  },
+  {
+    "name": "--intergalactic-duration-medium",
+    "value": "300",
+    "description": "Should be used for more complex effects (such as Modal)"
+  },
+  {
+    "name": "--intergalactic-duration-fast",
+    "value": "200",
+    "description": "Should be used for more complex effects (such as Dropdown or Accordion)"
+  },
+  {
+    "name": "--intergalactic-duration-extra-fast",
+    "value": "100",
+    "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)"
   }
 ]
diff --git a/website/docs/style/design-tokens/design-tokens.json b/website/docs/style/design-tokens/design-tokens.json
index 24a2edc59e..863d5f3b06 100644
--- a/website/docs/style/design-tokens/design-tokens.json
+++ b/website/docs/style/design-tokens/design-tokens.json
@@ -2167,6 +2167,38 @@
     "description": "Google My Business brand color.",
     "components": []
   },
+  {
+    "name": "--intergalactic-disabled-opacity",
+    "type": "opacity",
+    "rawValue": "0.3",
+    "computedValue": "0.3",
+    "description": "Use for the disabled state of all kind of the controls and elements.",
+    "components": [
+      "accordion",
+      "base-trigger",
+      "bulk-textarea",
+      "button",
+      "carousel",
+      "checkbox",
+      "date-picker",
+      "dropdown",
+      "inline-input",
+      "input",
+      "input-number",
+      "link",
+      "pills",
+      "radio",
+      "slider",
+      "switch",
+      "tab-line",
+      "tab-panel",
+      "tag",
+      "textarea",
+      "time-picker",
+      "typography",
+      "wizard"
+    ]
+  },
   {
     "name": "--intergalactic-box-shadow-card",
     "type": "boxShadow",
@@ -2227,834 +2259,120 @@
     "description": "Color for default keyboard focus outline styles.",
     "components": []
   },
-  {
-    "name": "--intergalactic-keyboard-focus-invalid-outline",
-    "type": "color",
-    "rawValue": "{red.400}",
-    "computedValue": "#ff4953",
-    "description": "Color for keyboard focus outline styles for elements with invalid state.",
-    "components": [
-      "base-trigger",
-      "bulk-textarea",
-      "checkbox",
-      "inline-input",
-      "input",
-      "radio",
-      "textarea"
-    ]
-  },
-  {
-    "name": "--intergalactic-keyboard-focus-invalid",
-    "type": "boxShadow",
-    "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)",
-    "computedValue": "0px 0px 0px 3px rgba(255, 73, 83, 0.5)",
-    "description": "Keyboard focus styles for elements with invalid state.",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-keyboard-focus-valid-outline",
-    "type": "color",
-    "rawValue": "{green.400}",
-    "computedValue": "#009f81",
-    "description": "Color for keyboard focus outline styles for elements with valid state.",
-    "components": [
-      "bulk-textarea",
-      "inline-input",
-      "input",
-      "textarea"
-    ]
-  },
-  {
-    "name": "--intergalactic-keyboard-focus-valid",
-    "type": "boxShadow",
-    "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)",
-    "computedValue": "0px 0px 0px 3px rgba(0, 159, 129, 0.5)",
-    "description": "Keyboard focus styles for elements with valid state.",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-keyboard-focus-invert-outline",
-    "type": "color",
-    "rawValue": "rgba({gray.white}, 0.8)",
-    "computedValue": "rgba(255, 255, 255, 0.8)",
-    "description": "Color for keyboard focus outline styles to use on the dark and color background.",
-    "components": [
-      "base-components",
-      "carousel",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-keyboard-focus-invert",
-    "type": "boxShadow",
-    "rawValue": "0px 0px 0px 3px {keyboard-focus.invert.outline}",
-    "computedValue": "0px 0px 0px 3px rgba(255, 255, 255, 0.8)",
-    "description": "Keyboard focus styles for use on dark backgrounds.",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-keyboard-focus",
-    "type": "boxShadow",
-    "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)",
-    "computedValue": "0px 0px 0px 3px rgba(0, 143, 248, 0.5)",
-    "description": "Default keyboard focus box-shadow styles.",
-    "components": [
-      "input-tags",
-      "tag"
-    ]
-  },
-  {
-    "name": "--intergalactic-base",
-    "type": "fontFamilies",
-    "rawValue": "Inter",
-    "computedValue": "Inter",
-    "description": "Base font family.",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-lh-800",
-    "type": "lineHeights",
-    "rawValue": "117%",
-    "computedValue": "117%",
-    "description": "Use with font-size-800.",
-    "components": [
-      "button",
-      "format-text",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-lh-700",
-    "type": "lineHeights",
-    "rawValue": "110%",
-    "computedValue": "110%",
-    "description": "Use with font-size-700.",
-    "components": [
-      "button",
-      "errors",
-      "format-text",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-lh-600",
-    "type": "lineHeights",
-    "rawValue": "125%",
-    "computedValue": "125%",
-    "description": "Use with font-size-600.",
-    "components": [
-      "button",
-      "format-text",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-lh-500",
-    "type": "lineHeights",
-    "rawValue": "117%",
-    "computedValue": "117%",
-    "description": "Use with font-size-500.",
-    "components": [
-      "button",
-      "format-text",
-      "fullscreen-modal",
-      "modal",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-lh-400",
-    "type": "lineHeights",
-    "rawValue": "120%",
-    "computedValue": "120%",
-    "description": "Use with font-size-400.",
-    "components": [
-      "button",
-      "format-text",
-      "product-head",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-lh-300",
-    "type": "lineHeights",
-    "rawValue": "150%",
-    "computedValue": "150%",
-    "description": "Use with font-size-300.",
-    "components": [
-      "bulk-textarea",
-      "button",
-      "card",
-      "checkbox",
-      "d3-chart",
-      "dropdown",
-      "errors",
-      "feedback-form",
-      "format-text",
-      "pagination",
-      "radio",
-      "side-panel",
-      "switch",
-      "tab-line",
-      "tag",
-      "textarea",
-      "typography",
-      "widget-empty",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-lh-200",
-    "type": "lineHeights",
-    "rawValue": "142%",
-    "computedValue": "142%",
-    "description": "Use with font-size-200.",
-    "components": [
-      "base-trigger",
-      "breadcrumbs",
-      "bulk-textarea",
-      "button",
-      "checkbox",
-      "d3-chart",
-      "data-table",
-      "dropdown",
-      "format-text",
-      "fullscreen-modal",
-      "notice",
-      "notice-bubble",
-      "notice-global",
-      "pagination",
-      "product-head",
-      "radio",
-      "slider",
-      "switch",
-      "tab-line",
-      "tab-panel",
-      "tag",
-      "textarea",
-      "tooltip",
-      "typography",
-      "widget-empty",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-lh-100",
-    "type": "lineHeights",
-    "rawValue": "133%",
-    "computedValue": "133%",
-    "description": "Use with font-size-100.",
-    "components": [
-      "button",
-      "d3-chart",
-      "data-table",
-      "format-text",
-      "fullscreen-modal",
-      "switch",
-      "tag",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-semi-bold",
-    "type": "fontWeights",
-    "rawValue": "600",
-    "computedValue": "600",
-    "description": "Semi-bold font weight.",
-    "components": [
-      "errors",
-      "modal",
-      "product-head",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-bold",
-    "type": "fontWeights",
-    "rawValue": "700",
-    "computedValue": "700",
-    "description": "Bold font weight.",
-    "components": [
-      "card",
-      "color-picker",
-      "dropdown",
-      "feedback-form",
-      "flags",
-      "format-text",
-      "fullscreen-modal",
-      "side-panel",
-      "typography",
-      "widget-empty",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-regular",
-    "type": "fontWeights",
-    "rawValue": "400",
-    "computedValue": "400",
-    "description": "Regular font weight.",
-    "components": [
-      "accordion",
-      "base-trigger",
-      "date-picker",
-      "slider"
-    ]
-  },
-  {
-    "name": "--intergalactic-medium",
-    "type": "fontWeights",
-    "rawValue": "500",
-    "computedValue": "500",
-    "description": "Medium font weight.",
-    "components": [
-      "badge",
-      "button",
-      "counter",
-      "format-text",
-      "tab-line",
-      "tab-panel",
-      "tag",
-      "time-picker",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-fs-50",
-    "type": "fontSizes",
-    "rawValue": "10px",
-    "computedValue": "10px",
-    "description": "Use only for text in Badge component.",
-    "components": [
-      "badge",
-      "counter",
-      "d3-chart",
-      "dot"
-    ]
-  },
-  {
-    "name": "--intergalactic-fs-100",
-    "type": "fontSizes",
-    "rawValue": "12px",
-    "computedValue": "12px",
-    "description": "Use this font-size with caution for text in some additional messages. Always check its contrast and readability.",
-    "components": [
-      "button",
-      "counter",
-      "d3-chart",
-      "data-table",
-      "format-text",
-      "fullscreen-modal",
-      "switch",
-      "tag",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-fs-200",
-    "type": "fontSizes",
-    "rawValue": "14px",
-    "computedValue": "14px",
-    "components": [
-      "badge",
-      "base-trigger",
-      "breadcrumbs",
-      "bulk-textarea",
-      "button",
-      "card",
-      "checkbox",
-      "counter",
-      "d3-chart",
-      "data-table",
-      "date-picker",
-      "dropdown",
-      "format-text",
-      "fullscreen-modal",
-      "input",
-      "notice",
-      "notice-bubble",
-      "notice-global",
-      "pagination",
-      "pills",
-      "product-head",
-      "radio",
-      "slider",
-      "switch",
-      "tab-line",
-      "tab-panel",
-      "tag",
-      "textarea",
-      "time-picker",
-      "tooltip",
-      "typography",
-      "widget-empty",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-fs-300",
-    "type": "fontSizes",
-    "rawValue": "16px",
-    "computedValue": "16px",
-    "components": [
-      "base-trigger",
-      "bulk-textarea",
-      "button",
-      "card",
-      "checkbox",
-      "d3-chart",
-      "dropdown",
-      "errors",
-      "feedback-form",
-      "format-text",
-      "input",
-      "pagination",
-      "pills",
-      "radio",
-      "side-panel",
-      "switch",
-      "tab-line",
-      "tag",
-      "textarea",
-      "time-picker",
-      "typography",
-      "widget-empty",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-fs-400",
-    "type": "fontSizes",
-    "rawValue": "20px",
-    "computedValue": "20px",
-    "components": [
-      "button",
-      "format-text",
-      "product-head",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-fs-500",
-    "type": "fontSizes",
-    "rawValue": "24px",
-    "computedValue": "24px",
-    "components": [
-      "button",
-      "format-text",
-      "fullscreen-modal",
-      "modal",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-fs-600",
-    "type": "fontSizes",
-    "rawValue": "32px",
-    "computedValue": "32px",
-    "components": [
-      "button",
-      "format-text",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-fs-700",
-    "type": "fontSizes",
-    "rawValue": "36px",
-    "computedValue": "36px",
-    "components": [
-      "button",
-      "errors",
-      "format-text",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-fs-800",
-    "type": "fontSizes",
-    "rawValue": "48px",
-    "computedValue": "48px",
-    "components": [
-      "button",
-      "format-text",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-compact",
-    "type": "letterSpacing",
-    "rawValue": "0.3",
-    "computedValue": "0.3",
-    "description": "Compact letter spacing.",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-scale-indent",
-    "type": "spacing",
-    "rawValue": "4px",
-    "computedValue": "4px",
-    "description": "Base denominator of the design system.",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-form-control-s",
-    "type": "sizing",
-    "rawValue": "{scale-indent}*5",
-    "computedValue": "20px",
-    "description": "Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions.",
-    "components": [
-      "button"
-    ]
-  },
-  {
-    "name": "--intergalactic-form-control-m",
-    "type": "sizing",
-    "rawValue": "{scale-indent}*7",
-    "computedValue": "28px",
-    "description": "Default size of the controls.",
-    "components": [
-      "button",
-      "input",
-      "input-tags",
-      "notice",
-      "pills",
-      "time-picker"
-    ]
-  },
-  {
-    "name": "--intergalactic-form-control-l",
-    "type": "sizing",
-    "rawValue": "{scale-indent}*10",
-    "computedValue": "40px",
-    "description": "Large size of the controls.",
-    "components": [
-      "button",
-      "input",
-      "input-tags",
-      "pills",
-      "time-picker"
-    ]
-  },
-  {
-    "name": "--intergalactic-spacing-05x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*0.5",
-    "computedValue": "2px",
-    "description": "2px",
-    "components": [
-      "accordion",
-      "base-trigger",
-      "bulk-textarea",
-      "checkbox",
-      "counter",
-      "data-table",
-      "dropdown",
-      "format-text",
-      "input-tags",
-      "link",
-      "notice",
-      "radio",
-      "select",
-      "slider",
-      "tag",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-spacing-1x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*1",
-    "computedValue": "4px",
-    "description": "4px",
-    "components": [
-      "badge",
-      "base-components",
-      "base-trigger",
-      "bulk-textarea",
-      "button",
-      "card",
-      "carousel",
-      "color-picker",
-      "counter",
-      "d3-chart",
-      "data-table",
-      "dropdown",
-      "dropdown-menu",
-      "feature-popover",
-      "format-text",
-      "fullscreen-modal",
-      "inline-input",
-      "input-tags",
-      "link",
-      "notice",
-      "notice-bubble",
-      "pagination",
-      "product-head",
-      "side-panel",
-      "tag",
-      "textarea",
-      "typography",
-      "widget-empty",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-spacing-2x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*2",
-    "computedValue": "8px",
-    "description": "8px",
-    "components": [
-      "accordion",
-      "base-components",
-      "base-trigger",
-      "breadcrumbs",
-      "bulk-textarea",
-      "button",
-      "card",
-      "carousel",
-      "checkbox",
-      "d3-chart",
-      "data-table",
-      "date-picker",
-      "dropdown",
-      "feature-popover",
-      "feedback-form",
-      "format-text",
-      "fullscreen-modal",
-      "input",
-      "input-tags",
-      "modal",
-      "notice",
-      "notice-bubble",
-      "notice-global",
-      "pagination",
-      "pills",
-      "product-head",
-      "radio",
-      "select",
-      "side-panel",
-      "slider",
-      "switch",
-      "tab-line",
-      "tab-panel",
-      "tag",
-      "textarea",
-      "time-picker",
-      "typography",
-      "widget-empty",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-spacing-3x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*3",
-    "computedValue": "12px",
-    "description": "12px",
-    "components": [
-      "accordion",
-      "base-trigger",
-      "bulk-textarea",
-      "button",
-      "carousel",
-      "color-picker",
-      "d3-chart",
-      "data-table",
-      "date-picker",
-      "dropdown",
-      "errors",
-      "feedback-form",
-      "format-text",
-      "fullscreen-modal",
-      "input",
-      "modal",
-      "notice",
-      "notice-bubble",
-      "pagination",
-      "pills",
-      "side-panel",
-      "textarea",
-      "time-picker",
-      "tooltip",
-      "typography",
-      "widget-empty",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-spacing-4x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*4",
-    "computedValue": "16px",
-    "description": "16px",
-    "components": [
-      "bulk-textarea",
-      "carousel",
-      "color-picker",
-      "data-table",
-      "date-picker",
-      "errors",
-      "feature-popover",
-      "feedback-form",
-      "format-text",
-      "modal",
-      "notice",
-      "notice-global",
-      "pagination",
-      "product-head",
-      "side-panel",
-      "tab-line",
-      "typography",
-      "widget-empty",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-spacing-5x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*5",
-    "computedValue": "20px",
-    "description": "20px",
-    "components": [
-      "bulk-textarea",
-      "card",
-      "data-table",
-      "errors",
-      "format-text",
-      "notice-bubble",
-      "pagination",
-      "product-head",
-      "slider",
-      "typography",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-spacing-6x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*6",
-    "computedValue": "24px",
-    "description": "24px",
-    "components": [
-      "bulk-textarea",
-      "errors",
-      "format-text",
-      "fullscreen-modal",
-      "notice-bubble",
-      "product-head",
-      "side-panel",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-spacing-8x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*8",
-    "computedValue": "32px",
-    "description": "32px",
-    "components": [
-      "bulk-textarea",
-      "errors",
-      "format-text",
-      "fullscreen-modal",
-      "notice-bubble",
-      "notice-global",
-      "typography"
-    ]
-  },
-  {
-    "name": "--intergalactic-spacing-10x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*10",
-    "computedValue": "40px",
-    "description": "40px",
+  {
+    "name": "--intergalactic-keyboard-focus-invalid-outline",
+    "type": "color",
+    "rawValue": "{red.400}",
+    "computedValue": "#ff4953",
+    "description": "Color for keyboard focus outline styles for elements with invalid state.",
     "components": [
+      "base-trigger",
       "bulk-textarea",
-      "errors",
-      "feature-popover",
-      "feedback-form",
-      "fullscreen-modal",
-      "modal",
-      "side-panel",
-      "wizard"
+      "checkbox",
+      "inline-input",
+      "input",
+      "radio",
+      "textarea"
     ]
   },
   {
-    "name": "--intergalactic-spacing-14x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*14",
-    "computedValue": "56px",
-    "description": "56px",
+    "name": "--intergalactic-keyboard-focus-invalid",
+    "type": "boxShadow",
+    "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.invalid.outline}, 0.5)",
+    "computedValue": "0px 0px 0px 3px rgba(255, 73, 83, 0.5)",
+    "description": "Keyboard focus styles for elements with invalid state.",
     "components": []
   },
   {
-    "name": "--intergalactic-spacing-20x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*20",
-    "computedValue": "80px",
-    "description": "80px",
+    "name": "--intergalactic-keyboard-focus-valid-outline",
+    "type": "color",
+    "rawValue": "{green.400}",
+    "computedValue": "#009f81",
+    "description": "Color for keyboard focus outline styles for elements with valid state.",
     "components": [
-      "errors",
-      "fullscreen-modal"
+      "bulk-textarea",
+      "inline-input",
+      "input",
+      "textarea"
     ]
   },
   {
-    "name": "--intergalactic-spacing-24x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*24",
-    "computedValue": "96px",
-    "description": "96px",
+    "name": "--intergalactic-keyboard-focus-valid",
+    "type": "boxShadow",
+    "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.valid.outline}, 0.5)",
+    "computedValue": "0px 0px 0px 3px rgba(0, 159, 129, 0.5)",
+    "description": "Keyboard focus styles for elements with valid state.",
     "components": []
   },
   {
-    "name": "--intergalactic-spacing-30x",
-    "type": "spacing",
-    "rawValue": "{scale-indent}*30",
-    "computedValue": "120px",
-    "description": "120px",
-    "components": []
+    "name": "--intergalactic-keyboard-focus-invert-outline",
+    "type": "color",
+    "rawValue": "rgba({gray.white}, 0.8)",
+    "computedValue": "rgba(255, 255, 255, 0.8)",
+    "description": "Color for keyboard focus outline styles to use on the dark and color background.",
+    "components": [
+      "base-components",
+      "carousel",
+      "wizard"
+    ]
   },
   {
-    "name": "--intergalactic-rounded-extra-small",
-    "type": "borderRadius",
-    "rawValue": "2px",
-    "computedValue": "2px",
+    "name": "--intergalactic-keyboard-focus-invert",
+    "type": "boxShadow",
+    "rawValue": "0px 0px 0px 3px {keyboard-focus.invert.outline}",
+    "computedValue": "0px 0px 0px 3px rgba(255, 255, 255, 0.8)",
+    "description": "Keyboard focus styles for use on dark backgrounds.",
     "components": []
   },
   {
-    "name": "--intergalactic-rounded-small",
-    "type": "borderRadius",
-    "rawValue": "4px",
-    "computedValue": "4px",
+    "name": "--intergalactic-keyboard-focus",
+    "type": "boxShadow",
+    "rawValue": "0px 0px 0px 3px rgba({keyboard-focus.outline}, 0.5)",
+    "computedValue": "0px 0px 0px 3px rgba(0, 143, 248, 0.5)",
+    "description": "Default keyboard focus box-shadow styles.",
     "components": [
-      "checkbox"
+      "input-tags",
+      "tag"
     ]
   },
   {
-    "name": "--intergalactic-rounded-medium",
-    "type": "borderRadius",
-    "rawValue": "6px",
-    "computedValue": "6px",
+    "name": "--intergalactic-form-control-s",
+    "type": "sizing",
+    "rawValue": "{scale-indent}*5",
+    "computedValue": "20px",
+    "description": "Small size of the controls. Use it for small interactive addons. Avoid using it with the main actions.",
     "components": [
-      "d3-chart",
-      "feedback-form"
+      "button"
     ]
   },
   {
-    "name": "--intergalactic-rounded-large",
-    "type": "borderRadius",
-    "rawValue": "12px",
-    "computedValue": "12px",
-    "components": []
+    "name": "--intergalactic-form-control-m",
+    "type": "sizing",
+    "rawValue": "{scale-indent}*7",
+    "computedValue": "28px",
+    "description": "Default size of the controls.",
+    "components": [
+      "button",
+      "input",
+      "input-tags",
+      "notice",
+      "pills",
+      "time-picker"
+    ]
   },
   {
-    "name": "--intergalactic-rounded-extra-large",
-    "type": "borderRadius",
-    "rawValue": "24px",
-    "computedValue": "24px",
-    "components": []
+    "name": "--intergalactic-form-control-l",
+    "type": "sizing",
+    "rawValue": "{scale-indent}*10",
+    "computedValue": "40px",
+    "description": "Large size of the controls.",
+    "components": [
+      "button",
+      "input",
+      "input-tags",
+      "pills",
+      "time-picker"
+    ]
   },
   {
     "name": "--intergalactic-addon-rounded",
@@ -3197,70 +2515,6 @@
       "wizard"
     ]
   },
-  {
-    "name": "--intergalactic-disabled-opacity",
-    "type": "opacity",
-    "rawValue": "0.3",
-    "computedValue": "0.3",
-    "description": "Use for the disabled state of all kind of the controls and elements.",
-    "components": [
-      "accordion",
-      "base-trigger",
-      "bulk-textarea",
-      "button",
-      "carousel",
-      "checkbox",
-      "date-picker",
-      "dropdown",
-      "inline-input",
-      "input",
-      "input-number",
-      "link",
-      "pills",
-      "radio",
-      "slider",
-      "switch",
-      "tab-line",
-      "tab-panel",
-      "tag",
-      "textarea",
-      "time-picker",
-      "typography",
-      "wizard"
-    ]
-  },
-  {
-    "name": "--intergalactic-screen-extra-small",
-    "type": "sizing",
-    "rawValue": "320px",
-    "computedValue": "320px",
-    "description": "Extra small screens (small phones).",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-screen-small",
-    "type": "sizing",
-    "rawValue": "768px",
-    "computedValue": "768px",
-    "description": "Small screens (phones and small tablets).",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-screen-medium",
-    "type": "sizing",
-    "rawValue": "1200px",
-    "computedValue": "1200px",
-    "description": "Medium screens (tablets and small laptops).",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-screen-large",
-    "type": "sizing",
-    "rawValue": "1920px",
-    "computedValue": "1920px",
-    "description": "Large screens (tablets and laptops).",
-    "components": []
-  },
   {
     "name": "--intergalactic-overlay-primary",
     "type": "color",
@@ -3302,59 +2556,6 @@
       "spin-container"
     ]
   },
-  {
-    "name": "--intergalactic-z-index-deep",
-    "type": "other",
-    "rawValue": "-999",
-    "computedValue": "-999",
-    "components": [
-      "date-picker"
-    ]
-  },
-  {
-    "name": "--intergalactic-z-index-overlay",
-    "type": "other",
-    "rawValue": "500",
-    "computedValue": "500",
-    "components": [
-      "d3-chart"
-    ]
-  },
-  {
-    "name": "--intergalactic-z-index-modal",
-    "type": "other",
-    "rawValue": "900",
-    "computedValue": "900",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-z-index-popper",
-    "type": "other",
-    "rawValue": "700",
-    "computedValue": "700",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-z-index-dropdown",
-    "type": "other",
-    "rawValue": "750",
-    "computedValue": "750",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-z-index-tooltip",
-    "type": "other",
-    "rawValue": "800",
-    "computedValue": "800",
-    "components": []
-  },
-  {
-    "name": "--intergalactic-z-index-notice-bubble",
-    "type": "other",
-    "rawValue": "999",
-    "computedValue": "999",
-    "components": []
-  },
   {
     "name": "--intergalactic-tooltip-default",
     "type": "color",
@@ -4132,54 +3333,57 @@
     "components": []
   },
   {
-    "name": "--intergalactic-duration-extra-slow",
+    "name": "--intergalactic-z-index-deep",
+    "type": "other",
+    "rawValue": "-999",
+    "computedValue": "-999",
+    "components": [
+      "date-picker"
+    ]
+  },
+  {
+    "name": "--intergalactic-z-index-overlay",
     "type": "other",
     "rawValue": "500",
     "computedValue": "500",
-    "description": "Should be used for more complex effects and larger scale animations (such as page transitions or moving objects on and offscreen)",
     "components": [
-      "mini-chart"
+      "d3-chart"
     ]
   },
   {
-    "name": "--intergalactic-duration-slow",
+    "name": "--intergalactic-z-index-modal",
+    "type": "other",
+    "rawValue": "900",
+    "computedValue": "900",
+    "components": []
+  },
+  {
+    "name": "--intergalactic-z-index-popper",
     "type": "other",
-    "rawValue": "400",
-    "computedValue": "400",
-    "description": "Should be used for more larger scale animations (such as page transitions)",
+    "rawValue": "700",
+    "computedValue": "700",
     "components": []
   },
   {
-    "name": "--intergalactic-duration-medium",
+    "name": "--intergalactic-z-index-dropdown",
     "type": "other",
-    "rawValue": "300",
-    "computedValue": "300",
-    "description": "Should be used for more complex effects (such as Modal)",
-    "components": [
-      "date-picker"
-    ]
+    "rawValue": "750",
+    "computedValue": "750",
+    "components": []
   },
   {
-    "name": "--intergalactic-duration-fast",
+    "name": "--intergalactic-z-index-tooltip",
     "type": "other",
-    "rawValue": "200",
-    "computedValue": "200",
-    "description": "Should be used for more complex effects (such as Dropdown or Accordion)",
-    "components": [
-      "slider"
-    ]
+    "rawValue": "800",
+    "computedValue": "800",
+    "components": []
   },
   {
-    "name": "--intergalactic-duration-extra-fast",
+    "name": "--intergalactic-z-index-notice-bubble",
     "type": "other",
-    "rawValue": "100",
-    "computedValue": "100",
-    "description": "Should be used for simpler effects and relatively small-sized animations (such as fades or color changes)",
-    "components": [
-      "data-table",
-      "drag-and-drop",
-      "feature-highlight"
-    ]
+    "rawValue": "999",
+    "computedValue": "999",
+    "components": []
   },
   {
     "name": "--intergalactic-duration-switch",
diff --git a/website/docs/style/design-tokens/design-tokens.md b/website/docs/style/design-tokens/design-tokens.md
index e08cffc22e..9a3929000e 100644
--- a/website/docs/style/design-tokens/design-tokens.md
+++ b/website/docs/style/design-tokens/design-tokens.md
@@ -45,9 +45,19 @@ The stylelint plugin helps developers to avoid mistakes in the design token name
 - `tokensSource` - path to the file with design tokens. Default is `intergalactic/utils/lib/themes/default.json`.
 - `tokensPrefix` - design tokens (default is `--intergalactic-`). Only CSS variables with this prefix are considered as design tokens.
 
-## Base tokens (palette)
+## Base tokens
 
-The list of base tokens represents our palette. It was built with [Huetone tool](https://huetone.ardov.me/) (learn more about the tool in the [Twitter thread](https://twitter.com/ardovalexey/status/1447329411678806023)).
+Base tokens include:
+
+- our product palette;
+- font size, line height, font weight, and letter spacing values;
+- the base spacing and sizing scale;
+- sizing;
+- spacing;
+- the base border radius scale;
+- breakpoints.
+
+The palette was built with [Huetone tool](https://huetone.ardov.me/) (learn more about the tool in the [Twitter thread](https://twitter.com/ardovalexey/status/1447329411678806023)).
 
 Shades of the same color have a value ranging from 50 to 800, depending on its tone. Each shade has recommendations for use based on [Huetone's contrast ratio calculation](https://huetone.ardov.me/).
 
@@ -69,14 +79,15 @@ const App = BaseTokens;
 
 It's a list of tokens for components and charts for the default Intergalactic theme.
 
-Semantic tokens include tokens for:
+Semantic tokens include:
 
 - colors;
-- typography;
-- sizing;
-- spacings;
-- box-shadows;
-- border-radius.
+- box shadows;
+- border radius;
+- form control heights;
+- opacity;
+- z-index;
+- animation durations.
 
 To learn more about the tokens names, see [Token naming structure section](/style/design-tokens/design-tokens-usage#token-naming-structure).
 
diff --git a/website/src/docs-components/BaseTokens.jsx b/website/src/docs-components/BaseTokens.jsx
index 2a330d946f..9fcac32b11 100644
--- a/website/src/docs-components/BaseTokens.jsx
+++ b/website/src/docs-components/BaseTokens.jsx
@@ -124,6 +124,9 @@ const BaseTokensTable = React.memo(({ filteredTokens }) => {
             </Copy>
           );
         } else if (props.dataKey === 'value') {
+          const value = props.row[props.dataKey];
+          const isColor = value.startsWith('#');
+
           return (
             <Copy
               copiedToast='Copied'
@@ -133,8 +136,8 @@ const BaseTokensTable = React.memo(({ filteredTokens }) => {
               className={styles.tokenValueWrapper}
             >
               <button type='button' className={styles.tokenValue} data-token-type='baseToken'>
-                <ColorPreview color={props.row[props.dataKey]} />
-                {props.row[props.dataKey]}
+                {isColor && <ColorPreview color={value} /> }
+                {value}
               </button>
             </Copy>
           );