diff --git a/apps/storybook/.storybook/main.js b/apps/storybook/.storybook/main.js
index 5210c6bec..56c51da04 100644
--- a/apps/storybook/.storybook/main.js
+++ b/apps/storybook/.storybook/main.js
@@ -1,3 +1,4 @@
+import tailwindcss from '@tailwindcss/vite'
 import vue from '@vitejs/plugin-vue'
 
 /** @type {import('@storybook/vue3-vite').StorybookConfig} */
@@ -45,13 +46,9 @@ const config = {
       config.plugins.splice(docgenIdx, 0, vue())
     }
 
-    // Dev channel: stories still import from '@aziontech/webkit/*'; redirect to the renamed
-    // workspace package '@aziontech/webkit.dev/*' so no story file needs to change.
-    config.resolve = config.resolve || {}
-    config.resolve.alias = {
-      ...(config.resolve.alias || {}),
-      '@aziontech/webkit': '@aziontech/webkit.dev'
-    }
+    // Tailwind v4 CSS-first pipeline: resolves `@import "tailwindcss"` in
+    // `@aziontech/theme/globals.css` and scans project sources for utility usage.
+    config.plugins.push(tailwindcss())
 
     // Enable dependency pre-bundling for faster rebuilds
     config.optimizeDeps = {
diff --git a/apps/storybook/.storybook/preview.js b/apps/storybook/.storybook/preview.js
index c55e590b7..4f6b98999 100644
--- a/apps/storybook/.storybook/preview.js
+++ b/apps/storybook/.storybook/preview.js
@@ -1,29 +1,13 @@
-import { setup } from '@storybook/vue3'
-import PrimeVue from 'primevue/config'
-import Tooltip from 'primevue/tooltip'
 import { withThemeByClassName } from '@storybook/addon-themes'
 
-// v3 token build: primitives, --bg-* / --text-* / --border-*, and .text-body-md etc.
-// (replaces injectCssVars(), which only emitted --background-* aliases — webkit components use --bg-*)
 import '@aziontech/theme/globals.css'
-import 'primeflex/primeflex.css'
 import '../src/styles/preview.css'
-import '@aziontech/theme'
 import '@aziontech/icons'
 import '@aziontech/webkit/styles/country-flags'
 
-setup((app) => {
-  app.use(PrimeVue, {
-    ripple: false
-  })
-
-  app.directive('tooltip', Tooltip)
-})
-
 export const parameters = {
   controls: {
     matchers: {
-      color: /(background|color)$/i,
       date: /Date$/i
     },
     expanded: true
@@ -77,7 +61,7 @@ export const parameters = {
       order: [
         'Get Started',
         'Foundations',
-        ['Colors', 'Spacing', 'Typography', 'Icons'],
+        ['Colors', 'Theme', 'Spacing', 'Typography', 'Icons'],
         'Components',
         'Site'
       ]
diff --git a/apps/storybook/README.md b/apps/storybook/README.md
index ee3733524..f44bc285c 100644
--- a/apps/storybook/README.md
+++ b/apps/storybook/README.md
@@ -2,7 +2,7 @@
 
 This is the Storybook documentation application for the `@aziontech/webkit` component library. It provides an interactive documentation and development environment for all webkit components, foundations, and composed templates.
 
-> This app consumes the **dev channel** of the library. Stories import from `@aziontech/webkit/*`, which Storybook aliases to the workspace package `@aziontech/webkit.dev` (see `.storybook/main.js`). You don't need to change import paths in stories.
+> Stories import from `@aziontech/webkit/*`, resolved from the workspace package `@aziontech/webkit`.
 
 ## Technology Stack
 
@@ -12,7 +12,7 @@ This is the Storybook documentation application for the `@aziontech/webkit` comp
 - **Tailwind CSS 3.3.x** — Utility-first CSS;
 - **Sass 1.86.x** — Stylesheet preprocessor;
 - **PrimeVue 3.35.0 / PrimeFlex 3.3.x / VeeValidate 4.15.x** — power the legacy `Field*` / `Input*` form stories;
-- **Internal workspace packages** — `@aziontech/webkit.dev` (components), `@aziontech/icons` (icon set), `@aziontech/theme` (design tokens & theming).
+- **Internal workspace packages** — `@aziontech/webkit` (components), `@aziontech/icons` (icon set), `@aziontech/theme` (design tokens & theming).
 
 Key Storybook addons: `@storybook/addon-essentials`, `@storybook/addon-links`, `@storybook/addon-themes`, `@whitespace/storybook-addon-html`.
 
@@ -176,7 +176,7 @@ export const Default = {
 };
 ```
 
-> Imports use the `@aziontech/webkit/*` paths; Storybook resolves them to `@aziontech/webkit.dev` automatically. New component stories follow the canonical `Button.stories.js` shape — see [`.claude/skills/storybook-write`](../../.claude/skills/storybook-write/SKILL.md).
+> Imports use the `@aziontech/webkit/*` paths. New component stories follow the canonical `Button.stories.js` shape — see [`.claude/skills/storybook-write`](../../.claude/skills/storybook-write/SKILL.md).
 
 ## Adding New Stories
 
diff --git a/apps/storybook/package.json b/apps/storybook/package.json
index 964979d4c..f21fa8b38 100644
--- a/apps/storybook/package.json
+++ b/apps/storybook/package.json
@@ -2,7 +2,7 @@
   "name": "storybook",
   "version": "0.1.0",
   "private": true,
-  "description": "Storybook documentation for @aziontech/webkit.dev component library",
+  "description": "Storybook documentation for @aziontech/webkit component library",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -13,13 +13,10 @@
   "dependencies": {
     "@aziontech/icons": "workspace:*",
     "@aziontech/theme": "workspace:*",
-    "@aziontech/webkit.dev": "workspace:*",
+    "@aziontech/webkit": "workspace:*",
     "@storybook/manager-api": "^8.6.14",
-    "@tailwindcss/typography": "^0.5.10",
     "@whitespace/storybook-addon-html": "^7.0.0",
-    "primeflex": "^3.3.1",
-    "primevue": "3.35.0",
-    "tailwindcss": "^3.3.3",
+    "tailwindcss": "^4.0.0",
     "vee-validate": "^4.15.1",
     "vue": "^3.5.29"
   },
@@ -30,8 +27,8 @@
     "@storybook/test": "^8.6.15",
     "@storybook/vue3": "^8.6.0",
     "@storybook/vue3-vite": "^8.6.0",
+    "@tailwindcss/vite": "^4.0.0",
     "@vitejs/plugin-vue": "^5.2.4",
-    "autoprefixer": "^10.4.27",
     "http-server": "^14.1.1",
     "sass": "^1.86.0",
     "storybook": "^8.6.0",
diff --git a/apps/storybook/postcss.config.js b/apps/storybook/postcss.config.js
deleted file mode 100644
index ba8073047..000000000
--- a/apps/storybook/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {}
-  }
-};
diff --git a/apps/storybook/src/foundations/components/ColorPaletteSection.vue b/apps/storybook/src/foundations/components/ColorPaletteSection.vue
index ad2cf85fe..2715a0429 100644
--- a/apps/storybook/src/foundations/components/ColorPaletteSection.vue
+++ b/apps/storybook/src/foundations/components/ColorPaletteSection.vue
@@ -37,7 +37,7 @@
   <section class="mb-[var(--spacing-xxl)]">
     <div class="mb-[var(--spacing-md)]">
       <h2
-        class="m-0 mb-[var(--spacing-xs)] border-b border-[var(--border-default)] pb-[var(--spacing-xs)] !text-overline-md text-[var(--text-muted)]"
+        class="m-0 mb-[var(--spacing-xs)] border-b border-[var(--border-default)] pb-[var(--spacing-xs)] text-overline-md! text-[var(--text-muted)]"
       >
         {{ title }}
       </h2>
diff --git a/apps/storybook/src/foundations/components/ColorPlayground.vue b/apps/storybook/src/foundations/components/ColorPlayground.vue
index 76906e060..2157a7f4d 100644
--- a/apps/storybook/src/foundations/components/ColorPlayground.vue
+++ b/apps/storybook/src/foundations/components/ColorPlayground.vue
@@ -153,7 +153,7 @@ function isCopied(key) {
             @click="copyToClipboard(selectedToken?.tailwindClass, 'tw')"
           >
             <code class="font-code text-[11px] border bg-white/10 border-white/15 text-code px-1.5 py-0.5 rounded">{{ selectedToken?.tailwindClass }}</code>
-            <i :class="['pi text-[11px] opacity-0 group-hover:!opacity-50', isCopied('tw') ? 'pi-check text-success' : 'pi-copy']" />
+            <i :class="['pi text-[11px] opacity-0 group-hover:opacity-50!', isCopied('tw') ? 'pi-check text-success' : 'pi-copy']" />
           </button>
         </div>
 
@@ -164,7 +164,7 @@ function isCopied(key) {
             @click="copyToClipboard(selectedToken?.cssVar, 'css')"
           >
             <code class="font-code text-[11px] border bg-white/10 border-white/15 text-code px-1.5 py-0.5 rounded">{{ selectedToken?.cssVar }}</code>
-            <i :class="['pi text-[11px] opacity-0 group-hover:!opacity-50', isCopied('css') ? 'pi-check text-success' : 'pi-copy']" />
+            <i :class="['pi text-[11px] opacity-0 group-hover:opacity-50!', isCopied('css') ? 'pi-check text-success' : 'pi-copy']" />
           </button>
         </div>
 
diff --git a/apps/storybook/src/foundations/components/IconGrid.vue b/apps/storybook/src/foundations/components/IconGrid.vue
index b1f9f11d1..4a5447afa 100644
--- a/apps/storybook/src/foundations/components/IconGrid.vue
+++ b/apps/storybook/src/foundations/components/IconGrid.vue
@@ -133,7 +133,7 @@ function isCopied(name) {
           <span class="text-[9px] font-code text-muted text-center leading-tight w-full px-1 truncate max-w-20">{{ icon.name.replace('ai-', '') }}</span>
           <i :class="[
             'absolute top-1.5 right-1.5 text-[10px] transition-opacity duration-100',
-            isCopied(icon.name) ? 'pi pi-check !opacity-100 text-success' : 'pi pi-copy opacity-0 group-hover:opacity-50'
+            isCopied(icon.name) ? 'pi pi-check opacity-100! text-success' : 'pi pi-copy opacity-0 group-hover:opacity-50'
           ]" />
         </button>
       </div>
@@ -161,7 +161,7 @@ function isCopied(name) {
           <span class="text-[9px] font-code text-muted text-center leading-tight w-full px-1 truncate max-w-20">{{ icon.name.replace('ai-', '') }}</span>
           <i :class="[
             'absolute top-1.5 right-1.5 text-[10px] transition-opacity duration-100',
-            isCopied(icon.name) ? 'pi pi-check !opacity-100 text-success' : 'pi pi-copy opacity-0 group-hover:opacity-50'
+            isCopied(icon.name) ? 'pi pi-check opacity-100! text-success' : 'pi pi-copy opacity-0 group-hover:opacity-50'
           ]" />
         </button>
       </div>
@@ -189,7 +189,7 @@ function isCopied(name) {
           <span class="text-[9px] font-code text-muted text-center leading-tight w-full px-1 truncate max-w-20">{{ icon.name.replace('pi-', '') }}</span>
           <i :class="[
             'absolute top-1.5 right-1.5 text-[10px] transition-opacity duration-100',
-            isCopied(icon.name) ? 'pi pi-check !opacity-100 text-success' : 'pi pi-copy opacity-0 group-hover:opacity-50'
+            isCopied(icon.name) ? 'pi pi-check opacity-100! text-success' : 'pi pi-copy opacity-0 group-hover:opacity-50'
           ]" />
         </button>
       </div>
diff --git a/apps/storybook/src/foundations/components/SemanticSwatchGroup.vue b/apps/storybook/src/foundations/components/SemanticSwatchGroup.vue
new file mode 100644
index 000000000..7becb610f
--- /dev/null
+++ b/apps/storybook/src/foundations/components/SemanticSwatchGroup.vue
@@ -0,0 +1,87 @@
+<script setup>
+  import { ref } from 'vue'
+
+  defineProps({
+    title: { type: String, required: true },
+    description: { type: String, default: '' },
+    /** Array of { name, description, kind, on }. */
+    items: { type: Array, default: () => [] }
+  })
+
+  const copiedKey = ref(null)
+  let copyTimeout = null
+
+  function copyToClipboard(value) {
+    if (!value) return
+    navigator.clipboard?.writeText(value).catch(() => {})
+    copiedKey.value = value
+    if (copyTimeout) clearTimeout(copyTimeout)
+    copyTimeout = setTimeout(() => {
+      copiedKey.value = null
+    }, 1000)
+  }
+
+  // The live token is passed as a CSS custom property, then consumed by the
+  // token utilities below. Storybook's Tailwind runs with `important: true`, so
+  // the color has to be a utility (bg-/text-/border-[var(--…)]) — inline styles
+  // would lose to the !important utilities on the same element.
+  function swatchVars(item) {
+    return {
+      '--swatch-color': `var(${item.name})`,
+      '--swatch-on': item.on ?? 'var(--bg-surface)'
+    }
+  }
+
+  // Swatch renders the live token, so it follows the Storybook theme toggle.
+  function swatchKindClass(item) {
+    if (item.kind === 'text') {
+      return 'bg-[var(--swatch-on)] text-[var(--swatch-color)] border-2 border-solid border-[var(--border-muted)]'
+    }
+    if (item.kind === 'border') {
+      return 'bg-[var(--bg-canvas)] border-4 border-solid border-[var(--swatch-color)]'
+    }
+    return 'bg-[var(--swatch-color)] border-2 border-solid border-[var(--border-muted)]'
+  }
+</script>
+
+<template>
+  <section class="mb-[var(--spacing-xxl)]">
+    <div class="mb-[var(--spacing-md)]">
+      <h2
+        class="m-0 mb-[var(--spacing-xs)] border-b border-solid border-[var(--border-default)] pb-[var(--spacing-xs)] text-overline-md! text-[var(--text-muted)]"
+      >
+        {{ title }}
+      </h2>
+      <p v-if="description" class="m-0 max-w-[var(--container-3xl)] text-body-sm text-[var(--text-muted)]">
+        {{ description }}
+      </p>
+    </div>
+
+    <div class="overflow-hidden rounded-[var(--shape-card)] border border-solid border-[var(--border-default)] bg-[var(--bg-surface)]">
+      <button
+        v-for="item in items"
+        :key="item.name"
+        type="button"
+        class="flex w-full items-center gap-[var(--spacing-md)] border-b border-solid border-[var(--border-muted)] px-[var(--spacing-md)] py-[var(--spacing-sm)] text-left last:border-b-0 hover:bg-[var(--bg-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-inset"
+        :title="copiedKey === item.name ? 'Copied!' : 'Copy CSS variable'"
+        @click="copyToClipboard(item.name)"
+      >
+        <span
+          :style="swatchVars(item)"
+          :class="[
+            'flex h-9 w-14 shrink-0 items-center justify-center rounded-[var(--shape-elements)] font-code text-body-xs',
+            swatchKindClass(item)
+          ]"
+        >
+          <span v-if="item.kind === 'text'">Aa</span>
+        </span>
+
+        <code class="w-[var(--container-3xs)] shrink-0 truncate font-code text-body-sm text-[var(--text-default)]">
+          {{ copiedKey === item.name ? 'Copied!' : item.name }}
+        </code>
+
+        <span class="text-body-sm text-[var(--text-muted)]">{{ item.description }}</span>
+      </button>
+    </div>
+  </section>
+</template>
diff --git a/apps/storybook/src/foundations/components/TokenTable.vue b/apps/storybook/src/foundations/components/TokenTable.vue
index 414479396..635493691 100644
--- a/apps/storybook/src/foundations/components/TokenTable.vue
+++ b/apps/storybook/src/foundations/components/TokenTable.vue
@@ -63,7 +63,7 @@ function isCopied(key) {
               :title="isCopied(`${token.name}-css`) ? 'Copied!' : 'Copy CSS variable'"
             >
               <code class="font-code text-[11px] border bg-white/10 border-white/15 text-code px-1.5 py-0.5 rounded">{{ token.cssVar }}</code>
-              <i :class="['pi text-[10px] opacity-0 group-hover:!opacity-50', isCopied(`${token.name}-css`) ? 'pi-check !text-success !opacity-100' : 'pi-copy']" />
+              <i :class="['pi text-[10px] opacity-0 group-hover:opacity-50!', isCopied(`${token.name}-css`) ? 'pi-check text-success! opacity-100!' : 'pi-copy']" />
             </button>
           </td>
           <td class="px-3.5 py-2.5 border-b border-subtle align-middle">
@@ -73,7 +73,7 @@ function isCopied(key) {
               :title="isCopied(`${token.name}-tw`) ? 'Copied!' : 'Copy Tailwind class'"
             >
               <code class="font-code text-[11px] border bg-white/10 border-white/15 text-code px-1.5 py-0.5 rounded">{{ token.tailwindClass }}</code>
-              <i :class="['pi text-[10px] opacity-0 group-hover:!opacity-50', isCopied(`${token.name}-css`) ? 'pi-check !text-success !opacity-100' : 'pi-copy']" />
+              <i :class="['pi text-[10px] opacity-0 group-hover:opacity-50!', isCopied(`${token.name}-css`) ? 'pi-check text-success! opacity-100!' : 'pi-copy']" />
             </button>
           </td>
           <td class="px-3.5 py-2.5 border-b border-subtle align-middle text-muted text-xs min-w-[200px]">{{ token.description }}</td>
diff --git a/apps/storybook/src/foundations/data/theme.js b/apps/storybook/src/foundations/data/theme.js
new file mode 100644
index 000000000..193fb02b6
--- /dev/null
+++ b/apps/storybook/src/foundations/data/theme.js
@@ -0,0 +1,6 @@
+/**
+ * Semantic theme color catalog — generated from the `@aziontech/theme`
+ * token resolvers (see ../utils/theme-tokens.js), so the page always reflects
+ * every color that ships in globals.css.
+ */
+export { themeColorGroups, buildThemeColorGroups } from '../utils/theme-tokens.js'
diff --git a/apps/storybook/src/foundations/utils/theme-tokens.js b/apps/storybook/src/foundations/utils/theme-tokens.js
new file mode 100644
index 000000000..41393b057
--- /dev/null
+++ b/apps/storybook/src/foundations/utils/theme-tokens.js
@@ -0,0 +1,192 @@
+/**
+ * Semantic theme color catalog — generated from the `theme/*` token layer
+ * (resolved against `primitives/`), so it can never drift from what ships in
+ * `@aziontech/theme/globals.css`.
+ *
+ * `compileThemeVars()` resolves `tokens/theme/*` (background, border, text,
+ * primary, secondary, accent, ring, code-sintax, feedback/*, surfaces) against
+ * the color primitives, producing the component-facing theme set: `--bg-*`,
+ * `--primary*`, `--accent*`, `--secondary*`, `--border-*`, `--text-*`,
+ * `--ring-color`, feedback `--{info,success,warning,danger}{,-contrast,-border}`,
+ * and `--code-sintax-*`. We keep only color-valued tokens, drop the `--surface-*`
+ * primitive scale (documented on the Colors page), and group by role. Each token
+ * carries its resolved `light` and `dark` value.
+ *
+ * Tokens from `tokens/semantic/*` are intentionally NOT sourced here.
+ */
+import { compileThemeVars } from '@aziontech/theme/theme-colors'
+
+const isColor = (value) => typeof value === 'string' && /^#([0-9a-f]{3,8})$/i.test(value.trim())
+
+// The surface scale is a primitive-level scale documented on the Colors page.
+const isExcluded = (name) => /^--surface-/.test(name)
+
+/** Resolve the theme layer into one { name: { light, dark } } map. */
+function buildResolvedMap() {
+  const { light, dark } = compileThemeVars()
+
+  const map = {}
+  for (const name of new Set([...Object.keys(light), ...Object.keys(dark)])) {
+    if (isExcluded(name)) continue
+    const l = light[name]
+    const d = dark[name]
+    if (!isColor(l) && !isColor(d)) continue
+    map[name] = { light: l ?? d, dark: d ?? l }
+  }
+
+  return map
+}
+
+// Ordered sections. First matching predicate wins; the trailing catch-all
+// guarantees a newly-added token always surfaces somewhere.
+const SECTIONS = [
+  {
+    id: 'backgrounds',
+    title: 'Backgrounds',
+    description:
+      'Surface and page backgrounds. Use --bg-canvas for pages and --bg-surface for elements on top; -raised / -overlay add elevation, and the state tokens (hover, active, selected, disabled) layer on interaction.',
+    match: (n) => /^--bg-/.test(n)
+  },
+  {
+    id: 'text',
+    title: 'Text & Icons',
+    description: 'Accessible foreground colors for text and icons.',
+    match: (n) => /^--text-/.test(n)
+  },
+  {
+    id: 'borders',
+    title: 'Borders',
+    description: 'Border colors for component outlines, separators and status surfaces.',
+    match: (n) => /^--border-/.test(n)
+  },
+  {
+    id: 'brand',
+    title: 'Brand & Interactive',
+    description:
+      'Brand and interactive fills. Each role pairs a base color with a -contrast foreground for accessible content on top, plus -mask / -selected tints.',
+    match: (n) => /^--(primary|secondary|accent)(-|$)/.test(n)
+  },
+  {
+    id: 'feedback',
+    title: 'Feedback Colors',
+    description:
+      'Status colors for info, success, warning and danger. Each set pairs a subtle background with an accessible -contrast foreground and a -border.',
+    match: (n) => /^--(info|success|warning|danger)(-|$)/.test(n)
+  },
+  {
+    id: 'focus',
+    title: 'Focus',
+    description: 'Focus-ring color for keyboard navigation.',
+    match: (n) => /^--ring(-|$)/.test(n)
+  },
+  {
+    id: 'code',
+    title: 'Code Syntax',
+    description: 'Syntax-highlighting colors for the CodeBlock component.',
+    match: (n) => /^--code-sintax-/.test(n)
+  },
+  {
+    id: 'other',
+    title: 'Other',
+    description: 'Additional semantic color tokens.',
+    match: () => true
+  }
+]
+
+// Human-readable notes, keyed by token name. Missing entries render without a note.
+const DESCRIPTIONS = {
+  '--bg-canvas': 'Body / page background.',
+  '--bg-surface': 'Primary element background (cards, panels).',
+  '--bg-surface-raised': 'Raised element background — one step above the surface.',
+  '--bg-surface-overlay': 'Floating surface for menus, popovers and dropdowns.',
+  '--bg-hover': 'Hover overlay for interactive surfaces.',
+  '--bg-active': 'Active / pressed overlay for interactive surfaces.',
+  '--bg-selected': 'Background for a selected element.',
+  '--bg-disabled': 'Background for a disabled element.',
+  '--bg-mask': 'Scrim placed over content to dim it.',
+  '--bg-backdrop': 'Dialog / modal backdrop.',
+  '--bg-contrast': 'High-contrast inverse background.',
+
+  '--text-default': 'Primary text and icons.',
+  '--text-muted': 'Secondary text and icons.',
+  '--text-disabled': 'Disabled text and icons.',
+  '--text-link': 'Interactive link text.',
+  '--text-contrast': 'Text and icons on a high-contrast surface.',
+
+  '--border-default': 'Default border for UI components.',
+  '--border-muted': 'Subtle, low-emphasis border.',
+  '--border-strong': 'High-emphasis border.',
+  '--border-selected': 'Border for a selected / active element.',
+
+  '--primary': 'Primary action / brand fill.',
+  '--primary-contrast': 'Text and icons on a primary fill.',
+  '--primary-mask': 'Translucent primary tint for hover / wash.',
+  '--primary-selected': 'Primary tint for a selected state.',
+  '--secondary': 'Secondary fill.',
+  '--secondary-contrast': 'Text and icons on a secondary fill.',
+  '--secondary-mask': 'Translucent secondary tint for hover / wash.',
+  '--secondary-selected': 'Secondary tint for a selected state.',
+  '--accent': 'Accent fill.',
+  '--accent-contrast': 'Text and icons on an accent fill.',
+  '--accent-mask': 'Translucent accent tint for hover / wash.',
+  '--accent-selected': 'Accent tint for a selected state.',
+
+  '--info': 'Informational background.',
+  '--info-contrast': 'Text and icons on an info background.',
+  '--info-border': 'Border for info surfaces.',
+  '--success': 'Success background.',
+  '--success-contrast': 'Text and icons on a success background.',
+  '--success-border': 'Border for success surfaces.',
+  '--warning': 'Warning background.',
+  '--warning-contrast': 'Text and icons on a warning background.',
+  '--warning-border': 'Border for warning surfaces.',
+  '--danger': 'Danger / error background.',
+  '--danger-contrast': 'Text and icons on a danger background.',
+  '--danger-border': 'Border for danger surfaces.',
+
+  '--ring-color': 'Focus ring around a focused element.',
+
+  '--code-sintax-identifier': 'Identifiers (variables, properties).',
+  '--code-sintax-line-number': 'Gutter line numbers.',
+  '--code-sintax-keyword': 'Language keywords.',
+  '--code-sintax-punctuation': 'Punctuation and operators.',
+  '--code-sintax-function': 'Function and method names.',
+  '--code-sintax-type': 'Types and classes.',
+  '--code-sintax-string': 'String literals.'
+}
+
+// A token's swatch style: filled by default; borders draw an outline; foreground
+// (text / -contrast) roles render an "Aa" glyph on the surface (or on their base).
+function swatchKind(name) {
+  if (/^--border-/.test(name) || /-border$/.test(name) || name === '--ring-color') return 'border'
+  if (/^--text-/.test(name) || /-contrast$/.test(name) || /^--code-sintax-/.test(name)) return 'text'
+  return 'fill'
+}
+
+// For -contrast foregrounds, back the glyph with the base fill it sits on.
+function backing(name) {
+  const base = name.replace(/-contrast$/, '')
+  if (base !== name) return `var(${base})`
+  return null
+}
+
+export function buildThemeColorGroups() {
+  const resolved = buildResolvedMap()
+  const groups = SECTIONS.map((s) => ({ ...s, items: [] }))
+
+  for (const name of Object.keys(resolved).sort()) {
+    const section = groups.find((g) => g.match(name))
+    section.items.push({
+      name,
+      light: resolved[name].light,
+      dark: resolved[name].dark,
+      description: DESCRIPTIONS[name] ?? '',
+      kind: swatchKind(name),
+      on: backing(name)
+    })
+  }
+
+  return groups.filter((g) => g.items.length > 0).map(({ match, ...g }) => g)
+}
+
+export const themeColorGroups = buildThemeColorGroups()
diff --git a/apps/storybook/src/stories/foundations/Theme.stories.js b/apps/storybook/src/stories/foundations/Theme.stories.js
new file mode 100644
index 000000000..a49a537ad
--- /dev/null
+++ b/apps/storybook/src/stories/foundations/Theme.stories.js
@@ -0,0 +1,48 @@
+import SemanticSwatchGroup from '../../foundations/components/SemanticSwatchGroup.vue'
+import { PageContainer, PageHeader } from '../../foundations/components/layout/index.js'
+import { themeColorGroups } from '../../foundations/data/theme.js'
+
+export default {
+  title: 'Foundations/Theme',
+  parameters: {
+    options: { showPanel: false },
+    controls: { disable: true },
+    actions: { disable: true },
+    docs: {
+      description: {
+        component:
+          'Semantic theme colors — every mode-aware color token that ships in `@aziontech/theme/globals.css`, generated straight from the token source so the catalog can never drift. Each swatch renders the live token, so toggle the theme in the toolbar to see light and dark. Click a row to copy its CSS variable.'
+      }
+    }
+  }
+}
+
+export const Overview = {
+  name: 'Overview',
+  render: () => ({
+    components: { PageContainer, PageHeader, SemanticSwatchGroup },
+    setup() {
+      return { themeColorGroups }
+    },
+    template: /* html */ `
+      <PageContainer>
+        <PageHeader title="Theme">
+          Semantic color tokens layered on top of the primitive palette. Consume these
+          <code class="font-code text-code">var(--*)</code> tokens — or the matching Tailwind
+          <code class="font-code text-code">bg-*</code> / <code class="font-code text-code">text-*</code> /
+          <code class="font-code text-code">border-*</code> utilities — never a raw hex, so a single theme
+          drives both light and dark — toggle the theme in the toolbar to preview each token.
+          Click any row to copy its CSS variable.
+        </PageHeader>
+
+        <SemanticSwatchGroup
+          v-for="group in themeColorGroups"
+          :key="group.id"
+          :title="group.title"
+          :description="group.description"
+          :items="group.items"
+        />
+      </PageContainer>
+    `
+  })
+}
diff --git a/apps/storybook/src/stories/templates/ChangePlanDrawer.stories.js b/apps/storybook/src/stories/templates/ChangePlanDrawer.stories.js
index d2e8b4b8a..eb30c7698 100644
--- a/apps/storybook/src/stories/templates/ChangePlanDrawer.stories.js
+++ b/apps/storybook/src/stories/templates/ChangePlanDrawer.stories.js
@@ -171,13 +171,117 @@ const billingOptions = [
   { label: 'Yearly', value: 'yearly' }
 ]
 
-const planFeatureItems = [
-  { icon: 'pi pi-globe', label: 'Infraestrutura global' },
-  { icon: 'pi pi-code', label: 'Funções serverless' },
-  { icon: 'pi pi-image', label: 'Image optimization' },
-  { icon: 'ai ai-store', label: 'Armazenamento e banco de dados' },
-  { icon: 'pi pi-shield', label: 'Mitigação de DDoS e firewall' }
-]`
+const planFeaturesSlot = \`
+  <ul class="m-0 flex w-full list-none flex-col gap-2 p-0">
+    <li class="text-label-sm text-[var(--text-muted)] leading-none">
+      Todas as funcionalidades disponíveis
+    </li>
+    <li
+      v-for="(feature, index) in planFeatureItems"
+      :key="index"
+      class="flex items-center gap-[10px]"
+    >
+      <span
+        class="flex size-5 shrink-0 items-center justify-center"
+        aria-hidden="true"
+      >
+        <i :class="feature.icon" class="text-[var(--text-default)]" />
+      </span>
+      <span class="text-label-sm text-[var(--text-default)] leading-none">
+        {{ feature.label }}
+      </span>
+    </li>
+  </ul>
+\`
+
+const changePlanTemplate = \`
+  <Drawer
+    v-bind="args"
+    v-model:open="open"
+    data-testid="template-change-plan-drawer"
+  >
+    <DrawerTrigger>
+      <Button label="Change plan" kind="primary" />
+    </DrawerTrigger>
+    <DrawerPortal>
+      <DrawerOverlay />
+      <DrawerContent>
+        <PanelHeader class="w-full">
+          <DrawerTitle>Change Plan</DrawerTitle>
+          <DrawerClose />
+        </PanelHeader>
+        <PanelContent class="flex flex-col items-center gap-[var(--spacing-6)]">
+          <SegmentedButton
+            v-model="billingPeriod"
+            :options="billingOptions"
+            ariaLabel="Billing period"
+          />
+          <div
+            class="flex w-full min-w-0 flex-col items-stretch justify-center gap-[var(--spacing-6)] lg:flex-row"
+            data-testid="template-change-plan-drawer__plans"
+          >
+            <CardPricing
+              class="w-full! min-w-0 flex-1 max-w-none"
+              plan-title="Hobby"
+              description="The perfect starting place"
+              value="Free"
+              :show-prefix="false"
+              :show-suffix="false"
+              :pricing-details="billingDetailMonthly"
+              slot-position="middle"
+              card-style="contained"
+              action-label=""
+              data-testid="template-change-plan-drawer__plan-hobby"
+            >
+              \${planFeaturesSlot}
+              <template #actions>
+                <Button label="Downgrade" kind="outlined" size="large" class="w-full" />
+              </template>
+            </CardPricing>
+            <CardPricing
+              class="w-full! min-w-0 flex-1 max-w-none"
+              plan-title="Pro"
+              :description="billingDetailMonthly"
+              value="20"
+              prefix="$"
+              suffix="per month"
+              :pricing-details="billingDetailMonthly"
+              :show-tag="true"
+              tag-label="Current plan"
+              slot-position="middle"
+              card-style="contained"
+              action-label=""
+              data-testid="template-change-plan-drawer__plan-pro"
+            >
+              \${planFeaturesSlot}
+              <template #actions>
+                <Button label="Upgrade to Yearly" kind="primary" size="large" class="w-full" />
+              </template>
+            </CardPricing>
+            <CardPricing
+              class="w-full! min-w-0 flex-1 max-w-none"
+              plan-title="Enterprise"
+              description="Suporte avançado e serviços contínuos."
+              value="Custom"
+              :show-prefix="false"
+              :show-suffix="false"
+              :pricing-details="billingDetailEnterprise"
+              slot-position="middle"
+              card-style="contained"
+              action-label=""
+              data-testid="template-change-plan-drawer__plan-enterprise"
+            >
+              \${planFeaturesSlot}
+              <template #actions>
+                <Button label="Contact Sales" kind="outlined" size="large" class="w-full" />
+              </template>
+            </CardPricing>
+          </div>
+        </PanelContent>
+      </DrawerContent>
+    </DrawerPortal>
+  </Drawer>
+`
 
 const SNIPPET_BODY = `<Drawer
   side="right"
diff --git a/apps/storybook/src/stories/templates/DeleteDomainDialog.stories.js b/apps/storybook/src/stories/templates/DeleteDomainDialog.stories.js
index 58a05a15f..1c70fc7f5 100644
--- a/apps/storybook/src/stories/templates/DeleteDomainDialog.stories.js
+++ b/apps/storybook/src/stories/templates/DeleteDomainDialog.stories.js
@@ -142,7 +142,7 @@ const deleteDomainTemplate = `
           <p class="m-0 text-body-sm text-[var(--text-muted)]">
             {{ args.descriptionBeforeLink }}
             <Link
-              class="!inline-flex !h-auto !min-h-0 align-baseline"
+              class="inline-flex! h-auto! min-h-0! align-baseline"
               :href="args.helpCenterHref"
               :label="args.helpCenterLabel"
               :show-icon="false"
diff --git a/apps/storybook/src/styles/preview.css b/apps/storybook/src/styles/preview.css
index 0b913cf18..c9fcda7a5 100644
--- a/apps/storybook/src/styles/preview.css
+++ b/apps/storybook/src/styles/preview.css
@@ -1,11 +1,10 @@
-@layer tailwind-base, primevue;
+/**
+ * Tailwind v4 requires `@reference` in files that use `@apply` but are not
+ * the main Tailwind entry (`@import "tailwindcss"`). Point it at the theme's
+ * generated globals so `@apply` can resolve utilities.
+ */
+@reference "@aziontech/theme/globals.css";
 
-@layer tailwind-base {
-  @tailwind base;
-}
-
-@tailwind components;
-@tailwind utilities;
 
 html,
 body,
@@ -29,35 +28,33 @@ body,
 
 .docblock-code-toggle {
   /* Avoid relying on `font-code` utility: Tailwind doesn't generate it (it generates `font-sans|serif|mono`). */
-  @apply !font-mono !font-normal;
+  @apply font-mono! font-normal!;
 }
 .css-2p1np {
-  @apply !font-mono !font-normal;
+  @apply font-mono! font-normal!;
 }
 
 /* Text Name Column Props */
 .css-in3yi3 {
-  @apply !font-code !font-normal !text-neutral-50;
+  font-family: 'Roboto Mono', monospace !important;
+  @apply font-normal! text-neutral-50!;
 }
 
 .tabbutton > * {
-  @apply !font-mono !font-normal;
+  @apply font-mono! font-normal!;
 }
 
 .docblock-argstable-head > tr {
-  @apply !font-code !lowercase;
-}
-
-.css-in3yi3 {
-  @apply !font-code !font-normal !text-neutral-50;
+  font-family: 'Roboto Mono', monospace !important;
+  @apply lowercase!;
 }
 
 .css-7qiabv {
-  @apply !font-sans !text-neutral-500;
+  @apply font-sans! text-neutral-500!;
 }
 
 h1, h2, h3, h4, h5, h6 {
-  @apply !font-sans !font-normal;
+  @apply font-sans! font-normal!;
 }
 
 /* Theme container styles */
diff --git a/apps/storybook/tailwind.config.js b/apps/storybook/tailwind.config.js
deleted file mode 100644
index d9bdb906f..000000000
--- a/apps/storybook/tailwind.config.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import typography from '@tailwindcss/typography'
-import preset from '@aziontech/theme/tailwind-preset'
-import { animations } from '@aziontech/theme/tailwind/semantic-animations-plugin'
-
-export default {
-  important: true,
-  presets: [preset],
-  content: [
-    './src/**/*.vue',
-    './src/**/*.js',
-    './src/**/*.ts',
-    './src/**/*.jsx',
-    './src/**/*.tsx',
-    '../../packages/webkit/src/**/*.vue',
-    '../../packages/webkit/src/**/*.js',
-    '../../packages/webkit/src/**/*.ts',
-    '../../packages/webkit/src/**/*.jsx',
-    '../../packages/webkit/src/**/*.tsx'
-  ],
-  darkMode: ['class'],
-  theme: {
-    fontFamily: {
-      sans: ['Sora'],
-      mono: ['Proto Mono'],
-      code: ['Roboto Mono']
-    },
-    listStyleType: {
-      none: 'none',
-      disc: 'disc',
-      decimal: 'decimal',
-      square: 'square',
-      roman: 'upper-roman'
-    },
-    extend: {
-      colors: {
-        header: '#111111',
-        'header-button-enabled': '#ffffff32',
-        'header-button-hover': '#f5f5f516',
-        'header-avatar': '#363636',
-        'orange-base': '#F3652B'
-      },
-      backgroundColor: {
-        'orange-bullet': '#F3652B'
-      },
-      borderColor: {
-        header: '#3e3e3e',
-        'header-hover': '#F3652B',
-        'radio-card-active': '#F3652B'
-      },
-      textColor: {
-        header: '#b5b5b5',
-        'success-check': '#22C55E'
-      },
-      transitionProperty: {
-        width: 'width'
-      },
-      width: {
-        slide: '384px'
-      },
-      height: {
-        'visible-area': 'calc(100vh - 60px - 56px)',
-        'graph-card': '552px'
-      },
-      fontFamily: {
-        roboto: ['Roboto'],
-        robotomono: ['Roboto Mono'],
-        sora: ['Sora'],
-        'proto-mono': ['Proto Mono'],
-        protomono: ['Proto Mono'],
-        mono: [
-          'Proto Mono',
-          'ui-monospace',
-          'SFMono-Regular',
-          'Menlo',
-          'Monaco',
-          'Cascadia Code',
-          'Roboto Mono',
-          'Courier New',
-          'monospace'
-        ]
-      }
-    }
-  },
-  plugins: [typography, animations()]
-}
diff --git a/packages/theme/default.js b/packages/theme/default.js
deleted file mode 100644
index 7e86e3cd7..000000000
--- a/packages/theme/default.js
+++ /dev/null
@@ -1 +0,0 @@
-import './src/azion/theme.scss';
diff --git a/packages/theme/dist/v3/globals.css b/packages/theme/dist/v3/globals.css
deleted file mode 100644
index 85f134f81..000000000
--- a/packages/theme/dist/v3/globals.css
+++ /dev/null
@@ -1,900 +0,0 @@
-/* generated by build-tokens.mjs — target: v3 — do not edit */
-
-@tailwind components;
-@tailwind utilities;
-
-:root, [data-theme=light], .azion.azion-light {
-    /* ── Primitives ── */
-    --color-base-white: #FFFFFF;
-    --color-base-black: #000000;
-    --color-blue-50: #E5F1FF;
-    --color-blue-100: #CCE4FF;
-    --color-blue-200: #99C9FF;
-    --color-blue-300: #66ADFF;
-    --color-blue-400: #3392FF;
-    --color-blue-500: #0072F5;
-    --color-blue-600: #005FCC;
-    --color-blue-700: #004799;
-    --color-blue-800: #003066;
-    --color-blue-900: #001833;
-    --color-blue-950: #000C1A;
-    --color-gray-50: #FAFAFA;
-    --color-gray-100: #F5F5F5;
-    --color-gray-200: #E5E5E5;
-    --color-gray-300: #B2B2B2;
-    --color-gray-400: #999999;
-    --color-gray-500: #808080;
-    --color-gray-600: #666666;
-    --color-gray-700: #4D4D4D;
-    --color-gray-800: #1A1A1A;
-    --color-gray-900: #141414;
-    --color-gray-950: #0A0A0A;
-    --color-violet-50: #F6F6FF;
-    --color-violet-100: #ECECFF;
-    --color-violet-200: #D9D7FA;
-    --color-violet-300: #B5B1F4;
-    --color-violet-400: #9F9AF1;
-    --color-violet-500: #8A84EC;
-    --color-violet-600: #756FE5;
-    --color-violet-700: #625BD5;
-    --color-violet-800: #524BBB;
-    --color-violet-900: #1F1E48;
-    --color-violet-950: #100F24;
-    --color-orange-50: #FFF5EF;
-    --color-orange-100: #FFE7D8;
-    --color-orange-200: #FFCFB3;
-    --color-orange-300: #FFB180;
-    --color-orange-400: #FF8E4D;
-    --color-orange-500: #F3652B;
-    --color-orange-600: #D94A03;
-    --color-orange-700: #B03C02;
-    --color-orange-800: #8A2F02;
-    --color-orange-900: #692402;
-    --color-orange-950: #401602;
-    --color-slate-50: #F8F7FC;
-    --color-slate-100: #F0EFF8;
-    --color-slate-200: #E3E1F0;
-    --color-slate-300: #D3D2E6;
-    --color-slate-400: #BEBBD6;
-    --color-slate-500: #A39FBE;
-    --color-slate-600: #8884A4;
-    --color-slate-700: #6D698B;
-    --color-slate-800: #534F70;
-    --color-slate-900: #353040;
-    --color-slate-950: #13131A;
-    --color-yellow-50: #FEF8E6;
-    --color-yellow-100: #FDF2CE;
-    --color-yellow-200: #FCE49C;
-    --color-yellow-300: #FAD76B;
-    --color-yellow-400: #F8CA3A;
-    --color-yellow-500: #F7BD08;
-    --color-yellow-600: #C59707;
-    --color-yellow-700: #947105;
-    --color-yellow-800: #634B03;
-    --color-yellow-900: #312602;
-    --color-yellow-950: #191301;
-    --color-green-50: #F0FDF4;
-    --color-green-100: #D0FBDF;
-    --color-green-200: #A4F4C0;
-    --color-green-300: #78EDA2;
-    --color-green-400: #52E086;
-    --color-green-500: #26D968;
-    --color-green-600: #18B452;
-    --color-green-700: #16833F;
-    --color-green-800: #12542B;
-    --color-green-900: #0A2916;
-    --color-green-950: #03170B;
-    --color-red-50: #FCE8E8;
-    --color-red-100: #F9D2D2;
-    --color-red-200: #F3A5A5;
-    --color-red-300: #ED7878;
-    --color-red-400: #E74B4B;
-    --color-red-500: #E51A1A;
-    --color-red-600: #B71515;
-    --color-red-700: #891010;
-    --color-red-800: #5B0B0B;
-    --color-red-900: #2E0606;
-    --color-red-950: #170303;
-    --color-surface-0: #FFFFFF;
-    --color-surface-50: #FAFAFA;
-    --color-surface-100: #F5F5F5;
-    --color-surface-200: #E5E5E5;
-    --color-surface-300: #B2B2B2;
-    --color-surface-400: #999999;
-    --color-surface-500: #808080;
-    --color-surface-600: #666666;
-    --color-surface-700: #4D4D4D;
-    --color-surface-800: #1A1A1A;
-    --color-surface-900: #141414;
-    --color-surface-950: #0A0A0A;
-    --color-alpha-violet-50: #8A84EC0D;
-    --color-alpha-violet-100: #8A84EC1A;
-    --color-alpha-violet-200: #8A84EC33;
-    --color-alpha-violet-300: #8A84EC4D;
-    --color-alpha-violet-400: #8A84EC66;
-    --color-alpha-violet-500: #8A84EC80;
-    --color-alpha-violet-600: #8A84EC99;
-    --color-alpha-violet-700: #8A84ECB2;
-    --color-alpha-violet-800: #8A84ECCC;
-    --color-alpha-violet-900: #8A84ECE5;
-    --color-alpha-orange-50: #FE601F0D;
-    --color-alpha-orange-100: #FE601F1A;
-    --color-alpha-orange-200: #FE601F33;
-    --color-alpha-orange-300: #FE601F4D;
-    --color-alpha-orange-400: #FE601F66;
-    --color-alpha-orange-500: #FE601F80;
-    --color-alpha-orange-600: #FE601F99;
-    --color-alpha-orange-700: #FE601FB2;
-    --color-alpha-orange-800: #FE601FCC;
-    --color-alpha-orange-900: #FE601FE5;
-    --color-alpha-white-50: #FFFFFF0D;
-    --color-alpha-white-100: #FFFFFF1A;
-    --color-alpha-white-200: #FFFFFF33;
-    --color-alpha-white-300: #FFFFFF4D;
-    --color-alpha-white-400: #FFFFFF66;
-    --color-alpha-white-500: #FFFFFF80;
-    --color-alpha-white-600: #FFFFFF99;
-    --color-alpha-white-700: #FFFFFFB2;
-    --color-alpha-white-800: #FFFFFFCC;
-    --color-alpha-white-900: #FFFFFFE5;
-    --color-alpha-black-50: #00000005;
-    --color-alpha-black-100: #00000014;
-    --color-alpha-black-200: #00000033;
-    --color-alpha-black-300: #0000004D;
-    --color-alpha-black-400: #00000066;
-    --color-alpha-black-500: #00000080;
-    --color-alpha-black-600: #00000099;
-    --color-alpha-black-700: #000000B2;
-    --color-alpha-black-800: #000000CC;
-    --color-alpha-black-900: #000000E5;
-    --color-alpha-green-50: #22C55E0D;
-    --color-alpha-green-100: #22C55E1A;
-    --color-alpha-green-200: #22C55E33;
-    --color-alpha-green-300: #22C55E4D;
-    --color-alpha-green-400: #22C55E66;
-    --color-alpha-green-500: #22C55E80;
-    --color-alpha-green-600: #22C55E99;
-    --color-alpha-green-700: #22C55EB2;
-    --color-alpha-green-800: #22C55ECC;
-    --color-alpha-green-900: #22C55EE5;
-    --color-alpha-red-50: #E51A1A0D;
-    --color-alpha-red-100: #E51A1A1A;
-    --color-alpha-red-200: #E51A1A33;
-    --color-alpha-red-300: #E51A1A4D;
-    --color-alpha-red-400: #E51A1A66;
-    --color-alpha-red-500: #E51A1A80;
-    --color-alpha-red-600: #E51A1A99;
-    --color-alpha-red-700: #E51A1AB2;
-    --color-alpha-red-800: #E51A1ACC;
-    --color-alpha-red-900: #E51A1AE5;
-    --color-alpha-yellow-50: #F7BD080D;
-    --color-alpha-yellow-100: #F7BD081A;
-    --color-alpha-yellow-200: #F7BD0833;
-    --color-alpha-yellow-300: #F7BD084D;
-    --color-alpha-yellow-400: #F7BD0866;
-    --color-alpha-yellow-500: #F7BD0880;
-    --color-alpha-yellow-600: #F7BD0899;
-    --color-alpha-yellow-700: #F7BD08B2;
-    --color-alpha-yellow-800: #F7BD08CC;
-    --color-alpha-yellow-900: #F7BD08E5;
-    --color-alpha-blue-50: #0072F50D;
-    --color-alpha-blue-100: #0072F51A;
-    --color-alpha-blue-200: #0072F533;
-    --color-alpha-blue-300: #0072F54D;
-    --color-alpha-blue-400: #0072F566;
-    --color-alpha-blue-500: #0072F580;
-    --color-alpha-blue-600: #0072F599;
-    --color-alpha-blue-700: #0072F5B2;
-    --color-alpha-blue-800: #0072F5CC;
-    --color-alpha-blue-900: #0072F5E5;
-    --color-alpha-absolute-black: #000000E5;
-    --color-alpha-absolute-white: #FFFFFFE5;
-    --color-primary-50: #FFF5EF;
-    --color-primary-100: #FFE7D8;
-    --color-primary-200: #FFCFB3;
-    --color-primary-300: #FFB180;
-    --color-primary-400: #FF8E4D;
-    --color-primary-500: #F3652B;
-    --color-primary-600: #D94A03;
-    --color-primary-700: #B03C02;
-    --color-primary-800: #8A2F02;
-    --color-primary-900: #692402;
-    --color-primary-950: #401602;
-    --color-accent-50: #F6F6FF;
-    --color-accent-100: #ECECFF;
-    --color-accent-200: #D9D7FA;
-    --color-accent-300: #B5B1F4;
-    --color-accent-400: #9F9AF1;
-    --color-accent-500: #8A84EC;
-    --color-accent-600: #756FE5;
-    --color-accent-700: #625BD5;
-    --color-accent-800: #524BBB;
-    --color-accent-900: #1F1E48;
-    --color-accent-950: #100F24;
-    --color-absolute-black: #0A0A0A;
-    --color-absolute-white: #FAFAFA;
-    --breakpoint-sm: 640px;
-    --breakpoint-md: 768px;
-    --breakpoint-lg: 1024px;
-    --breakpoint-xl: 1280px;
-    --breakpoint-2xl: 1536px;
-    --border-0: 0;
-    --border-1: 0.8px;
-    --border-2: 2px;
-    --border-3: 3px;
-    --border-4: 4px;
-    --container-3xs: 256px;
-    --container-2xs: 288px;
-    --container-xs: 320px;
-    --container-sm: 384px;
-    --container-md: 448px;
-    --container-lg: 512px;
-    --container-xl: 576px;
-    --container-2xl: 672px;
-    --container-3xl: 768px;
-    --container-4xl: 896px;
-    --container-5xl: 1024px;
-    --container-6xl: 1152px;
-    --container-7xl: 1280px;
-    --height-2: 8px;
-    --height-3: 12px;
-    --height-4: 16px;
-    --height-5: 20px;
-    --height-6: 24px;
-    --height-7: 28px;
-    --height-8: 32px;
-    --height-9: 36px;
-    --height-10: 40px;
-    --height-11: 44px;
-    --height-12: 48px;
-    --height-14: 56px;
-    --height-16: 64px;
-    --height-20: 80px;
-    --height-24: 96px;
-    --height-28: 112px;
-    --height-32: 128px;
-    --height-36: 144px;
-    --height-40: 160px;
-    --height-44: 176px;
-    --height-48: 192px;
-    --height-52: 208px;
-    --height-56: 224px;
-    --height-60: 240px;
-    --height-64: 256px;
-    --height-72: 288px;
-    --height-80: 320px;
-    --height-96: 384px;
-    --radius-none: 0;
-    --radius-sm: 2px;
-    --radius: 4px;
-    --radius-md: 6px;
-    --radius-lg: 8px;
-    --radius-xl: 12px;
-    --radius-2xl: 16px;
-    --radius-3xl: 24px;
-    --radius-full: 9999px;
-    --size-2: 8px;
-    --size-3: 12px;
-    --size-4: 16px;
-    --size-5: 20px;
-    --size-6: 24px;
-    --size-7: 28px;
-    --size-8: 32px;
-    --size-9: 36px;
-    --size-10: 40px;
-    --size-11: 44px;
-    --size-12: 48px;
-    --size-14: 56px;
-    --size-16: 64px;
-    --size-20: 80px;
-    --size-24: 96px;
-    --size-28: 112px;
-    --size-32: 128px;
-    --size-36: 144px;
-    --size-40: 160px;
-    --size-44: 176px;
-    --size-48: 192px;
-    --size-52: 208px;
-    --size-56: 224px;
-    --size-60: 240px;
-    --size-64: 256px;
-    --size-72: 288px;
-    --size-80: 320px;
-    --size-96: 384px;
-    --spacing-1: 4px;
-    --spacing-2: 8px;
-    --spacing-3: 12px;
-    --spacing-4: 16px;
-    --spacing-5: 20px;
-    --spacing-6: 24px;
-    --spacing-7: 28px;
-    --spacing-8: 32px;
-    --spacing-9: 36px;
-    --spacing-10: 40px;
-    --spacing-11: 44px;
-    --spacing-12: 48px;
-    --spacing-14: 56px;
-    --spacing-16: 64px;
-    --spacing-20: 80px;
-    --spacing-24: 96px;
-    --spacing-28: 112px;
-    --spacing-32: 128px;
-    --spacing-36: 144px;
-    --spacing-40: 160px;
-    --spacing-44: 176px;
-    --spacing-48: 192px;
-    --spacing-52: 208px;
-    --spacing-56: 224px;
-    --spacing-60: 240px;
-    --spacing-64: 256px;
-    --spacing-72: 288px;
-    --spacing-80: 320px;
-    --spacing-96: 384px;
-    --width-3xs: 256px;
-    --width-2xs: 288px;
-    --width-xs: 320px;
-    --width-sm: 384px;
-    --width-md: 448px;
-    --width-lg: 512px;
-    --width-xl: 576px;
-    --width-2xl: 672px;
-    --width-3xl: 768px;
-    --width-4xl: 896px;
-    --width-5xl: 1024px;
-    --width-6xl: 1152px;
-    --width-7xl: 1280px;
-    --aspect-video: 16 / 9;
-    --shape-flat: 0;
-    --shape-card: 8px;
-    --shape-button: 6px;
-    --shape-elements: 6px;
-    --border-width-default: 0.8px;
-    --font-sans: Sora;
-    --font-code: Roboto Mono;
-    --font-display: Proto Mono;
-    --text-xs: 0.75rem;
-    --text-xs--line-height: calc(1 / 0.75);
-    --text-sm: 0.875rem;
-    --text-sm--line-height: calc(1.25 / 0.875);
-    --text-base: 1rem;
-    --text-base--line-height: calc(1.5 / 1);
-    --text-lg: 1.125rem;
-    --text-lg--line-height: calc(1.75 / 1.125);
-    --text-xl: 1.25rem;
-    --text-xl--line-height: calc(1.75 / 1.25);
-    --text-2xl: 1.5rem;
-    --text-2xl--line-height: calc(2 / 1.5);
-    --text-3xl: 1.875rem;
-    --text-3xl--line-height: calc(2.25 / 1.875);
-    --text-4xl: 2.25rem;
-    --text-4xl--line-height: calc(2.5 / 2.25);
-    --text-5xl: 3rem;
-    --text-5xl--line-height: 1;
-    --text-6xl: 3.5rem;
-    --text-6xl--line-height: 1;
-    --text-7xl: 4.5rem;
-    --text-7xl--line-height: 1;
-    --text-8xl: 6rem;
-    --text-8xl--line-height: 1;
-    --text-9xl: 8rem;
-    --text-9xl--line-height: 1;
-    --font-weight-thin: 100;
-    --font-weight-extralight: 200;
-    --font-weight-light: 300;
-    --font-weight-normal: 400;
-    --font-weight-medium: 500;
-    --font-weight-semibold: 600;
-    --font-weight-bold: 700;
-    --font-weight-extrabold: 800;
-    --font-weight-black: 900;
-    --leading-tight: 1.25;
-    --leading-snug: 1.375;
-    --leading-normal: 1.5;
-    --leading-relaxed: 1.625;
-    --leading-loose: 2;
-    --line-height-3: 12px;
-    --line-height-4: 16px;
-    --line-height-5: 20px;
-    --line-height-6: 24px;
-    --line-height-7: 28px;
-    --line-height-8: 32px;
-    --line-height-9: 36px;
-    --line-height-10: 40px;
-    --line-height-none: 0;
-    --tracking-tighter: -0.05em;
-    --tracking-tight: -0.025em;
-    --tracking-normal: 0em;
-    --tracking-wide: 0.025em;
-    --tracking-wider: 0.05em;
-    --tracking-widest: 0.1em;
-    --blur-xs: 4px;
-    --blur-sm: 8px;
-    --blur-md: 12px;
-    --blur-lg: 16px;
-    --blur-xl: 24px;
-    --blur-2xl: 40px;
-    --blur-3xl: 64px;
-    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
-    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
-    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
-    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
-    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
-    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
-    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
-    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-    --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
-    --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
-    --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
-    --opacity-25: 0.25;
-    --opacity-50: 0.5;
-    --opacity-75: 0.75;
-    --opacity-100: 1;
-    --perspective-dramatic: 100px;
-    --perspective-near: 300px;
-    --perspective-normal: 500px;
-    --perspective-midrange: 800px;
-    --perspective-distant: 1200px;
-    --ease-in: cubic-bezier(0.4, 0, 1, 1);
-    --ease-out: cubic-bezier(0, 0, 0.2, 1);
-    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
-    --animate-spin: spin 1s linear infinite;
-    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-    --animate-bounce: bounce 1s infinite;
-    --animate-shimmer: shimmer 1.6s linear infinite;
-    --animate-popup-scale-in: popupScaleIn 150ms cubic-bezier(0.39, 0.57, 0.56, 1);
-    --animate-popup-scale-out: popupScaleOut 110ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
-    --animate-progress-indeterminate: progressIndeterminate 2100ms cubic-bezier(0.39, 0.57, 0.56, 1) infinite;
-    --animate-progress-indeterminate-short: progressIndeterminateShort 2100ms cubic-bezier(0.17, 0.84, 0.44, 1) 1100ms infinite;
-    --ring-offset: 0.5px;
-
-    /* ── Containers ── */
-    --container-px: 1rem;
-    --container-py: 4rem;
-    --container-max-width: 28rem;
-
-    /* ── Spacings ── */
-    --spacing-xxl: 2rem;
-    --spacing-xl: 1.5rem;
-    --spacing-lg: 1rem;
-    --spacing-md: 1rem;
-    --spacing-sm: 0.75rem;
-    --spacing-xs: 0.5rem;
-    --spacing-xxs: 0.25rem;
-
-    /* ── Texts ── */
-    --text-big-number-md-font-size: 1.25rem;
-    --text-big-number-md-line-height: 1.25;
-    --text-big-number-md-font-weight: 400;
-    --text-big-number-md-font-family: Proto Mono;
-    --text-big-number-sm-font-size: 1rem;
-    --text-big-number-sm-line-height: 1.25;
-    --text-big-number-sm-font-weight: 400;
-    --text-big-number-sm-font-family: Proto Mono;
-    --text-big-number-lg-font-size: 1.5rem;
-    --text-big-number-lg-line-height: 1.25;
-    --text-big-number-lg-font-weight: 400;
-    --text-big-number-lg-font-family: Proto Mono;
-    --text-heading-2xl-font-size: 1.875rem;
-    --text-heading-2xl-line-height: 1.25;
-    --text-heading-2xl-font-weight: 400;
-    --text-heading-xl-font-size: 1.25rem;
-    --text-heading-xl-line-height: 1.25;
-    --text-heading-xl-font-weight: 400;
-    --text-heading-lg-font-size: 1.125rem;
-    --text-heading-lg-line-height: 1.25;
-    --text-heading-lg-font-weight: 400;
-    --text-heading-md-font-size: 1rem;
-    --text-heading-md-line-height: 1.25;
-    --text-heading-md-font-weight: 400;
-    --text-heading-sm-font-size: 0.875rem;
-    --text-heading-sm-line-height: 1.375;
-    --text-heading-sm-font-weight: 400;
-    --text-heading-xs-font-size: 1rem;
-    --text-heading-xs-line-height: 1.375;
-    --text-heading-xs-font-weight: 400;
-    --text-heading-xxs-font-size: 0.875rem;
-    --text-heading-xxs-line-height: 1.375;
-    --text-heading-xxs-font-weight: 400;
-    --text-label-lg-font-size: 1rem;
-    --text-label-lg-line-height: 1.5;
-    --text-label-lg-font-weight: 500;
-    --text-label-md-font-size: 0.875rem;
-    --text-label-md-line-height: 1.5;
-    --text-label-md-font-weight: 500;
-    --text-label-sm-font-size: 0.75rem;
-    --text-label-sm-line-height: 1.5;
-    --text-label-sm-font-weight: 500;
-    --text-label-code-sm-font-family: Roboto Mono;
-    --text-label-code-sm-font-size: 0.75rem;
-    --text-label-code-sm-line-height: 1;
-    --text-label-code-sm-font-weight: 400;
-    --text-label-code-sm-letter-spacing: 0;
-    --text-label-code-md-font-family: Roboto Mono;
-    --text-label-code-md-font-size: 0.875rem;
-    --text-label-code-md-line-height: 1;
-    --text-label-code-md-font-weight: 400;
-    --text-label-code-md-letter-spacing: 0;
-    --text-label-code-lg-font-family: Roboto Mono;
-    --text-label-code-lg-font-size: 1rem;
-    --text-label-code-lg-line-height: 1;
-    --text-label-code-lg-font-weight: 400;
-    --text-label-code-lg-letter-spacing: 0;
-    --text-body-lg-font-size: 1rem;
-    --text-body-lg-line-height: 1.5;
-    --text-body-md-font-size: 1rem;
-    --text-body-md-line-height: 1.5;
-    --text-body-sm-font-size: 0.875rem;
-    --text-body-sm-line-height: 1.5;
-    --text-body-xs-font-size: 0.75rem;
-    --text-body-xs-line-height: 1.5;
-    --text-tag-sm-font-size: 0.75rem;
-    --text-tag-sm-line-height: 1.25;
-    --text-tag-sm-font-weight: 600;
-    --text-tag-md-font-size: 0.75rem;
-    --text-tag-md-line-height: 1.25;
-    --text-tag-md-font-weight: 600;
-    --text-body-xxs-font-size: 0.75rem;
-    --text-body-xxs-line-height: 1.5;
-    --text-overline-md-font-family: Proto Mono;
-    --text-overline-md-font-size: 0.75rem;
-    --text-overline-md-line-height: 1.375;
-    --text-overline-md-letter-spacing: 0.08em;
-    --text-overline-md-text-transform: uppercase;
-    --text-overline-sm-font-family: Proto Mono;
-    --text-overline-sm-font-size: 0.75rem;
-    --text-overline-sm-line-height: 1.375;
-    --text-overline-sm-letter-spacing: 0.08em;
-    --text-overline-sm-text-transform: uppercase;
-    --text-overline-xs-font-family: Proto Mono;
-    --text-overline-xs-font-size: 0.75rem;
-    --text-overline-xs-line-height: 1.375;
-    --text-overline-xs-letter-spacing: 0.08em;
-    --text-overline-xs-text-transform: uppercase;
-    --text-button-lg-font-family: Sora;
-    --text-button-lg-font-size: 0.875rem;
-    --text-button-lg-font-weight: 400;
-    --text-button-lg-line-height: 1.25;
-    --text-button-lg-letter-spacing: 0;
-    --text-button-md-font-family: Sora;
-    --text-button-md-font-size: 0.75rem;
-    --text-button-md-font-weight: 400;
-    --text-button-md-line-height: 1.25;
-    --text-button-md-letter-spacing: 0;
-    --text-link-font-size: inherit;
-    --text-link-line-height: inherit;
-    --text-link-color: var(--text-link);
-    --text-link-border-radius: var(--shape-elements);
-    --text-link-transition: all 110ms cubic-bezier(0.39, 0.57, 0.56, 1);
-
-    /* ── Semantic colors ── */
-    --text-default: #141414;
-    --text-muted: #666666;
-    --text-link: #005FCC;
-    --text-code: #666666;
-    --text-link-hover: #004799;
-    --text-primary: #F3652B;
-    --text-primary-hover: #D94A03;
-    --text-accent: #8A84EC;
-    --text-accent-hover: #756FE5;
-    --text-danger-hover: #E51A1A;
-    --text-warning-hover: #F7BD08;
-    --text-success-hover: #26D968;
-    --text-success: #18B452;
-    --text-danger: #B71515;
-    --text-warning: #C59707;
-    --background-surface-raised: #FFFFFF;
-    --background-surface-overlay: #FAFAFA;
-    --background-surface: #FFFFFF;
-    --background-canvas: #F5F5F5;
-    --background-danger-hover: #E74B4B;
-    --background-warning-hover: #F8CA3A;
-    --background-success-hover: #52E086;
-    --background-success: #A4F4C0;
-    --background-danger: #F3A5A5;
-    --background-warning: #FCE49C;
-    --background-backdrop: primitives.alpha.neutral.25;
-    --background-primary-hover: #D94A03;
-    --background-primary: #F3652B;
-    --background-primary-mask: primitives.alpha.brand.primary.65;
-    --border-default: #F5F5F5;
-    --border-strong: #000000;
-    --border-warning: #C59707;
-    --border-success: #18B452;
-    --border-danger: #B71515;
-    --border-primary: #F3652B;
-    --border-accent: #8A84EC;
-    --border-warning-hover: #F7BD08;
-    --border-success-hover: #26D968;
-    --border-danger-hover: #E51A1A;
-    --border-primary-hover: #D94A03;
-    --border-accent-hover: #756FE5;
-    --border-subtle: #E5E5E5;
-}
-
-  @media (min-width: 640px) {
-    :root, [data-theme=light], .azion.azion-light {
-      --container-px: 2.5rem;
-      --container-py: 8rem;
-      --container-max-width: 64rem;
-      --spacing-xxl: 4rem;
-      --spacing-xl: 2rem;
-      --spacing-lg: 1.5rem;
-      --text-big-number-md-font-size: 1.5rem;
-      --text-big-number-sm-font-size: 1.25rem;
-      --text-big-number-lg-font-size: 2.25rem;
-      --text-heading-2xl-font-size: 3rem;
-      --text-heading-xl-font-size: 1.875rem;
-      --text-heading-md-font-size: 1.25rem;
-      --text-heading-sm-font-size: 1rem;
-      --text-overline-md-font-size: 0.875rem;
-    }
-  }
-
-  @media (min-width: 768px) {
-    :root, [data-theme=light], .azion.azion-light {
-      --text-big-number-md-font-size: 2.25rem;
-      --text-big-number-lg-font-size: 3.5rem;
-      --text-heading-2xl-font-size: 3.5rem;
-      --text-heading-xl-font-size: 2.25rem;
-      --text-heading-lg-font-size: 1.875rem;
-      --text-heading-md-font-size: 1.5rem;
-      --text-heading-sm-font-size: 1.125rem;
-      --text-body-lg-font-size: 1.125rem;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    :root, [data-theme=light], .azion.azion-light {
-      --container-px: 0;
-      --container-py: 12rem;
-      --container-max-width: 80rem;
-      --spacing-xxl: 6rem;
-      --spacing-xl: 3rem;
-    }
-  }
-
-[data-theme=dark], .dark, .azion.azion-dark {
-  /* ── Semantic colors (dark) ── */
-  --text-default: #FAFAFA;
-  --text-muted: #999999;
-  --text-link: #3392FF;
-  --text-code: #999999;
-  --text-link-hover: #66ADFF;
-  --text-primary: #F3652B;
-  --text-primary-hover: #FF8E4D;
-  --text-accent: #8A84EC;
-  --text-accent-hover: #9F9AF1;
-  --text-danger-hover: #E51A1A;
-  --text-warning-hover: #F7BD08;
-  --text-success-hover: #26D968;
-  --text-success: #52E086;
-  --text-danger: #E74B4B;
-  --text-warning: #F8CA3A;
-  --background-surface-raised: #1A1A1A;
-  --background-surface-overlay: #4D4D4D;
-  --background-surface: #141414;
-  --background-canvas: #0A0A0A;
-  --background-danger-hover: #B71515;
-  --background-warning-hover: #C59707;
-  --background-success-hover: #18B452;
-  --background-success: #12542B;
-  --background-danger: #5B0B0B;
-  --background-warning: #634B03;
-  --background-backdrop: primitives.alpha.neutral.25;
-  --background-primary-hover: #FF8E4D;
-  --background-primary: #F3652B;
-  --background-primary-mask: primitives.alpha.brand.primary.65;
-  --border-default: #1A1A1A;
-  --border-strong: #FFFFFF;
-  --border-warning: #F8CA3A;
-  --border-success: #52E086;
-  --border-danger: #E74B4B;
-  --border-primary: #F3652B;
-  --border-accent: #8A84EC;
-  --border-warning-hover: #F7BD08;
-  --border-success-hover: #26D968;
-  --border-danger-hover: #E51A1A;
-  --border-primary-hover: #FF8E4D;
-  --border-accent-hover: #9F9AF1;
-  --border-subtle: #4D4D4D;
-}
-
-/* ── Theme semantics (primary, secondary, surfaces, feedback, …) ── */
-:root, [data-theme=light], .azion.azion-light {
-  --surface-0: #FFFFFF;
-  --surface-50: #FAFAFA;
-  --surface-100: #F5F5F5;
-  --surface-200: #E5E5E5;
-  --surface-300: #B2B2B2;
-  --surface-400: #999999;
-  --surface-500: #808080;
-  --surface-600: #666666;
-  --surface-700: #4D4D4D;
-  --surface-800: #1A1A1A;
-  --surface-900: #141414;
-  --surface-950: #0A0A0A;
-  --primary: #F3652B;
-  --primary-mask: #FE601F33;
-  --primary-selected: #FE601F33;
-  --primary-contrast: #000000;
-  --secondary: #0A0A0A;
-  --secondary-mask: #00000005;
-  --secondary-selected: #0A0A0A;
-  --secondary-contrast: #FFFFFF;
-  --accent: #756FE5;
-  --accent-mask: #8A84EC0D;
-  --accent-selected: #8A84EC;
-  --accent-contrast: #000000;
-  --bg-canvas: #FAFAFA;
-  --bg-surface: #FFFFFF;
-  --bg-surface-raised: #FFFFFF;
-  --bg-mask: #00000005;
-  --bg-surface-overlay: #FAFAFA;
-  --bg-hover: #00000014;
-  --bg-active: #00000005;
-  --bg-backdrop: #000000CC;
-  --bg-selected: #E5E5E5;
-  --bg-contrast: #141414;
-  --bg-disabled: #E5E5E5;
-  --border-default: #00000014;
-  --border-muted: #00000014;
-  --border-strong: #000000;
-  --border-selected: #F3652B;
-  --text-default: #141414;
-  --text-muted: #666666;
-  --text-disabled: #999999;
-  --text-link: #005FCC;
-  --text-contrast: #FAFAFA;
-  --ring-color: #666666;
-  --code-sintax-identifier: #141414;
-  --code-sintax-line-number: #808080;
-  --code-sintax-keyword: #005FCC;
-  --code-sintax-punctuation: #808080;
-  --code-sintax-function: #F3652B;
-  --code-sintax-type: #947105;
-  --code-sintax-string: #005FCC;
-  --success: #A4F4C0;
-  --success-border: #22C55E66;
-  --success-contrast: #12542B;
-  --warning: #FCE49C;
-  --warning-border: #F7BD0880;
-  --warning-contrast: #634B03;
-  --danger: #F9D2D2;
-  --danger-border: #E51A1A66;
-  --danger-contrast: #891010;
-  --info: #CCE4FF;
-  --info-border: #8A84EC66;
-  --info-contrast: #004799;
-}
-
-[data-theme=dark], .dark, .azion.azion-dark {
-  --surface-0: #FFFFFF;
-  --surface-50: #FAFAFA;
-  --surface-100: #F5F5F5;
-  --surface-200: #E5E5E5;
-  --surface-300: #B2B2B2;
-  --surface-400: #999999;
-  --surface-500: #808080;
-  --surface-600: #666666;
-  --surface-700: #4D4D4D;
-  --surface-800: #1A1A1A;
-  --surface-900: #141414;
-  --surface-950: #0A0A0A;
-  --primary: #F3652B;
-  --primary-mask: #FE601F33;
-  --primary-selected: #FE601F33;
-  --primary-contrast: #FFFFFF;
-  --secondary: #FFFFFF;
-  --secondary-mask: #FFFFFF1A;
-  --secondary-selected: #FFFFFF;
-  --secondary-contrast: #000000;
-  --accent: #8A84EC;
-  --accent-mask: #8A84EC1A;
-  --accent-selected: #8A84EC;
-  --accent-contrast: #000000;
-  --bg-canvas: #000000;
-  --bg-surface: #0A0A0A;
-  --bg-surface-raised: #141414;
-  --bg-mask: #FFFFFF0D;
-  --bg-surface-overlay: #4D4D4D;
-  --bg-hover: #00000033;
-  --bg-active: #00000014;
-  --bg-backdrop: #000000CC;
-  --bg-selected: #1A1A1A;
-  --bg-contrast: #FAFAFA;
-  --bg-disabled: #1A1A1A;
-  --border-default: #FFFFFF1A;
-  --border-muted: #FFFFFF0D;
-  --border-strong: #FFFFFF;
-  --border-selected: #F3652B;
-  --text-default: #FAFAFA;
-  --text-muted: #999999;
-  --text-disabled: #4D4D4D;
-  --text-link: #3392FF;
-  --text-contrast: #000000;
-  --ring-color: #4D4D4D;
-  --code-sintax-identifier: #FAFAFA;
-  --code-sintax-line-number: #999999;
-  --code-sintax-keyword: #3392FF;
-  --code-sintax-punctuation: #999999;
-  --code-sintax-function: #F3652B;
-  --code-sintax-type: #FAD76B;
-  --code-sintax-string: #3392FF;
-  --success: #0A2916;
-  --success-border: #22C55E66;
-  --success-contrast: #52E086;
-  --warning: #312602;
-  --warning-border: #F7BD0880;
-  --warning-contrast: #F7BD08;
-  --danger: #5B0B0B;
-  --danger-border: #E51A1A66;
-  --danger-contrast: #ED7878;
-  --info: #001833;
-  --info-border: #0072F580;
-  --info-contrast: #66ADFF;
-}
-
-@layer components {
-  /* ── Containers ── */
-  .px-container { padding-left: var(--container-px); padding-right: var(--container-px); }
-  .py-container { padding-top: var(--container-py); padding-bottom: var(--container-py); }
-  .max-container-width { max-width: var(--container-max-width); }
-
-  /* ── Spacings ── */
-  .gap-spacing-xxl { gap: var(--spacing-xxl); }
-  .p-spacing-xxl { padding: var(--spacing-xxl); }
-  .gap-spacing-xl { gap: var(--spacing-xl); }
-  .p-spacing-xl { padding: var(--spacing-xl); }
-  .gap-spacing-lg { gap: var(--spacing-lg); }
-  .p-spacing-lg { padding: var(--spacing-lg); }
-  .gap-spacing-md { gap: var(--spacing-md); }
-  .p-spacing-md { padding: var(--spacing-md); }
-  .gap-spacing-sm { gap: var(--spacing-sm); }
-  .p-spacing-sm { padding: var(--spacing-sm); }
-  .gap-spacing-xs { gap: var(--spacing-xs); }
-  .p-spacing-xs { padding: var(--spacing-xs); }
-  .gap-spacing-xxs { gap: var(--spacing-xxs); }
-  .p-spacing-xxs { padding: var(--spacing-xxs); }
-
-  /* ── Texts ── */
-  .text-big-number-md { font-size: var(--text-big-number-md-font-size); line-height: var(--text-big-number-md-line-height); font-weight: var(--text-big-number-md-font-weight); font-family: var(--text-big-number-md-font-family); }
-  .text-big-number-sm { font-size: var(--text-big-number-sm-font-size); line-height: var(--text-big-number-sm-line-height); font-weight: var(--text-big-number-sm-font-weight); font-family: var(--text-big-number-sm-font-family); }
-  .text-big-number-lg { font-size: var(--text-big-number-lg-font-size); line-height: var(--text-big-number-lg-line-height); font-weight: var(--text-big-number-lg-font-weight); font-family: var(--text-big-number-lg-font-family); }
-  .text-heading-2xl { font-size: var(--text-heading-2xl-font-size); line-height: var(--text-heading-2xl-line-height); font-weight: var(--text-heading-2xl-font-weight); }
-  .text-heading-xl { font-size: var(--text-heading-xl-font-size); line-height: var(--text-heading-xl-line-height); font-weight: var(--text-heading-xl-font-weight); }
-  .text-heading-lg { font-size: var(--text-heading-lg-font-size); line-height: var(--text-heading-lg-line-height); font-weight: var(--text-heading-lg-font-weight); }
-  .text-heading-md { font-size: var(--text-heading-md-font-size); line-height: var(--text-heading-md-line-height); font-weight: var(--text-heading-md-font-weight); }
-  .text-heading-sm { font-size: var(--text-heading-sm-font-size); line-height: var(--text-heading-sm-line-height); font-weight: var(--text-heading-sm-font-weight); }
-  .text-heading-xs { font-size: var(--text-heading-xs-font-size); line-height: var(--text-heading-xs-line-height); font-weight: var(--text-heading-xs-font-weight); }
-  .text-heading-xxs { font-size: var(--text-heading-xxs-font-size); line-height: var(--text-heading-xxs-line-height); font-weight: var(--text-heading-xxs-font-weight); }
-  .text-label-lg { font-size: var(--text-label-lg-font-size); line-height: var(--text-label-lg-line-height); font-weight: var(--text-label-lg-font-weight); }
-  .text-label-md { font-size: var(--text-label-md-font-size); line-height: var(--text-label-md-line-height); font-weight: var(--text-label-md-font-weight); }
-  .text-label-sm { font-size: var(--text-label-sm-font-size); line-height: var(--text-label-sm-line-height); font-weight: var(--text-label-sm-font-weight); }
-  .text-label-code-sm { font-family: var(--text-label-code-sm-font-family); font-size: var(--text-label-code-sm-font-size); line-height: var(--text-label-code-sm-line-height); font-weight: var(--text-label-code-sm-font-weight); letter-spacing: var(--text-label-code-sm-letter-spacing); }
-  .text-label-code-md { font-family: var(--text-label-code-md-font-family); font-size: var(--text-label-code-md-font-size); line-height: var(--text-label-code-md-line-height); font-weight: var(--text-label-code-md-font-weight); letter-spacing: var(--text-label-code-md-letter-spacing); }
-  .text-label-code-lg { font-family: var(--text-label-code-lg-font-family); font-size: var(--text-label-code-lg-font-size); line-height: var(--text-label-code-lg-line-height); font-weight: var(--text-label-code-lg-font-weight); letter-spacing: var(--text-label-code-lg-letter-spacing); }
-  .text-body-lg { font-size: var(--text-body-lg-font-size); line-height: var(--text-body-lg-line-height); }
-  .text-body-md { font-size: var(--text-body-md-font-size); line-height: var(--text-body-md-line-height); }
-  .text-body-sm { font-size: var(--text-body-sm-font-size); line-height: var(--text-body-sm-line-height); }
-  .text-body-xs { font-size: var(--text-body-xs-font-size); line-height: var(--text-body-xs-line-height); }
-  .text-tag-sm { font-size: var(--text-tag-sm-font-size); line-height: var(--text-tag-sm-line-height); font-weight: var(--text-tag-sm-font-weight); }
-  .text-tag-md { font-size: var(--text-tag-md-font-size); line-height: var(--text-tag-md-line-height); font-weight: var(--text-tag-md-font-weight); }
-  .text-body-xxs { font-size: var(--text-body-xxs-font-size); line-height: var(--text-body-xxs-line-height); }
-  .text-overline-md { font-family: var(--text-overline-md-font-family); font-size: var(--text-overline-md-font-size); line-height: var(--text-overline-md-line-height); letter-spacing: var(--text-overline-md-letter-spacing); text-transform: var(--text-overline-md-text-transform); }
-  .text-overline-sm { font-family: var(--text-overline-sm-font-family); font-size: var(--text-overline-sm-font-size); line-height: var(--text-overline-sm-line-height); letter-spacing: var(--text-overline-sm-letter-spacing); text-transform: var(--text-overline-sm-text-transform); }
-  .text-overline-xs { font-family: var(--text-overline-xs-font-family); font-size: var(--text-overline-xs-font-size); line-height: var(--text-overline-xs-line-height); letter-spacing: var(--text-overline-xs-letter-spacing); text-transform: var(--text-overline-xs-text-transform); }
-  .text-button-lg { font-family: var(--text-button-lg-font-family); font-size: var(--text-button-lg-font-size); font-weight: var(--text-button-lg-font-weight); line-height: var(--text-button-lg-line-height); letter-spacing: var(--text-button-lg-letter-spacing); }
-  .text-button-md { font-family: var(--text-button-md-font-family); font-size: var(--text-button-md-font-size); font-weight: var(--text-button-md-font-weight); line-height: var(--text-button-md-line-height); letter-spacing: var(--text-button-md-letter-spacing); }
-  .text-link { font-size: var(--text-link-font-size); line-height: var(--text-link-line-height); color: var(--text-link-color); border-radius: var(--text-link-border-radius); transition: var(--text-link-transition); }
-  .text-link:hover { color: var(--text-link-hover); text-decoration: underline; }
-  .text-link:focus-visible { outline: 2px solid var(--ring-color); outline-offset: 2px; }
-  @media (prefers-reduced-motion: reduce) {
-    .text-link { transition: none; }
-  }
-}
diff --git a/packages/theme/dist/v3/globals.scss b/packages/theme/dist/v3/globals.scss
deleted file mode 100644
index 85f134f81..000000000
--- a/packages/theme/dist/v3/globals.scss
+++ /dev/null
@@ -1,900 +0,0 @@
-/* generated by build-tokens.mjs — target: v3 — do not edit */
-
-@tailwind components;
-@tailwind utilities;
-
-:root, [data-theme=light], .azion.azion-light {
-    /* ── Primitives ── */
-    --color-base-white: #FFFFFF;
-    --color-base-black: #000000;
-    --color-blue-50: #E5F1FF;
-    --color-blue-100: #CCE4FF;
-    --color-blue-200: #99C9FF;
-    --color-blue-300: #66ADFF;
-    --color-blue-400: #3392FF;
-    --color-blue-500: #0072F5;
-    --color-blue-600: #005FCC;
-    --color-blue-700: #004799;
-    --color-blue-800: #003066;
-    --color-blue-900: #001833;
-    --color-blue-950: #000C1A;
-    --color-gray-50: #FAFAFA;
-    --color-gray-100: #F5F5F5;
-    --color-gray-200: #E5E5E5;
-    --color-gray-300: #B2B2B2;
-    --color-gray-400: #999999;
-    --color-gray-500: #808080;
-    --color-gray-600: #666666;
-    --color-gray-700: #4D4D4D;
-    --color-gray-800: #1A1A1A;
-    --color-gray-900: #141414;
-    --color-gray-950: #0A0A0A;
-    --color-violet-50: #F6F6FF;
-    --color-violet-100: #ECECFF;
-    --color-violet-200: #D9D7FA;
-    --color-violet-300: #B5B1F4;
-    --color-violet-400: #9F9AF1;
-    --color-violet-500: #8A84EC;
-    --color-violet-600: #756FE5;
-    --color-violet-700: #625BD5;
-    --color-violet-800: #524BBB;
-    --color-violet-900: #1F1E48;
-    --color-violet-950: #100F24;
-    --color-orange-50: #FFF5EF;
-    --color-orange-100: #FFE7D8;
-    --color-orange-200: #FFCFB3;
-    --color-orange-300: #FFB180;
-    --color-orange-400: #FF8E4D;
-    --color-orange-500: #F3652B;
-    --color-orange-600: #D94A03;
-    --color-orange-700: #B03C02;
-    --color-orange-800: #8A2F02;
-    --color-orange-900: #692402;
-    --color-orange-950: #401602;
-    --color-slate-50: #F8F7FC;
-    --color-slate-100: #F0EFF8;
-    --color-slate-200: #E3E1F0;
-    --color-slate-300: #D3D2E6;
-    --color-slate-400: #BEBBD6;
-    --color-slate-500: #A39FBE;
-    --color-slate-600: #8884A4;
-    --color-slate-700: #6D698B;
-    --color-slate-800: #534F70;
-    --color-slate-900: #353040;
-    --color-slate-950: #13131A;
-    --color-yellow-50: #FEF8E6;
-    --color-yellow-100: #FDF2CE;
-    --color-yellow-200: #FCE49C;
-    --color-yellow-300: #FAD76B;
-    --color-yellow-400: #F8CA3A;
-    --color-yellow-500: #F7BD08;
-    --color-yellow-600: #C59707;
-    --color-yellow-700: #947105;
-    --color-yellow-800: #634B03;
-    --color-yellow-900: #312602;
-    --color-yellow-950: #191301;
-    --color-green-50: #F0FDF4;
-    --color-green-100: #D0FBDF;
-    --color-green-200: #A4F4C0;
-    --color-green-300: #78EDA2;
-    --color-green-400: #52E086;
-    --color-green-500: #26D968;
-    --color-green-600: #18B452;
-    --color-green-700: #16833F;
-    --color-green-800: #12542B;
-    --color-green-900: #0A2916;
-    --color-green-950: #03170B;
-    --color-red-50: #FCE8E8;
-    --color-red-100: #F9D2D2;
-    --color-red-200: #F3A5A5;
-    --color-red-300: #ED7878;
-    --color-red-400: #E74B4B;
-    --color-red-500: #E51A1A;
-    --color-red-600: #B71515;
-    --color-red-700: #891010;
-    --color-red-800: #5B0B0B;
-    --color-red-900: #2E0606;
-    --color-red-950: #170303;
-    --color-surface-0: #FFFFFF;
-    --color-surface-50: #FAFAFA;
-    --color-surface-100: #F5F5F5;
-    --color-surface-200: #E5E5E5;
-    --color-surface-300: #B2B2B2;
-    --color-surface-400: #999999;
-    --color-surface-500: #808080;
-    --color-surface-600: #666666;
-    --color-surface-700: #4D4D4D;
-    --color-surface-800: #1A1A1A;
-    --color-surface-900: #141414;
-    --color-surface-950: #0A0A0A;
-    --color-alpha-violet-50: #8A84EC0D;
-    --color-alpha-violet-100: #8A84EC1A;
-    --color-alpha-violet-200: #8A84EC33;
-    --color-alpha-violet-300: #8A84EC4D;
-    --color-alpha-violet-400: #8A84EC66;
-    --color-alpha-violet-500: #8A84EC80;
-    --color-alpha-violet-600: #8A84EC99;
-    --color-alpha-violet-700: #8A84ECB2;
-    --color-alpha-violet-800: #8A84ECCC;
-    --color-alpha-violet-900: #8A84ECE5;
-    --color-alpha-orange-50: #FE601F0D;
-    --color-alpha-orange-100: #FE601F1A;
-    --color-alpha-orange-200: #FE601F33;
-    --color-alpha-orange-300: #FE601F4D;
-    --color-alpha-orange-400: #FE601F66;
-    --color-alpha-orange-500: #FE601F80;
-    --color-alpha-orange-600: #FE601F99;
-    --color-alpha-orange-700: #FE601FB2;
-    --color-alpha-orange-800: #FE601FCC;
-    --color-alpha-orange-900: #FE601FE5;
-    --color-alpha-white-50: #FFFFFF0D;
-    --color-alpha-white-100: #FFFFFF1A;
-    --color-alpha-white-200: #FFFFFF33;
-    --color-alpha-white-300: #FFFFFF4D;
-    --color-alpha-white-400: #FFFFFF66;
-    --color-alpha-white-500: #FFFFFF80;
-    --color-alpha-white-600: #FFFFFF99;
-    --color-alpha-white-700: #FFFFFFB2;
-    --color-alpha-white-800: #FFFFFFCC;
-    --color-alpha-white-900: #FFFFFFE5;
-    --color-alpha-black-50: #00000005;
-    --color-alpha-black-100: #00000014;
-    --color-alpha-black-200: #00000033;
-    --color-alpha-black-300: #0000004D;
-    --color-alpha-black-400: #00000066;
-    --color-alpha-black-500: #00000080;
-    --color-alpha-black-600: #00000099;
-    --color-alpha-black-700: #000000B2;
-    --color-alpha-black-800: #000000CC;
-    --color-alpha-black-900: #000000E5;
-    --color-alpha-green-50: #22C55E0D;
-    --color-alpha-green-100: #22C55E1A;
-    --color-alpha-green-200: #22C55E33;
-    --color-alpha-green-300: #22C55E4D;
-    --color-alpha-green-400: #22C55E66;
-    --color-alpha-green-500: #22C55E80;
-    --color-alpha-green-600: #22C55E99;
-    --color-alpha-green-700: #22C55EB2;
-    --color-alpha-green-800: #22C55ECC;
-    --color-alpha-green-900: #22C55EE5;
-    --color-alpha-red-50: #E51A1A0D;
-    --color-alpha-red-100: #E51A1A1A;
-    --color-alpha-red-200: #E51A1A33;
-    --color-alpha-red-300: #E51A1A4D;
-    --color-alpha-red-400: #E51A1A66;
-    --color-alpha-red-500: #E51A1A80;
-    --color-alpha-red-600: #E51A1A99;
-    --color-alpha-red-700: #E51A1AB2;
-    --color-alpha-red-800: #E51A1ACC;
-    --color-alpha-red-900: #E51A1AE5;
-    --color-alpha-yellow-50: #F7BD080D;
-    --color-alpha-yellow-100: #F7BD081A;
-    --color-alpha-yellow-200: #F7BD0833;
-    --color-alpha-yellow-300: #F7BD084D;
-    --color-alpha-yellow-400: #F7BD0866;
-    --color-alpha-yellow-500: #F7BD0880;
-    --color-alpha-yellow-600: #F7BD0899;
-    --color-alpha-yellow-700: #F7BD08B2;
-    --color-alpha-yellow-800: #F7BD08CC;
-    --color-alpha-yellow-900: #F7BD08E5;
-    --color-alpha-blue-50: #0072F50D;
-    --color-alpha-blue-100: #0072F51A;
-    --color-alpha-blue-200: #0072F533;
-    --color-alpha-blue-300: #0072F54D;
-    --color-alpha-blue-400: #0072F566;
-    --color-alpha-blue-500: #0072F580;
-    --color-alpha-blue-600: #0072F599;
-    --color-alpha-blue-700: #0072F5B2;
-    --color-alpha-blue-800: #0072F5CC;
-    --color-alpha-blue-900: #0072F5E5;
-    --color-alpha-absolute-black: #000000E5;
-    --color-alpha-absolute-white: #FFFFFFE5;
-    --color-primary-50: #FFF5EF;
-    --color-primary-100: #FFE7D8;
-    --color-primary-200: #FFCFB3;
-    --color-primary-300: #FFB180;
-    --color-primary-400: #FF8E4D;
-    --color-primary-500: #F3652B;
-    --color-primary-600: #D94A03;
-    --color-primary-700: #B03C02;
-    --color-primary-800: #8A2F02;
-    --color-primary-900: #692402;
-    --color-primary-950: #401602;
-    --color-accent-50: #F6F6FF;
-    --color-accent-100: #ECECFF;
-    --color-accent-200: #D9D7FA;
-    --color-accent-300: #B5B1F4;
-    --color-accent-400: #9F9AF1;
-    --color-accent-500: #8A84EC;
-    --color-accent-600: #756FE5;
-    --color-accent-700: #625BD5;
-    --color-accent-800: #524BBB;
-    --color-accent-900: #1F1E48;
-    --color-accent-950: #100F24;
-    --color-absolute-black: #0A0A0A;
-    --color-absolute-white: #FAFAFA;
-    --breakpoint-sm: 640px;
-    --breakpoint-md: 768px;
-    --breakpoint-lg: 1024px;
-    --breakpoint-xl: 1280px;
-    --breakpoint-2xl: 1536px;
-    --border-0: 0;
-    --border-1: 0.8px;
-    --border-2: 2px;
-    --border-3: 3px;
-    --border-4: 4px;
-    --container-3xs: 256px;
-    --container-2xs: 288px;
-    --container-xs: 320px;
-    --container-sm: 384px;
-    --container-md: 448px;
-    --container-lg: 512px;
-    --container-xl: 576px;
-    --container-2xl: 672px;
-    --container-3xl: 768px;
-    --container-4xl: 896px;
-    --container-5xl: 1024px;
-    --container-6xl: 1152px;
-    --container-7xl: 1280px;
-    --height-2: 8px;
-    --height-3: 12px;
-    --height-4: 16px;
-    --height-5: 20px;
-    --height-6: 24px;
-    --height-7: 28px;
-    --height-8: 32px;
-    --height-9: 36px;
-    --height-10: 40px;
-    --height-11: 44px;
-    --height-12: 48px;
-    --height-14: 56px;
-    --height-16: 64px;
-    --height-20: 80px;
-    --height-24: 96px;
-    --height-28: 112px;
-    --height-32: 128px;
-    --height-36: 144px;
-    --height-40: 160px;
-    --height-44: 176px;
-    --height-48: 192px;
-    --height-52: 208px;
-    --height-56: 224px;
-    --height-60: 240px;
-    --height-64: 256px;
-    --height-72: 288px;
-    --height-80: 320px;
-    --height-96: 384px;
-    --radius-none: 0;
-    --radius-sm: 2px;
-    --radius: 4px;
-    --radius-md: 6px;
-    --radius-lg: 8px;
-    --radius-xl: 12px;
-    --radius-2xl: 16px;
-    --radius-3xl: 24px;
-    --radius-full: 9999px;
-    --size-2: 8px;
-    --size-3: 12px;
-    --size-4: 16px;
-    --size-5: 20px;
-    --size-6: 24px;
-    --size-7: 28px;
-    --size-8: 32px;
-    --size-9: 36px;
-    --size-10: 40px;
-    --size-11: 44px;
-    --size-12: 48px;
-    --size-14: 56px;
-    --size-16: 64px;
-    --size-20: 80px;
-    --size-24: 96px;
-    --size-28: 112px;
-    --size-32: 128px;
-    --size-36: 144px;
-    --size-40: 160px;
-    --size-44: 176px;
-    --size-48: 192px;
-    --size-52: 208px;
-    --size-56: 224px;
-    --size-60: 240px;
-    --size-64: 256px;
-    --size-72: 288px;
-    --size-80: 320px;
-    --size-96: 384px;
-    --spacing-1: 4px;
-    --spacing-2: 8px;
-    --spacing-3: 12px;
-    --spacing-4: 16px;
-    --spacing-5: 20px;
-    --spacing-6: 24px;
-    --spacing-7: 28px;
-    --spacing-8: 32px;
-    --spacing-9: 36px;
-    --spacing-10: 40px;
-    --spacing-11: 44px;
-    --spacing-12: 48px;
-    --spacing-14: 56px;
-    --spacing-16: 64px;
-    --spacing-20: 80px;
-    --spacing-24: 96px;
-    --spacing-28: 112px;
-    --spacing-32: 128px;
-    --spacing-36: 144px;
-    --spacing-40: 160px;
-    --spacing-44: 176px;
-    --spacing-48: 192px;
-    --spacing-52: 208px;
-    --spacing-56: 224px;
-    --spacing-60: 240px;
-    --spacing-64: 256px;
-    --spacing-72: 288px;
-    --spacing-80: 320px;
-    --spacing-96: 384px;
-    --width-3xs: 256px;
-    --width-2xs: 288px;
-    --width-xs: 320px;
-    --width-sm: 384px;
-    --width-md: 448px;
-    --width-lg: 512px;
-    --width-xl: 576px;
-    --width-2xl: 672px;
-    --width-3xl: 768px;
-    --width-4xl: 896px;
-    --width-5xl: 1024px;
-    --width-6xl: 1152px;
-    --width-7xl: 1280px;
-    --aspect-video: 16 / 9;
-    --shape-flat: 0;
-    --shape-card: 8px;
-    --shape-button: 6px;
-    --shape-elements: 6px;
-    --border-width-default: 0.8px;
-    --font-sans: Sora;
-    --font-code: Roboto Mono;
-    --font-display: Proto Mono;
-    --text-xs: 0.75rem;
-    --text-xs--line-height: calc(1 / 0.75);
-    --text-sm: 0.875rem;
-    --text-sm--line-height: calc(1.25 / 0.875);
-    --text-base: 1rem;
-    --text-base--line-height: calc(1.5 / 1);
-    --text-lg: 1.125rem;
-    --text-lg--line-height: calc(1.75 / 1.125);
-    --text-xl: 1.25rem;
-    --text-xl--line-height: calc(1.75 / 1.25);
-    --text-2xl: 1.5rem;
-    --text-2xl--line-height: calc(2 / 1.5);
-    --text-3xl: 1.875rem;
-    --text-3xl--line-height: calc(2.25 / 1.875);
-    --text-4xl: 2.25rem;
-    --text-4xl--line-height: calc(2.5 / 2.25);
-    --text-5xl: 3rem;
-    --text-5xl--line-height: 1;
-    --text-6xl: 3.5rem;
-    --text-6xl--line-height: 1;
-    --text-7xl: 4.5rem;
-    --text-7xl--line-height: 1;
-    --text-8xl: 6rem;
-    --text-8xl--line-height: 1;
-    --text-9xl: 8rem;
-    --text-9xl--line-height: 1;
-    --font-weight-thin: 100;
-    --font-weight-extralight: 200;
-    --font-weight-light: 300;
-    --font-weight-normal: 400;
-    --font-weight-medium: 500;
-    --font-weight-semibold: 600;
-    --font-weight-bold: 700;
-    --font-weight-extrabold: 800;
-    --font-weight-black: 900;
-    --leading-tight: 1.25;
-    --leading-snug: 1.375;
-    --leading-normal: 1.5;
-    --leading-relaxed: 1.625;
-    --leading-loose: 2;
-    --line-height-3: 12px;
-    --line-height-4: 16px;
-    --line-height-5: 20px;
-    --line-height-6: 24px;
-    --line-height-7: 28px;
-    --line-height-8: 32px;
-    --line-height-9: 36px;
-    --line-height-10: 40px;
-    --line-height-none: 0;
-    --tracking-tighter: -0.05em;
-    --tracking-tight: -0.025em;
-    --tracking-normal: 0em;
-    --tracking-wide: 0.025em;
-    --tracking-wider: 0.05em;
-    --tracking-widest: 0.1em;
-    --blur-xs: 4px;
-    --blur-sm: 8px;
-    --blur-md: 12px;
-    --blur-lg: 16px;
-    --blur-xl: 24px;
-    --blur-2xl: 40px;
-    --blur-3xl: 64px;
-    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
-    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
-    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
-    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
-    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
-    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
-    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
-    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-    --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
-    --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
-    --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
-    --opacity-25: 0.25;
-    --opacity-50: 0.5;
-    --opacity-75: 0.75;
-    --opacity-100: 1;
-    --perspective-dramatic: 100px;
-    --perspective-near: 300px;
-    --perspective-normal: 500px;
-    --perspective-midrange: 800px;
-    --perspective-distant: 1200px;
-    --ease-in: cubic-bezier(0.4, 0, 1, 1);
-    --ease-out: cubic-bezier(0, 0, 0.2, 1);
-    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
-    --animate-spin: spin 1s linear infinite;
-    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-    --animate-bounce: bounce 1s infinite;
-    --animate-shimmer: shimmer 1.6s linear infinite;
-    --animate-popup-scale-in: popupScaleIn 150ms cubic-bezier(0.39, 0.57, 0.56, 1);
-    --animate-popup-scale-out: popupScaleOut 110ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
-    --animate-progress-indeterminate: progressIndeterminate 2100ms cubic-bezier(0.39, 0.57, 0.56, 1) infinite;
-    --animate-progress-indeterminate-short: progressIndeterminateShort 2100ms cubic-bezier(0.17, 0.84, 0.44, 1) 1100ms infinite;
-    --ring-offset: 0.5px;
-
-    /* ── Containers ── */
-    --container-px: 1rem;
-    --container-py: 4rem;
-    --container-max-width: 28rem;
-
-    /* ── Spacings ── */
-    --spacing-xxl: 2rem;
-    --spacing-xl: 1.5rem;
-    --spacing-lg: 1rem;
-    --spacing-md: 1rem;
-    --spacing-sm: 0.75rem;
-    --spacing-xs: 0.5rem;
-    --spacing-xxs: 0.25rem;
-
-    /* ── Texts ── */
-    --text-big-number-md-font-size: 1.25rem;
-    --text-big-number-md-line-height: 1.25;
-    --text-big-number-md-font-weight: 400;
-    --text-big-number-md-font-family: Proto Mono;
-    --text-big-number-sm-font-size: 1rem;
-    --text-big-number-sm-line-height: 1.25;
-    --text-big-number-sm-font-weight: 400;
-    --text-big-number-sm-font-family: Proto Mono;
-    --text-big-number-lg-font-size: 1.5rem;
-    --text-big-number-lg-line-height: 1.25;
-    --text-big-number-lg-font-weight: 400;
-    --text-big-number-lg-font-family: Proto Mono;
-    --text-heading-2xl-font-size: 1.875rem;
-    --text-heading-2xl-line-height: 1.25;
-    --text-heading-2xl-font-weight: 400;
-    --text-heading-xl-font-size: 1.25rem;
-    --text-heading-xl-line-height: 1.25;
-    --text-heading-xl-font-weight: 400;
-    --text-heading-lg-font-size: 1.125rem;
-    --text-heading-lg-line-height: 1.25;
-    --text-heading-lg-font-weight: 400;
-    --text-heading-md-font-size: 1rem;
-    --text-heading-md-line-height: 1.25;
-    --text-heading-md-font-weight: 400;
-    --text-heading-sm-font-size: 0.875rem;
-    --text-heading-sm-line-height: 1.375;
-    --text-heading-sm-font-weight: 400;
-    --text-heading-xs-font-size: 1rem;
-    --text-heading-xs-line-height: 1.375;
-    --text-heading-xs-font-weight: 400;
-    --text-heading-xxs-font-size: 0.875rem;
-    --text-heading-xxs-line-height: 1.375;
-    --text-heading-xxs-font-weight: 400;
-    --text-label-lg-font-size: 1rem;
-    --text-label-lg-line-height: 1.5;
-    --text-label-lg-font-weight: 500;
-    --text-label-md-font-size: 0.875rem;
-    --text-label-md-line-height: 1.5;
-    --text-label-md-font-weight: 500;
-    --text-label-sm-font-size: 0.75rem;
-    --text-label-sm-line-height: 1.5;
-    --text-label-sm-font-weight: 500;
-    --text-label-code-sm-font-family: Roboto Mono;
-    --text-label-code-sm-font-size: 0.75rem;
-    --text-label-code-sm-line-height: 1;
-    --text-label-code-sm-font-weight: 400;
-    --text-label-code-sm-letter-spacing: 0;
-    --text-label-code-md-font-family: Roboto Mono;
-    --text-label-code-md-font-size: 0.875rem;
-    --text-label-code-md-line-height: 1;
-    --text-label-code-md-font-weight: 400;
-    --text-label-code-md-letter-spacing: 0;
-    --text-label-code-lg-font-family: Roboto Mono;
-    --text-label-code-lg-font-size: 1rem;
-    --text-label-code-lg-line-height: 1;
-    --text-label-code-lg-font-weight: 400;
-    --text-label-code-lg-letter-spacing: 0;
-    --text-body-lg-font-size: 1rem;
-    --text-body-lg-line-height: 1.5;
-    --text-body-md-font-size: 1rem;
-    --text-body-md-line-height: 1.5;
-    --text-body-sm-font-size: 0.875rem;
-    --text-body-sm-line-height: 1.5;
-    --text-body-xs-font-size: 0.75rem;
-    --text-body-xs-line-height: 1.5;
-    --text-tag-sm-font-size: 0.75rem;
-    --text-tag-sm-line-height: 1.25;
-    --text-tag-sm-font-weight: 600;
-    --text-tag-md-font-size: 0.75rem;
-    --text-tag-md-line-height: 1.25;
-    --text-tag-md-font-weight: 600;
-    --text-body-xxs-font-size: 0.75rem;
-    --text-body-xxs-line-height: 1.5;
-    --text-overline-md-font-family: Proto Mono;
-    --text-overline-md-font-size: 0.75rem;
-    --text-overline-md-line-height: 1.375;
-    --text-overline-md-letter-spacing: 0.08em;
-    --text-overline-md-text-transform: uppercase;
-    --text-overline-sm-font-family: Proto Mono;
-    --text-overline-sm-font-size: 0.75rem;
-    --text-overline-sm-line-height: 1.375;
-    --text-overline-sm-letter-spacing: 0.08em;
-    --text-overline-sm-text-transform: uppercase;
-    --text-overline-xs-font-family: Proto Mono;
-    --text-overline-xs-font-size: 0.75rem;
-    --text-overline-xs-line-height: 1.375;
-    --text-overline-xs-letter-spacing: 0.08em;
-    --text-overline-xs-text-transform: uppercase;
-    --text-button-lg-font-family: Sora;
-    --text-button-lg-font-size: 0.875rem;
-    --text-button-lg-font-weight: 400;
-    --text-button-lg-line-height: 1.25;
-    --text-button-lg-letter-spacing: 0;
-    --text-button-md-font-family: Sora;
-    --text-button-md-font-size: 0.75rem;
-    --text-button-md-font-weight: 400;
-    --text-button-md-line-height: 1.25;
-    --text-button-md-letter-spacing: 0;
-    --text-link-font-size: inherit;
-    --text-link-line-height: inherit;
-    --text-link-color: var(--text-link);
-    --text-link-border-radius: var(--shape-elements);
-    --text-link-transition: all 110ms cubic-bezier(0.39, 0.57, 0.56, 1);
-
-    /* ── Semantic colors ── */
-    --text-default: #141414;
-    --text-muted: #666666;
-    --text-link: #005FCC;
-    --text-code: #666666;
-    --text-link-hover: #004799;
-    --text-primary: #F3652B;
-    --text-primary-hover: #D94A03;
-    --text-accent: #8A84EC;
-    --text-accent-hover: #756FE5;
-    --text-danger-hover: #E51A1A;
-    --text-warning-hover: #F7BD08;
-    --text-success-hover: #26D968;
-    --text-success: #18B452;
-    --text-danger: #B71515;
-    --text-warning: #C59707;
-    --background-surface-raised: #FFFFFF;
-    --background-surface-overlay: #FAFAFA;
-    --background-surface: #FFFFFF;
-    --background-canvas: #F5F5F5;
-    --background-danger-hover: #E74B4B;
-    --background-warning-hover: #F8CA3A;
-    --background-success-hover: #52E086;
-    --background-success: #A4F4C0;
-    --background-danger: #F3A5A5;
-    --background-warning: #FCE49C;
-    --background-backdrop: primitives.alpha.neutral.25;
-    --background-primary-hover: #D94A03;
-    --background-primary: #F3652B;
-    --background-primary-mask: primitives.alpha.brand.primary.65;
-    --border-default: #F5F5F5;
-    --border-strong: #000000;
-    --border-warning: #C59707;
-    --border-success: #18B452;
-    --border-danger: #B71515;
-    --border-primary: #F3652B;
-    --border-accent: #8A84EC;
-    --border-warning-hover: #F7BD08;
-    --border-success-hover: #26D968;
-    --border-danger-hover: #E51A1A;
-    --border-primary-hover: #D94A03;
-    --border-accent-hover: #756FE5;
-    --border-subtle: #E5E5E5;
-}
-
-  @media (min-width: 640px) {
-    :root, [data-theme=light], .azion.azion-light {
-      --container-px: 2.5rem;
-      --container-py: 8rem;
-      --container-max-width: 64rem;
-      --spacing-xxl: 4rem;
-      --spacing-xl: 2rem;
-      --spacing-lg: 1.5rem;
-      --text-big-number-md-font-size: 1.5rem;
-      --text-big-number-sm-font-size: 1.25rem;
-      --text-big-number-lg-font-size: 2.25rem;
-      --text-heading-2xl-font-size: 3rem;
-      --text-heading-xl-font-size: 1.875rem;
-      --text-heading-md-font-size: 1.25rem;
-      --text-heading-sm-font-size: 1rem;
-      --text-overline-md-font-size: 0.875rem;
-    }
-  }
-
-  @media (min-width: 768px) {
-    :root, [data-theme=light], .azion.azion-light {
-      --text-big-number-md-font-size: 2.25rem;
-      --text-big-number-lg-font-size: 3.5rem;
-      --text-heading-2xl-font-size: 3.5rem;
-      --text-heading-xl-font-size: 2.25rem;
-      --text-heading-lg-font-size: 1.875rem;
-      --text-heading-md-font-size: 1.5rem;
-      --text-heading-sm-font-size: 1.125rem;
-      --text-body-lg-font-size: 1.125rem;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    :root, [data-theme=light], .azion.azion-light {
-      --container-px: 0;
-      --container-py: 12rem;
-      --container-max-width: 80rem;
-      --spacing-xxl: 6rem;
-      --spacing-xl: 3rem;
-    }
-  }
-
-[data-theme=dark], .dark, .azion.azion-dark {
-  /* ── Semantic colors (dark) ── */
-  --text-default: #FAFAFA;
-  --text-muted: #999999;
-  --text-link: #3392FF;
-  --text-code: #999999;
-  --text-link-hover: #66ADFF;
-  --text-primary: #F3652B;
-  --text-primary-hover: #FF8E4D;
-  --text-accent: #8A84EC;
-  --text-accent-hover: #9F9AF1;
-  --text-danger-hover: #E51A1A;
-  --text-warning-hover: #F7BD08;
-  --text-success-hover: #26D968;
-  --text-success: #52E086;
-  --text-danger: #E74B4B;
-  --text-warning: #F8CA3A;
-  --background-surface-raised: #1A1A1A;
-  --background-surface-overlay: #4D4D4D;
-  --background-surface: #141414;
-  --background-canvas: #0A0A0A;
-  --background-danger-hover: #B71515;
-  --background-warning-hover: #C59707;
-  --background-success-hover: #18B452;
-  --background-success: #12542B;
-  --background-danger: #5B0B0B;
-  --background-warning: #634B03;
-  --background-backdrop: primitives.alpha.neutral.25;
-  --background-primary-hover: #FF8E4D;
-  --background-primary: #F3652B;
-  --background-primary-mask: primitives.alpha.brand.primary.65;
-  --border-default: #1A1A1A;
-  --border-strong: #FFFFFF;
-  --border-warning: #F8CA3A;
-  --border-success: #52E086;
-  --border-danger: #E74B4B;
-  --border-primary: #F3652B;
-  --border-accent: #8A84EC;
-  --border-warning-hover: #F7BD08;
-  --border-success-hover: #26D968;
-  --border-danger-hover: #E51A1A;
-  --border-primary-hover: #FF8E4D;
-  --border-accent-hover: #9F9AF1;
-  --border-subtle: #4D4D4D;
-}
-
-/* ── Theme semantics (primary, secondary, surfaces, feedback, …) ── */
-:root, [data-theme=light], .azion.azion-light {
-  --surface-0: #FFFFFF;
-  --surface-50: #FAFAFA;
-  --surface-100: #F5F5F5;
-  --surface-200: #E5E5E5;
-  --surface-300: #B2B2B2;
-  --surface-400: #999999;
-  --surface-500: #808080;
-  --surface-600: #666666;
-  --surface-700: #4D4D4D;
-  --surface-800: #1A1A1A;
-  --surface-900: #141414;
-  --surface-950: #0A0A0A;
-  --primary: #F3652B;
-  --primary-mask: #FE601F33;
-  --primary-selected: #FE601F33;
-  --primary-contrast: #000000;
-  --secondary: #0A0A0A;
-  --secondary-mask: #00000005;
-  --secondary-selected: #0A0A0A;
-  --secondary-contrast: #FFFFFF;
-  --accent: #756FE5;
-  --accent-mask: #8A84EC0D;
-  --accent-selected: #8A84EC;
-  --accent-contrast: #000000;
-  --bg-canvas: #FAFAFA;
-  --bg-surface: #FFFFFF;
-  --bg-surface-raised: #FFFFFF;
-  --bg-mask: #00000005;
-  --bg-surface-overlay: #FAFAFA;
-  --bg-hover: #00000014;
-  --bg-active: #00000005;
-  --bg-backdrop: #000000CC;
-  --bg-selected: #E5E5E5;
-  --bg-contrast: #141414;
-  --bg-disabled: #E5E5E5;
-  --border-default: #00000014;
-  --border-muted: #00000014;
-  --border-strong: #000000;
-  --border-selected: #F3652B;
-  --text-default: #141414;
-  --text-muted: #666666;
-  --text-disabled: #999999;
-  --text-link: #005FCC;
-  --text-contrast: #FAFAFA;
-  --ring-color: #666666;
-  --code-sintax-identifier: #141414;
-  --code-sintax-line-number: #808080;
-  --code-sintax-keyword: #005FCC;
-  --code-sintax-punctuation: #808080;
-  --code-sintax-function: #F3652B;
-  --code-sintax-type: #947105;
-  --code-sintax-string: #005FCC;
-  --success: #A4F4C0;
-  --success-border: #22C55E66;
-  --success-contrast: #12542B;
-  --warning: #FCE49C;
-  --warning-border: #F7BD0880;
-  --warning-contrast: #634B03;
-  --danger: #F9D2D2;
-  --danger-border: #E51A1A66;
-  --danger-contrast: #891010;
-  --info: #CCE4FF;
-  --info-border: #8A84EC66;
-  --info-contrast: #004799;
-}
-
-[data-theme=dark], .dark, .azion.azion-dark {
-  --surface-0: #FFFFFF;
-  --surface-50: #FAFAFA;
-  --surface-100: #F5F5F5;
-  --surface-200: #E5E5E5;
-  --surface-300: #B2B2B2;
-  --surface-400: #999999;
-  --surface-500: #808080;
-  --surface-600: #666666;
-  --surface-700: #4D4D4D;
-  --surface-800: #1A1A1A;
-  --surface-900: #141414;
-  --surface-950: #0A0A0A;
-  --primary: #F3652B;
-  --primary-mask: #FE601F33;
-  --primary-selected: #FE601F33;
-  --primary-contrast: #FFFFFF;
-  --secondary: #FFFFFF;
-  --secondary-mask: #FFFFFF1A;
-  --secondary-selected: #FFFFFF;
-  --secondary-contrast: #000000;
-  --accent: #8A84EC;
-  --accent-mask: #8A84EC1A;
-  --accent-selected: #8A84EC;
-  --accent-contrast: #000000;
-  --bg-canvas: #000000;
-  --bg-surface: #0A0A0A;
-  --bg-surface-raised: #141414;
-  --bg-mask: #FFFFFF0D;
-  --bg-surface-overlay: #4D4D4D;
-  --bg-hover: #00000033;
-  --bg-active: #00000014;
-  --bg-backdrop: #000000CC;
-  --bg-selected: #1A1A1A;
-  --bg-contrast: #FAFAFA;
-  --bg-disabled: #1A1A1A;
-  --border-default: #FFFFFF1A;
-  --border-muted: #FFFFFF0D;
-  --border-strong: #FFFFFF;
-  --border-selected: #F3652B;
-  --text-default: #FAFAFA;
-  --text-muted: #999999;
-  --text-disabled: #4D4D4D;
-  --text-link: #3392FF;
-  --text-contrast: #000000;
-  --ring-color: #4D4D4D;
-  --code-sintax-identifier: #FAFAFA;
-  --code-sintax-line-number: #999999;
-  --code-sintax-keyword: #3392FF;
-  --code-sintax-punctuation: #999999;
-  --code-sintax-function: #F3652B;
-  --code-sintax-type: #FAD76B;
-  --code-sintax-string: #3392FF;
-  --success: #0A2916;
-  --success-border: #22C55E66;
-  --success-contrast: #52E086;
-  --warning: #312602;
-  --warning-border: #F7BD0880;
-  --warning-contrast: #F7BD08;
-  --danger: #5B0B0B;
-  --danger-border: #E51A1A66;
-  --danger-contrast: #ED7878;
-  --info: #001833;
-  --info-border: #0072F580;
-  --info-contrast: #66ADFF;
-}
-
-@layer components {
-  /* ── Containers ── */
-  .px-container { padding-left: var(--container-px); padding-right: var(--container-px); }
-  .py-container { padding-top: var(--container-py); padding-bottom: var(--container-py); }
-  .max-container-width { max-width: var(--container-max-width); }
-
-  /* ── Spacings ── */
-  .gap-spacing-xxl { gap: var(--spacing-xxl); }
-  .p-spacing-xxl { padding: var(--spacing-xxl); }
-  .gap-spacing-xl { gap: var(--spacing-xl); }
-  .p-spacing-xl { padding: var(--spacing-xl); }
-  .gap-spacing-lg { gap: var(--spacing-lg); }
-  .p-spacing-lg { padding: var(--spacing-lg); }
-  .gap-spacing-md { gap: var(--spacing-md); }
-  .p-spacing-md { padding: var(--spacing-md); }
-  .gap-spacing-sm { gap: var(--spacing-sm); }
-  .p-spacing-sm { padding: var(--spacing-sm); }
-  .gap-spacing-xs { gap: var(--spacing-xs); }
-  .p-spacing-xs { padding: var(--spacing-xs); }
-  .gap-spacing-xxs { gap: var(--spacing-xxs); }
-  .p-spacing-xxs { padding: var(--spacing-xxs); }
-
-  /* ── Texts ── */
-  .text-big-number-md { font-size: var(--text-big-number-md-font-size); line-height: var(--text-big-number-md-line-height); font-weight: var(--text-big-number-md-font-weight); font-family: var(--text-big-number-md-font-family); }
-  .text-big-number-sm { font-size: var(--text-big-number-sm-font-size); line-height: var(--text-big-number-sm-line-height); font-weight: var(--text-big-number-sm-font-weight); font-family: var(--text-big-number-sm-font-family); }
-  .text-big-number-lg { font-size: var(--text-big-number-lg-font-size); line-height: var(--text-big-number-lg-line-height); font-weight: var(--text-big-number-lg-font-weight); font-family: var(--text-big-number-lg-font-family); }
-  .text-heading-2xl { font-size: var(--text-heading-2xl-font-size); line-height: var(--text-heading-2xl-line-height); font-weight: var(--text-heading-2xl-font-weight); }
-  .text-heading-xl { font-size: var(--text-heading-xl-font-size); line-height: var(--text-heading-xl-line-height); font-weight: var(--text-heading-xl-font-weight); }
-  .text-heading-lg { font-size: var(--text-heading-lg-font-size); line-height: var(--text-heading-lg-line-height); font-weight: var(--text-heading-lg-font-weight); }
-  .text-heading-md { font-size: var(--text-heading-md-font-size); line-height: var(--text-heading-md-line-height); font-weight: var(--text-heading-md-font-weight); }
-  .text-heading-sm { font-size: var(--text-heading-sm-font-size); line-height: var(--text-heading-sm-line-height); font-weight: var(--text-heading-sm-font-weight); }
-  .text-heading-xs { font-size: var(--text-heading-xs-font-size); line-height: var(--text-heading-xs-line-height); font-weight: var(--text-heading-xs-font-weight); }
-  .text-heading-xxs { font-size: var(--text-heading-xxs-font-size); line-height: var(--text-heading-xxs-line-height); font-weight: var(--text-heading-xxs-font-weight); }
-  .text-label-lg { font-size: var(--text-label-lg-font-size); line-height: var(--text-label-lg-line-height); font-weight: var(--text-label-lg-font-weight); }
-  .text-label-md { font-size: var(--text-label-md-font-size); line-height: var(--text-label-md-line-height); font-weight: var(--text-label-md-font-weight); }
-  .text-label-sm { font-size: var(--text-label-sm-font-size); line-height: var(--text-label-sm-line-height); font-weight: var(--text-label-sm-font-weight); }
-  .text-label-code-sm { font-family: var(--text-label-code-sm-font-family); font-size: var(--text-label-code-sm-font-size); line-height: var(--text-label-code-sm-line-height); font-weight: var(--text-label-code-sm-font-weight); letter-spacing: var(--text-label-code-sm-letter-spacing); }
-  .text-label-code-md { font-family: var(--text-label-code-md-font-family); font-size: var(--text-label-code-md-font-size); line-height: var(--text-label-code-md-line-height); font-weight: var(--text-label-code-md-font-weight); letter-spacing: var(--text-label-code-md-letter-spacing); }
-  .text-label-code-lg { font-family: var(--text-label-code-lg-font-family); font-size: var(--text-label-code-lg-font-size); line-height: var(--text-label-code-lg-line-height); font-weight: var(--text-label-code-lg-font-weight); letter-spacing: var(--text-label-code-lg-letter-spacing); }
-  .text-body-lg { font-size: var(--text-body-lg-font-size); line-height: var(--text-body-lg-line-height); }
-  .text-body-md { font-size: var(--text-body-md-font-size); line-height: var(--text-body-md-line-height); }
-  .text-body-sm { font-size: var(--text-body-sm-font-size); line-height: var(--text-body-sm-line-height); }
-  .text-body-xs { font-size: var(--text-body-xs-font-size); line-height: var(--text-body-xs-line-height); }
-  .text-tag-sm { font-size: var(--text-tag-sm-font-size); line-height: var(--text-tag-sm-line-height); font-weight: var(--text-tag-sm-font-weight); }
-  .text-tag-md { font-size: var(--text-tag-md-font-size); line-height: var(--text-tag-md-line-height); font-weight: var(--text-tag-md-font-weight); }
-  .text-body-xxs { font-size: var(--text-body-xxs-font-size); line-height: var(--text-body-xxs-line-height); }
-  .text-overline-md { font-family: var(--text-overline-md-font-family); font-size: var(--text-overline-md-font-size); line-height: var(--text-overline-md-line-height); letter-spacing: var(--text-overline-md-letter-spacing); text-transform: var(--text-overline-md-text-transform); }
-  .text-overline-sm { font-family: var(--text-overline-sm-font-family); font-size: var(--text-overline-sm-font-size); line-height: var(--text-overline-sm-line-height); letter-spacing: var(--text-overline-sm-letter-spacing); text-transform: var(--text-overline-sm-text-transform); }
-  .text-overline-xs { font-family: var(--text-overline-xs-font-family); font-size: var(--text-overline-xs-font-size); line-height: var(--text-overline-xs-line-height); letter-spacing: var(--text-overline-xs-letter-spacing); text-transform: var(--text-overline-xs-text-transform); }
-  .text-button-lg { font-family: var(--text-button-lg-font-family); font-size: var(--text-button-lg-font-size); font-weight: var(--text-button-lg-font-weight); line-height: var(--text-button-lg-line-height); letter-spacing: var(--text-button-lg-letter-spacing); }
-  .text-button-md { font-family: var(--text-button-md-font-family); font-size: var(--text-button-md-font-size); font-weight: var(--text-button-md-font-weight); line-height: var(--text-button-md-line-height); letter-spacing: var(--text-button-md-letter-spacing); }
-  .text-link { font-size: var(--text-link-font-size); line-height: var(--text-link-line-height); color: var(--text-link-color); border-radius: var(--text-link-border-radius); transition: var(--text-link-transition); }
-  .text-link:hover { color: var(--text-link-hover); text-decoration: underline; }
-  .text-link:focus-visible { outline: 2px solid var(--ring-color); outline-offset: 2px; }
-  @media (prefers-reduced-motion: reduce) {
-    .text-link { transition: none; }
-  }
-}
diff --git a/packages/theme/dist/v3/tailwind-preset.js b/packages/theme/dist/v3/tailwind-preset.js
deleted file mode 100644
index 798b00570..000000000
--- a/packages/theme/dist/v3/tailwind-preset.js
+++ /dev/null
@@ -1,544 +0,0 @@
-/* generated by build-tokens.mjs — target: v3 — do not edit */
-const preset = {
-  "theme": {
-    "extend": {
-      "colors": {
-        "base": {
-          "white": "var(--color-base-white)",
-          "black": "var(--color-base-black)"
-        },
-        "blue": {
-          "50": "var(--color-blue-50)",
-          "100": "var(--color-blue-100)",
-          "200": "var(--color-blue-200)",
-          "300": "var(--color-blue-300)",
-          "400": "var(--color-blue-400)",
-          "500": "var(--color-blue-500)",
-          "600": "var(--color-blue-600)",
-          "700": "var(--color-blue-700)",
-          "800": "var(--color-blue-800)",
-          "900": "var(--color-blue-900)",
-          "950": "var(--color-blue-950)"
-        },
-        "gray": {
-          "50": "var(--color-gray-50)",
-          "100": "var(--color-gray-100)",
-          "200": "var(--color-gray-200)",
-          "300": "var(--color-gray-300)",
-          "400": "var(--color-gray-400)",
-          "500": "var(--color-gray-500)",
-          "600": "var(--color-gray-600)",
-          "700": "var(--color-gray-700)",
-          "800": "var(--color-gray-800)",
-          "900": "var(--color-gray-900)",
-          "950": "var(--color-gray-950)"
-        },
-        "violet": {
-          "50": "var(--color-violet-50)",
-          "100": "var(--color-violet-100)",
-          "200": "var(--color-violet-200)",
-          "300": "var(--color-violet-300)",
-          "400": "var(--color-violet-400)",
-          "500": "var(--color-violet-500)",
-          "600": "var(--color-violet-600)",
-          "700": "var(--color-violet-700)",
-          "800": "var(--color-violet-800)",
-          "900": "var(--color-violet-900)",
-          "950": "var(--color-violet-950)"
-        },
-        "orange": {
-          "50": "var(--color-orange-50)",
-          "100": "var(--color-orange-100)",
-          "200": "var(--color-orange-200)",
-          "300": "var(--color-orange-300)",
-          "400": "var(--color-orange-400)",
-          "500": "var(--color-orange-500)",
-          "600": "var(--color-orange-600)",
-          "700": "var(--color-orange-700)",
-          "800": "var(--color-orange-800)",
-          "900": "var(--color-orange-900)",
-          "950": "var(--color-orange-950)"
-        },
-        "slate": {
-          "50": "var(--color-slate-50)",
-          "100": "var(--color-slate-100)",
-          "200": "var(--color-slate-200)",
-          "300": "var(--color-slate-300)",
-          "400": "var(--color-slate-400)",
-          "500": "var(--color-slate-500)",
-          "600": "var(--color-slate-600)",
-          "700": "var(--color-slate-700)",
-          "800": "var(--color-slate-800)",
-          "900": "var(--color-slate-900)",
-          "950": "var(--color-slate-950)"
-        },
-        "yellow": {
-          "50": "var(--color-yellow-50)",
-          "100": "var(--color-yellow-100)",
-          "200": "var(--color-yellow-200)",
-          "300": "var(--color-yellow-300)",
-          "400": "var(--color-yellow-400)",
-          "500": "var(--color-yellow-500)",
-          "600": "var(--color-yellow-600)",
-          "700": "var(--color-yellow-700)",
-          "800": "var(--color-yellow-800)",
-          "900": "var(--color-yellow-900)",
-          "950": "var(--color-yellow-950)"
-        },
-        "green": {
-          "50": "var(--color-green-50)",
-          "100": "var(--color-green-100)",
-          "200": "var(--color-green-200)",
-          "300": "var(--color-green-300)",
-          "400": "var(--color-green-400)",
-          "500": "var(--color-green-500)",
-          "600": "var(--color-green-600)",
-          "700": "var(--color-green-700)",
-          "800": "var(--color-green-800)",
-          "900": "var(--color-green-900)",
-          "950": "var(--color-green-950)"
-        },
-        "red": {
-          "50": "var(--color-red-50)",
-          "100": "var(--color-red-100)",
-          "200": "var(--color-red-200)",
-          "300": "var(--color-red-300)",
-          "400": "var(--color-red-400)",
-          "500": "var(--color-red-500)",
-          "600": "var(--color-red-600)",
-          "700": "var(--color-red-700)",
-          "800": "var(--color-red-800)",
-          "900": "var(--color-red-900)",
-          "950": "var(--color-red-950)"
-        },
-        "surface": {
-          "0": "var(--color-surface-0)",
-          "50": "var(--color-surface-50)",
-          "100": "var(--color-surface-100)",
-          "200": "var(--color-surface-200)",
-          "300": "var(--color-surface-300)",
-          "400": "var(--color-surface-400)",
-          "500": "var(--color-surface-500)",
-          "600": "var(--color-surface-600)",
-          "700": "var(--color-surface-700)",
-          "800": "var(--color-surface-800)",
-          "900": "var(--color-surface-900)",
-          "950": "var(--color-surface-950)"
-        },
-        "alpha": {
-          "violet": {
-            "50": "var(--color-alpha-violet-50)",
-            "100": "var(--color-alpha-violet-100)",
-            "200": "var(--color-alpha-violet-200)",
-            "300": "var(--color-alpha-violet-300)",
-            "400": "var(--color-alpha-violet-400)",
-            "500": "var(--color-alpha-violet-500)",
-            "600": "var(--color-alpha-violet-600)",
-            "700": "var(--color-alpha-violet-700)",
-            "800": "var(--color-alpha-violet-800)",
-            "900": "var(--color-alpha-violet-900)"
-          },
-          "orange": {
-            "50": "var(--color-alpha-orange-50)",
-            "100": "var(--color-alpha-orange-100)",
-            "200": "var(--color-alpha-orange-200)",
-            "300": "var(--color-alpha-orange-300)",
-            "400": "var(--color-alpha-orange-400)",
-            "500": "var(--color-alpha-orange-500)",
-            "600": "var(--color-alpha-orange-600)",
-            "700": "var(--color-alpha-orange-700)",
-            "800": "var(--color-alpha-orange-800)",
-            "900": "var(--color-alpha-orange-900)"
-          },
-          "white": {
-            "50": "var(--color-alpha-white-50)",
-            "100": "var(--color-alpha-white-100)",
-            "200": "var(--color-alpha-white-200)",
-            "300": "var(--color-alpha-white-300)",
-            "400": "var(--color-alpha-white-400)",
-            "500": "var(--color-alpha-white-500)",
-            "600": "var(--color-alpha-white-600)",
-            "700": "var(--color-alpha-white-700)",
-            "800": "var(--color-alpha-white-800)",
-            "900": "var(--color-alpha-white-900)"
-          },
-          "black": {
-            "50": "var(--color-alpha-black-50)",
-            "100": "var(--color-alpha-black-100)",
-            "200": "var(--color-alpha-black-200)",
-            "300": "var(--color-alpha-black-300)",
-            "400": "var(--color-alpha-black-400)",
-            "500": "var(--color-alpha-black-500)",
-            "600": "var(--color-alpha-black-600)",
-            "700": "var(--color-alpha-black-700)",
-            "800": "var(--color-alpha-black-800)",
-            "900": "var(--color-alpha-black-900)"
-          },
-          "green": {
-            "50": "var(--color-alpha-green-50)",
-            "100": "var(--color-alpha-green-100)",
-            "200": "var(--color-alpha-green-200)",
-            "300": "var(--color-alpha-green-300)",
-            "400": "var(--color-alpha-green-400)",
-            "500": "var(--color-alpha-green-500)",
-            "600": "var(--color-alpha-green-600)",
-            "700": "var(--color-alpha-green-700)",
-            "800": "var(--color-alpha-green-800)",
-            "900": "var(--color-alpha-green-900)"
-          },
-          "red": {
-            "50": "var(--color-alpha-red-50)",
-            "100": "var(--color-alpha-red-100)",
-            "200": "var(--color-alpha-red-200)",
-            "300": "var(--color-alpha-red-300)",
-            "400": "var(--color-alpha-red-400)",
-            "500": "var(--color-alpha-red-500)",
-            "600": "var(--color-alpha-red-600)",
-            "700": "var(--color-alpha-red-700)",
-            "800": "var(--color-alpha-red-800)",
-            "900": "var(--color-alpha-red-900)"
-          },
-          "yellow": {
-            "50": "var(--color-alpha-yellow-50)",
-            "100": "var(--color-alpha-yellow-100)",
-            "200": "var(--color-alpha-yellow-200)",
-            "300": "var(--color-alpha-yellow-300)",
-            "400": "var(--color-alpha-yellow-400)",
-            "500": "var(--color-alpha-yellow-500)",
-            "600": "var(--color-alpha-yellow-600)",
-            "700": "var(--color-alpha-yellow-700)",
-            "800": "var(--color-alpha-yellow-800)",
-            "900": "var(--color-alpha-yellow-900)"
-          },
-          "blue": {
-            "50": "var(--color-alpha-blue-50)",
-            "100": "var(--color-alpha-blue-100)",
-            "200": "var(--color-alpha-blue-200)",
-            "300": "var(--color-alpha-blue-300)",
-            "400": "var(--color-alpha-blue-400)",
-            "500": "var(--color-alpha-blue-500)",
-            "600": "var(--color-alpha-blue-600)",
-            "700": "var(--color-alpha-blue-700)",
-            "800": "var(--color-alpha-blue-800)",
-            "900": "var(--color-alpha-blue-900)"
-          },
-          "absolute": {
-            "black": "var(--color-alpha-absolute-black)",
-            "white": "var(--color-alpha-absolute-white)"
-          }
-        },
-        "primary": {
-          "50": "var(--color-primary-50)",
-          "100": "var(--color-primary-100)",
-          "200": "var(--color-primary-200)",
-          "300": "var(--color-primary-300)",
-          "400": "var(--color-primary-400)",
-          "500": "var(--color-primary-500)",
-          "600": "var(--color-primary-600)",
-          "700": "var(--color-primary-700)",
-          "800": "var(--color-primary-800)",
-          "900": "var(--color-primary-900)",
-          "950": "var(--color-primary-950)"
-        },
-        "accent": {
-          "50": "var(--color-accent-50)",
-          "100": "var(--color-accent-100)",
-          "200": "var(--color-accent-200)",
-          "300": "var(--color-accent-300)",
-          "400": "var(--color-accent-400)",
-          "500": "var(--color-accent-500)",
-          "600": "var(--color-accent-600)",
-          "700": "var(--color-accent-700)",
-          "800": "var(--color-accent-800)",
-          "900": "var(--color-accent-900)",
-          "950": "var(--color-accent-950)"
-        },
-        "absolute": {
-          "black": "var(--color-absolute-black)",
-          "white": "var(--color-absolute-white)"
-        }
-      },
-      "fontSize": {
-        "big-number-md": [
-          "var(--text-big-number-md-font-size)",
-          {
-            "lineHeight": "var(--text-big-number-md-line-height)",
-            "fontWeight": "var(--text-big-number-md-font-weight)"
-          }
-        ],
-        "big-number-sm": [
-          "var(--text-big-number-sm-font-size)",
-          {
-            "lineHeight": "var(--text-big-number-sm-line-height)",
-            "fontWeight": "var(--text-big-number-sm-font-weight)"
-          }
-        ],
-        "big-number-lg": [
-          "var(--text-big-number-lg-font-size)",
-          {
-            "lineHeight": "var(--text-big-number-lg-line-height)",
-            "fontWeight": "var(--text-big-number-lg-font-weight)"
-          }
-        ],
-        "heading-2xl": [
-          "var(--text-heading-2xl-font-size)",
-          {
-            "lineHeight": "var(--text-heading-2xl-line-height)",
-            "fontWeight": "var(--text-heading-2xl-font-weight)"
-          }
-        ],
-        "heading-xl": [
-          "var(--text-heading-xl-font-size)",
-          {
-            "lineHeight": "var(--text-heading-xl-line-height)",
-            "fontWeight": "var(--text-heading-xl-font-weight)"
-          }
-        ],
-        "heading-lg": [
-          "var(--text-heading-lg-font-size)",
-          {
-            "lineHeight": "var(--text-heading-lg-line-height)",
-            "fontWeight": "var(--text-heading-lg-font-weight)"
-          }
-        ],
-        "heading-md": [
-          "var(--text-heading-md-font-size)",
-          {
-            "lineHeight": "var(--text-heading-md-line-height)",
-            "fontWeight": "var(--text-heading-md-font-weight)"
-          }
-        ],
-        "heading-sm": [
-          "var(--text-heading-sm-font-size)",
-          {
-            "lineHeight": "var(--text-heading-sm-line-height)",
-            "fontWeight": "var(--text-heading-sm-font-weight)"
-          }
-        ],
-        "heading-xs": [
-          "var(--text-heading-xs-font-size)",
-          {
-            "lineHeight": "var(--text-heading-xs-line-height)",
-            "fontWeight": "var(--text-heading-xs-font-weight)"
-          }
-        ],
-        "heading-xxs": [
-          "var(--text-heading-xxs-font-size)",
-          {
-            "lineHeight": "var(--text-heading-xxs-line-height)",
-            "fontWeight": "var(--text-heading-xxs-font-weight)"
-          }
-        ],
-        "label-lg": [
-          "var(--text-label-lg-font-size)",
-          {
-            "lineHeight": "var(--text-label-lg-line-height)",
-            "fontWeight": "var(--text-label-lg-font-weight)"
-          }
-        ],
-        "label-md": [
-          "var(--text-label-md-font-size)",
-          {
-            "lineHeight": "var(--text-label-md-line-height)",
-            "fontWeight": "var(--text-label-md-font-weight)"
-          }
-        ],
-        "label-sm": [
-          "var(--text-label-sm-font-size)",
-          {
-            "lineHeight": "var(--text-label-sm-line-height)",
-            "fontWeight": "var(--text-label-sm-font-weight)"
-          }
-        ],
-        "label-code-sm": [
-          "var(--text-label-code-sm-font-size)",
-          {
-            "lineHeight": "var(--text-label-code-sm-line-height)",
-            "letterSpacing": "var(--text-label-code-sm-letter-spacing)",
-            "fontWeight": "var(--text-label-code-sm-font-weight)"
-          }
-        ],
-        "label-code-md": [
-          "var(--text-label-code-md-font-size)",
-          {
-            "lineHeight": "var(--text-label-code-md-line-height)",
-            "letterSpacing": "var(--text-label-code-md-letter-spacing)",
-            "fontWeight": "var(--text-label-code-md-font-weight)"
-          }
-        ],
-        "label-code-lg": [
-          "var(--text-label-code-lg-font-size)",
-          {
-            "lineHeight": "var(--text-label-code-lg-line-height)",
-            "letterSpacing": "var(--text-label-code-lg-letter-spacing)",
-            "fontWeight": "var(--text-label-code-lg-font-weight)"
-          }
-        ],
-        "body-lg": [
-          "var(--text-body-lg-font-size)",
-          {
-            "lineHeight": "var(--text-body-lg-line-height)"
-          }
-        ],
-        "body-md": [
-          "var(--text-body-md-font-size)",
-          {
-            "lineHeight": "var(--text-body-md-line-height)"
-          }
-        ],
-        "body-sm": [
-          "var(--text-body-sm-font-size)",
-          {
-            "lineHeight": "var(--text-body-sm-line-height)"
-          }
-        ],
-        "body-xs": [
-          "var(--text-body-xs-font-size)",
-          {
-            "lineHeight": "var(--text-body-xs-line-height)"
-          }
-        ],
-        "tag-sm": [
-          "var(--text-tag-sm-font-size)",
-          {
-            "lineHeight": "var(--text-tag-sm-line-height)",
-            "fontWeight": "var(--text-tag-sm-font-weight)"
-          }
-        ],
-        "tag-md": [
-          "var(--text-tag-md-font-size)",
-          {
-            "lineHeight": "var(--text-tag-md-line-height)",
-            "fontWeight": "var(--text-tag-md-font-weight)"
-          }
-        ],
-        "body-xxs": [
-          "var(--text-body-xxs-font-size)",
-          {
-            "lineHeight": "var(--text-body-xxs-line-height)"
-          }
-        ],
-        "overline-md": [
-          "var(--text-overline-md-font-size)",
-          {
-            "lineHeight": "var(--text-overline-md-line-height)",
-            "letterSpacing": "var(--text-overline-md-letter-spacing)"
-          }
-        ],
-        "overline-sm": [
-          "var(--text-overline-sm-font-size)",
-          {
-            "lineHeight": "var(--text-overline-sm-line-height)",
-            "letterSpacing": "var(--text-overline-sm-letter-spacing)"
-          }
-        ],
-        "overline-xs": [
-          "var(--text-overline-xs-font-size)",
-          {
-            "lineHeight": "var(--text-overline-xs-line-height)",
-            "letterSpacing": "var(--text-overline-xs-letter-spacing)"
-          }
-        ],
-        "button-lg": [
-          "var(--text-button-lg-font-size)",
-          {
-            "lineHeight": "var(--text-button-lg-line-height)",
-            "letterSpacing": "var(--text-button-lg-letter-spacing)",
-            "fontWeight": "var(--text-button-lg-font-weight)"
-          }
-        ],
-        "button-md": [
-          "var(--text-button-md-font-size)",
-          {
-            "lineHeight": "var(--text-button-md-line-height)",
-            "letterSpacing": "var(--text-button-md-letter-spacing)",
-            "fontWeight": "var(--text-button-md-font-weight)"
-          }
-        ]
-      },
-      "fontWeight": {
-        "thin": "var(--font-weight-thin)",
-        "extralight": "var(--font-weight-extralight)",
-        "light": "var(--font-weight-light)",
-        "normal": "var(--font-weight-normal)",
-        "medium": "var(--font-weight-medium)",
-        "semibold": "var(--font-weight-semibold)",
-        "bold": "var(--font-weight-bold)",
-        "extrabold": "var(--font-weight-extrabold)",
-        "black": "var(--font-weight-black)"
-      },
-      "dropShadow": {
-        "xs": "var(--drop-shadow-xs)",
-        "sm": "var(--drop-shadow-sm)",
-        "md": "var(--drop-shadow-md)",
-        "lg": "var(--drop-shadow-lg)",
-        "xl": "var(--drop-shadow-xl)",
-        "2xl": "var(--drop-shadow-2xl)"
-      },
-      "lineHeight": {
-        "tight": "var(--leading-tight)",
-        "snug": "var(--leading-snug)",
-        "normal": "var(--leading-normal)",
-        "relaxed": "var(--leading-relaxed)",
-        "loose": "var(--leading-loose)"
-      },
-      "letterSpacing": {
-        "tighter": "var(--tracking-tighter)",
-        "tight": "var(--tracking-tight)",
-        "normal": "var(--tracking-normal)",
-        "wide": "var(--tracking-wide)",
-        "wider": "var(--tracking-wider)",
-        "widest": "var(--tracking-widest)"
-      },
-      "textColor": {
-        "default": "var(--text-default)",
-        "muted": "var(--text-muted)",
-        "link": "var(--text-link)",
-        "code": "var(--text-code)",
-        "link-hover": "var(--text-link-hover)",
-        "primary": "var(--text-primary)",
-        "primary-hover": "var(--text-primary-hover)",
-        "accent": "var(--text-accent)",
-        "accent-hover": "var(--text-accent-hover)",
-        "danger-hover": "var(--text-danger-hover)",
-        "warning-hover": "var(--text-warning-hover)",
-        "success-hover": "var(--text-success-hover)",
-        "success": "var(--text-success)",
-        "danger": "var(--text-danger)",
-        "warning": "var(--text-warning)"
-      },
-      "backgroundColor": {
-        "surface-raised": "var(--background-surface-raised)",
-        "surface-overlay": "var(--background-surface-overlay)",
-        "surface": "var(--background-surface)",
-        "canvas": "var(--background-canvas)",
-        "danger-hover": "var(--background-danger-hover)",
-        "warning-hover": "var(--background-warning-hover)",
-        "success-hover": "var(--background-success-hover)",
-        "success": "var(--background-success)",
-        "danger": "var(--background-danger)",
-        "warning": "var(--background-warning)",
-        "backdrop": "var(--background-backdrop)",
-        "primary-hover": "var(--background-primary-hover)",
-        "primary": "var(--background-primary)",
-        "primary-mask": "var(--background-primary-mask)"
-      },
-      "borderColor": {
-        "default": "var(--border-default)",
-        "strong": "var(--border-strong)",
-        "warning": "var(--border-warning)",
-        "success": "var(--border-success)",
-        "danger": "var(--border-danger)",
-        "primary": "var(--border-primary)",
-        "accent": "var(--border-accent)",
-        "warning-hover": "var(--border-warning-hover)",
-        "success-hover": "var(--border-success-hover)",
-        "danger-hover": "var(--border-danger-hover)",
-        "primary-hover": "var(--border-primary-hover)",
-        "accent-hover": "var(--border-accent-hover)",
-        "subtle": "var(--border-subtle)"
-      }
-    }
-  }
-};
-export default preset;
diff --git a/packages/theme/dist/v3/tailwind.config.js b/packages/theme/dist/v3/tailwind.config.js
deleted file mode 100644
index e8927d3e5..000000000
--- a/packages/theme/dist/v3/tailwind.config.js
+++ /dev/null
@@ -1,552 +0,0 @@
-/* generated by build-tokens.mjs — target: v3 — do not edit */
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  "content": [
-    "./src/tests/**/*.html"
-  ],
-  "darkMode": [
-    "class",
-    "[data-theme=\"dark\"]"
-  ],
-  "theme": {
-    "extend": {
-      "colors": {
-        "base": {
-          "white": "var(--color-base-white)",
-          "black": "var(--color-base-black)"
-        },
-        "blue": {
-          "50": "var(--color-blue-50)",
-          "100": "var(--color-blue-100)",
-          "200": "var(--color-blue-200)",
-          "300": "var(--color-blue-300)",
-          "400": "var(--color-blue-400)",
-          "500": "var(--color-blue-500)",
-          "600": "var(--color-blue-600)",
-          "700": "var(--color-blue-700)",
-          "800": "var(--color-blue-800)",
-          "900": "var(--color-blue-900)",
-          "950": "var(--color-blue-950)"
-        },
-        "gray": {
-          "50": "var(--color-gray-50)",
-          "100": "var(--color-gray-100)",
-          "200": "var(--color-gray-200)",
-          "300": "var(--color-gray-300)",
-          "400": "var(--color-gray-400)",
-          "500": "var(--color-gray-500)",
-          "600": "var(--color-gray-600)",
-          "700": "var(--color-gray-700)",
-          "800": "var(--color-gray-800)",
-          "900": "var(--color-gray-900)",
-          "950": "var(--color-gray-950)"
-        },
-        "violet": {
-          "50": "var(--color-violet-50)",
-          "100": "var(--color-violet-100)",
-          "200": "var(--color-violet-200)",
-          "300": "var(--color-violet-300)",
-          "400": "var(--color-violet-400)",
-          "500": "var(--color-violet-500)",
-          "600": "var(--color-violet-600)",
-          "700": "var(--color-violet-700)",
-          "800": "var(--color-violet-800)",
-          "900": "var(--color-violet-900)",
-          "950": "var(--color-violet-950)"
-        },
-        "orange": {
-          "50": "var(--color-orange-50)",
-          "100": "var(--color-orange-100)",
-          "200": "var(--color-orange-200)",
-          "300": "var(--color-orange-300)",
-          "400": "var(--color-orange-400)",
-          "500": "var(--color-orange-500)",
-          "600": "var(--color-orange-600)",
-          "700": "var(--color-orange-700)",
-          "800": "var(--color-orange-800)",
-          "900": "var(--color-orange-900)",
-          "950": "var(--color-orange-950)"
-        },
-        "slate": {
-          "50": "var(--color-slate-50)",
-          "100": "var(--color-slate-100)",
-          "200": "var(--color-slate-200)",
-          "300": "var(--color-slate-300)",
-          "400": "var(--color-slate-400)",
-          "500": "var(--color-slate-500)",
-          "600": "var(--color-slate-600)",
-          "700": "var(--color-slate-700)",
-          "800": "var(--color-slate-800)",
-          "900": "var(--color-slate-900)",
-          "950": "var(--color-slate-950)"
-        },
-        "yellow": {
-          "50": "var(--color-yellow-50)",
-          "100": "var(--color-yellow-100)",
-          "200": "var(--color-yellow-200)",
-          "300": "var(--color-yellow-300)",
-          "400": "var(--color-yellow-400)",
-          "500": "var(--color-yellow-500)",
-          "600": "var(--color-yellow-600)",
-          "700": "var(--color-yellow-700)",
-          "800": "var(--color-yellow-800)",
-          "900": "var(--color-yellow-900)",
-          "950": "var(--color-yellow-950)"
-        },
-        "green": {
-          "50": "var(--color-green-50)",
-          "100": "var(--color-green-100)",
-          "200": "var(--color-green-200)",
-          "300": "var(--color-green-300)",
-          "400": "var(--color-green-400)",
-          "500": "var(--color-green-500)",
-          "600": "var(--color-green-600)",
-          "700": "var(--color-green-700)",
-          "800": "var(--color-green-800)",
-          "900": "var(--color-green-900)",
-          "950": "var(--color-green-950)"
-        },
-        "red": {
-          "50": "var(--color-red-50)",
-          "100": "var(--color-red-100)",
-          "200": "var(--color-red-200)",
-          "300": "var(--color-red-300)",
-          "400": "var(--color-red-400)",
-          "500": "var(--color-red-500)",
-          "600": "var(--color-red-600)",
-          "700": "var(--color-red-700)",
-          "800": "var(--color-red-800)",
-          "900": "var(--color-red-900)",
-          "950": "var(--color-red-950)"
-        },
-        "surface": {
-          "0": "var(--color-surface-0)",
-          "50": "var(--color-surface-50)",
-          "100": "var(--color-surface-100)",
-          "200": "var(--color-surface-200)",
-          "300": "var(--color-surface-300)",
-          "400": "var(--color-surface-400)",
-          "500": "var(--color-surface-500)",
-          "600": "var(--color-surface-600)",
-          "700": "var(--color-surface-700)",
-          "800": "var(--color-surface-800)",
-          "900": "var(--color-surface-900)",
-          "950": "var(--color-surface-950)"
-        },
-        "alpha": {
-          "violet": {
-            "50": "var(--color-alpha-violet-50)",
-            "100": "var(--color-alpha-violet-100)",
-            "200": "var(--color-alpha-violet-200)",
-            "300": "var(--color-alpha-violet-300)",
-            "400": "var(--color-alpha-violet-400)",
-            "500": "var(--color-alpha-violet-500)",
-            "600": "var(--color-alpha-violet-600)",
-            "700": "var(--color-alpha-violet-700)",
-            "800": "var(--color-alpha-violet-800)",
-            "900": "var(--color-alpha-violet-900)"
-          },
-          "orange": {
-            "50": "var(--color-alpha-orange-50)",
-            "100": "var(--color-alpha-orange-100)",
-            "200": "var(--color-alpha-orange-200)",
-            "300": "var(--color-alpha-orange-300)",
-            "400": "var(--color-alpha-orange-400)",
-            "500": "var(--color-alpha-orange-500)",
-            "600": "var(--color-alpha-orange-600)",
-            "700": "var(--color-alpha-orange-700)",
-            "800": "var(--color-alpha-orange-800)",
-            "900": "var(--color-alpha-orange-900)"
-          },
-          "white": {
-            "50": "var(--color-alpha-white-50)",
-            "100": "var(--color-alpha-white-100)",
-            "200": "var(--color-alpha-white-200)",
-            "300": "var(--color-alpha-white-300)",
-            "400": "var(--color-alpha-white-400)",
-            "500": "var(--color-alpha-white-500)",
-            "600": "var(--color-alpha-white-600)",
-            "700": "var(--color-alpha-white-700)",
-            "800": "var(--color-alpha-white-800)",
-            "900": "var(--color-alpha-white-900)"
-          },
-          "black": {
-            "50": "var(--color-alpha-black-50)",
-            "100": "var(--color-alpha-black-100)",
-            "200": "var(--color-alpha-black-200)",
-            "300": "var(--color-alpha-black-300)",
-            "400": "var(--color-alpha-black-400)",
-            "500": "var(--color-alpha-black-500)",
-            "600": "var(--color-alpha-black-600)",
-            "700": "var(--color-alpha-black-700)",
-            "800": "var(--color-alpha-black-800)",
-            "900": "var(--color-alpha-black-900)"
-          },
-          "green": {
-            "50": "var(--color-alpha-green-50)",
-            "100": "var(--color-alpha-green-100)",
-            "200": "var(--color-alpha-green-200)",
-            "300": "var(--color-alpha-green-300)",
-            "400": "var(--color-alpha-green-400)",
-            "500": "var(--color-alpha-green-500)",
-            "600": "var(--color-alpha-green-600)",
-            "700": "var(--color-alpha-green-700)",
-            "800": "var(--color-alpha-green-800)",
-            "900": "var(--color-alpha-green-900)"
-          },
-          "red": {
-            "50": "var(--color-alpha-red-50)",
-            "100": "var(--color-alpha-red-100)",
-            "200": "var(--color-alpha-red-200)",
-            "300": "var(--color-alpha-red-300)",
-            "400": "var(--color-alpha-red-400)",
-            "500": "var(--color-alpha-red-500)",
-            "600": "var(--color-alpha-red-600)",
-            "700": "var(--color-alpha-red-700)",
-            "800": "var(--color-alpha-red-800)",
-            "900": "var(--color-alpha-red-900)"
-          },
-          "yellow": {
-            "50": "var(--color-alpha-yellow-50)",
-            "100": "var(--color-alpha-yellow-100)",
-            "200": "var(--color-alpha-yellow-200)",
-            "300": "var(--color-alpha-yellow-300)",
-            "400": "var(--color-alpha-yellow-400)",
-            "500": "var(--color-alpha-yellow-500)",
-            "600": "var(--color-alpha-yellow-600)",
-            "700": "var(--color-alpha-yellow-700)",
-            "800": "var(--color-alpha-yellow-800)",
-            "900": "var(--color-alpha-yellow-900)"
-          },
-          "blue": {
-            "50": "var(--color-alpha-blue-50)",
-            "100": "var(--color-alpha-blue-100)",
-            "200": "var(--color-alpha-blue-200)",
-            "300": "var(--color-alpha-blue-300)",
-            "400": "var(--color-alpha-blue-400)",
-            "500": "var(--color-alpha-blue-500)",
-            "600": "var(--color-alpha-blue-600)",
-            "700": "var(--color-alpha-blue-700)",
-            "800": "var(--color-alpha-blue-800)",
-            "900": "var(--color-alpha-blue-900)"
-          },
-          "absolute": {
-            "black": "var(--color-alpha-absolute-black)",
-            "white": "var(--color-alpha-absolute-white)"
-          }
-        },
-        "primary": {
-          "50": "var(--color-primary-50)",
-          "100": "var(--color-primary-100)",
-          "200": "var(--color-primary-200)",
-          "300": "var(--color-primary-300)",
-          "400": "var(--color-primary-400)",
-          "500": "var(--color-primary-500)",
-          "600": "var(--color-primary-600)",
-          "700": "var(--color-primary-700)",
-          "800": "var(--color-primary-800)",
-          "900": "var(--color-primary-900)",
-          "950": "var(--color-primary-950)"
-        },
-        "accent": {
-          "50": "var(--color-accent-50)",
-          "100": "var(--color-accent-100)",
-          "200": "var(--color-accent-200)",
-          "300": "var(--color-accent-300)",
-          "400": "var(--color-accent-400)",
-          "500": "var(--color-accent-500)",
-          "600": "var(--color-accent-600)",
-          "700": "var(--color-accent-700)",
-          "800": "var(--color-accent-800)",
-          "900": "var(--color-accent-900)",
-          "950": "var(--color-accent-950)"
-        },
-        "absolute": {
-          "black": "var(--color-absolute-black)",
-          "white": "var(--color-absolute-white)"
-        }
-      },
-      "fontSize": {
-        "big-number-md": [
-          "var(--text-big-number-md-font-size)",
-          {
-            "lineHeight": "var(--text-big-number-md-line-height)",
-            "fontWeight": "var(--text-big-number-md-font-weight)"
-          }
-        ],
-        "big-number-sm": [
-          "var(--text-big-number-sm-font-size)",
-          {
-            "lineHeight": "var(--text-big-number-sm-line-height)",
-            "fontWeight": "var(--text-big-number-sm-font-weight)"
-          }
-        ],
-        "big-number-lg": [
-          "var(--text-big-number-lg-font-size)",
-          {
-            "lineHeight": "var(--text-big-number-lg-line-height)",
-            "fontWeight": "var(--text-big-number-lg-font-weight)"
-          }
-        ],
-        "heading-2xl": [
-          "var(--text-heading-2xl-font-size)",
-          {
-            "lineHeight": "var(--text-heading-2xl-line-height)",
-            "fontWeight": "var(--text-heading-2xl-font-weight)"
-          }
-        ],
-        "heading-xl": [
-          "var(--text-heading-xl-font-size)",
-          {
-            "lineHeight": "var(--text-heading-xl-line-height)",
-            "fontWeight": "var(--text-heading-xl-font-weight)"
-          }
-        ],
-        "heading-lg": [
-          "var(--text-heading-lg-font-size)",
-          {
-            "lineHeight": "var(--text-heading-lg-line-height)",
-            "fontWeight": "var(--text-heading-lg-font-weight)"
-          }
-        ],
-        "heading-md": [
-          "var(--text-heading-md-font-size)",
-          {
-            "lineHeight": "var(--text-heading-md-line-height)",
-            "fontWeight": "var(--text-heading-md-font-weight)"
-          }
-        ],
-        "heading-sm": [
-          "var(--text-heading-sm-font-size)",
-          {
-            "lineHeight": "var(--text-heading-sm-line-height)",
-            "fontWeight": "var(--text-heading-sm-font-weight)"
-          }
-        ],
-        "heading-xs": [
-          "var(--text-heading-xs-font-size)",
-          {
-            "lineHeight": "var(--text-heading-xs-line-height)",
-            "fontWeight": "var(--text-heading-xs-font-weight)"
-          }
-        ],
-        "heading-xxs": [
-          "var(--text-heading-xxs-font-size)",
-          {
-            "lineHeight": "var(--text-heading-xxs-line-height)",
-            "fontWeight": "var(--text-heading-xxs-font-weight)"
-          }
-        ],
-        "label-lg": [
-          "var(--text-label-lg-font-size)",
-          {
-            "lineHeight": "var(--text-label-lg-line-height)",
-            "fontWeight": "var(--text-label-lg-font-weight)"
-          }
-        ],
-        "label-md": [
-          "var(--text-label-md-font-size)",
-          {
-            "lineHeight": "var(--text-label-md-line-height)",
-            "fontWeight": "var(--text-label-md-font-weight)"
-          }
-        ],
-        "label-sm": [
-          "var(--text-label-sm-font-size)",
-          {
-            "lineHeight": "var(--text-label-sm-line-height)",
-            "fontWeight": "var(--text-label-sm-font-weight)"
-          }
-        ],
-        "label-code-sm": [
-          "var(--text-label-code-sm-font-size)",
-          {
-            "lineHeight": "var(--text-label-code-sm-line-height)",
-            "letterSpacing": "var(--text-label-code-sm-letter-spacing)",
-            "fontWeight": "var(--text-label-code-sm-font-weight)"
-          }
-        ],
-        "label-code-md": [
-          "var(--text-label-code-md-font-size)",
-          {
-            "lineHeight": "var(--text-label-code-md-line-height)",
-            "letterSpacing": "var(--text-label-code-md-letter-spacing)",
-            "fontWeight": "var(--text-label-code-md-font-weight)"
-          }
-        ],
-        "label-code-lg": [
-          "var(--text-label-code-lg-font-size)",
-          {
-            "lineHeight": "var(--text-label-code-lg-line-height)",
-            "letterSpacing": "var(--text-label-code-lg-letter-spacing)",
-            "fontWeight": "var(--text-label-code-lg-font-weight)"
-          }
-        ],
-        "body-lg": [
-          "var(--text-body-lg-font-size)",
-          {
-            "lineHeight": "var(--text-body-lg-line-height)"
-          }
-        ],
-        "body-md": [
-          "var(--text-body-md-font-size)",
-          {
-            "lineHeight": "var(--text-body-md-line-height)"
-          }
-        ],
-        "body-sm": [
-          "var(--text-body-sm-font-size)",
-          {
-            "lineHeight": "var(--text-body-sm-line-height)"
-          }
-        ],
-        "body-xs": [
-          "var(--text-body-xs-font-size)",
-          {
-            "lineHeight": "var(--text-body-xs-line-height)"
-          }
-        ],
-        "tag-sm": [
-          "var(--text-tag-sm-font-size)",
-          {
-            "lineHeight": "var(--text-tag-sm-line-height)",
-            "fontWeight": "var(--text-tag-sm-font-weight)"
-          }
-        ],
-        "tag-md": [
-          "var(--text-tag-md-font-size)",
-          {
-            "lineHeight": "var(--text-tag-md-line-height)",
-            "fontWeight": "var(--text-tag-md-font-weight)"
-          }
-        ],
-        "body-xxs": [
-          "var(--text-body-xxs-font-size)",
-          {
-            "lineHeight": "var(--text-body-xxs-line-height)"
-          }
-        ],
-        "overline-md": [
-          "var(--text-overline-md-font-size)",
-          {
-            "lineHeight": "var(--text-overline-md-line-height)",
-            "letterSpacing": "var(--text-overline-md-letter-spacing)"
-          }
-        ],
-        "overline-sm": [
-          "var(--text-overline-sm-font-size)",
-          {
-            "lineHeight": "var(--text-overline-sm-line-height)",
-            "letterSpacing": "var(--text-overline-sm-letter-spacing)"
-          }
-        ],
-        "overline-xs": [
-          "var(--text-overline-xs-font-size)",
-          {
-            "lineHeight": "var(--text-overline-xs-line-height)",
-            "letterSpacing": "var(--text-overline-xs-letter-spacing)"
-          }
-        ],
-        "button-lg": [
-          "var(--text-button-lg-font-size)",
-          {
-            "lineHeight": "var(--text-button-lg-line-height)",
-            "letterSpacing": "var(--text-button-lg-letter-spacing)",
-            "fontWeight": "var(--text-button-lg-font-weight)"
-          }
-        ],
-        "button-md": [
-          "var(--text-button-md-font-size)",
-          {
-            "lineHeight": "var(--text-button-md-line-height)",
-            "letterSpacing": "var(--text-button-md-letter-spacing)",
-            "fontWeight": "var(--text-button-md-font-weight)"
-          }
-        ]
-      },
-      "fontWeight": {
-        "thin": "var(--font-weight-thin)",
-        "extralight": "var(--font-weight-extralight)",
-        "light": "var(--font-weight-light)",
-        "normal": "var(--font-weight-normal)",
-        "medium": "var(--font-weight-medium)",
-        "semibold": "var(--font-weight-semibold)",
-        "bold": "var(--font-weight-bold)",
-        "extrabold": "var(--font-weight-extrabold)",
-        "black": "var(--font-weight-black)"
-      },
-      "dropShadow": {
-        "xs": "var(--drop-shadow-xs)",
-        "sm": "var(--drop-shadow-sm)",
-        "md": "var(--drop-shadow-md)",
-        "lg": "var(--drop-shadow-lg)",
-        "xl": "var(--drop-shadow-xl)",
-        "2xl": "var(--drop-shadow-2xl)"
-      },
-      "lineHeight": {
-        "tight": "var(--leading-tight)",
-        "snug": "var(--leading-snug)",
-        "normal": "var(--leading-normal)",
-        "relaxed": "var(--leading-relaxed)",
-        "loose": "var(--leading-loose)"
-      },
-      "letterSpacing": {
-        "tighter": "var(--tracking-tighter)",
-        "tight": "var(--tracking-tight)",
-        "normal": "var(--tracking-normal)",
-        "wide": "var(--tracking-wide)",
-        "wider": "var(--tracking-wider)",
-        "widest": "var(--tracking-widest)"
-      },
-      "textColor": {
-        "default": "var(--text-default)",
-        "muted": "var(--text-muted)",
-        "link": "var(--text-link)",
-        "code": "var(--text-code)",
-        "link-hover": "var(--text-link-hover)",
-        "primary": "var(--text-primary)",
-        "primary-hover": "var(--text-primary-hover)",
-        "accent": "var(--text-accent)",
-        "accent-hover": "var(--text-accent-hover)",
-        "danger-hover": "var(--text-danger-hover)",
-        "warning-hover": "var(--text-warning-hover)",
-        "success-hover": "var(--text-success-hover)",
-        "success": "var(--text-success)",
-        "danger": "var(--text-danger)",
-        "warning": "var(--text-warning)"
-      },
-      "backgroundColor": {
-        "surface-raised": "var(--background-surface-raised)",
-        "surface-overlay": "var(--background-surface-overlay)",
-        "surface": "var(--background-surface)",
-        "canvas": "var(--background-canvas)",
-        "danger-hover": "var(--background-danger-hover)",
-        "warning-hover": "var(--background-warning-hover)",
-        "success-hover": "var(--background-success-hover)",
-        "success": "var(--background-success)",
-        "danger": "var(--background-danger)",
-        "warning": "var(--background-warning)",
-        "backdrop": "var(--background-backdrop)",
-        "primary-hover": "var(--background-primary-hover)",
-        "primary": "var(--background-primary)",
-        "primary-mask": "var(--background-primary-mask)"
-      },
-      "borderColor": {
-        "default": "var(--border-default)",
-        "strong": "var(--border-strong)",
-        "warning": "var(--border-warning)",
-        "success": "var(--border-success)",
-        "danger": "var(--border-danger)",
-        "primary": "var(--border-primary)",
-        "accent": "var(--border-accent)",
-        "warning-hover": "var(--border-warning-hover)",
-        "success-hover": "var(--border-success-hover)",
-        "danger-hover": "var(--border-danger-hover)",
-        "primary-hover": "var(--border-primary-hover)",
-        "accent-hover": "var(--border-accent-hover)",
-        "subtle": "var(--border-subtle)"
-      }
-    }
-  },
-  "plugins": []
-};
diff --git a/packages/theme/dist/v4/globals.css b/packages/theme/dist/v4/globals.css
index cb27b4db3..60785264c 100644
--- a/packages/theme/dist/v4/globals.css
+++ b/packages/theme/dist/v4/globals.css
@@ -1,7 +1,184 @@
-/* generated by build-tokens.mjs — target: v4 — do not edit */
+/* generated by build-tokens.mjs — do not edit */
 
 @import "tailwindcss";
 
+/**
+ * @font-face declarations for the Azion type system.
+ *
+ * Prepended verbatim into `dist/v4/globals.css` by `scripts/build-tokens.mjs`
+ * so any consumer of `@aziontech/theme/globals.css` gets the same faces the
+ * design system was authored against — no separate <link rel="stylesheet"> or
+ * per-app `@import "@fontsource/…"` needed.
+ *
+ * Fonts are hosted at fonts.azion.com under a permissive CORS policy; the
+ * requests are subresource-cached with `font-display: swap` so first paint
+ * uses the system fallback while the .woff2 loads.
+ */
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-light.woff2') format('woff2');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-italic.woff2') format('woff2');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-mediumitalic.woff2') format('woff2');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bold.woff2') format('woff2');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bolditalic.woff2') format('woff2');
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bolditalic.woff2') format('woff2');
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-black.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('https://fonts.azion.com/roboto-mono/roboto-mono-regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('https://fonts.azion.com/roboto-mono/roboto-mono-light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Sora';
+  src: url('https://fonts.azion.com/sora/Sora-VariableFont_wght.ttf') format('truetype');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Proto Mono';
+  src: url('https://fonts.azion.com/proto-mono/ProtoMono-Light.woff2') format('woff2');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Proto Mono';
+  src: url('https://fonts.azion.com/proto-mono/ProtoMono-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Proto Mono';
+  src: url('https://fonts.azion.com/proto-mono/ProtoMono-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Proto Mono';
+  src: url('https://fonts.azion.com/proto-mono/ProtoMono-SemiBold.woff2') format('woff2');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto Condensed';
+  src: url('https://fonts.azion.com/roboto-condensed/RobotoCondensed-Italic.woff') format('woff'),
+       url('https://fonts.azion.com/roboto-condensed/RobotoCondensed-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Titillium Web';
+  src: url('https://fonts.azion.com/titillium-web/TitilliumWeb-Italic.woff') format('woff'),
+       url('https://fonts.azion.com/titillium-web/TitilliumWeb-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+
+/*
+ * `@aziontech/webkit` components use arbitrary values (`bg-[var(--x)]`) that
+ * Tailwind v4 only picks up when the source files are inside the scan.
+ * Auto-detect scans the CWD only, so we point `@source` at the webkit
+ * package via a monorepo-relative path (this file is under
+ * `packages/theme/dist/v4/`; walking up three levels reaches `packages/`).
+ */
+@source "../../../webkit/src";
+
 @theme {
   --color-base-white: #FFFFFF;
   --color-base-black: #000000;
@@ -187,28 +364,28 @@
   --color-alpha-blue-900: #0072F5E5;
   --color-alpha-absolute-black: #000000E5;
   --color-alpha-absolute-white: #FFFFFFE5;
-  --color-primary-50: #FFF5EF;
-  --color-primary-100: #FFE7D8;
-  --color-primary-200: #FFCFB3;
-  --color-primary-300: #FFB180;
-  --color-primary-400: #FF8E4D;
-  --color-primary-500: #F3652B;
-  --color-primary-600: #D94A03;
-  --color-primary-700: #B03C02;
-  --color-primary-800: #8A2F02;
-  --color-primary-900: #692402;
-  --color-primary-950: #401602;
-  --color-accent-50: #F6F6FF;
-  --color-accent-100: #ECECFF;
-  --color-accent-200: #D9D7FA;
-  --color-accent-300: #B5B1F4;
-  --color-accent-400: #9F9AF1;
-  --color-accent-500: #8A84EC;
-  --color-accent-600: #756FE5;
-  --color-accent-700: #625BD5;
-  --color-accent-800: #524BBB;
-  --color-accent-900: #1F1E48;
-  --color-accent-950: #100F24;
+  --color-brand-primary-50: #FFF5EF;
+  --color-brand-primary-100: #FFE7D8;
+  --color-brand-primary-200: #FFCFB3;
+  --color-brand-primary-300: #FFB180;
+  --color-brand-primary-400: #FF8E4D;
+  --color-brand-primary-500: #F3652B;
+  --color-brand-primary-600: #D94A03;
+  --color-brand-primary-700: #B03C02;
+  --color-brand-primary-800: #8A2F02;
+  --color-brand-primary-900: #692402;
+  --color-brand-primary-950: #401602;
+  --color-brand-accent-50: #F6F6FF;
+  --color-brand-accent-100: #ECECFF;
+  --color-brand-accent-200: #D9D7FA;
+  --color-brand-accent-300: #B5B1F4;
+  --color-brand-accent-400: #9F9AF1;
+  --color-brand-accent-500: #8A84EC;
+  --color-brand-accent-600: #756FE5;
+  --color-brand-accent-700: #625BD5;
+  --color-brand-accent-800: #524BBB;
+  --color-brand-accent-900: #1F1E48;
+  --color-brand-accent-950: #100F24;
   --color-absolute-black: #0A0A0A;
   --color-absolute-white: #FAFAFA;
   --breakpoint-sm: 640px;
@@ -216,6 +393,20 @@
   --breakpoint-lg: 1024px;
   --breakpoint-xl: 1280px;
   --breakpoint-2xl: 1536px;
+  --animate-spin: spin 1s linear infinite;
+  --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  --animate-bounce: bounce 1s infinite;
+  --animate-shimmer: shimmer 1.6s linear infinite;
+  --animate-blink: blink 1s step-end infinite;
+  --animate-fade-in: fadeIn 220ms ease-in-out;
+  --animate-fade-out: fadeOut 220ms ease-in-out;
+  --animate-slide-down: slideDown 220ms ease-in-out;
+  --animate-highlight-fade: highlight ease-in forwards;
+  --animate-popup-scale-in: popupScaleIn 150ms cubic-bezier(0.39, 0.57, 0.56, 1);
+  --animate-popup-scale-out: popupScaleOut 110ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
+  --animate-progress-indeterminate: progressIndeterminate 2100ms cubic-bezier(0.39, 0.57, 0.56, 1) infinite;
+  --animate-progress-indeterminate-short: progressIndeterminateShort 2100ms cubic-bezier(0.17, 0.84, 0.44, 1) 1100ms infinite;
 }
 
 :root, [data-theme=light], .azion.azion-light {
@@ -448,6 +639,11 @@
   --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   --animate-bounce: bounce 1s infinite;
   --animate-shimmer: shimmer 1.6s linear infinite;
+  --animate-blink: blink 1s step-end infinite;
+  --animate-fade-in: fadeIn 220ms ease-in-out;
+  --animate-fade-out: fadeOut 220ms ease-in-out;
+  --animate-slide-down: slideDown 220ms ease-in-out;
+  --animate-highlight-fade: highlight ease-in forwards;
   --animate-popup-scale-in: popupScaleIn 150ms cubic-bezier(0.39, 0.57, 0.56, 1);
   --animate-popup-scale-out: popupScaleOut 110ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
   --animate-progress-indeterminate: progressIndeterminate 2100ms cubic-bezier(0.39, 0.57, 0.56, 1) infinite;
@@ -604,6 +800,193 @@
   }
 }
 
+/* ── Theme semantics (primary, secondary, surfaces, feedback, …) ── */
+:root, [data-theme=light], .azion.azion-light {
+  --surface-0: #FFFFFF;
+  --surface-50: #FAFAFA;
+  --surface-100: #F5F5F5;
+  --surface-200: #E5E5E5;
+  --surface-300: #B2B2B2;
+  --surface-400: #999999;
+  --surface-500: #808080;
+  --surface-600: #666666;
+  --surface-700: #4D4D4D;
+  --surface-800: #1A1A1A;
+  --surface-900: #141414;
+  --surface-950: #0A0A0A;
+  --primary: #F3652B;
+  --primary-mask: #FE601F33;
+  --primary-selected: #FE601F33;
+  --primary-contrast: #000000;
+  --secondary: #0A0A0A;
+  --secondary-mask: #00000005;
+  --secondary-selected: #0A0A0A;
+  --secondary-contrast: #FFFFFF;
+  --accent: #756FE5;
+  --accent-mask: #8A84EC0D;
+  --accent-selected: #8A84EC;
+  --accent-contrast: #000000;
+  --bg-canvas: #FAFAFA;
+  --bg-surface: #FFFFFF;
+  --bg-surface-raised: #FFFFFF;
+  --bg-mask: #00000005;
+  --bg-surface-overlay: #FAFAFA;
+  --bg-hover: #00000014;
+  --bg-active: #00000005;
+  --bg-backdrop: #000000CC;
+  --bg-selected: #E5E5E5;
+  --bg-contrast: #141414;
+  --bg-disabled: #E5E5E5;
+  --border-default: #00000014;
+  --border-muted: #00000014;
+  --border-strong: #000000;
+  --border-selected: #F3652B;
+  --text-default: #141414;
+  --text-muted: #666666;
+  --text-disabled: #999999;
+  --text-link: #005FCC;
+  --text-contrast: #FAFAFA;
+  --ring-color: #666666;
+  --code-sintax-identifier: #141414;
+  --code-sintax-line-number: #808080;
+  --code-sintax-keyword: #005FCC;
+  --code-sintax-punctuation: #808080;
+  --code-sintax-function: #F3652B;
+  --code-sintax-type: #947105;
+  --code-sintax-string: #005FCC;
+  --success: #A4F4C0;
+  --success-border: #22C55E66;
+  --success-contrast: #12542B;
+  --warning: #FCE49C;
+  --warning-border: #F7BD0880;
+  --warning-contrast: #634B03;
+  --danger: #F9D2D2;
+  --danger-border: #E51A1A66;
+  --danger-contrast: #891010;
+  --info: #CCE4FF;
+  --info-border: #8A84EC66;
+  --info-contrast: #004799;
+}
+
+[data-theme=dark], .dark, .azion.azion-dark {
+  --surface-0: #FFFFFF;
+  --surface-50: #FAFAFA;
+  --surface-100: #F5F5F5;
+  --surface-200: #E5E5E5;
+  --surface-300: #B2B2B2;
+  --surface-400: #999999;
+  --surface-500: #808080;
+  --surface-600: #666666;
+  --surface-700: #4D4D4D;
+  --surface-800: #1A1A1A;
+  --surface-900: #141414;
+  --surface-950: #0A0A0A;
+  --primary: #F3652B;
+  --primary-mask: #FE601F33;
+  --primary-selected: #FE601F33;
+  --primary-contrast: #FFFFFF;
+  --secondary: #FFFFFF;
+  --secondary-mask: #FFFFFF1A;
+  --secondary-selected: #FFFFFF;
+  --secondary-contrast: #000000;
+  --accent: #8A84EC;
+  --accent-mask: #8A84EC1A;
+  --accent-selected: #8A84EC;
+  --accent-contrast: #000000;
+  --bg-canvas: #000000;
+  --bg-surface: #0A0A0A;
+  --bg-surface-raised: #141414;
+  --bg-mask: #FFFFFF0D;
+  --bg-surface-overlay: #4D4D4D;
+  --bg-hover: #00000033;
+  --bg-active: #00000014;
+  --bg-backdrop: #000000CC;
+  --bg-selected: #1A1A1A;
+  --bg-contrast: #FAFAFA;
+  --bg-disabled: #1A1A1A;
+  --border-default: #FFFFFF1A;
+  --border-muted: #FFFFFF0D;
+  --border-strong: #FFFFFF;
+  --border-selected: #F3652B;
+  --text-default: #FAFAFA;
+  --text-muted: #999999;
+  --text-disabled: #4D4D4D;
+  --text-link: #3392FF;
+  --text-contrast: #000000;
+  --ring-color: #4D4D4D;
+  --code-sintax-identifier: #FAFAFA;
+  --code-sintax-line-number: #999999;
+  --code-sintax-keyword: #3392FF;
+  --code-sintax-punctuation: #999999;
+  --code-sintax-function: #F3652B;
+  --code-sintax-type: #FAD76B;
+  --code-sintax-string: #3392FF;
+  --success: #0A2916;
+  --success-border: #22C55E66;
+  --success-contrast: #52E086;
+  --warning: #312602;
+  --warning-border: #F7BD0880;
+  --warning-contrast: #F7BD08;
+  --danger: #5B0B0B;
+  --danger-border: #E51A1A66;
+  --danger-contrast: #ED7878;
+  --info: #001833;
+  --info-border: #0072F580;
+  --info-contrast: #66ADFF;
+}
+
+@keyframes fadeIn {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+@keyframes fadeOut {
+  0% { opacity: 1; }
+  100% { opacity: 0; }
+}
+
+@keyframes slideDown {
+  0% { height: 0; }
+  100% { height: auto; }
+}
+
+@keyframes blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+
+@keyframes highlight {
+  0% { background-color: var(--surface-hover); font-weight: 500; }
+  100% { background-color: var(--surface-hover); font-weight: 500; }
+}
+
+@keyframes shimmer {
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
+
+@keyframes popupScaleIn {
+  0% { opacity: 0; transform: scale(0.95); }
+  100% { opacity: 1; transform: scale(1); }
+}
+
+@keyframes popupScaleOut {
+  0% { opacity: 1; transform: scale(1); }
+  100% { opacity: 0; transform: scale(0.95); }
+}
+
+@keyframes progressIndeterminate {
+  0% { inset-inline-start: -35%; inset-inline-end: 100%; }
+  60% { inset-inline-start: 100%; inset-inline-end: -90%; }
+  100% { inset-inline-start: 100%; inset-inline-end: -90%; }
+}
+
+@keyframes progressIndeterminateShort {
+  0% { inset-inline-start: -200%; inset-inline-end: 100%; }
+  60% { inset-inline-start: 107%; inset-inline-end: -8%; }
+  100% { inset-inline-start: 107%; inset-inline-end: -8%; }
+}
+
 @layer components {
   /* ── Containers ── */
   .px-container { padding-left: var(--container-px); padding-right: var(--container-px); }
@@ -661,4 +1044,8 @@
   @media (prefers-reduced-motion: reduce) {
     .text-link { transition: none; }
   }
+
+  /* ── Animation extras (properties beyond the animation shorthand) ── */
+  .animate-popup-scale-in { transform-origin: var(--popup-origin, center); }
+  .animate-popup-scale-out { transform-origin: var(--popup-origin, center); }
 }
diff --git a/packages/theme/dist/v4/globals.scss b/packages/theme/dist/v4/globals.scss
index cb27b4db3..60785264c 100644
--- a/packages/theme/dist/v4/globals.scss
+++ b/packages/theme/dist/v4/globals.scss
@@ -1,7 +1,184 @@
-/* generated by build-tokens.mjs — target: v4 — do not edit */
+/* generated by build-tokens.mjs — do not edit */
 
 @import "tailwindcss";
 
+/**
+ * @font-face declarations for the Azion type system.
+ *
+ * Prepended verbatim into `dist/v4/globals.css` by `scripts/build-tokens.mjs`
+ * so any consumer of `@aziontech/theme/globals.css` gets the same faces the
+ * design system was authored against — no separate <link rel="stylesheet"> or
+ * per-app `@import "@fontsource/…"` needed.
+ *
+ * Fonts are hosted at fonts.azion.com under a permissive CORS policy; the
+ * requests are subresource-cached with `font-display: swap` so first paint
+ * uses the system fallback while the .woff2 loads.
+ */
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-light.woff2') format('woff2');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-italic.woff2') format('woff2');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-mediumitalic.woff2') format('woff2');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bold.woff2') format('woff2');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bolditalic.woff2') format('woff2');
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bolditalic.woff2') format('woff2');
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-black.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('https://fonts.azion.com/roboto-mono/roboto-mono-regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('https://fonts.azion.com/roboto-mono/roboto-mono-light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Sora';
+  src: url('https://fonts.azion.com/sora/Sora-VariableFont_wght.ttf') format('truetype');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Proto Mono';
+  src: url('https://fonts.azion.com/proto-mono/ProtoMono-Light.woff2') format('woff2');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Proto Mono';
+  src: url('https://fonts.azion.com/proto-mono/ProtoMono-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Proto Mono';
+  src: url('https://fonts.azion.com/proto-mono/ProtoMono-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Proto Mono';
+  src: url('https://fonts.azion.com/proto-mono/ProtoMono-SemiBold.woff2') format('woff2');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto Condensed';
+  src: url('https://fonts.azion.com/roboto-condensed/RobotoCondensed-Italic.woff') format('woff'),
+       url('https://fonts.azion.com/roboto-condensed/RobotoCondensed-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Titillium Web';
+  src: url('https://fonts.azion.com/titillium-web/TitilliumWeb-Italic.woff') format('woff'),
+       url('https://fonts.azion.com/titillium-web/TitilliumWeb-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+
+/*
+ * `@aziontech/webkit` components use arbitrary values (`bg-[var(--x)]`) that
+ * Tailwind v4 only picks up when the source files are inside the scan.
+ * Auto-detect scans the CWD only, so we point `@source` at the webkit
+ * package via a monorepo-relative path (this file is under
+ * `packages/theme/dist/v4/`; walking up three levels reaches `packages/`).
+ */
+@source "../../../webkit/src";
+
 @theme {
   --color-base-white: #FFFFFF;
   --color-base-black: #000000;
@@ -187,28 +364,28 @@
   --color-alpha-blue-900: #0072F5E5;
   --color-alpha-absolute-black: #000000E5;
   --color-alpha-absolute-white: #FFFFFFE5;
-  --color-primary-50: #FFF5EF;
-  --color-primary-100: #FFE7D8;
-  --color-primary-200: #FFCFB3;
-  --color-primary-300: #FFB180;
-  --color-primary-400: #FF8E4D;
-  --color-primary-500: #F3652B;
-  --color-primary-600: #D94A03;
-  --color-primary-700: #B03C02;
-  --color-primary-800: #8A2F02;
-  --color-primary-900: #692402;
-  --color-primary-950: #401602;
-  --color-accent-50: #F6F6FF;
-  --color-accent-100: #ECECFF;
-  --color-accent-200: #D9D7FA;
-  --color-accent-300: #B5B1F4;
-  --color-accent-400: #9F9AF1;
-  --color-accent-500: #8A84EC;
-  --color-accent-600: #756FE5;
-  --color-accent-700: #625BD5;
-  --color-accent-800: #524BBB;
-  --color-accent-900: #1F1E48;
-  --color-accent-950: #100F24;
+  --color-brand-primary-50: #FFF5EF;
+  --color-brand-primary-100: #FFE7D8;
+  --color-brand-primary-200: #FFCFB3;
+  --color-brand-primary-300: #FFB180;
+  --color-brand-primary-400: #FF8E4D;
+  --color-brand-primary-500: #F3652B;
+  --color-brand-primary-600: #D94A03;
+  --color-brand-primary-700: #B03C02;
+  --color-brand-primary-800: #8A2F02;
+  --color-brand-primary-900: #692402;
+  --color-brand-primary-950: #401602;
+  --color-brand-accent-50: #F6F6FF;
+  --color-brand-accent-100: #ECECFF;
+  --color-brand-accent-200: #D9D7FA;
+  --color-brand-accent-300: #B5B1F4;
+  --color-brand-accent-400: #9F9AF1;
+  --color-brand-accent-500: #8A84EC;
+  --color-brand-accent-600: #756FE5;
+  --color-brand-accent-700: #625BD5;
+  --color-brand-accent-800: #524BBB;
+  --color-brand-accent-900: #1F1E48;
+  --color-brand-accent-950: #100F24;
   --color-absolute-black: #0A0A0A;
   --color-absolute-white: #FAFAFA;
   --breakpoint-sm: 640px;
@@ -216,6 +393,20 @@
   --breakpoint-lg: 1024px;
   --breakpoint-xl: 1280px;
   --breakpoint-2xl: 1536px;
+  --animate-spin: spin 1s linear infinite;
+  --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  --animate-bounce: bounce 1s infinite;
+  --animate-shimmer: shimmer 1.6s linear infinite;
+  --animate-blink: blink 1s step-end infinite;
+  --animate-fade-in: fadeIn 220ms ease-in-out;
+  --animate-fade-out: fadeOut 220ms ease-in-out;
+  --animate-slide-down: slideDown 220ms ease-in-out;
+  --animate-highlight-fade: highlight ease-in forwards;
+  --animate-popup-scale-in: popupScaleIn 150ms cubic-bezier(0.39, 0.57, 0.56, 1);
+  --animate-popup-scale-out: popupScaleOut 110ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
+  --animate-progress-indeterminate: progressIndeterminate 2100ms cubic-bezier(0.39, 0.57, 0.56, 1) infinite;
+  --animate-progress-indeterminate-short: progressIndeterminateShort 2100ms cubic-bezier(0.17, 0.84, 0.44, 1) 1100ms infinite;
 }
 
 :root, [data-theme=light], .azion.azion-light {
@@ -448,6 +639,11 @@
   --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   --animate-bounce: bounce 1s infinite;
   --animate-shimmer: shimmer 1.6s linear infinite;
+  --animate-blink: blink 1s step-end infinite;
+  --animate-fade-in: fadeIn 220ms ease-in-out;
+  --animate-fade-out: fadeOut 220ms ease-in-out;
+  --animate-slide-down: slideDown 220ms ease-in-out;
+  --animate-highlight-fade: highlight ease-in forwards;
   --animate-popup-scale-in: popupScaleIn 150ms cubic-bezier(0.39, 0.57, 0.56, 1);
   --animate-popup-scale-out: popupScaleOut 110ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
   --animate-progress-indeterminate: progressIndeterminate 2100ms cubic-bezier(0.39, 0.57, 0.56, 1) infinite;
@@ -604,6 +800,193 @@
   }
 }
 
+/* ── Theme semantics (primary, secondary, surfaces, feedback, …) ── */
+:root, [data-theme=light], .azion.azion-light {
+  --surface-0: #FFFFFF;
+  --surface-50: #FAFAFA;
+  --surface-100: #F5F5F5;
+  --surface-200: #E5E5E5;
+  --surface-300: #B2B2B2;
+  --surface-400: #999999;
+  --surface-500: #808080;
+  --surface-600: #666666;
+  --surface-700: #4D4D4D;
+  --surface-800: #1A1A1A;
+  --surface-900: #141414;
+  --surface-950: #0A0A0A;
+  --primary: #F3652B;
+  --primary-mask: #FE601F33;
+  --primary-selected: #FE601F33;
+  --primary-contrast: #000000;
+  --secondary: #0A0A0A;
+  --secondary-mask: #00000005;
+  --secondary-selected: #0A0A0A;
+  --secondary-contrast: #FFFFFF;
+  --accent: #756FE5;
+  --accent-mask: #8A84EC0D;
+  --accent-selected: #8A84EC;
+  --accent-contrast: #000000;
+  --bg-canvas: #FAFAFA;
+  --bg-surface: #FFFFFF;
+  --bg-surface-raised: #FFFFFF;
+  --bg-mask: #00000005;
+  --bg-surface-overlay: #FAFAFA;
+  --bg-hover: #00000014;
+  --bg-active: #00000005;
+  --bg-backdrop: #000000CC;
+  --bg-selected: #E5E5E5;
+  --bg-contrast: #141414;
+  --bg-disabled: #E5E5E5;
+  --border-default: #00000014;
+  --border-muted: #00000014;
+  --border-strong: #000000;
+  --border-selected: #F3652B;
+  --text-default: #141414;
+  --text-muted: #666666;
+  --text-disabled: #999999;
+  --text-link: #005FCC;
+  --text-contrast: #FAFAFA;
+  --ring-color: #666666;
+  --code-sintax-identifier: #141414;
+  --code-sintax-line-number: #808080;
+  --code-sintax-keyword: #005FCC;
+  --code-sintax-punctuation: #808080;
+  --code-sintax-function: #F3652B;
+  --code-sintax-type: #947105;
+  --code-sintax-string: #005FCC;
+  --success: #A4F4C0;
+  --success-border: #22C55E66;
+  --success-contrast: #12542B;
+  --warning: #FCE49C;
+  --warning-border: #F7BD0880;
+  --warning-contrast: #634B03;
+  --danger: #F9D2D2;
+  --danger-border: #E51A1A66;
+  --danger-contrast: #891010;
+  --info: #CCE4FF;
+  --info-border: #8A84EC66;
+  --info-contrast: #004799;
+}
+
+[data-theme=dark], .dark, .azion.azion-dark {
+  --surface-0: #FFFFFF;
+  --surface-50: #FAFAFA;
+  --surface-100: #F5F5F5;
+  --surface-200: #E5E5E5;
+  --surface-300: #B2B2B2;
+  --surface-400: #999999;
+  --surface-500: #808080;
+  --surface-600: #666666;
+  --surface-700: #4D4D4D;
+  --surface-800: #1A1A1A;
+  --surface-900: #141414;
+  --surface-950: #0A0A0A;
+  --primary: #F3652B;
+  --primary-mask: #FE601F33;
+  --primary-selected: #FE601F33;
+  --primary-contrast: #FFFFFF;
+  --secondary: #FFFFFF;
+  --secondary-mask: #FFFFFF1A;
+  --secondary-selected: #FFFFFF;
+  --secondary-contrast: #000000;
+  --accent: #8A84EC;
+  --accent-mask: #8A84EC1A;
+  --accent-selected: #8A84EC;
+  --accent-contrast: #000000;
+  --bg-canvas: #000000;
+  --bg-surface: #0A0A0A;
+  --bg-surface-raised: #141414;
+  --bg-mask: #FFFFFF0D;
+  --bg-surface-overlay: #4D4D4D;
+  --bg-hover: #00000033;
+  --bg-active: #00000014;
+  --bg-backdrop: #000000CC;
+  --bg-selected: #1A1A1A;
+  --bg-contrast: #FAFAFA;
+  --bg-disabled: #1A1A1A;
+  --border-default: #FFFFFF1A;
+  --border-muted: #FFFFFF0D;
+  --border-strong: #FFFFFF;
+  --border-selected: #F3652B;
+  --text-default: #FAFAFA;
+  --text-muted: #999999;
+  --text-disabled: #4D4D4D;
+  --text-link: #3392FF;
+  --text-contrast: #000000;
+  --ring-color: #4D4D4D;
+  --code-sintax-identifier: #FAFAFA;
+  --code-sintax-line-number: #999999;
+  --code-sintax-keyword: #3392FF;
+  --code-sintax-punctuation: #999999;
+  --code-sintax-function: #F3652B;
+  --code-sintax-type: #FAD76B;
+  --code-sintax-string: #3392FF;
+  --success: #0A2916;
+  --success-border: #22C55E66;
+  --success-contrast: #52E086;
+  --warning: #312602;
+  --warning-border: #F7BD0880;
+  --warning-contrast: #F7BD08;
+  --danger: #5B0B0B;
+  --danger-border: #E51A1A66;
+  --danger-contrast: #ED7878;
+  --info: #001833;
+  --info-border: #0072F580;
+  --info-contrast: #66ADFF;
+}
+
+@keyframes fadeIn {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+@keyframes fadeOut {
+  0% { opacity: 1; }
+  100% { opacity: 0; }
+}
+
+@keyframes slideDown {
+  0% { height: 0; }
+  100% { height: auto; }
+}
+
+@keyframes blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+
+@keyframes highlight {
+  0% { background-color: var(--surface-hover); font-weight: 500; }
+  100% { background-color: var(--surface-hover); font-weight: 500; }
+}
+
+@keyframes shimmer {
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
+
+@keyframes popupScaleIn {
+  0% { opacity: 0; transform: scale(0.95); }
+  100% { opacity: 1; transform: scale(1); }
+}
+
+@keyframes popupScaleOut {
+  0% { opacity: 1; transform: scale(1); }
+  100% { opacity: 0; transform: scale(0.95); }
+}
+
+@keyframes progressIndeterminate {
+  0% { inset-inline-start: -35%; inset-inline-end: 100%; }
+  60% { inset-inline-start: 100%; inset-inline-end: -90%; }
+  100% { inset-inline-start: 100%; inset-inline-end: -90%; }
+}
+
+@keyframes progressIndeterminateShort {
+  0% { inset-inline-start: -200%; inset-inline-end: 100%; }
+  60% { inset-inline-start: 107%; inset-inline-end: -8%; }
+  100% { inset-inline-start: 107%; inset-inline-end: -8%; }
+}
+
 @layer components {
   /* ── Containers ── */
   .px-container { padding-left: var(--container-px); padding-right: var(--container-px); }
@@ -661,4 +1044,8 @@
   @media (prefers-reduced-motion: reduce) {
     .text-link { transition: none; }
   }
+
+  /* ── Animation extras (properties beyond the animation shorthand) ── */
+  .animate-popup-scale-in { transform-origin: var(--popup-origin, center); }
+  .animate-popup-scale-out { transform-origin: var(--popup-origin, center); }
 }
diff --git a/packages/theme/package.json b/packages/theme/package.json
index 357928e50..c0731c08f 100644
--- a/packages/theme/package.json
+++ b/packages/theme/package.json
@@ -12,14 +12,11 @@
   "scripts": {
     "pack:dry": "npm pack --dry-run",
     "format": "prettier --write scripts/ src/",
+    "build": "pnpm build:tokens",
     "build:tokens": "node src/scripts/build-tokens.mjs",
-    "build:tokens:v3": "node src/scripts/build-tokens.mjs --target=v3",
-    "build:tokens:v4": "node src/scripts/build-tokens.mjs --target=v4",
-    "build:css:v3": "pnpm build:tokens:v3 && tailwindcss -c dist/v3/tailwind.config.js -i dist/v3/globals.css -o dist/v3/output.css",
-    "test:tokens:v3": "pnpm build:css:v3 && open src/tests/tokens.html",
     "clean:dts": "find src -name '*.d.ts' -delete && find src -name '*.d.ts.map' -delete",
     "build:dts": "pnpm clean:dts && vue-tsc --declaration --emitDeclarationOnly",
-    "prepack": "pnpm build:dts"
+    "prepack": "pnpm build:tokens && pnpm build:dts"
   },
   "publishConfig": {
     "access": "public"
@@ -35,7 +32,6 @@
     "token-generator"
   ],
   "dependencies": {
-    "tailwindcss": "^3.4.17",
     "vue-tsc": "^3.2.5"
   },
   "devDependencies": {
@@ -53,25 +49,15 @@
     "src/",
     "dist/",
     "LICENSE",
-    "default.js",
-    "tokens.js",
-    "widget.js"
+    "tokens.js"
   ],
   "exports": {
-    ".": "./default.js",
+    ".": "./tokens.js",
     "./animations": "./src/tokens/primitives/animations/animate.js",
     "./colors": "./src/tokens/primitives/colors/colors.js",
     "./texts": "./src/tokens/semantic/texts.data.js",
-    "./tailwind-preset": "./dist/v3/tailwind-preset.js",
-    "./tailwind-preset/v3": "./dist/v3/tailwind-preset.js",
-    "./tailwind/semantic-spacings-plugin": "./src/tokens/semantic/spacings.js",
-    "./tailwind/semantic-texts-plugin": "./src/tokens/semantic/texts.js",
-    "./tailwind/semantic-animations-plugin": "./src/tokens/semantic/animations.js",
-    "./globals.css": "./dist/v3/globals.css",
-    "./globals.scss": "./dist/v3/globals.scss",
-    "./v3/globals.css": "./dist/v3/globals.css",
-    "./v3/globals.scss": "./dist/v3/globals.scss",
-    "./v4/globals.css": "./dist/v4/globals.css",
-    "./v4/globals.scss": "./dist/v4/globals.scss"
+    "./theme-colors": "./src/scripts/compile-theme.js",
+    "./globals.css": "./dist/v4/globals.css",
+    "./globals.scss": "./dist/v4/globals.scss"
   }
 }
diff --git a/packages/theme/src/azion/_custom.scss b/packages/theme/src/azion/_custom.scss
deleted file mode 100644
index aafd7c68d..000000000
--- a/packages/theme/src/azion/_custom.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@import './custom/selection';
-@import './custom/special-button';
-@import './custom/code'
diff --git a/packages/theme/src/azion/_extensions.scss b/packages/theme/src/azion/_extensions.scss
deleted file mode 100644
index 61ae1a212..000000000
--- a/packages/theme/src/azion/_extensions.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-@layer primevue {
-  @import './extended-components/autocomplete';
-  @import './extended-components/button';
-  @import './extended-components/splitbutton';
-  @import './extended-components/selectbutton';
-  @import './extended-components/tabview';
-  @import './extended-components/tabmenu';
-  @import './extended-components/divider';
-  @import './extended-components/dropdownitem';
-  @import './extended-components/inlinemessage';
-  @import './extended-components/breadcumb';
-  @import './extended-components/sidebar';
-  @import './extended-components/tooltip';
-  @import './extended-components/datatable';
-  @import './extended-components/inputpassword';
-  @import './extended-components/toast';
-  @import './extended-components/inputswitch';
-  @import './extended-components/radiobutton';
-  @import './extended-components/checkbox';
-  @import './extended-components/tag';
-  @import './extended-components/markdown';
-  @import './extended-components/listbox';
-  @import './extended-components/inputnumber';
-  @import './extended-components/calendar';
-  @import './extended-components/badge';
-  @import './extended-components/menuitem';
-  @import './extended-components/progressbar';
-  @import './extended-components/dialog';
-  @import './extended-components/multiselect';
-  @import './extended-components/carousel';
-  @import './extended-components/dropdown';
-  @import './extended-components/treeselect';
-  @import './extended-components/jsonform/_select';
-  @import './extended-components/jsonform/_inputtext';
-  @import './extended-components/jsonform/_inputcheckbox';
-  @import './extended-components/jsonform/_label';
-}
diff --git a/packages/theme/src/azion/_variables-widget.scss b/packages/theme/src/azion/_variables-widget.scss
deleted file mode 100644
index 29c116bd0..000000000
--- a/packages/theme/src/azion/_variables-widget.scss
+++ /dev/null
@@ -1,400 +0,0 @@
-// Theme Specific Variables
-
-.azion-theme {
-  --surface-a: #ffffff;
-  --surface-b: #f8f9fa;
-  --surface-c: #e9ecef;
-  --surface-d: #dee2e6;
-  --surface-e: #ffffff;
-  --surface-f: #ffffff;
-
-  --green-50: #f4fcf7;
-  --green-100: #caf1d8;
-  --green-200: #a0e6ba;
-  --green-300: #76db9b;
-  --green-400: #4cd07d;
-  --green-500: #22c55e;
-  --green-600: #1da750;
-  --green-700: #188a42;
-  --green-800: #136c34;
-  --green-900: #0e4f26;
-
-  --red-50: #fff5f5;
-  --red-100: #ffd0ce;
-  --red-200: #ffaca7;
-  --red-300: #ff8780;
-  --red-400: #ff6259;
-  --red-500: #ff3d32;
-  --red-600: #d9342b;
-  --red-700: #b32b23;
-  --red-800: #8c221c;
-  --red-900: #661814;
-
-  --font-family: "Roboto", sans-serif;
-}
-// Mandatory Designer Variables
-
-$colors: (
-  "blue": #2196f3,
-  "green": #4caf50,
-  "yellow": #fbc02d,
-  "cyan": #00bcd4,
-  "pink": #e91e63,
-  "indigo": #3f51b5,
-  "teal": #009688,
-  "orange": #f57c00,
-  "bluegray": #607d8b,
-  "purple": #9c27b0,
-  "red": #ff4032,
-  "primary": #2b2b2b,
-);
-
-@import "./variables/general";
-@import "./variables/form";
-@import "./variables/button";
-@import "./variables/panel";
-@import "./variables/_data";
-@import "./variables/_overlay";
-@import "./variables/_message";
-@import "./variables/_menu";
-@import "./variables/_media";
-@import "./variables/_misc";
-
-.azion-theme.dark {
-  color-scheme: dark;
-
-  --primary-color: #f4f4f4;
-  --primary-dark-color: #hsla(0, 0%, 96%, 0.5);
-  --primary-darker-color: #f4f4f4;
-  --primary-text-color: #f4f4f4;
-  --overlay-content-bg: #171717;
-  --highlight-bg: #f4f4f410;
-  --degrade-primary: 255, 255, 255;
-  --degrade-secondary: 0, 0, 0;
-
-  --text-color: #ededed;
-  --primary-color-text: #1e1e1e;
-  --text-color-secondary: #b5b5b5;
-  --text-color-link: #93c5fd;
-  --text-color-link-hover: #93c5fd;
-
-  --surface-0: #0a0a0a;
-  --surface-50: #111111;
-  --surface-100: #171717;
-  --surface-200: #222222;
-  --surface-300: #282828;
-  --surface-400: #2e2e2e;
-  --surface-500: #353535;
-  --surface-600: #3e3e3e;
-  --surface-700: #4a4a4a;
-  --surface-800: #5e5e5e;
-  --surface-900: #7d7d7d;
-
-  --gray-50: #282828;
-  --gray-100: #363636;
-  --gray-200: #747474;
-  --gray-300: #939393;
-  --gray-400: #b2b2b2;
-  --gray-500: #9e9e9e;
-  --gray-600: #ebebeb;
-  --gray-700: #f5f5f5;
-  --gray-800: #fafafa;
-  --gray-900: #ffffff;
-
-  --surface-ground: #171717;
-  --surface-section: #171717;
-  --surface-card: #171717;
-  --surface-overlay: #ffffff;
-  --surface-border: #282828;
-  --surface-hover: #f5f5f516;
-
-  --content-padding: 1.25rem;
-  --inline-spacing: 0.5rem;
-  --border-radius: 6px;
-  --focus-ring: 0 0 0 0.2rem #f3642b9f;
-  --tabview-header-active-bg: #f4f4f4;
-
-  --maskbg: #1c1c1c80;
-  --highlight-text-color: none;
-  --highlight-focus-bg: var(--surface-hover);
-  --dropdown-hover-bg: var(--surface-hover);
-  --disabled-opacity: 0.5;
-  --error-color: #f26464;
-  --mask-bg: #1c1c1c80;
-  --bg-selection: #fab99e;
-  --table-bg-color: #1c1c1c;
-  --highlight-tabview-nav-link: #1e1e1e;
-  --bg-tabview-nav-link: var(--surface-section);
-  --highlight-tab-menu-link: #1c1c1c;
-  --paginator-bg: #1c1c1c;
-  --paginator-border: #282828;
-  --paginator-element-hover-bg: hsla(0, 0%, 100%, 0.03);
-  --table-header-font-weight: 500;
-  --table-cell-font-weight: 600;
-  --table-header-cell-hover-bg: #ffffff0d;
-  --table-header-cell-bg: #1c1c1c;
-  --table-header-cell-highlight-bg: #1c1c1c;
-  --table-cell-highlight-hover-bg: rgba(244, 244, 244, 0.16);
-  --table-body-row-even-bg: #212121;
-  --table-body-row-hover-bg: #353535;
-  --table-footer-cell-bg: #1c1c1c;
-  --table-footer-border: var(--surface-border);
-  --table-footer-border-width: none;
-  --table-footer-bg: #1c1c1c;
-  --plain-button-active-bg-color: #222222;
-  --secondary-button-bg: #ffffff;
-  --secondary-button-text-color: #222222;
-  --secondary-button-border: #f4f4f4;
-  --secondary-button-hover-bg: #e1e1e1;
-  --secondary-button-text-hover-color: #1e1e1e;
-  --secondary-button-hover-border-color: #e1e1e1;
-  --secondary-button-active-bg: #d9d9d9;
-  --secondary-button-active-border-color: #d9d9d9;
-  --secondary-button-hover-border-color: #e1e1e1;
-  --secondary-button-text-active-color: #1e1e1e;
-  --secondary-button-active-border-color: #d9d9d9;
-  --warning-button-text-color: #1e1e1e;
-  --help-button-hover-border-color: #8e24aa;
-  --help-button-active: #7b1fa2;
-  --toggle-button-bg: #1e1e1e;
-  --toggle-button-border: #3e3e3e;
-  --toggle-button-hover-bg: #282828;
-  --input-bg: #292929;
-  --input-placeholder-text-color: #666;
-  --input-filled-bg: #181818;
-  --input-filled-hover-bg: #2b2b2b;
-  --input-filled-focus-bg: #181818;
-  --input-group-bg: #1c1c1c;
-  --input-list-bg: #171717;
-  --input-list-header-bg: #1c1c1c;
-  --input-overlay-shadow: 0px 0px 0px 1px #3b3b3b,
-    0px 5px 10px 0px rgba(0, 0, 0, 0.05);
-  --checkbox-border: #666666;
-  --calendar-bg: #292929;
-  --calendar-cell-date-today-bg: #f4f4f4;
-  --calendar-cell-date-today-text-color: #1e1e1e;
-  --input-switch-slider-off-bg: #a1a1a1;
-  --input-switch-slider-off-hover-bg: #5e5e5e;
-  --input-switch-handle-on-bg: #ffffff;
-  --file-upload-file-border: 1px solid #e7e7e7;
-  --editor-toolbar-border: 1px solid #e7e7e7;
-  --action-icon-border: #3e3e3e;
-  --action-icon-color: $textSecondaryColor;
-  --action-icon-hover-bg: #282828;
-  --action-icon-hover-border-color: 1px solid #3e3e3e;
-  --panel-content-bg: #171717;
-  --panel-header-hover-border-color: #171717;
-  --panel-header-text-hover-color: rgba(244, 244, 244, 0.04);
-  --card-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.02),
-    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12),
-    0px 0px 0px 1px #3c3c3c;
-  --splitter-gutter-handle-bg: #3e3e3e;
-  --overlay-container-shadow: 0px 0px 0px 1px #3e3e3e,
-    0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
-    0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-  --dialog-header-bg: #1c1c1c;
-  --tooltip-text-color: #1c1c1c;
-  --badge-font-weight: 400;
-  --tag-padding: 0.25rem 0.5rem;
-  --progress-bar-value-bg: #(var(--primary-color));
-  --progress-spinner-stroke-color: var(--surface-600);
-  --avatar-bg: #363636;
-  --chip-bg: #404040;
-  --chip-focus-bg: #363636;
-  --skeleton-bg: #3131316d;
-  --skeleton-animation-bg: #31313199;
-  --toast-shadow: #3e3e3e;
-  --success-message-bg: #39e4781f;
-  --success-message-icon-color: #39e478;
-  --error-message--bg: #f2646433;
-  --error-message-icon-color: #f26464;
-  --steps-item-bg: #00000000;
-  --steps-item-border: #3e3e3e;
-  --menu-bg: #1c1c1c;
-  --menu-border: #3e3e3e;
-  --submenu-header-font-weight: 500;
-  --overlay-menu-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12),
-    0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
-    0px 0px 0px 1px #3c3c3c;
-  --horizontal-menu-bg: #1c1c1c;
-  --p-tag-background: #ff6c4729;
-  --p-tag-color: #ff6c47;
-  --p-tag-success-background: #16a34a33;
-  --p-tag-success-color: #39e478;
-  --p-tag-warning-background: #ffb64d33;
-  --p-tag-warning-color: #ffb64d;
-  --p-tag-danger-background: #f53d3d33;
-  --p-tag-danger-color: #f53d3d;
-  --p-tag-close-background: #404040;
-  --p-tag-close-color: #FFFFFF;
-  --carousel-indicator: #e9ecef20;
-  --carousel-indicator-highlight: #ededed;
-  --carousel-indicator-hover: #dee2e640;
-  --special-button-bg: rgba(23, 23, 23, 0.85);
-  --special-button-hover-bg: rgba(23, 23, 23, 0.25);
-}
-
-.azion-theme.light {
-  color-scheme: light;
-  --text-color: #1c1c1c;
-  --primary-color-text: #f4f4f4;
-  --text-color-secondary: #666666;
-  --text-color-link: #3265cb;
-  --text-color-link-hover: #2851a4;
-  --degrade-primary: 0, 0, 0;
-  --degrade-secondary: 255, 255, 255;
-
-  --primary-color: #2b2b2b;
-  --primary-dark-color: #000;
-  --primary-darker-color: #000;
-  --primary-text-color: #f4f4f4;
-
-  --overlay-content-bg: #ffffff;
-  --highlight-bg: rgba(244 244 244 0.08);
-
-  --primary-color-text: #f4f4f4;
-  --primary-text-color: #f4f4f4;
-  --overlay-content-bg: #ffffff;
-
-  --surface-0: #ffffff;
-  --surface-50: #f9fafb;
-  --surface-100: #f4f4f4;
-  --surface-200: #eeeeee;
-  --surface-300: #e8e8e8;
-  --surface-400: #e3e3e3;
-  --surface-500: #dddddd;
-  --surface-600: #d3d3d3;
-  --surface-700: #c9c9c9;
-  --surface-800: #b5b5b5;
-  --surface-900: #a7a7a7;
-
-  --gray-50: #fafafa;
-  --gray-100: #f5f5f5;
-  --gray-200: #eeeeee;
-  --gray-300: #e0e0e0;
-  --gray-400: #bdbdbd;
-  --gray-500: #9e9e9e;
-  --gray-600: #757575;
-  --gray-700: #616161;
-  --gray-800: #424242;
-  --gray-900: #212121;
-
-  --surface-ground: #ffffff;
-  --surface-section: #ffffff;
-  --surface-card: #ffffff;
-  --surface-overlay: #ffffff;
-  --surface-border: #e8e8e8;
-  --surface-hover: #3b3b3b16;
-
-  --maskbg: #1e1e1e32;
-  --highlight-text-color: none;
-  --highlight-focus-bg: var(--surface-hover);
-  --highlight-tabview-nav-link: #f4f4f4;
-  --dropdown-hover-bg: var(--surface-hover);
-  --bg-tabview-nav-link: var(--surface-hover);
-  --tabview-header-active-bg: #1e1e1e;
-  --disabled-opacity: 0.4;
-  --mask-bg: #1e1e1e32;
-  --error-color: #ef4040;
-  --bg-selection: #f7966e;
-  --table-bg-color: #e7e7e7;
-  --highlight-tab-menu-link: #f4f4f4;
-  --paginator-bg: #ffffff;
-  --paginator-border: none;
-  --paginator-element-hover-bg: #e9ecef;
-  --table-header-cell-hover-bg: #e9ecef;
-  --table-cell-highlight-hover-bg: #e9ecef;
-  --table-header-font-weight: 600;
-  --table-cell-font-weight: 500;
-  --table-header-cell-bg: #fcfdfd;
-  --table-header-cell-highlight-bg: #f8f9fa;
-  --table-body-row-even-bg: #ffffff;
-  --table-body-row-hover-bg: #f7f7f7;
-  --table-footer-border: #e9ecef;
-  --table-footer-border-width: 0 0 1px 0;
-  --table-footer-bg: #f8f9fa;
-  --plain-button-active-bg-color: #1e1e1e33;
-  --secondary-button-bg: #1e1e1e;
-  --secondary-button-text-color: #f4f4f4;
-  --secondary-button-hover-bg: #404040;
-  --secondary-button-text-hover-color: #f4f4f4;
-  --secondary-button-hover-border-color: #323232;
-  --secondary-button-active-bg: #303030;
-  --secondary-button-text-active-color: #ffffff;
-  --secondary-button-active-border-color: #303030;
-  --warning-button-text-color: #1c1c1c;
-  --help-button-hover-border-color: #0953a6;
-  --help-button-active: #0953a6;
-  --toggle-button-bg: #ffffff;
-  --toggle-button-border: #ced4da;
-  --toggle-button-hover-bg: #e9ecef;
-  --input-bg: #f4f4f4;
-  --input-placeholder-text-color: #979797;
-  --input-filled-bg: #f4f4f4;
-  --input-filled-hover-bg: #eaeaea;
-  --input-filled-focus-bg: #f8f9fa;
-  --input-group-bg: #eaeaea;
-  --input-list-bg: #ffffff;
-  --input-list-header-bg: #f8f9fa;
-  --input-overlay-shadow: 0px 0px 0px 1px #e7e7e7,
-    0px 1px 4px 0px rgba(0, 0, 0, 0.04);
-  --checkbox-border: var(--surface-border);
-  --calendar-bg: #ffffff;
-  --calendar-cell-date-today-bg: #1e1e1e;
-  --calendar-cell-date-today-text-color: #f4f4f4;
-  --input-switch-slider-off-bg: #ced4da;
-  --input-switch-slider-off-hover-bg: #c3cad2;
-  --input-switch-handle-on-bg: #1e1e1e;
-  --file-upload-file-border: 1px solid #c3cad2;
-  --editor-toolbar-border: 1px solid #dee2e6;
-  --action-icon-border: #e7e7e7;
-  --action-icon-color: $textColor;
-  --action-icon-hover-bg: #1e1e1e04;
-  --action-icon-hover-border-color: 1px solid #e7e7e7;
-  --panel-content-bg: #ffffff;
-  --panel-header-hover-border-color: #dee2e6;
-  --panel-header-text-hover-color: var(--text-color);
-  --card-shadow: 0px 0px 0px 1px #e7e7e7;
-  --splitter-gutter-handle-bg: #e7e7e7;
-  --overlay-container-shadow: 0px 0px 0px 1px #e7e7e7,
-    0px 5px 10px 0px rgba(0, 0, 0, 0.05);
-  --dialog-header-bg: #ffffff;
-  --tooltip-text-color: #ffffff;
-  --badge-font-weight: 500;
-  --tag-padding: 0.25rem 0.4rem;
-  --progress-bar-value-bg: #f3652b;
-  --progress-spinner-stroke-color: $errorMessageTextColor;
-  --avatar-bg: #e7e7e7;
-  --chip-bg: #dedede;
-  --chip-focus-bg: #dee2e6;
-  --skeleton-bg: #eaeaea;
-  --skeleton-animation-bg: #d6d6d6;
-  --toast-shadow: #e7e7e7;
-  --success-message-bg: #1982361f;
-  --success-message-icon-color: #198236;
-  --error-message--bg: #ef40401f;
-  --error-message-icon-color: #ef4040;
-  --steps-item-bg: #ffffff00;
-  --steps-item-border: #e7e7e7;
-  --menu-bg: #ffffff;
-  --menu-border: #e7e7e7;
-  --submenu-header-font-weight: 400;
-  --overlay-menu-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04),
-    0px 0px 0px 1px #e7e7e7;
-  --horizontal-menu-bg: #f8f9fa;
-  --p-tag-background: #ff6c4729;
-  --p-tag-color: #ff6c47;
-  --p-tag-success-background: #16a34a33;
-  --p-tag-success-color: #16a34a;
-  --p-tag-warning-background: #c5970733;
-  --p-tag-warning-color: #c59707;
-  --p-tag-danger-background: #ef404033;
-  --p-tag-danger-color: #ef4040;
-  --p-tag-close-background: #404040;
-  --p-tag-close-color: #FFFFFF;
-  --carousel-indicator: #e9ecef;
-  --carousel-indicator-highlight: #1c1c1c;
-  --carousel-indicator-hover: #dee2e6;
-  --special-button-bg: rgba(255, 255, 255);
-  --special-button-hover-bg: rgba(255, 255, 255, 0.85);
-}
diff --git a/packages/theme/src/azion/_variables.scss b/packages/theme/src/azion/_variables.scss
deleted file mode 100644
index 5589722a4..000000000
--- a/packages/theme/src/azion/_variables.scss
+++ /dev/null
@@ -1,407 +0,0 @@
-// Theme Specific Variables
-
-:root {
-  --surface-a: #ffffff;
-  --surface-b: #f8f9fa;
-  --surface-c: #e9ecef;
-  --surface-d: #dee2e6;
-  --surface-e: #ffffff;
-  --surface-f: #ffffff;
-
-  --green-50: #f4fcf7;
-  --green-100: #caf1d8;
-  --green-200: #a0e6ba;
-  --green-300: #76db9b;
-  --green-400: #4cd07d;
-  --green-500: #22c55e;
-  --green-600: #1da750;
-  --green-700: #188a42;
-  --green-800: #136c34;
-  --green-900: #0e4f26;
-
-  --red-50: #fff5f5;
-  --red-100: #ffd0ce;
-  --red-200: #ffaca7;
-  --red-300: #ff8780;
-  --red-400: #ff6259;
-  --red-500: #ff3d32;
-  --red-600: #d9342b;
-  --red-700: #b32b23;
-  --red-800: #8c221c;
-  --red-900: #661814;
-
-  --font-family: "Sora", sans-serif;
-}
-// Mandatory Designer Variables
-
-$colors: (
-  "blue": #2196f3,
-  "green": #4caf50,
-  "yellow": #fbc02d,
-  "cyan": #00bcd4,
-  "pink": #e91e63,
-  "indigo": #3f51b5,
-  "teal": #009688,
-  "orange": #f57c00,
-  "bluegray": #607d8b,
-  "purple": #9c27b0,
-  "red": #ff4032,
-  "primary": #2b2b2b,
-);
-
-@import "./variables/general";
-@import "./variables/form";
-@import "./variables/button";
-@import "./variables/panel";
-@import "./variables/_data";
-@import "./variables/_overlay";
-@import "./variables/_message";
-@import "./variables/_menu";
-@import "./variables/_media";
-@import "./variables/_misc";
-
-:root.azion.azion-dark {
-  color-scheme: dark;
-
-  --primary-color: #f4f4f4;
-  --primary-dark-color: #hsla(0, 0%, 96%, 0.5);
-  --primary-darker-color: #f4f4f4;
-  --primary-text-color: #f4f4f4;
-  --overlay-content-bg: var(--surface-section);
-  --highlight-bg: #f4f4f410;
-  --degrade-primary: 255, 255, 255;
-  --degrade-secondary: 0, 0, 0;
-
-  --text-color: #ededed;
-  --primary-color-text: #1e1e1e;
-  --text-color-secondary: #b5b5b5;
-  --text-color-link: #93c5fd;
-  --text-color-link-hover: #93c5fd;
-  --text-color-empty: var(--surface-800);
-
-  --gray-50: #282828;
-  --gray-100: #363636;
-  --gray-200: #747474;
-  --gray-300: #939393;
-  --gray-400: #b2b2b2;
-  --gray-500: #9e9e9e;
-  --gray-600: #ebebeb;
-  --gray-700: #f5f5f5;
-  --gray-800: #fafafa;
-  --gray-900: #ffffff;
-
-  --surface-0: #0a0a0a;
-  --surface-50: #111111;
-  --surface-100: #171717;
-  --surface-200: #222222;
-  --surface-300: #282828;
-  --surface-400: #2e2e2e;
-  --surface-500: #353535;
-  --surface-600: #3e3e3e;
-  --surface-700: #4a4a4a;
-  --surface-800: #5e5e5e;
-  --surface-900: #7d7d7d;
-
-  --surface-ground: var(--surface-0);
-  --surface-section: var(--surface-50);
-  --surface-card: var(--surface-100);
-  --surface-overlay: #ffffff;
-  --surface-border: var(--surface-300);
-  --surface-hover: #f5f5f516;
-  --surface-code-highlight: #5e5e5e50;
-
-  --content-padding: 1.25rem;
-  --inline-spacing: 0.5rem;
-  --border-radius: 6px;
-  --focus-ring: 0 0 0 0.2rem #f3642b9f;
-  --tabview-header-active-bg: #f4f4f4;
-
-  --maskbg: #1c1c1c80;
-  --highlight-text-color: none;
-  --highlight-focus-bg: var(--surface-hover);
-  --dropdown-hover-bg: var(--surface-hover);
-  --disabled-opacity: 0.5;
-  --error-color: #f26464;
-  --mask-bg: #1c1c1c80;
-  --bg-selection: #fab99e;
-  --table-bg-color: var(--surface-100);
-  --table-header-color: var(--surface-50);
-  --highlight-tabview-nav-link: #1e1e1e;
-  --bg-tabview-nav-link: var(--surface-100);
-  --highlight-tab-menu-link: #1c1c1c;
-  --paginator-bg: var(--surface-50);
-  --paginator-border: var(--surface-border);
-  --paginator-element-hover-bg: hsla(0, 0%, 100%, 0.03);
-  --table-header-font-weight: 500;
-  --table-cell-font-weight: 600;
-  --table-header-cell-hover-bg: var(--surface-200);
-  --table-header-cell-bg: var(--surface-50);
-  --table-header-cell-highlight-bg: var(--surface-50);
-  --table-cell-highlight-hover-bg: var(--surface-200);
-  --table-body-row-even-bg: var(--surface-100);
-  --table-body-row-hover-bg: var(--surface-200);
-  --table-footer-cell-bg: #1c1c1c;
-  --table-footer-border: var(--surface-border);
-  --table-footer-border-width: none;
-  --table-footer-bg: #1c1c1c;
-  --plain-button-active-bg-color: #222222;
-  --secondary-button-bg: #ffffff;
-  --secondary-button-text-color: #222222;
-  --secondary-button-border: #f4f4f4;
-  --secondary-button-hover-bg: #e1e1e1;
-  --secondary-button-text-hover-color: #1e1e1e;
-  --secondary-button-hover-border-color: #e1e1e1;
-  --secondary-button-active-bg: #d9d9d9;
-  --secondary-button-active-border-color: #d9d9d9;
-  --secondary-button-hover-border-color: #e1e1e1;
-  --secondary-button-text-active-color: #1e1e1e;
-  --secondary-button-active-border-color: #d9d9d9;
-  --warning-button-text-color: #1e1e1e;
-  --help-button-hover-border-color: #8e24aa;
-  --help-button-active: #7b1fa2;
-  --toggle-button-bg: #1e1e1e;
-  --toggle-button-border: #3e3e3e;
-  --toggle-button-hover-bg: #282828;
-  --input-bg: var(--surface-300);
-  --input-border: var(--surface-500);
-  --input-placeholder-text-color: #666;
-  --input-filled-bg: #181818;
-  --input-filled-hover-bg: #2b2b2b;
-  --input-filled-focus-bg: #181818;
-  --input-group-bg: #1c1c1c;
-  --input-list-bg: #171717;
-  --input-list-header-bg: #1c1c1c;
-  --input-overlay-shadow:
-    0px 0px 0px 1px #3b3b3b, 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
-  --checkbox-border: #666666;
-  --calendar-bg: #292929;
-  --calendar-cell-date-today-bg: #f4f4f4;
-  --calendar-cell-date-today-text-color: #1e1e1e;
-  --input-switch-slider-off-bg: #a1a1a1;
-  --input-switch-slider-off-hover-bg: #5e5e5e;
-  --input-switch-handle-on-bg: #ffffff;
-  --file-upload-file-border: 1px solid #e7e7e7;
-  --editor-toolbar-border: 1px solid #e7e7e7;
-  --action-icon-border: #3e3e3e;
-  --action-icon-color: $textSecondaryColor;
-  --action-icon-hover-bg: #282828;
-  --action-icon-hover-border-color: 1px solid #3e3e3e;
-  --panel-content-bg: var(--surface-section);
-  --panel-header-hover-border-color: #171717;
-  --panel-header-text-hover-color: rgba(244, 244, 244, 0.04);
-  --card-shadow:
-    0px 2px 1px -1px rgba(0, 0, 0, 0.02), 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
-    0px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px #3c3c3c;
-  --splitter-gutter-handle-bg: var(--surface-100);
-  --overlay-container-shadow:
-    0px 0px 0px 1px #3e3e3e, 0px 24px 38px 3px rgba(0, 0, 0, 0.14),
-    0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-  --dialog-header-bg: var(--surface-section);
-  --tooltip-text-color: #1c1c1c;
-  --badge-font-weight: 400;
-  --tag-padding: 0.25rem 0.5rem;
-  --progress-bar-value-bg: #(var(--primary-color));
-  --progress-spinner-stroke-color: var(--surface-600);
-  --avatar-bg: #363636;
-  --chip-bg: #404040;
-  --chip-focus-bg: #363636;
-  --skeleton-bg: #3131316d;
-  --skeleton-animation-bg: #31313199;
-  --toast-shadow: #3e3e3e;
-  --success-message-bg: #39e4781f;
-  --success-message-icon-color: #39e478;
-  --error-message--bg: #f2646433;
-  --error-message-icon-color: #f26464;
-  --steps-item-bg: #00000000;
-  --steps-item-border: #3e3e3e;
-  --menu-bg: #1c1c1c;
-  --menu-border: #3e3e3e;
-  --submenu-header-font-weight: 500;
-  --overlay-menu-shadow:
-    0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14),
-    0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px #3c3c3c;
-  --horizontal-menu-bg: #1c1c1c;
-  --p-tag-background: #ff6c4729;
-  --p-tag-color: #ff6c47;
-  --p-tag-success-background: #16a34a33;
-  --p-tag-success-color: #39e478;
-  --p-tag-warning-background: #ffb64d33;
-  --p-tag-warning-color: #ffb64d;
-  --p-tag-danger-background: #f53d3d33;
-  --p-tag-danger-color: #f53d3d;
-  --p-tag-close-background: #404040;
-  --p-tag-close-color: #ffffff;
-  --carousel-indicator: #e9ecef20;
-  --carousel-indicator-highlight: #ededed;
-  --carousel-indicator-hover: #dee2e640;
-  --special-button-bg: rgba(23, 23, 23, 0.85);
-  --special-button-hover-bg: rgba(23, 23, 23, 0.25);
-}
-
-:root.azion.azion-light {
-  color-scheme: light;
-  --text-color: #1c1c1c;
-  --primary-color-text: #f4f4f4;
-  --text-color-secondary: #666666;
-  --text-color-link: #3265cb;
-  --text-color-link-hover: #2851a4;
-  --text-color-empty: var(--surface-800);
-  --degrade-primary: 0, 0, 0;
-  --degrade-secondary: 255, 255, 255;
-
-  --primary-color: #2b2b2b;
-  --primary-dark-color: #000;
-  --primary-darker-color: #000;
-  --primary-text-color: #f4f4f4;
-
-  --overlay-content-bg: var(--surface-section);
-  --highlight-bg: var(--surface-100);
-
-  --primary-color-text: #f4f4f4;
-  --primary-text-color: #f4f4f4;
-
-  --gray-50: #fafafa;
-  --gray-100: #f5f5f5;
-  --gray-200: #eeeeee;
-  --gray-300: #e0e0e0;
-  --gray-400: #bdbdbd;
-  --gray-500: #9e9e9e;
-  --gray-600: #757575;
-  --gray-700: #616161;
-  --gray-800: #424242;
-  --gray-900: #212121;
-
-  --surface-0: #ffffff;
-  --surface-50: #f9fafb;
-  --surface-100: #f4f4f4;
-  --surface-200: #eeeeee;
-  --surface-300: #e8e8e8;
-  --surface-400: #e3e3e3;
-  --surface-500: #dddddd;
-  --surface-600: #d3d3d3;
-  --surface-700: #c9c9c9;
-  --surface-800: #b5b5b5;
-  --surface-900: #a7a7a7;
-
-  --surface-ground: var(--surface-50);
-  --surface-section: var(--surface-0);
-  --surface-card: var(--surface-0);
-  --surface-overlay: var(--surface-0);
-  --surface-border: var(--surface-200);
-  --surface-hover: #3b3b3b16;
-  --surface-code-highlight: #b5b5b550;
-
-  --maskbg: #1e1e1e32;
-  --highlight-text-color: none;
-  --highlight-focus-bg: var(--surface-hover);
-  --highlight-tabview-nav-link: #f4f4f4;
-  --dropdown-hover-bg: var(--surface-hover);
-  --bg-tabview-nav-link: var(--surface-hover);
-  --tabview-header-active-bg: #1e1e1e;
-  --disabled-opacity: 0.4;
-  --mask-bg: #1e1e1e32;
-  --error-color: #ef4040;
-  --bg-selection: #f7966e;
-  --table-bg-color: var(--surface-0);
-  --table-header-color: var(--surface-0);
-  --highlight-tab-menu-link: #f4f4f4;
-  --paginator-bg: var(--surface-0);
-  --paginator-border: none;
-  --paginator-element-hover-bg: #e9ecef;
-  --table-header-cell-hover-bg: #e9ecef;
-  --table-cell-highlight-hover-bg: #e9ecef;
-  --table-header-font-weight: 600;
-  --table-cell-font-weight: 500;
-  --table-header-cell-bg: var(--surface-50);
-  --table-header-cell-highlight-bg: var(--surface-100);
-  --table-body-row-even-bg: #ffffff;
-  --table-body-row-hover-bg: #f7f7f7;
-  --table-footer-border: #e9ecef;
-  --table-footer-border-width: 0 0 1px 0;
-  --table-footer-bg: #f8f9fa;
-  --plain-button-active-bg-color: #1e1e1e33;
-  --secondary-button-bg: #1e1e1e;
-  --secondary-button-text-color: #f4f4f4;
-  --secondary-button-hover-bg: #404040;
-  --secondary-button-text-hover-color: #f4f4f4;
-  --secondary-button-hover-border-color: #323232;
-  --secondary-button-active-bg: #303030;
-  --secondary-button-text-active-color: #ffffff;
-  --secondary-button-active-border-color: #303030;
-  --warning-button-text-color: #1c1c1c;
-  --help-button-hover-border-color: #0953a6;
-  --help-button-active: #0953a6;
-  --toggle-button-bg: #ffffff;
-  --toggle-button-border: #ced4da;
-  --toggle-button-hover-bg: #e9ecef;
-  --input-bg: var(--surface-100);
-  --input-border: var(--surface-300);
-  --input-placeholder-text-color: #979797;
-  --input-filled-bg: #f4f4f4;
-  --input-filled-hover-bg: #eaeaea;
-  --input-filled-focus-bg: #f8f9fa;
-  --input-group-bg: #eaeaea;
-  --input-list-bg: #ffffff;
-  --input-list-header-bg: #f8f9fa;
-  --input-overlay-shadow:
-    0px 0px 0px 1px #e7e7e7, 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
-  --checkbox-border: var(--surface-border);
-  --calendar-bg: #ffffff;
-  --calendar-cell-date-today-bg: #1e1e1e;
-  --calendar-cell-date-today-text-color: #f4f4f4;
-  --input-switch-slider-off-bg: #ced4da;
-  --input-switch-slider-off-hover-bg: #c3cad2;
-  --input-switch-handle-on-bg: #1e1e1e;
-  --file-upload-file-border: 1px solid #c3cad2;
-  --editor-toolbar-border: 1px solid #dee2e6;
-  --action-icon-border: #e7e7e7;
-  --action-icon-color: $textColor;
-  --action-icon-hover-bg: #1e1e1e04;
-  --action-icon-hover-border-color: 1px solid #e7e7e7;
-  --panel-content-bg: var(--surface-section);
-  --panel-header-hover-border-color: #dee2e6;
-  --panel-header-text-hover-color: var(--text-color);
-  --card-shadow: 0px 0px 0px 1px #e7e7e7;
-  --splitter-gutter-handle-bg: #e7e7e7;
-  --overlay-container-shadow:
-    0px 0px 0px 1px #e7e7e7, 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
-  --dialog-header-bg: var(--surface-section);
-  --tooltip-text-color: #ffffff;
-  --badge-font-weight: 500;
-  --tag-padding: 0.25rem 0.4rem;
-  --progress-bar-value-bg: #f3652b;
-  --progress-spinner-stroke-color: $errorMessageTextColor;
-  --avatar-bg: #e7e7e7;
-  --chip-bg: #dedede;
-  --chip-focus-bg: #dee2e6;
-  --skeleton-bg: #eaeaea;
-  --skeleton-animation-bg: #d6d6d6;
-  --toast-shadow: #e7e7e7;
-  --success-message-bg: #1982361f;
-  --success-message-icon-color: #198236;
-  --error-message--bg: #ef40401f;
-  --error-message-icon-color: #ef4040;
-  --steps-item-bg: #ffffff00;
-  --steps-item-border: #e7e7e7;
-  --menu-bg: #ffffff;
-  --menu-border: #e7e7e7;
-  --submenu-header-font-weight: 400;
-  --overlay-menu-shadow:
-    0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px #e7e7e7;
-  --horizontal-menu-bg: #f8f9fa;
-  --p-tag-background: #ff6c4729;
-  --p-tag-color: #ff6c47;
-  --p-tag-success-background: #16a34a33;
-  --p-tag-success-color: #16a34a;
-  --p-tag-warning-background: #c5970733;
-  --p-tag-warning-color: #c59707;
-  --p-tag-danger-background: #ef404033;
-  --p-tag-danger-color: #ef4040;
-  --p-tag-close-background: #404040;
-  --p-tag-close-color: #ffffff;
-  --carousel-indicator: #e9ecef;
-  --carousel-indicator-highlight: #1c1c1c;
-  --carousel-indicator-hover: #dee2e6;
-  --special-button-bg: rgba(255, 255, 255);
-  --special-button-hover-bg: rgba(255, 255, 255, 0.85);
-}
diff --git a/packages/theme/src/azion/custom/_code.scss b/packages/theme/src/azion/custom/_code.scss
deleted file mode 100644
index 9cd6e7246..000000000
--- a/packages/theme/src/azion/custom/_code.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.code-log-body {
-  padding: 1px;
-  font-family: "Roboto Mono", serif;
-  color: var(--text-color);
-  background: var(--surface-code-highlight) ;
-}
-
-.value-code-log-body {
-  font-family: "Roboto Mono", serif;
-  color: var(--text-color);
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/custom/_focus.scss b/packages/theme/src/azion/custom/_focus.scss
deleted file mode 100644
index a1a9edb73..000000000
--- a/packages/theme/src/azion/custom/_focus.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-a {
-  &:focus-visible {
-    @include focused();
-  }
-}
diff --git a/packages/theme/src/azion/custom/_scrollbehavior.scss b/packages/theme/src/azion/custom/_scrollbehavior.scss
deleted file mode 100644
index cb7579efd..000000000
--- a/packages/theme/src/azion/custom/_scrollbehavior.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * Enable smooth scrolling on the whole document
- */
- html {
-	scroll-behavior: smooth;
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/custom/_selection.scss b/packages/theme/src/azion/custom/_selection.scss
deleted file mode 100644
index f6c452deb..000000000
--- a/packages/theme/src/azion/custom/_selection.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-::selection {
-  color: var(--primary-color-text);
-  background-color: var(--bg-selection);
-}
diff --git a/packages/theme/src/azion/custom/_special-button.scss b/packages/theme/src/azion/custom/_special-button.scss
deleted file mode 100644
index 7c11df92f..000000000
--- a/packages/theme/src/azion/custom/_special-button.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-.special-button {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border: none;
-    padding: 1px;
-    background-color: transparent;
-    border-radius: 0.375rem;
-    overflow: hidden;
-    transition: background-color 0.3s ease;
-  
-    &::before {
-      content: '';
-      position: absolute;
-      inset: 0;
-      filter: blur(12px);
-      background: linear-gradient(
-        90deg,
-        rgba(255, 255, 255, 1),  /* white */
-        rgba(0, 20, 255, 1),     /* violet */
-        rgba(255, 120, 0, 1)     /* orange */
-      );
-      animation: rotate-background 8s linear infinite;
-      z-index: 1;
-      pointer-events: none;
-    }
-  
-    &:hover .special-button-content {
-        background-color: var(--special-button-hover-bg);
-        box-shadow: inset 0 0 0 0px var(--surface-border);
-    }
-  }
-  
-  .special-button-content {
-    position: relative;
-    z-index: 2;
-    display: flex;
-    align-items: center;
-    gap: 0.375rem;
-    padding: 0 0.75rem;
-    height: 2rem;
-    border-radius: 0.375rem;
-    background-color: var(--special-button-bg);
-    transition: background-color 0.3s ease;
-    box-shadow: inset 0 0 0 .5px var(--surface-border);
-  }
-  
-  @keyframes rotate-background {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-  
\ No newline at end of file
diff --git a/packages/theme/src/azion/extended-components/_autocomplete.scss b/packages/theme/src/azion/extended-components/_autocomplete.scss
deleted file mode 100644
index c3d11938d..000000000
--- a/packages/theme/src/azion/extended-components/_autocomplete.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-// Custom Autocomplete
-
-.p-autocomplete-panel {
-
-    .p-autocomplete-items {
-
-        .p-autocomplete-item-group {
-            font-size: 0.75rem !important;
-            font-weight: 500 !important;
-            padding-bottom: 0.25rem !important;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/extended-components/_badge.scss b/packages/theme/src/azion/extended-components/_badge.scss
deleted file mode 100644
index 5ed58aa7f..000000000
--- a/packages/theme/src/azion/extended-components/_badge.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-// Custom badge
-.p-badge {
-  border: 1px solid var(--surface-border) !important;
-  border-radius: $borderRadius;
-  color: $badgeTextColor;
-  font-size: 0.75rem !important;
-  font-weight: 600 !important;
-  min-width: $badgeMinWidth;
-  height: $badgeHeight;
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-
-  &.p-badge-secondary {
-    background-color: $secondaryButtonBg;
-    color: $secondaryButtonTextColor;
-  }
-
-  &.p-badge-success {
-    background-color: $successButtonBg;
-    color: $successButtonTextColor;
-  }
-
-  &.p-badge-info {
-    background-color: $infoButtonBg;
-    color: $infoButtonTextColor;
-  }
-
-  &.p-badge-warning {
-    background-color: $warningButtonBg;
-    color: $warningButtonTextColor;
-  }
-
-  &.p-badge-danger {
-    background-color: $dangerButtonBg;
-    color: $dangerButtonTextColor;
-    border: none !important;
-  }
-
-  &.p-badge-lg {
-    font-size: 1.5 * $badgeFontSize;
-    min-width: 1.5 * $badgeMinWidth;
-    height: 1.5 * $badgeHeight;
-    line-height: 1.5 * $badgeHeight;
-  }
-
-  &.p-badge-xl {
-    font-size: 2 * $badgeFontSize;
-    min-width: 2 * $badgeMinWidth;
-    height: 2 * $badgeHeight;
-    line-height: 2 * $badgeHeight;
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_breadcumb.scss b/packages/theme/src/azion/extended-components/_breadcumb.scss
deleted file mode 100644
index 27dfe9784..000000000
--- a/packages/theme/src/azion/extended-components/_breadcumb.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// Custom Breadcrumb
-.p-breadcrumb {
-  .p-breadcrumb-list {
-    font-weight: 500 !important;
-    text-wrap: nowrap !important;
-    .p-menuitem-link {
-      padding: 0.25rem 0.125rem !important;
-      transition: $formElementTransition !important;
-      font-size: 1.125rem !important;
-    }
-    .p-menuitem:last-of-type {
-      font-weight: 500 !important;
-    }
-    .p-menuitem:hover {
-      text-decoration: underline;
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_button.scss b/packages/theme/src/azion/extended-components/_button.scss
deleted file mode 100644
index 976b3c3db..000000000
--- a/packages/theme/src/azion/extended-components/_button.scss
+++ /dev/null
@@ -1,134 +0,0 @@
-//Custom Button
-
-.p-button {
-  font-weight: 500 !important;
-
-  &.p-button-outlined {
-    color: $textColor !important;
-
-    &:enabled:hover {
-      background-color: var(--surface-hover) !important;
-    }
-
-    &:enabled:active {
-      background-color: var(--surface-hover) !important;
-    }
-
-    &.p-button-plain {
-      color: $textColor !important;
-
-      &:enabled:hover {
-        color: $textColor !important;
-      }
-
-      &:enabled:active {
-        color: $textColor !important;
-      }
-    }
-  }
-
-  &.p-button-text {
-    color: $textColor !important;
-
-    &:enabled:hover {
-      color: $textColor !important;
-      background-color: var(--surface-hover);
-    }
-
-    &:enabled:active {
-      color: $textColor !important;
-      background-color: var(--surface-hover);
-    }
-
-    &.p-button-plain {
-      color: $textColor !important;
-      background-color: var(--surface-hover);
-
-      &:enabled:hover {
-        color: $textColor !important;
-      }
-
-      &:enabled:active {
-        color: $textColor !important;
-        background-color: var(--surface-hover);
-      }
-    }
-  }
-
-  &.p-button-icon-only:not(
-      .p-datepicker-trigger,
-      .p-inputnumber-button,
-      .table-button
-    ) {
-    width: 2rem !important;
-    height: 2rem !important;
-    .p-button-icon-left,
-    .p-button-icon-right {
-      margin: 0;
-    }
-  }
-
-  &.p-button-sm {
-    @include scaledFontSize($fontSize, $scaleSM);
-    @include scaledPadding($buttonPadding, $scaleSM);
-
-    .p-button-icon {
-      @include scaledFontSize($primeIconFontSize, $scaleSM);
-    }
-  }
-
-  &.p-button-lg {
-    @include scaledFontSize($fontSize, $scaleLG);
-    @include scaledPadding($buttonPadding, $scaleLG);
-
-    .p-button-icon {
-      @include scaledFontSize($primeIconFontSize, $scaleLG);
-    }
-  }
-
-  &.p-button-loading-label-only {
-    .p-button-loading-icon {
-      margin-right: 0;
-    }
-  }
-}
-
-.p-fluid {
-  .p-button {
-    width: 100%;
-  }
-
-  .p-button-icon-only {
-    width: $buttonIconOnlyWidth;
-  }
-
-  .p-buttonset {
-    display: flex;
-
-    .p-button {
-      flex: 1;
-    }
-  }
-}
-
-.p-button.p-button-link {
-  color: $linkButtonColor !important;
-  &:not(:disabled):focus {
-    box-shadow: none !important;
-  }
-  &:not(:disabled):focus-visible {
-    box-shadow: $linkButtonFocusShadow !important;
-  }
-}
-
-.p-inputgroup > .p-button {
-  &.p-button-icon-only {
-    color: initial;
-    width: initial;
-    height: initial !important;
-    .p-button-icon-left,
-    .p-button-icon-right {
-      margin: initial;
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_calendar.scss b/packages/theme/src/azion/extended-components/_calendar.scss
deleted file mode 100644
index c27802ea5..000000000
--- a/packages/theme/src/azion/extended-components/_calendar.scss
+++ /dev/null
@@ -1,310 +0,0 @@
-.p-calendar {
-  .p-button-icon-only {
-    color: $inputIconColor;
-    background: $inputBg;
-    border: $inputBorder;
-    border-left: none;
-
-    &:enabled:hover {
-      background: $secondaryButtonHoverBg;
-      color: $secondaryButtonTextHoverColor;
-      border-color: $secondaryButtonHoverBorderColor;
-    }
-
-    &:enabled:focus {
-      box-shadow: $secondaryButtonFocusShadow;
-    }
-
-    &:enabled:active {
-      background: $secondaryButtonActiveBg;
-      color: $secondaryButtonTextActiveColor;
-      border-color: $secondaryButtonActiveBorderColor;
-    }
-
-    &.p-button-outlined {
-      background-color: transparent;
-      color: $secondaryButtonBg;
-      border: $outlinedButtonBorder;
-
-      &:enabled:hover {
-        background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
-        color: $secondaryButtonBg;
-        border: $outlinedButtonBorder;
-      }
-
-      &:enabled:active {
-        background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
-        color: $secondaryButtonBg;
-        border: $outlinedButtonBorder;
-      }
-    }
-  }
-}
-
-.p-datepicker {
-  padding: $calendarPadding;
-  max-width: 320px !important;
-  background: $calendarInlineBg;
-  color: $calendarTextColor;
-  border: $calendarBorder;
-  border-radius: $borderRadius;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: fit-content !important;
-
-  .p-datepicker-group-container {
-    width: fit-content !important;
-  }
-
-  &:not(.p-datepicker-inline) {
-      background: $calendarBg;
-      border: $calendarOverlayBorder;
-      box-shadow: $inputOverlayShadow;
-
-      .p-datepicker-header {
-          background: $calendarHeaderBg;
-          width: 100% !important;
-      }
-  }
-
-  .p-datepicker-header {
-      padding: 0 !important;
-      color: $calendarHeaderTextColor;
-      background: $calendarInlineHeaderBg;
-      font-weight: $calendarHeaderFontWeight;
-      margin: $inputListHeaderMargin;
-      border-bottom: $divider;
-      border-top-right-radius: $borderRadius;
-      border-top-left-radius: $borderRadius;
-
-      .p-datepicker-prev,
-      .p-datepicker-next {
-          @include action-icon();
-      }
-
-      .p-datepicker-title {
-          line-height: $actionIconHeight;
-
-          .p-datepicker-year,
-          .p-datepicker-month {
-              color: $calendarHeaderTextColor;
-              transition: $actionIconTransition;
-              font-weight: $calendarHeaderFontWeight;
-              padding: $calendarHeaderCellPadding;
-
-              &:enabled:hover {
-                  color: $calendarMonthYearHeaderHoverTextColor;
-              }
-          }
-
-          .p-datepicker-month {
-              margin-right: $inlineSpacing;
-          }
-      }
-  }
-
-  .p-datepicker-calendar-container {
-    padding: 0px !important;
-    width: fit-content !important;
-  }
-
-  table {
-      font-size: $fontSize;
-      margin: $calendarTableMargin;
-
-      th {
-          padding: 0 !important;
-
-          > span {
-              width: 32px !important;
-              height: 32px !important;
-              margin: 4px !important;
-          }
-      }
-
-      td {
-          padding: 0 !important;
-
-          > span {
-              width: 32px !important;
-              height: 32px !important;
-              margin: 4px !important;
-              border-radius: $calendarCellDateBorderRadius;
-              transition: $listItemTransition;
-              border: $calendarCellDateBorder;
-
-              &.p-highlight {
-                  color: var(--secondary-button-text-active-color);
-                  font-weight: 500 !important;
-                  background: var(--secondary-button-active-bg) !important;
-              }
-
-              &:focus {
-                  @include focused();
-              }
-          }
-
-          &.p-datepicker-today {
-              > span {
-                  background: var(--surface-500);
-                  color: var(--text-color);
-                  border-color: none;
-
-                  &.p-highlight {
-                    color: var(--primary-color-text);
-                    font-weight: 500;
-                    background: var(--primary-dark-color);
-                  }
-              }
-          }
-      }
-  }
-
-  .p-datepicker-buttonbar {
-      padding: $calendarButtonBarPadding;
-      border-top: $divider;
-
-      .p-button {
-          width: auto;
-      }
-  }
-
-  .p-timepicker {
-      border-top: $divider;
-      padding: 0;
-      width: 100% !important;
-
-      button {
-          @include action-icon();
-
-          &:last-child {
-              margin-top: .2em;
-          }
-      }
-
-      span {
-          font-size: 1rem !important;
-      }
-
-      > div {
-          padding: $calendarTimePickerElementPadding;
-      }
-  }
-
-  &.p-datepicker-timeonly {
-      .p-timepicker {
-          border-top: 0 none;
-      }
-  }
-
-  .p-monthpicker {
-      margin: $calendarTableMargin;
-
-      .p-monthpicker-month {
-          padding: $calendarCellDatePadding;
-          transition: $listItemTransition;
-          border-radius: $borderRadius;
-
-          &.p-highlight {
-              color: $highlightTextColor;
-              background: $highlightBg;
-          }
-      }
-  }
-
-  .p-yearpicker {
-      margin: $calendarTableMargin;
-
-      .p-yearpicker-year {
-          padding: $calendarCellDatePadding;
-          transition: $listItemTransition;
-          border-radius: $borderRadius;
-
-          &.p-highlight {
-              color: $highlightTextColor;
-              background: $highlightBg;
-          }
-      }
-  }
-
-  .p-datepicker-group {
-    width: 100% !important;
-  }
-
-  &.p-datepicker-multiple-month {
-      .p-datepicker-group {
-        width: 100% !important;
-          border-left: $divider;
-          padding-right: $calendarPadding;
-          padding-left: $calendarPadding;
-          padding-top: 0;
-          padding-bottom: 0;
-
-          &:first-child {
-              padding-left: 0;
-              border-left: 0 none;
-          }
-
-          &:last-child {
-              padding-right: 0;
-          }
-      }
-  }
-
-  &:not(.p-disabled) {
-      table {
-          td {
-              span:not(.p-highlight):not(.p-disabled) {
-                  &:hover {
-                      background: $calendarCellDateHoverBg;
-                  }
-
-                  &:focus {
-                      @include focused();
-                  }
-              }
-          }
-      }
-
-      .p-monthpicker {
-          .p-monthpicker-month {
-              &:not(.p-disabled) {
-                  &:not(.p-highlight):hover {
-                      background: $calendarCellDateHoverBg;
-                  }
-
-                  &:focus {
-                      @include focused();
-                  }
-              }
-          }
-      }
-
-      .p-yearpicker {
-          .p-yearpicker-year {
-              &:not(.p-disabled) {
-                  &:not(.p-highlight):hover {
-                      background: $calendarCellDateHoverBg;
-                  }
-
-                  &:focus {
-                      @include focused();
-                  }
-              }
-          }
-      }
-  }
-
-}
-
-@media screen and (max-width: $calendarBreakpoint) {
-  .p-datepicker {
-      table {
-          th, td {
-              padding: $calendarCellDatePaddingSM;
-          }
-      }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_carousel.scss b/packages/theme/src/azion/extended-components/_carousel.scss
deleted file mode 100644
index 07036f5dd..000000000
--- a/packages/theme/src/azion/extended-components/_carousel.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// Custom carousel
-
-.p-carousel-indicators {
-    .p-carousel-indicator {
-        &.p-highlight {
-            background: var(--carousel-indicator-highlight) !important;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/extended-components/_checkbox.scss b/packages/theme/src/azion/extended-components/_checkbox.scss
deleted file mode 100644
index edbdc3d06..000000000
--- a/packages/theme/src/azion/extended-components/_checkbox.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-// Custom Checkbox
-.p-checkbox {
-  .p-checkbox-box {
-    border: 2px solid var(--surface-border) !important;
-
-    &.p-highlight {
-      border-color: #f3652b !important;
-      background: #f3652b !important;
-    }
-  }
-
-  &:not(.p-checkbox-disabled) {
-    .p-checkbox-box {
-      &:hover {
-        background: var(--gray-100) !important;
-        border-color: #f5793f !important;
-      }
-
-      &.p-focus {
-        @include focused-input();
-      }
-
-      &.p-highlight:hover {
-        border-color: #f5793f !important;
-        background: #f5793f !important;
-      }
-    }
-  }
-
-  &.p-invalid > .p-checkbox-box {
-    @include invalid-input();
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_datatable.scss b/packages/theme/src/azion/extended-components/_datatable.scss
deleted file mode 100644
index 225c81114..000000000
--- a/packages/theme/src/azion/extended-components/_datatable.scss
+++ /dev/null
@@ -1,130 +0,0 @@
-.p-datatable {
-  border: var(--surface-border) 1px solid;
-  border-radius: $borderRadius;
-  font-size: 0.875rem !important;
-  text-wrap: nowrap !important;
-
-  .p-paginator {
-    border-width: 0px !important;
-    border-top-left-radius: 0 !important;
-    border-top-right-radius: 0 !important;
-  }
-
-  .p-datatable-header {
-    border-top-right-radius: $borderRadius;
-    border-top-left-radius: $borderRadius;
-  }
-
-  .p-datatable-tbody > .p-datatable-emptymessage:hover {
-    background: unset !important;
-  }
-
-  .p-datatable-tbody {
-    .p-frozen-column {
-      background: var(--table-body-row-even-bg);
-      transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s !important;
-    }
-  }
-
-  .p-datatable-tbody > tr:hover,
-  .p-datatable-tbody > tr.bg-altered {
-    .p-frozen-column {
-      background: var(--table-body-row-hover-bg);
-    }
-  }
-
-  .p-datatable-tbody > tr > td {
-    box-sizing: inherit !important;
-    font-size: 0.875rem;
-  }
-
-  .p-datatable-thead > tr > th {
-    box-sizing: inherit !important;
-    font-size: 0.875rem;
-    text-wrap: nowrap !important;
-
-    .p-column-header-content {
-      vertical-align: center;
-    }
-  }
-
-  .p-sortable-column {
-    .p-sortable-column-icon {
-      opacity: 0 !important;
-    }
-  }
-
-  .p-sortable-column:hover {
-    .p-sortable-column-icon {
-      opacity: 1 !important;
-      color: $tableHeaderCellHighlightTextColor !important;
-    }
-  }
-
-  .p-sortable-column {
-    .p-sortable-column-icon {
-      opacity: 0;
-    }
-
-    &.p-highlight {
-      .p-sortable-column-icon {
-        opacity: 1 !important;
-      }
-    }
-  }
-
-  .p-datatable-wrapper {
-    overscroll-behavior: revert !important;
-  }
-
-  .p-datatable-tbody > .p-datatable-emptymessage:hover {
-    background: unset !important;
-  }
-
-  &.p-datatable-gridlines {
-    border: none !important;
-    transition: border-color 0.2s background-color 0.2s;
-    .p-paginator-bottom {
-      border-color: var(--surface-border) !important;
-      border-bottom-left-radius: $borderRadius;
-      border-bottom-right-radius: $borderRadius;
-    }
-  }
-}
-
-.p-overlaypanel:has(.hidden-columns-panel) {
-  box-shadow: none !important;
-}
-.hidden-columns-panel {
-  .p-listbox-item {
-    font-size: 0.875rem;
-    line-height: 0.875rem;
-    padding: 0.75rem 0.5rem !important;
-    color: var(--surface-700) !important;
-    background: transparent;
-    &::before {
-      font-family: primeicons;
-      content: "\e965" !important;
-      color: var(--surface-700);
-      margin-right: 0.5rem;
-      font-size: 0.875rem;
-      line-height: 0.875rem;
-    }
-    &:hover {
-      background: $inputListItemHoverBg !important;
-    }
-    &.p-highlight {
-      opacity: 1;
-      color: var(--text-color) !important;
-      background: transparent !important;
-      &::before {
-        font-family: primeicons;
-        content: "\e966" !important;
-        color: var(--text-color);
-      }
-      &:hover {
-        background: $inputListItemHoverBg !important;
-      }
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_dialog.scss b/packages/theme/src/azion/extended-components/_dialog.scss
deleted file mode 100644
index 841643740..000000000
--- a/packages/theme/src/azion/extended-components/_dialog.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-// Custom Dialog
-.p-dialog {
-  margin-inline: 2rem !important;
-  .p-dialog-header {
-    justify-content: space-between;
-    font-size: 1.25rem !important;
-    min-height: 3.5rem !important;
-    font-weight: 500 !important;
-    padding-inline: 2rem !important;
-    border-bottom: 1px solid var(--surface-border) !important;
-  }
-  .p-dialog-footer {
-    height: 3.5rem !important;
-    padding-inline: 2rem !important;
-    display: flex !important;
-    flex-direction: row;
-    align-items: center !important;
-    justify-content: flex-end !important;
-    gap: 0.75rem !important;
-    button {
-      margin: 0 !important;
-    }
-  }
-}
-
-@media only screen and (max-width: 768px) {
-  .p-dialog {
-    margin-inline: 0.75rem !important;
-    .p-dialog-header {
-      padding-inline: 0.75rem !important;
-    }
-    .p-dialog-content {
-      padding-inline: 0.75rem !important;
-    }
-    .p-dialog-footer {
-      button {
-        width: 100%;
-      }
-      height: auto !important ;
-      flex-direction: column;
-      padding-block: 0.75rem !important;
-      padding-inline: 0.75rem !important;
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_divider.scss b/packages/theme/src/azion/extended-components/_divider.scss
deleted file mode 100644
index b86bde3cb..000000000
--- a/packages/theme/src/azion/extended-components/_divider.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-.surface-card {
-  .p-divider-content {
-    background-color: var(--surface-card) !important;
-  }
-}
-
-.p-divider {
-  .p-divider-content {
-    background-color: $panelContentBg;
-  }
-
-  &.p-divider-horizontal {
-    margin: $dividerHorizontalMargin;
-    padding: $dividerHorizontalPadding;
-
-    &:before {
-      border-top: 1px solid var(--surface-border);
-    }
-
-    .p-divider-content {
-      padding: 0 $inlineSpacing;
-    }
-  }
-
-  &.p-divider-vertical {
-    margin: $dividerVerticalMargin;
-    padding: $dividerVerticalPadding;
-
-    &:before {
-      border-left: 1px solid var(--surface-border);
-    }
-
-    .p-divider-content {
-      padding: $inlineSpacing 0;
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_dropdown.scss b/packages/theme/src/azion/extended-components/_dropdown.scss
deleted file mode 100644
index 1f56001bb..000000000
--- a/packages/theme/src/azion/extended-components/_dropdown.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.p-dropdown-panel {
-
-    .p-dropdown-items {
-
-        .p-dropdown-empty-message {
-            color: var(--text-color-empty);
-            font-size: 14px;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/extended-components/_dropdownitem.scss b/packages/theme/src/azion/extended-components/_dropdownitem.scss
deleted file mode 100644
index 4d053dda3..000000000
--- a/packages/theme/src/azion/extended-components/_dropdownitem.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-// Custom DropdownItem
-.p-dropdown-item {
-  height: 2.375rem !important;
-  display: flex !important;
-  align-items: center !important;
-  font-size: 0.875rem !important;
-  font-weight: normal !important;
-}
-.p-dropdown-item-group {
-  font-size: 0.75rem !important;
-  font-weight: 500 !important;
-  padding-bottom: 0.25rem !important;
-}
diff --git a/packages/theme/src/azion/extended-components/_inlinemessage.scss b/packages/theme/src/azion/extended-components/_inlinemessage.scss
deleted file mode 100644
index 074a54cf4..000000000
--- a/packages/theme/src/azion/extended-components/_inlinemessage.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Custom InlineMessage
-.p-inline-message .p-inline-message-icon {
-  font-size: 0.875rem !important;
-}
-
-.p-inline-message .p-inline-message-text {
-  font-size: 0.875rem !important;
-  line-height: 100% !important;
-  width: 100%;
-}
diff --git a/packages/theme/src/azion/extended-components/_inputnumber.scss b/packages/theme/src/azion/extended-components/_inputnumber.scss
deleted file mode 100644
index dbb5ca2b0..000000000
--- a/packages/theme/src/azion/extended-components/_inputnumber.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-.p-inputnumber-button {
-  color: $inputIconColor;
-  background: $inputBg;
-  border: $inputBorder;
-  border-left: none;
-
-  &:enabled:hover {
-    background: $secondaryButtonHoverBg;
-    color: $secondaryButtonTextHoverColor;
-    border-color: $secondaryButtonHoverBorderColor;
-  }
-
-  &:enabled:focus {
-    box-shadow: $secondaryButtonFocusShadow;
-  }
-
-  &:enabled:active {
-    background: $secondaryButtonActiveBg;
-    color: $secondaryButtonTextActiveColor;
-    border-color: $secondaryButtonActiveBorderColor;
-  }
-
-  &.p-button-outlined {
-    background-color: transparent;
-    color: $secondaryButtonBg;
-    border: $outlinedButtonBorder;
-
-    &:enabled:hover {
-      background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
-      color: $secondaryButtonBg;
-      border: $outlinedButtonBorder;
-    }
-
-    &:enabled:active {
-      background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
-      color: $secondaryButtonBg;
-      border: $outlinedButtonBorder;
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_inputpassword.scss b/packages/theme/src/azion/extended-components/_inputpassword.scss
deleted file mode 100644
index 49a0aa189..000000000
--- a/packages/theme/src/azion/extended-components/_inputpassword.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-// Custom input password
-.p-password-input {
-  width: 100% !important;
-}
diff --git a/packages/theme/src/azion/extended-components/_inputswitch.scss b/packages/theme/src/azion/extended-components/_inputswitch.scss
deleted file mode 100644
index 71ed850c5..000000000
--- a/packages/theme/src/azion/extended-components/_inputswitch.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-// Custom Switch
-@use 'sass:math';
-
-.p-inputswitch {
-  .p-inputswitch-slider {
-    background-color: var(--gray-100) !important;
-    padding-left: 2px;
-
-    &:before {
-      margin-left: 1px;
-    }
-  }
-
-  &.p-inputswitch-checked {
-    .p-inputswitch-slider:before {
-      background-color: #fff !important;
-    }
-  }
-
-  &.p-focus {
-    .p-inputswitch-slider {
-      @include focused();
-    }
-  }
-
-  &:not(.p-disabled):hover {
-    .p-inputswitch-slider {
-      background: var(--gray-200) !important;
-    }
-  }
-
-  &.p-inputswitch-checked {
-    .p-inputswitch-slider {
-      background: #f3652b !important;
-
-      &:before {
-        background: $inputSwitchHandleOnBg;
-      }
-    }
-
-    &:not(.p-disabled):hover {
-      .p-inputswitch-slider {
-        background: #f5793f !important;
-      }
-    }
-  }
-
-  &.p-invalid {
-    .p-inputswitch-slider {
-      @include invalid-input();
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_listbox.scss b/packages/theme/src/azion/extended-components/_listbox.scss
deleted file mode 100644
index e86e9305d..000000000
--- a/packages/theme/src/azion/extended-components/_listbox.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-.p-listbox {
-  .p-listbox-list {
-    .p-listbox-item {
-      padding: 0 12px;
-      height: 38px !important;
-      display: flex !important;
-      gap: 12px !important;
-      align-items: center !important;
-      font-size: 0.875rem !important;
-      font-weight: 500 !important;
-    }
-    .p-highlight {
-      opacity: 1;
-    }
-    &.p-focus {
-      border-color: none !important;
-      outline: none !important;
-      outline-offset: none !important;
-      box-shadow: none !important;
-    }
-    &.p-focus:focus-visible {
-      border-color: none !important;
-      outline: $focusOutline !important;
-      outline-offset: $focusOutlineOffset !important;
-      box-shadow: $focusShadow !important;
-    }
-    .p-listbox-item{
-      
-      .p-listbox-empty-message {
-        color: var(--text-color-empty);
-        font-size: 14px;
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/extended-components/_markdown.scss b/packages/theme/src/azion/extended-components/_markdown.scss
deleted file mode 100644
index d3d8f9bd0..000000000
--- a/packages/theme/src/azion/extended-components/_markdown.scss
+++ /dev/null
@@ -1,135 +0,0 @@
-.prose {
-  *:not(p, a, li, span) {
-    color: var(--text-color) !important;
-  }
-
-  *:is(a):not(.p-button), *:is(a > u):not(.p-button > u) {
-    color: var(--text-color-link) !important;
-  }
-
-  *:is(table) {
-    border-collapse: separate !important;
-    border-spacing: .5px !important;
-    box-sizing: content-box !important;
-    border: 1px solid var(--surface-border) !important;
-    border-radius: 6px !important;
-  }
-
-  *:is(table > thead) {
-    border-collapse: separate;
-    background: var(--table-bg-color);
-  }
-
-  *:is(tr > th) {
-    background: var(--table-bg-color);
-  }
-
-  *:is(tr > th) {
-    font-size: .875rem;
-    text-wrap: nowrap;
-    color: var(--text-color);
-    font-weight: 600;
-    text-align: left;
-    padding: 1rem !important;
-    background: var(--table-bg-color);
-  }
-
-  *:is(tr > td) {
-    font-size: .875rem;
-    color: var(--text-color);
-    padding: 1rem !important;
-    border-top: 1px solid var(--surface-border);
-    background: var(--surface-section);
-  }
-
-  @media screen and (max-width: 640px) {
-    table {
-      display: block;
-      width: 100%;
-      overflow-x: scroll;
-    }
-    table td {
-      white-space: nowrap;
-    }
-  }
-
-  *:is(p), *:is(li) {
-    color: var(--text-color-secondary) !important;
-  }
-
-  *:is(hr) {
-    border-color: var(--surface-border) !important;
-  }
-  *:is(hr + .heading-wrapper) {
-    align-items: flex-start !important;
-
-    h1, h2, h3, h4, h5, h6 {
-      margin-top: 0 !important;
-    }
-  }
-
-  *:is(.heading-wrapper + p) { margin-top: 0 !important;}
-
-  *:is(aside.content) {
-    background: #f3652b15 !important;
-    border-radius: 0.325rem !important;
-    border-left: #f3652b 5px solid !important;
-    margin: 2rem 0 !important;
-  }
-  *:is(aside.content.note) {
-    background: var(--surface-200) !important;
-    border-left: var(--surface-600) 5px solid !important;
-  }
-  *:is(aside.content > p) {
-    color: var(--text-color) !important;
-    display: flex;
-    gap: 0.375rem;
-    fill: #f3652b !important;
-    margin: 0 !important;
-    padding-left: .375rem;
-  }
-  *:is(aside.content > section > p) {
-    margin: .5rem .5rem 0 0 !important;
-    font-size: 1rem;
-    padding-left: .375rem;
-  }
-
-  *:is(._tablist_ugdi6_34){
-    border-color: transparent !important;
-  }
-  *:is(.TabGroup) {
-    border-bottom: none !important;
-  }
-  *:is(.TabGroup > button){
-    font-weight: 500 !important;
-  }
-  *:is(.TabGroup > span){
-    color: #f3652b !important;
-    height: 10px !important;
-    background: #f3652b !important;
-  }
-  *:is(._tab-scroll-overflow_ugdi6_10 > .border) {
-    border-color: var(--surface-border) !important;
-  }
-  *:is(.expressive-code) {
-    margin-bottom: 1.8rem !important;
-  }
-  *:is(.expressive-code code) {
-    background: #222222 !important;
-  }
-  *:is(.p-button) {
-    margin: 0 .5rem .5rem 0;
-  }
-
-  *:is(.p-button) {
-    color: var(--primary-text-color) !important;
-  }
-
-  *:is(.p-button-secondary) {
-    color: var(--secondary-button-text-color) !important;
-  }
-}
-
-.astro-code {
-  background-color:  var(--surface-400) !important;
-}
diff --git a/packages/theme/src/azion/extended-components/_menuitem.scss b/packages/theme/src/azion/extended-components/_menuitem.scss
deleted file mode 100644
index 83c4eaefe..000000000
--- a/packages/theme/src/azion/extended-components/_menuitem.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// Custom MenuItem
-.p-menu {
-  .p-menuitem {
-    .p-menuitem-content {
-      .p-menuitem-link {
-        height: 38px !important;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        .p-menuitem-text {
-          font-size: 0.875rem !important;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-        .p-menuitem-icon {
-          font-size: 0.875rem !important;
-        }
-      }
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_multiselect.scss b/packages/theme/src/azion/extended-components/_multiselect.scss
deleted file mode 100644
index ebba04a59..000000000
--- a/packages/theme/src/azion/extended-components/_multiselect.scss
+++ /dev/null
@@ -1,167 +0,0 @@
-@use 'sass:math';
-
-.p-multiselect {
-  font-size: 0.875rem !important;
-  background: $inputBg;
-  border: $inputBorder;
-  transition: $formElementTransition;
-  border-radius: $borderRadius;
-
-  &:not(.p-disabled):hover {
-    border-color: $inputHoverBorderColor;
-  }
-
-  &:not(.p-disabled).p-focus {
-    @include focused-input();
-  }
-
-  .p-multiselect-label {
-    padding: $inputPadding;
-    transition: $formElementTransition;
-
-    &.p-placeholder {
-      color: $inputPlaceholderTextColor;
-    }
-  }
-
-  &.p-multiselect-chip {
-    .p-multiselect-token {
-      font-size: 0.875rem !important;
-      padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-      margin-right: $inlineSpacing;
-      background: $chipBg;
-      color: $chipTextColor;
-      border-radius: $chipBorderRadius;
-
-      .p-multiselect-token-icon {
-        margin-left: $inlineSpacing;
-      }
-    }
-  }
-
-  .p-multiselect-trigger {
-    background: transparent;
-    color: $inputIconColor;
-    width: $inputGroupAddOnMinWidth;
-    border-top-right-radius: $borderRadius;
-    border-bottom-right-radius: $borderRadius;
-  }
-
-  &.p-invalid.p-component {
-    @include invalid-input();
-  }
-}
-
-.p-inputwrapper-filled {
-  &.p-multiselect {
-    &.p-multiselect-chip {
-      .p-multiselect-label {
-        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-      }
-    }
-  }
-}
-
-.p-multiselect-panel {
-  background: $inputOverlayBg;
-  color: $inputListTextColor;
-  border: $inputOverlayBorder;
-  border-radius: $borderRadius;
-  box-shadow: $inputOverlayShadow;
-
-  .p-multiselect-header {
-    padding: $inputListHeaderPadding;
-    border-bottom: $inputListHeaderBorder;
-    color: $inputListHeaderTextColor;
-    background: $inputOverlayHeaderBg;
-    margin: $inputListHeaderMargin;
-    border-top-right-radius: $borderRadius;
-    border-top-left-radius: $borderRadius;
-
-    .p-multiselect-filter-container {
-      .p-inputtext {
-        padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-      }
-
-      .p-multiselect-filter-icon {
-        right: nth($inputPadding, 2);
-        color: $inputIconColor;
-      }
-    }
-
-    .p-checkbox {
-      margin-right: $inlineSpacing;
-    }
-
-    .p-multiselect-close {
-      margin-left: $inlineSpacing;
-      @include action-icon();
-    }
-  }
-
-  .p-multiselect-items {
-    font-size: 0.875rem !important;
-    padding: $inputListPadding;
-
-    .p-multiselect-item {
-      height: 2.375rem !important;
-      margin: $inputListItemMargin;
-      padding: $inputListItemPadding;
-      border: $inputListItemBorder;
-      color: $inputListItemTextColor;
-      background: $inputListItemBg;
-      transition: $listItemTransition;
-      border-radius: $inputListItemBorderRadius;
-
-      &.p-highlight {
-        color: $highlightTextColor;
-        background: $highlightBg;
-
-        &.p-focus {
-          background: $highlightFocusBg;
-        }
-      }
-
-      &:not(.p-highlight):not(.p-disabled) {
-        &.p-focus {
-          color: $inputListItemTextFocusColor;
-          background: $inputListItemFocusBg;
-        }
-
-        &:hover {
-          color: $inputListItemTextHoverColor;
-          background: $inputListItemHoverBg;
-        }
-      }
-
-      .p-checkbox {
-        margin-right: $inlineSpacing;
-      }
-    }
-
-    .p-multiselect-item-group {
-      font-size: 0.75rem !important;
-      font-weight: 500 !important;
-      padding-bottom: 0.25rem !important;
-    }
-
-    .p-multiselect-empty-message {
-      color: var(--text-color-empty);
-      font-size: 14px;
-    }
-  }
-}
-
-.p-input-filled {
-  .p-multiselect {
-    background: $inputFilledBg;
-
-    &:not(.p-disabled):hover {
-      background-color: $inputFilledHoverBg;
-    }
-
-    &:not(.p-disabled).p-focus {
-      background-color: $inputFilledFocusBg;
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_overlaypanel.scss b/packages/theme/src/azion/extended-components/_overlaypanel.scss
deleted file mode 100644
index 3aae124fa..000000000
--- a/packages/theme/src/azion/extended-components/_overlaypanel.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-.p-overlaypanel .p-overlaypanel-close:enabled:hover {
-    background: none !important;
-    color: transparent;
-  }
-  .p-overlaypanel:after,
-  .p-overlaypanel:before {
-    content: none;
-  }
-  .p-overlaypanel.p-overlaypanel-flipped:after {
-    border-top-color: none !important;
-  }
-  .p-overlaypanel.p-overlaypanel-flipped:before {
-    border-top-color: none !important;
-  }
-  .p-overlaypanel {
-    margin-top: 0;
-  }
-  
\ No newline at end of file
diff --git a/packages/theme/src/azion/extended-components/_picklist.scss b/packages/theme/src/azion/extended-components/_picklist.scss
deleted file mode 100644
index 987e8c7e8..000000000
--- a/packages/theme/src/azion/extended-components/_picklist.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-// Custom PickList
-.p-picklist {
-    .p-picklist-buttons {
-      .p-button {
-        background-color: transparent;
-        transition: all 150ms;
-        border: 1px solid var(--surface-border);
-        color: $textSecondaryColor !important;
-      }
-      .p-button:hover {
-        background-color: var(--surface-hover) !important;
-      }
-    }
-    .p-picklist-list {
-      .p-picklist-item {
-        padding: 0 0.5rem !important;
-        font-size: 0.875rem;
-        min-height: 2.375rem !important;
-        border-radius: $borderRadius;
-        display: flex;
-        align-items: center;
-      }
-    }
-  }
-  
\ No newline at end of file
diff --git a/packages/theme/src/azion/extended-components/_progressbar.scss b/packages/theme/src/azion/extended-components/_progressbar.scss
deleted file mode 100644
index d019ada0b..000000000
--- a/packages/theme/src/azion/extended-components/_progressbar.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.p-progressbar {
-  border-radius: none !important;
-  .p-progressbar-value {
-    background: #f3652b !important;
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_radiobutton.scss b/packages/theme/src/azion/extended-components/_radiobutton.scss
deleted file mode 100644
index 9f5a2ac6f..000000000
--- a/packages/theme/src/azion/extended-components/_radiobutton.scss
+++ /dev/null
@@ -1,63 +0,0 @@
-// Custom Radio
-.p-radiobutton {
-  .p-radiobutton-box {
-    border: 2px solid var(--surface-border) !important;
-
-    &:not(.p-disabled):not(.p-highlight):hover {
-      border-color: #f3652b !important;
-    }
-
-    &:not(.p-disabled).p-focus {
-      @include focused-input();
-    }
-
-    &.p-highlight {
-      border-color: #f3652b !important;
-      background: #f3652b !important;
-
-      &:not(.p-disabled):hover {
-        border-color: #f3652b !important;
-        background: #f3652b !important;
-        color: #f3652b !important;
-      }
-    }
-  }
-
-  &.p-invalid > .p-radiobutton-box {
-    @include invalid-input();
-  }
-
-  &:focus-visible {
-    outline: 0 none;
-  }
-}
-
-.p-input-filled {
-  .p-radiobutton {
-    .p-radiobutton-box {
-      background-color: #f3652b !important;
-
-      &:not(.p-disabled):hover {
-        background-color: #f3652b !important;
-      }
-
-      &.p-highlight {
-        background: #f3652b !important;
-
-        &:not(.p-disabled):hover {
-          background: #f3652b !important;
-        }
-      }
-    }
-  }
-}
-
-@if ($highlightBg == $radiobuttonActiveBg) {
-  .p-highlight {
-    .p-radiobutton {
-      .p-radiobutton-box {
-        border-color: #f3652b !important;
-      }
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_selectbutton.scss b/packages/theme/src/azion/extended-components/_selectbutton.scss
deleted file mode 100644
index 117484761..000000000
--- a/packages/theme/src/azion/extended-components/_selectbutton.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-// Custom SelectButton
-.p-selectbutton {
-  background: var(--surface-300) !important;
-  padding: 0.3rem;
-  border-radius: $borderRadius !important;
-
-  .p-button {
-    background: none !important;
-    border: none !important;
-    height: 1.7rem !important;
-    font-size: 0.875rem !important;
-    border-radius: 0.25rem !important;
-    color: var(--text-color-secondary) !important;
-    font-weight: 600 !important;
-
-    &:not(.p-disabled):not(.p-highlight):hover {
-      border-color: none !important;
-      color: var(--text-color) !important;
-    }
-
-    &.p-highlight {
-      background: var(--surface-0) !important;
-      border-color: none !important;
-      font-weight: 600 !important;
-      border-radius: 0.25rem !important;
-      color: var(--text-color) !important;
-
-      &:hover {
-        background: var(--surface-0) !important;
-        border-color: none !important;
-        color: $toggleButtonTextActiveHoverColor !important;
-        color: var(--text-color) !important;
-      }
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_sidebar.scss b/packages/theme/src/azion/extended-components/_sidebar.scss
deleted file mode 100644
index de3817611..000000000
--- a/packages/theme/src/azion/extended-components/_sidebar.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-// Custom Header Sidebar
-.p-sidebar {
-  .p-sidebar-header {
-    background: var(--surface-section);
-    justify-content: space-between;
-    font-size: 1.25rem !important;
-    height: 3.5rem !important;
-    font-weight: 500 !important;
-    padding-left: 32px !important;
-    padding-right: 32px !important;
-    border-bottom: 1px solid var(--surface-border) !important;
-  }
-
-  .p-sidebar-content {
-    padding: 2rem;
-  }
-}
-
-@media only screen and (max-width: 768px) {
-  .p-sidebar {
-    .p-sidebar-header {
-      padding: 0.75rem !important;
-    }
-    .p-sidebar-content {
-      padding: 0.75rem !important;
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_splitbutton.scss b/packages/theme/src/azion/extended-components/_splitbutton.scss
deleted file mode 100644
index cc610e168..000000000
--- a/packages/theme/src/azion/extended-components/_splitbutton.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-.p-splitbutton.p-button-sm {
-    display: inline-flex;
-    align-items: center;
-    height: 2rem !important;
-    
-    .p-button-icon-only.p-splitbutton-menubutton {
-        height: 100% !important;
-        width: 2rem !important;
-        border-radius: 0 6px 6px 0 !important;
-    }
-}
-.p-splitbutton {
-    display: inline-flex;
-    align-items: center;
-    height: 37px !important;
-    
-    .p-button-icon-only.p-splitbutton-menubutton {
-        height: 37px !important;
-        width: 37px !important;
-        border-radius: 0 6px 6px 0 !important;
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/extended-components/_tabmenu.scss b/packages/theme/src/azion/extended-components/_tabmenu.scss
deleted file mode 100644
index 6bce5767e..000000000
--- a/packages/theme/src/azion/extended-components/_tabmenu.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-// Custom TabMenu
-.p-tabmenu {
-  .p-tabmenu-nav {
-    gap: 0.5rem !important;
-
-    .p-tabmenuitem {
-      .p-menuitem-link {
-        font-weight: 600 !important;
-        min-height: 2rem !important;
-        font-size: 0.875rem !important;
-        border-radius: $borderRadius !important;
-      }
-      &.p-highlight {
-        .p-menuitem-link {
-          color: var(--highlight-tab-menu-link) !important;
-          font-weight: 500 !important;
-        }
-      }
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_tabview.scss b/packages/theme/src/azion/extended-components/_tabview.scss
deleted file mode 100644
index b8f84f736..000000000
--- a/packages/theme/src/azion/extended-components/_tabview.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-// Custom TabView
-.p-tabview {
-  .p-tabview-nav {
-    gap: 0.5rem !important;
-    padding: 0 !important;
-
-    li {
-      .p-tabview-nav-link {
-        font-weight: 600 !important;
-        min-height: 2rem;
-        font-size: 0.875rem;
-        border-radius: $borderRadius;
-      }
-      &.p-highlight {
-        .p-tabview-nav-link {
-          color: var(--highlight-tabview-nav-link) !important;
-          font-weight: 700 !important;
-        }
-      }
-    }
-  }
-  .p-tabview-nav-btn.p-link {
-    background-color: var(--surface-section) !important;
-    color: $textColor !important;
-    width: 2rem;
-    &:enabled:hover {
-      background: var(--surface-hover) !important;
-      color: $buttonBg;
-      transition: all 150ms;
-    }
-  }
-  .p-tabview-panels {
-    height: 100%;
-    background: transparent !important;
-    padding: 0 !important;
-
-    .p-tabview-panel {
-      height: 100%;
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_tag.scss b/packages/theme/src/azion/extended-components/_tag.scss
deleted file mode 100644
index c93db3e79..000000000
--- a/packages/theme/src/azion/extended-components/_tag.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-// Custom Tag
-@use "sass:math";
-
-.p-tag {
-  background: var(--p-tag-background) !important;
-  color: var(--p-tag-color) !important;
-  font-size: 0.75rem !important;
-  font-weight: 500 !important;
-  letter-spacing: 0.01rem;
-  padding: $tagPadding;
-
-  .p-tag-icon {
-    margin-right: math.div($inlineSpacing, 2);
-    font-size: $badgeFontSize;
-
-    &.p-icon {
-      width: $badgeFontSize;
-      height: $badgeFontSize;
-    }
-  }
-
-  &.p-tag-info {
-    background-color: var(--surface-section) !important;
-    color: $textColor !important;
-    box-shadow: 0px 0px 0px 1px var(--surface-border) !important;
-  }
-
-  &.p-tag-success {
-    background-color: var(--p-tag-success-background) !important;
-    color: var(--p-tag-success-color) !important;
-  }
-
-  &.p-tag-warning {
-    background-color: var(--p-tag-warning-background) !important;
-    color: var(--p-tag-warning-color) !important;
-  }
-
-  &.p-tag-danger {
-    background-color: var(--p-tag-danger-background) !important;
-    color: var(--p-tag-danger-color) !important;
-  }
-
-  &.tag-close {
-    background-color: var(--p-tag-close-background) !important;
-    color: var(--p-tag-close-color) !important;
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_toast.scss b/packages/theme/src/azion/extended-components/_toast.scss
deleted file mode 100644
index 327bc3dd4..000000000
--- a/packages/theme/src/azion/extended-components/_toast.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// Custom TabView
-.p-toast {
-  .p-toast-message {
-    .p-toast-message-content {
-      background: var(--surface-card) !important;
-      border-radius: $borderRadius !important;
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_tooltip.scss b/packages/theme/src/azion/extended-components/_tooltip.scss
deleted file mode 100644
index 6a53035c7..000000000
--- a/packages/theme/src/azion/extended-components/_tooltip.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.p-tooltip {
-  .p-tooltip-text {
-    box-shadow: none !important;
-    font-size: 0.875rem !important;
-    padding: 0.375rem 0.5rem !important;
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/_treeselect.scss b/packages/theme/src/azion/extended-components/_treeselect.scss
deleted file mode 100644
index 353337fc5..000000000
--- a/packages/theme/src/azion/extended-components/_treeselect.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.p-treeselect-panel {
-
-    .p-treeselect-items-wrapper {
-
-        .p-treeselect-empty-message {
-            color: var(--text-color-empty);
-            font-size: 14px;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/extended-components/jsonform/_inputcheckbox.scss b/packages/theme/src/azion/extended-components/jsonform/_inputcheckbox.scss
deleted file mode 100644
index 97d9b88ed..000000000
--- a/packages/theme/src/azion/extended-components/jsonform/_inputcheckbox.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-.azion-json-form {
-  .wrapper {
-    input.input[type="checkbox"] {
-      min-width: 20px !important;
-      max-width: 20px !important;
-      font-family: var(--font-family);
-      font-feature-settings: var(--font-feature-settings, normal);
-      font-size: $inputTextFontSize;
-      color: $inputTextColor;
-      background: $inputBg;
-      padding: 9px;
-      border: $inputBorder;
-      transition: $formElementTransition;
-      appearance: none;
-      border-radius: $borderRadius;
-      position: relative !important;
-
-      &:enabled:hover {
-        border-color: $inputHoverBorderColor;
-      }
-
-      &:enabled:focus {
-        @include focused-input();
-      }
-
-      &:checked {
-        background-color: $inputHoverBorderColor;
-
-        &::before {
-          font-family: "primeicons";
-          content: "\f1f1";
-          display: block;
-          position: absolute;
-          top: -1px;
-          left: 2px;
-        }
-      }
-
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/jsonform/_inputtext.scss b/packages/theme/src/azion/extended-components/jsonform/_inputtext.scss
deleted file mode 100644
index 27067d4c0..000000000
--- a/packages/theme/src/azion/extended-components/jsonform/_inputtext.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-.azion-json-form {
-  .wrapper {
-    .input {
-      min-width: 100%;
-      max-width: 320px;
-      font-family: var(--font-family);
-      font-feature-settings: var(--font-feature-settings, normal);
-      font-size: $inputTextFontSize;
-      color: $inputTextColor;
-      background: $inputBg;
-      padding: $inputPadding;
-      border: $inputBorder;
-      transition: $formElementTransition;
-      appearance: none;
-      border-radius: $borderRadius;
-
-      &:enabled:hover {
-        border-color: $inputHoverBorderColor;
-      }
-
-      &:enabled:focus {
-        @include focused-input();
-      }
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/jsonform/_label.scss b/packages/theme/src/azion/extended-components/jsonform/_label.scss
deleted file mode 100644
index 91252045a..000000000
--- a/packages/theme/src/azion/extended-components/jsonform/_label.scss
+++ /dev/null
@@ -1,185 +0,0 @@
-.azion-json-form {
-  .control {
-    margin-bottom: 1rem;
-    display: flex;
-    flex-direction: column;
-    gap: .5rem;
-
-    .wrapper:has(+ .error) .input {
-      border: 1px solid var(--error-color) !important;
-      border-color: var(--error-color) !important;
-    }
-
-    .error {
-      font-size: 0.75rem !important;
-      line-height: 1.25 !important;
-      font-weight: 400 !important;
-      color: var(--error-color) !important;
-      min-height: 20px !important;
-
-      &::first-letter {
-        text-transform: uppercase;
-      }
-    }
-
-    .label {
-      font-size: 1rem !important;
-      line-height: 1.25rem !important;
-      font-weight: 500 !important;
-
-      &::first-letter {
-        text-transform: uppercase;
-      }
-
-      .asterisk {
-        color: #f57c00;
-        font-size: 0.875rem !important;
-        line-height: 1.25rem !important;
-        display: inline-block;
-        position: relative;
-
-        &:after {
-          content: "(Required)";
-          color: var(--text-color-secondary) !important;
-          font-size: 0.625rem !important;
-          line-height: 1.25rem !important;
-          display: inline-block;
-          position: absolute;
-          top: 0;
-          left: 100%;
-          margin-left: 0.2rem;
-          font-weight: 500;
-        }
-      }
-    }
-
-    .description {
-      min-height: 20px !important;
-      line-height: 1.25rem !important;
-      font-size: 0.75rem !important;
-      font-weight: 400 !important;
-      color: var(--text-color-secondary) !important;
-
-      &::first-letter {
-        text-transform: uppercase;
-      }
-    }
-  }
-
-  .array-list {
-    max-width: 320px;
-    margin-top: 2rem !important;
-    display: block !important;
-
-    .array-list-legend {
-      width: 100%;
-      line-height: 1.25rem !important;
-      font-size: 0.75rem !important;
-      font-weight: 400 !important;
-      color: var(--text-color-secondary) !important;
-      display: flex !important;
-      gap: 0.5rem !important;
-      align-items: center !important;
-      border-top: 1px solid var(--surface-border) !important;
-      padding: 1rem 0 !important;
-
-      &::first-letter {
-        text-transform: uppercase;
-      }
-
-      button {
-        cursor: pointer;
-        position: relative;
-        font-size: 0.875rem;
-        padding: 0.301rem 0.65625rem;
-        width: 32px;
-        height: 32px;
-        border: 1px solid var(--surface-border);
-        border-radius: 6px;
-        transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-
-        &.array-list-add {
-          color: transparent !important;
-
-          &:hover {
-            background-color: var(--surface-hover) !important;
-          }
-
-          &::before {
-            content: '\f16e';
-            display: block;
-            position: absolute;
-            font-family: "primeicons";
-            color: var(--text-color) !important;
-            left: 7px;
-            top: 6px;
-            width: 16px;
-            height: 16px;
-          }
-        }
-      }
-    }
-
-    .array-list-item-wrapper {
-      .array-list-item {
-        .array-list-item-toolbar {
-          display: flex;
-          gap: 0.5rem;
-          align-items: center;
-          justify-content: flex-end;
-          max-width: 320px;
-          line-height: 1.25rem !important;
-          font-size: 0.75rem !important;
-          font-weight: 400 !important;
-          color: var(--text-color-secondary) !important;
-          margin-bottom: 1rem !important;
-          border-top: 1px solid var(--surface-border);
-          padding-top: 1rem !important;
-
-          .array-list-item-move-up,
-          .array-list-item-move-down,
-          .array-list-item-delete {
-            color: transparent !important;
-            position: relative;
-            cursor: pointer;
-            font-size: 0.875rem;
-            padding: 0.301rem 0.65625rem;
-            width: 32px;
-            height: 32px;
-            color: transparent !important;
-            border: 1px solid var(--surface-border);
-            border-radius: 6px;
-            transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-
-            &::before {
-              display: block;
-              position: absolute;
-              font-family: "primeicons";
-              color: var(--text-color) !important;
-              left: 7px;
-              top: 6px;
-              width: 16px;
-              height: 16px;
-            }
-
-            &:hover{
-              background-color: var(--surface-hover) !important;
-            }
-          }
-
-          .array-list-item-move-up::before {
-            content: '\f21c';
-          }
-
-          .array-list-item-move-down::before {
-            content: '\f223';
-          }
-
-          .array-list-item-delete::before {
-            content: '\f11e';
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/packages/theme/src/azion/extended-components/jsonform/_select.scss b/packages/theme/src/azion/extended-components/jsonform/_select.scss
deleted file mode 100644
index e86ad50a0..000000000
--- a/packages/theme/src/azion/extended-components/jsonform/_select.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-.azion-json-form {
-  .wrapper {
-    .select::picker(select) {
-      background-color: #fff;
-      border: 1px solid #ccc;
-      border-radius: 5px;
-      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-    }
-
-    .select {
-      min-width: 100%;
-      max-width: 320px;
-      height: 34px;
-      font-family: var(--font-family);
-      font-feature-settings: var(--font-feature-settings, normal);
-      font-size: $inputTextFontSize;
-      color: $inputTextColor;
-      background: $inputBg;
-      padding: $inputPadding;
-      border: $inputBorder;
-      transition: $formElementTransition;
-      border-radius: $borderRadius;
-      position: relative !important;
-
-      &:enabled:hover {
-        border-color: $inputHoverBorderColor;
-      }
-
-      &:enabled:focus {
-        @include focused-input();
-      }
-    }
-  }
-}
diff --git a/packages/theme/src/azion/theme-base/_colors.scss b/packages/theme/src/azion/theme-base/_colors.scss
deleted file mode 100644
index de705905d..000000000
--- a/packages/theme/src/azion/theme-base/_colors.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-:root {
-    @if variable-exists(colors) {
-        @each $name, $color in $colors {
-            @for $i from 0 through 5 {
-                @if ($i == 0) {
-                    --#{$name}-50:#{tint($color, (5 - $i) * 19%)};
-                }
-                @else {
-                    --#{$name}-#{$i * 100}:#{tint($color, (5 - $i) * 19%)};
-                }
-            }
-            
-            @for $i from 1 through 4 {
-                --#{$name}-#{($i + 5) * 100}:#{shade($color, $i * 15%)};
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/_common.scss b/packages/theme/src/azion/theme-base/_common.scss
deleted file mode 100644
index 7723961d3..000000000
--- a/packages/theme/src/azion/theme-base/_common.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-* {
-	box-sizing: border-box;
-}
-
-.p-component {
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings, normal);
-    font-size: $fontSize;
-    font-weight: $fontWeight;
-}
-
-.p-component-overlay {
-    background-color: $maskBg;
-    transition-duration: $transitionDuration;
-}
-
-.p-disabled, .p-component:disabled {
-    opacity: $disabledOpacity;
-}
-
-.p-error {
-    color: $errorColor;
-}
-
-.p-text-secondary {
-    color: $textSecondaryColor;
-}
-
-.pi {
-    font-size: $primeIconFontSize;
-}
-
-.p-icon {
-    width: $primeIconFontSize;
-    height: $primeIconFontSize;
-}
-
-.p-link {
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings, normal);
-    font-size: $fontSize;
-    border-radius: $borderRadius;
-
-    &:focus-visible {
-        @include focused();
-    }
-}
-
-.p-component-overlay-enter {
-    animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-    animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-.p-component-overlay {
-    @keyframes p-component-overlay-enter-animation {
-        from {
-            background-color: transparent;
-        }
-        to {
-            background-color: var(--maskbg);
-        }
-    }
-    
-    @keyframes p-component-overlay-leave-animation {
-        from {
-            background-color: var(--maskbg);
-        }
-        to {
-            background-color: transparent;
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/_components.scss b/packages/theme/src/azion/theme-base/_components.scss
deleted file mode 100644
index ac3a707b5..000000000
--- a/packages/theme/src/azion/theme-base/_components.scss
+++ /dev/null
@@ -1,103 +0,0 @@
-@import '_mixins';
-@import '_colors';
-
-@import './components/input/_editor';
-
-@layer primevue {
-    @import '_common';
-
-    //Input
-    @import './components/input/_autocomplete';
-    @import './components/input/_calendar';
-    @import './components/input/_cascadeselect';
-    @import './components/input/_checkbox';
-    @import './components/input/_chips';
-    @import './components/input/_colorpicker';
-    @import './components/input/_dropdown';
-    @import './components/input/_inputgroup';
-    @import './components/input/_inputnumber';
-    @import './components/input/_inputswitch';
-    @import './components/input/_inputtext';
-    @import './components/input/_listbox';
-    @import './components/input/_multiselect';
-    @import './components/input/_password';
-    @import './components/input/_radiobutton';
-    @import './components/input/_rating';
-    @import './components/input/_selectbutton';
-    @import './components/input/_slider';
-    @import './components/input/_treeselect';
-    @import './components/input/_togglebutton';
-
-    //Button
-    @import './components/button/_button';
-    @import './components/button/_speeddial';
-    @import './components/button/_splitbutton';
-
-    //Data
-    @import './components/data/_carousel';
-    @import './components/data/_datatable';
-    @import './components/data/_dataview';
-    @import './components/data/_filter';
-    @import './components/data/_orderlist';
-    @import './components/data/_organizationchart';
-    @import './components/data/_paginator';
-    @import './components/data/_picklist';
-    @import './components/data/_timeline';
-    @import './components/data/_tree';
-    @import './components/data/_treetable';
-
-    //Panel
-    @import './components/panel/_accordion';
-    @import './components/panel/_card';
-    @import './components/panel/_fieldset';
-    @import './components/panel/_divider';
-    @import './components/panel/_panel';
-    @import './components/panel/_scrollpanel';
-    @import './components/panel/_splitter';
-    @import './components/panel/_tabview';
-    @import './components/panel/_toolbar';
-
-    //Overlay
-    @import './components/overlay/_confirmpopup';
-    @import './components/overlay/_dialog';
-    @import './components/overlay/_overlaypanel';
-    @import './components/overlay/_sidebar';
-    @import './components/overlay/_tooltip';
-
-    //File
-    @import './components/file/_fileupload';
-
-    //Menu
-    @import './components/menu/_breadcrumb';
-    @import './components/menu/_contextmenu';
-    @import './components/menu/_dock';
-    @import './components/menu/_megamenu';
-    @import './components/menu/_menu';
-    @import './components/menu/_menubar';
-    @import './components/menu/_panelmenu';
-    @import './components/menu/_steps';
-    @import './components/menu/_tabmenu';
-    @import './components/menu/_tieredmenu';
-
-    //Messages
-    @import './components/messages/_inlinemessage';
-    @import './components/messages/_message';
-    @import './components/messages/toast';
-
-    //MultiMedia
-    @import './components/multimedia/_galleria';
-    @import './components/multimedia/_image';
-
-    //Misc
-    @import './components/misc/_avatar';
-    @import './components/misc/_badge';
-    @import './components/misc/_blockui';
-    @import './components/misc/_chip';
-    @import './components/misc/_inplace';
-    @import './components/misc/_progressbar';
-    @import './components/misc/_progressspinner';
-    @import './components/misc/_scrolltop';
-    @import './components/misc/_skeleton';
-    @import './components/misc/_tag';
-    @import './components/misc/_terminal';
-}
diff --git a/packages/theme/src/azion/theme-base/_mixins.scss b/packages/theme/src/azion/theme-base/_mixins.scss
deleted file mode 100644
index d09daa87b..000000000
--- a/packages/theme/src/azion/theme-base/_mixins.scss
+++ /dev/null
@@ -1,250 +0,0 @@
-@mixin icon-override($icon) {
-	&:before {
-		content: $icon;
-	}
-}
-
-@mixin focused() {
-	outline: $focusOutline;
-    outline-offset: $focusOutlineOffset;
-    box-shadow: $focusShadow;
-}
-
-@mixin focused-inset() {
-	outline: $focusOutline;
-    outline-offset: $focusOutlineOffset;
-    box-shadow: inset $focusShadow;
-}
-
-@mixin focused-input() {
-	@include focused();
-	border-color: $inputFocusBorderColor;
-}
-
-@mixin focused-listitem() {
-	outline: $focusOutline;
-    outline-offset: $focusOutlineOffset;
-    box-shadow: $inputListItemFocusShadow;
-}
-
-@mixin invalid-input() {
-	border-color: $inputErrorBorderColor;
-}
-
-@mixin menuitem {
-    > .p-menuitem-content {
-        color: $menuitemTextColor;
-        transition: $listItemTransition;
-        border-radius: $menuitemBorderRadius;
-
-        .p-menuitem-link {
-            color: $menuitemTextColor;
-            padding: $menuitemPadding;
-            user-select: none;
-
-            .p-menuitem-text {
-                color: $menuitemTextColor;
-            }
-        
-            .p-menuitem-icon {
-                color: $menuitemIconColor;
-                margin-right: $inlineSpacing;
-            }
-            
-            .p-submenu-icon {
-                color: $menuitemIconColor;
-            }
-        }
-    }
-
-    &.p-highlight {
-        > .p-menuitem-content {
-            color: $menuitemTextActiveColor;
-            background: $menuitemActiveBg;
-
-            .p-menuitem-link {
-                .p-menuitem-text {
-                    color: $menuitemTextActiveColor;
-                }
-
-                .p-menuitem-icon, .p-submenu-icon {
-                    color: $menuitemIconActiveColor;
-                }
-            }
-        }
-
-        &.p-focus {
-            > .p-menuitem-content {
-                background: $menuitemActiveFocusBg;
-            }
-        }
-    }
-
-    &:not(.p-highlight):not(.p-disabled) {
-        &.p-focus {
-            > .p-menuitem-content {
-                color: $menuitemTextFocusColor;
-                background: $menuitemFocusBg;
-    
-                .p-menuitem-link {
-                    .p-menuitem-text {
-                        color: $menuitemTextFocusColor;
-                    }
-                
-                    .p-menuitem-icon, .p-submenu-icon {
-                        color: $menuitemIconFocusColor;
-                    }
-                }
-            }
-        }
-
-        > .p-menuitem-content {
-            &:hover {
-                color: $menuitemTextHoverColor;
-                background: $menuitemHoverBg;
-    
-                .p-menuitem-link {
-                    .p-menuitem-text {
-                        color: $menuitemTextHoverColor;
-                    }
-    
-                    .p-menuitem-icon, .p-submenu-icon {
-                        color: $menuitemIconHoverColor;
-                    }
-                }
-            }
-        }
-    }
-}
-
-@mixin horizontal-rootmenuitem {
-    > .p-menuitem-content {
-        color: $horizontalMenuRootMenuitemTextColor;
-        transition: $listItemTransition;
-        border-radius: $horizontalMenuRootMenuitemBorderRadius;
-
-        .p-menuitem-link {
-            padding: $horizontalMenuRootMenuitemPadding;
-            user-select: none;
-
-            .p-menuitem-text {
-                color: $horizontalMenuRootMenuitemTextColor;
-            }
-        
-            .p-menuitem-icon {
-                color: $horizontalMenuRootMenuitemIconColor;
-                margin-right: $inlineSpacing;
-            }
-            
-            .p-submenu-icon {
-                color: $horizontalMenuRootMenuitemIconColor;
-                margin-left: $inlineSpacing;
-            }
-        }
-    }
-
-    &:not(.p-highlight):not(.p-disabled) {
-        > .p-menuitem-content {
-            &:hover {
-                color: $horizontalMenuRootMenuitemTextHoverColor;
-                background: $horizontalMenuRootMenuitemHoverBg;
-    
-                .p-menuitem-link {
-                    .p-menuitem-text {
-                        color: $horizontalMenuRootMenuitemTextHoverColor;
-                    }
-    
-                    .p-menuitem-icon, .p-submenu-icon {
-                        color: $horizontalMenuRootMenuitemIconHoverColor;
-                    }
-                }
-            }
-        }
-    }
-}
-
-@mixin placeholder {
-	::-webkit-input-placeholder {
-		@content
-	}
-	:-moz-placeholder {
-		@content
-	}
-	::-moz-placeholder {
-		@content
-	}
-	:-ms-input-placeholder {
-		@content
-	}
-}
-
-@mixin scaledPadding($val, $scale) {
-    padding: nth($val, 1) * $scale nth($val, 2) * $scale;
-}
-
-@mixin scaledFontSize($val, $scale) {
-    font-size: $val * $scale;
-}
-
-@mixin nested-submenu-indents($val, $index, $length) {
-    .p-submenu-list {
-        .p-menuitem {
-            .p-menuitem-content {
-                .p-menuitem-link {
-                    padding-left: $val * ($index + 1);
-                }
-    
-            }
-            @if $index < $length {
-                @include nested-submenu-indents($val, $index + 2, $length);
-            }
-        }
-    }
-}
-
-@mixin action-icon($enabled: true) {
-    width: $actionIconWidth;
-    height: $actionIconHeight;
-    color: $actionIconColor;
-    border: $actionIconBorder;
-    background: $actionIconBg;
-    border-radius: $actionIconBorderRadius;
-    transition: $actionIconTransition;
-
-    @if $enabled {
-        &:enabled:hover {
-            @include action-icon-hover();
-        }
-    } @else {
-        &:hover {
-            @include action-icon-hover();
-        }
-    }
-
-    &:focus-visible {
-        @include focused();
-    }
-}
-
-@mixin action-icon-hover() {
-    color: $actionIconHoverColor;
-    border-color: $actionIconHoverBorderColor;
-    background: $actionIconHoverBg;
-}
-
-@mixin button-states {
-    // <button> and <a> tags support :enabled selector.
-
-    &:enabled,
-    &:not(button):not(a):not(.p-disabled) {
-        @content;
-    }
-}
-
-@function tint($color, $percentage) {
-    @return mix(#fff, $color, $percentage);
-}
-
-@function shade($color, $percentage) {
-    @return mix(#000, $color, $percentage);
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/button/_button.scss b/packages/theme/src/azion/theme-base/components/button/_button.scss
deleted file mode 100644
index 705f0072c..000000000
--- a/packages/theme/src/azion/theme-base/components/button/_button.scss
+++ /dev/null
@@ -1,567 +0,0 @@
-.p-button {
-    color: $buttonTextColor;
-    background: $buttonBg;
-    border: $buttonBorder;
-    padding: $buttonPadding;
-    font-size: $fontSize;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-
-    &:not(:disabled):hover {
-        background: $buttonHoverBg;
-        color: $buttonTextHoverColor;
-        border-color: $buttonHoverBorderColor;
-    }
-
-    &:not(:disabled):active {
-        background: $buttonActiveBg;
-        color: $buttonTextActiveColor;
-        border-color: $buttonActiveBorderColor;
-    }
-
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $buttonBg;
-        border: $outlinedButtonBorder;
-
-        &:not(:disabled):hover {
-            background: rgba($buttonBg, $textButtonHoverBgOpacity);
-            color: $buttonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($buttonBg, $textButtonActiveBgOpacity);
-            color: $buttonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &.p-button-plain {
-            color: $plainButtonTextColor;
-            border-color: $plainButtonTextColor;
-
-            &:not(:disabled):hover {
-                background: $plainButtonHoverBgColor;
-                color: $plainButtonTextColor;
-            }
-    
-            &:not(:disabled):active {
-                background: $plainButtonActiveBgColor;
-                color: $plainButtonTextColor;
-            }
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $buttonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($buttonBg, $textButtonHoverBgOpacity);
-            color: $buttonBg;
-            border-color: transparent;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($buttonBg, $textButtonActiveBgOpacity);
-            color: $buttonBg;
-            border-color: transparent;
-        }
-
-        &.p-button-plain {
-            color: $plainButtonTextColor;
-
-            &:not(:disabled):hover {
-                background: $plainButtonHoverBgColor;
-                color: $plainButtonTextColor;
-            }
-    
-            &:not(:disabled):active {
-                background: $plainButtonActiveBgColor;
-                color: $plainButtonTextColor;
-            }
-        }
-    }
-
-    &:focus {
-        @include focused();
-    }
-
-    .p-button-label {
-        transition-duration: $transitionDuration;
-    }
-
-    .p-button-icon-left {
-         margin-right: $inlineSpacing;
-    }
-
-    .p-button-icon-right {
-        margin-left: $inlineSpacing;
-    }
-
-    .p-button-icon-bottom {
-        margin-top: $inlineSpacing;
-    }
-
-    .p-button-icon-top {
-       margin-bottom: $inlineSpacing;
-    }
-
-    .p-badge {
-        margin-left: $inlineSpacing;
-        min-width: $fontSize;
-        height: $fontSize;
-        line-height: $fontSize;
-        color: $buttonBg;
-        background-color: $buttonTextColor;
-    }
-
-    &.p-button-raised {
-        box-shadow: $raisedButtonShadow;
-    }
-
-    &.p-button-rounded {
-        border-radius: $roundedButtonBorderRadius;
-    }
-
-    &.p-button-icon-only {
-        width: $buttonIconOnlyWidth;
-        padding: $buttonIconOnlyPadding;
-
-        .p-button-icon-left,
-        .p-button-icon-right {
-            margin: 0;
-        }
-
-        &.p-button-rounded {
-            border-radius: 50%;
-            height: $buttonIconOnlyWidth;
-        }
-        &.table-button {
-            width: 1rem !important;
-        }
-    }
-
-    &.p-button-sm {
-        @include scaledFontSize($fontSize, $scaleSM);
-        @include scaledPadding($buttonPadding, $scaleSM);
-
-        .p-button-icon {
-            @include scaledFontSize($primeIconFontSize, $scaleSM);
-        }
-    }
-
-    &.p-button-lg {
-        @include scaledFontSize($fontSize, $scaleLG);
-        @include scaledPadding($buttonPadding, $scaleLG);
-
-        .p-button-icon {
-            @include scaledFontSize($primeIconFontSize, $scaleLG);
-        }
-    }
-
-    &.p-button-loading-label-only {
-        .p-button-label {
-            margin-left: $inlineSpacing;
-        }
-
-        .p-button-loading-icon {
-            margin-right: 0;
-        }
-    }
-}
-
-.p-fluid {
-    .p-button {
-        width: 100%;
-    }
-    
-    .p-button-icon-only {
-        width: $buttonIconOnlyWidth;
-    }
-
-    .p-buttonset {
-        display: flex;
-        
-        .p-button {
-            flex: 1;
-        }
-    }
-}
-
-.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
-    color: $secondaryButtonTextColor;
-    background: $secondaryButtonBg;
-    border: $secondaryButtonBorder;
-
-    &:not(:disabled):hover {
-        background: $secondaryButtonHoverBg;
-        color: $secondaryButtonTextHoverColor;
-        border-color: $secondaryButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $secondaryButtonFocusShadow;
-    }
-
-    &:not(:disabled):active {
-        background: $secondaryButtonActiveBg;
-        color: $secondaryButtonTextActiveColor;
-        border-color: $secondaryButtonActiveBorderColor;
-    }
-    
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $secondaryButtonBg;
-        border: $outlinedButtonBorder;
-
-        &:not(:disabled):hover {
-            background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
-            color: $secondaryButtonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
-            color: $secondaryButtonBg;
-            border: $outlinedButtonBorder;
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $secondaryButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $secondaryButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $secondaryButtonBg;
-        }
-    }
-}
-
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
-    color: $infoButtonTextColor;
-    background: $infoButtonBg;
-    border: $infoButtonBorder;
-
-    &:not(:disabled):hover {
-        background: $infoButtonHoverBg;
-        color: $infoButtonTextHoverColor;
-        border-color: $infoButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $infoButtonFocusShadow;
-    }
-
-    &:not(:disabled):active {
-        background: $infoButtonActiveBg;
-        color: $infoButtonTextActiveColor;
-        border-color: $infoButtonActiveBorderColor;
-    }
-
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $infoButtonBg;
-        border: $outlinedButtonBorder;
-
-        &:not(:disabled):hover {
-            background: rgba($infoButtonBg, $textButtonHoverBgOpacity);
-            color: $infoButtonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($infoButtonBg, $textButtonActiveBgOpacity);
-            color: $infoButtonBg;
-            border: $outlinedButtonBorder;
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $infoButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($infoButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $infoButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($infoButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $infoButtonBg;
-        }
-    }
-}
-
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
-    color: $successButtonTextColor;
-    background: $successButtonBg;
-    border: $successButtonBorder;
-
-    &:not(:disabled):hover {
-        background: $successButtonHoverBg;
-        color: $successButtonTextHoverColor;
-        border-color: $successButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $successButtonFocusShadow;
-    }
-
-    &:not(:disabled):active {
-        background: $successButtonActiveBg;
-        color: $successButtonTextActiveColor;
-        border-color: $successButtonActiveBorderColor;
-    }
-
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $successButtonBg;
-        border: $outlinedButtonBorder;
-
-        &:not(:disabled):hover {
-            background: rgba($successButtonBg, $textButtonHoverBgOpacity);
-            color: $successButtonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($successButtonBg, $textButtonActiveBgOpacity);
-            color: $successButtonBg;
-            border: $outlinedButtonBorder;
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $successButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($successButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $successButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($successButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $successButtonBg;
-        }
-    }
-}
-
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
-    color: $warningButtonTextColor;
-    background: $warningButtonBg;
-    border: $warningButtonBorder;
-    
-    &:not(:disabled):hover {
-        background: $warningButtonHoverBg;
-        color: $warningButtonTextHoverColor;
-        border-color: $warningButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $warningButtonFocusShadow;
-    }
-
-    &:not(:disabled):active {
-        background: $warningButtonActiveBg;
-        color: $warningButtonTextActiveColor;
-        border-color: $warningButtonActiveBorderColor;
-    }
-
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $warningButtonBg;
-        border: $outlinedButtonBorder;
-
-        &:not(:disabled):hover {
-            background: rgba($warningButtonBg, $textButtonHoverBgOpacity);
-            color: $warningButtonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($warningButtonBg, $textButtonActiveBgOpacity);
-            color: $warningButtonBg;
-            border: $outlinedButtonBorder;
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $warningButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($warningButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $warningButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($warningButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $warningButtonBg;
-        }
-    }
-}
-
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
-    color: $helpButtonTextColor;
-    background: $helpButtonBg;
-    border: $helpButtonBorder;
-
-    &:not(:disabled):hover {
-        background: $helpButtonHoverBg;
-        color: $helpButtonTextHoverColor;
-        border-color: $helpButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $helpButtonFocusShadow;
-    }
-
-    &:not(:disabled):active {
-        background: $helpButtonActiveBg;
-        color: $helpButtonTextActiveColor;
-        border-color: $helpButtonActiveBorderColor;
-    }
-
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $helpButtonBg;
-        border: $outlinedButtonBorder;
-
-        &:not(:disabled):hover {
-            background: rgba($helpButtonBg, $textButtonHoverBgOpacity);
-            color: $helpButtonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($helpButtonBg, $textButtonActiveBgOpacity);
-            color: $helpButtonBg;
-            border: $outlinedButtonBorder;
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $helpButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($helpButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $helpButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($helpButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $helpButtonBg;
-        }
-    }
-}
-
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
-    color: $dangerButtonTextColor;
-    background: $dangerButtonBg;
-    border: $dangerButtonBorder;
-
-    &:not(:disabled):hover {
-        background: $dangerButtonHoverBg;
-        color: $dangerButtonTextHoverColor;
-        border-color: $dangerButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $dangerButtonFocusShadow;
-    }
-
-    &:not(:disabled):active {
-        background: $dangerButtonActiveBg;
-        color: $dangerButtonTextActiveColor;
-        border-color: $dangerButtonActiveBorderColor;
-    }
-
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $dangerButtonBg;
-        border: $outlinedButtonBorder;
-
-        &:not(:disabled):hover {
-            background: rgba($dangerButtonBg, $textButtonHoverBgOpacity);
-            color: $dangerButtonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($dangerButtonBg, $textButtonActiveBgOpacity);
-            color: $dangerButtonBg;
-            border: $outlinedButtonBorder;
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $dangerButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($dangerButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $dangerButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($dangerButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $dangerButtonBg;
-        }
-    }
-}
-
-.p-button.p-button-link {
-    color: $linkButtonColor;
-    background: transparent;
-    border: transparent;
-
-    &:not(:disabled):hover {
-        background:  transparent;
-        color: $linkButtonHoverColor;
-        border-color:  transparent;
-
-        .p-button-label {
-            text-decoration: $linkButtonTextHoverDecoration;
-        }
-    }
-
-    &:not(:disabled):focus {
-        background: transparent;
-        box-shadow: $linkButtonFocusShadow;
-        border-color:  transparent;
-    }
-
-    &:not(:disabled):active {
-        background:  transparent;
-        color: $linkButtonColor;
-        border-color:  transparent;
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/button/_speeddial.scss b/packages/theme/src/azion/theme-base/components/button/_speeddial.scss
deleted file mode 100644
index ef2d627b1..000000000
--- a/packages/theme/src/azion/theme-base/components/button/_speeddial.scss
+++ /dev/null
@@ -1,97 +0,0 @@
-@use 'sass:math';
-
-.p-speeddial-button {
-    &.p-button.p-button-icon-only {
-        width: $speedDialButtonWidth;
-        height: $speedDialButtonHeight;
-
-        .p-button-icon {
-            font-size: $speedDialButtonIconFontSize;
-        }
-
-        .p-icon {
-            width: $speedDialButtonIconFontSize;
-            height: $speedDialButtonIconFontSize;
-        }
-    }
-}
-
-.p-speeddial-list {
-    outline: 0 none;
-}
-
-.p-speeddial-item {
-    &.p-focus > .p-speeddial-action {
-        @include focused();
-    }
-}
-
-.p-speeddial-action {
-    width: $speedDialActionWidth;
-    height: $speedDialActionHeight;
-    background: $speedDialActionBg;
-    color: $speedDialActionTextColor;
-
-    &:hover {
-        background: $speedDialActionHoverBg;
-        color: $speedDialActionTextHoverColor;
-    }
-}
-
-.p-speeddial-direction-up {
-    .p-speeddial-item {
-        margin: math.div($inlineSpacing, 2) 0;
-
-        &:first-child {
-            margin-bottom: $inlineSpacing;
-        }
-    }
-}
-
-.p-speeddial-direction-down {
-    .p-speeddial-item {
-        margin: math.div($inlineSpacing, 2) 0;
-
-        &:first-child {
-            margin-top: $inlineSpacing;
-        }
-    }
-}
-
-.p-speeddial-direction-left {
-    .p-speeddial-item {
-        margin: 0 math.div($inlineSpacing, 2);
-
-        &:first-child {
-            margin-right: $inlineSpacing;
-        }
-    }
-}
-
-.p-speeddial-direction-right {
-    .p-speeddial-item {
-        margin: 0 math.div($inlineSpacing, 2);
-
-        &:first-child {
-            margin-left: $inlineSpacing;
-        }
-    }
-}
-
-.p-speeddial-circle,
-.p-speeddial-semi-circle,
-.p-speeddial-quarter-circle {
-    .p-speeddial-item {
-        margin: 0;
-
-        &:first-child,
-        &:last-child {
-            margin: 0;
-        }
-    }
-}
-
-.p-speeddial-mask {
-    background-color: $maskBg;
-    border-radius: $borderRadius;
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/button/_splitbutton.scss b/packages/theme/src/azion/theme-base/components/button/_splitbutton.scss
deleted file mode 100644
index a33b0e0ec..000000000
--- a/packages/theme/src/azion/theme-base/components/button/_splitbutton.scss
+++ /dev/null
@@ -1,390 +0,0 @@
-.p-splitbutton {
-    border-radius: $borderRadius;
-
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $buttonBg;
-            border: $outlinedButtonBorder;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($buttonBg, $textButtonHoverBgOpacity);
-                    color: $buttonBg;
-                }
-
-                &:active {
-                    background: rgba($buttonBg, $textButtonActiveBgOpacity);
-                    color: $buttonBg;
-                }
-            }
-        }
-
-        &.p-button-plain {
-            > .p-button {
-                color: $plainButtonTextColor;
-                border-color: $plainButtonTextColor;
-
-                @include button-states {
-                    &:hover {
-                        background: $plainButtonHoverBgColor;
-                        color: $plainButtonTextColor;
-                    }
-            
-                    &:active {
-                        background: $plainButtonActiveBgColor;
-                        color: $plainButtonTextColor;
-                    }
-                }
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $buttonBg;
-            border-color: transparent;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($buttonBg, $textButtonHoverBgOpacity);
-                    color: $buttonBg;
-                    border-color: transparent;
-                }
-
-                &:active {
-                    background: rgba($buttonBg, $textButtonActiveBgOpacity);
-                    color: $buttonBg;
-                    border-color: transparent;
-                }
-            }
-        }
-
-        &.p-button-plain {
-            > .p-button {
-                color: $plainButtonTextColor;
-
-                @include button-states {
-                    &:hover {
-                        background: $plainButtonHoverBgColor;
-                        color: $plainButtonTextColor;
-                    }
-            
-                    &:active {
-                        background: $plainButtonActiveBgColor;
-                        color: $plainButtonTextColor;
-                    }
-                }
-            }
-        }
-    }
-
-
-    &.p-button-raised {
-        box-shadow: $raisedButtonShadow;
-    }
-
-    &.p-button-rounded {
-        border-radius: $roundedButtonBorderRadius;
-
-        > .p-button {
-            border-radius: $roundedButtonBorderRadius;
-        }
-    }
-
-    &.p-button-sm {
-        > .p-button {
-            @include scaledFontSize($fontSize, $scaleSM);
-            @include scaledPadding($buttonPadding, $scaleSM);
-
-            .p-button-icon {
-                @include scaledFontSize($primeIconFontSize, $scaleSM);
-            }
-        }
-    }
-
-    &.p-button-lg {
-        > .p-button {
-            @include scaledFontSize($fontSize, $scaleLG);
-            @include scaledPadding($buttonPadding, $scaleLG);
-
-            &.p-button-icon-only {
-                width: auto;
-            }
-
-            .p-button-icon {
-                @include scaledFontSize($primeIconFontSize, $scaleLG);
-            }
-
-            .p-icon {
-                width: $primeIconFontSize * $scaleLG;
-                height: $primeIconFontSize * $scaleLG;
-            }
-        }
-    }
-}
-
-.p-splitbutton.p-button-secondary {    
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $secondaryButtonBg;
-            border: $outlinedButtonBorder;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
-                    color: $secondaryButtonBg;
-                }
-
-                &:active {
-                    background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
-                    color: $secondaryButtonBg;
-                }
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $secondaryButtonBg;
-            border-color: transparent;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
-                    border-color: transparent;
-                    color: $secondaryButtonBg;
-                }
-
-                &:active {
-                    background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
-                    border-color: transparent;
-                    color: $secondaryButtonBg;
-                }
-            }
-        }
-    }
-}
-
-.p-splitbutton.p-button-info {
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $infoButtonBg;
-            border: $outlinedButtonBorder;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($infoButtonBg, $textButtonHoverBgOpacity);
-                    color: $infoButtonBg;
-                }
-
-                &:active {
-                    background: rgba($infoButtonBg, $textButtonActiveBgOpacity);
-                    color: $infoButtonBg;
-                }
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $infoButtonBg;
-            border-color: transparent;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($infoButtonBg, $textButtonHoverBgOpacity);
-                    border-color: transparent;
-                    color: $infoButtonBg;
-                }
-
-                &:active {
-                    background: rgba($infoButtonBg, $textButtonActiveBgOpacity);
-                    border-color: transparent;
-                    color: $infoButtonBg;
-                }
-            }
-        }
-    }
-}
-
-.p-splitbutton.p-button-success {
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $successButtonBg;
-            border: $outlinedButtonBorder;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($successButtonBg, $textButtonHoverBgOpacity);
-                    color: $successButtonBg;
-                }
-
-                &:active {
-                    background: rgba($successButtonBg, $textButtonActiveBgOpacity);
-                    color: $successButtonBg;
-                }
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $successButtonBg;
-            border-color: transparent;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($successButtonBg, $textButtonHoverBgOpacity);
-                    border-color: transparent;
-                    color: $successButtonBg;
-                }
-
-                &:active {
-                    background: rgba($successButtonBg, $textButtonActiveBgOpacity);
-                    border-color: transparent;
-                    color: $successButtonBg;
-                }
-            }
-        }
-    }
-}
-
-.p-splitbutton.p-button-warning {
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $warningButtonBg;
-            border: $outlinedButtonBorder;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($warningButtonBg, $textButtonHoverBgOpacity);
-                    color: $warningButtonBg;
-                }
-
-                &:active {
-                    background: rgba($warningButtonBg, $textButtonActiveBgOpacity);
-                    color: $warningButtonBg;
-                }
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $warningButtonBg;
-            border-color: transparent;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($warningButtonBg, $textButtonHoverBgOpacity);
-                    border-color: transparent;
-                    color: $warningButtonBg;
-                }
-
-                &:active {
-                    background: rgba($warningButtonBg, $textButtonActiveBgOpacity);
-                    border-color: transparent;
-                    color: $warningButtonBg;
-                }
-            }
-        }
-    }
-}
-
-.p-splitbutton.p-button-help {
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $helpButtonBg;
-            border: $outlinedButtonBorder;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($helpButtonBg, $textButtonHoverBgOpacity);
-                    color: $helpButtonBg;
-                }
-
-                &:active {
-                    background: rgba($helpButtonBg, $textButtonActiveBgOpacity);
-                    color: $helpButtonBg;
-                }
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $helpButtonBg;
-            border-color: transparent;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($helpButtonBg, $textButtonHoverBgOpacity);
-                    border-color: transparent;
-                    color: $helpButtonBg;
-                }
-
-                &:active {
-                    background: rgba($helpButtonBg, $textButtonActiveBgOpacity);
-                    border-color: transparent;
-                    color: $helpButtonBg;
-                }
-            }
-        }
-    }
-}
-
-.p-splitbutton.p-button-danger {
-    &.p-button-outlined {
-        > .p-button {
-            background-color: transparent;
-            color: $dangerButtonBg;
-            border: $outlinedButtonBorder;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($dangerButtonBg, $textButtonHoverBgOpacity);
-                    color: $dangerButtonBg;
-                }
-
-                &:active {
-                    background: rgba($dangerButtonBg, $textButtonActiveBgOpacity);
-                    color: $dangerButtonBg;
-                }
-            }
-        }
-    }
-
-    &.p-button-text {
-        > .p-button {
-            background-color: transparent;
-            color: $dangerButtonBg;
-            border-color: transparent;
-
-            @include button-states {
-                &:hover {
-                    background: rgba($dangerButtonBg, $textButtonHoverBgOpacity);
-                    border-color: transparent;
-                    color: $dangerButtonBg;
-                }
-
-                &:active {
-                    background: rgba($dangerButtonBg, $textButtonActiveBgOpacity);
-                    border-color: transparent;
-                    color: $dangerButtonBg;
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/data/_carousel.scss b/packages/theme/src/azion/theme-base/components/data/_carousel.scss
deleted file mode 100644
index 87c56530f..000000000
--- a/packages/theme/src/azion/theme-base/components/data/_carousel.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-.p-carousel {
-    .p-carousel-content {
-        .p-carousel-prev,
-        .p-carousel-next {
-            @include action-icon();
-            margin: $inlineSpacing;
-        }
-    }
-
-    .p-carousel-indicators {
-        padding: $carouselIndicatorsPadding;
-
-        .p-carousel-indicator {
-            margin-right: $inlineSpacing;
-            margin-bottom: $inlineSpacing;
-           
-            button {
-                background-color: $carouselIndicatorBg;
-                width: $carouselIndicatorWidth;
-                height: $carouselIndicatorHeight;
-                transition: $actionIconTransition;
-                border-radius: $carouselIndicatorBorderRadius;
-
-                &:hover {
-                    background: $carouselIndicatorHoverBg;
-                }
-            }
-
-            &.p-highlight {
-                button {
-                    background: $highlightBg;
-                    color: $highlightTextColor;
-                }
-            }
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/data/_datatable.scss b/packages/theme/src/azion/theme-base/components/data/_datatable.scss
deleted file mode 100644
index 50382a786..000000000
--- a/packages/theme/src/azion/theme-base/components/data/_datatable.scss
+++ /dev/null
@@ -1,347 +0,0 @@
-.p-datatable {
-    .p-paginator-top {
-        border-width: $tableTopPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-paginator-bottom {
-        border-width: $tableBottomPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-datatable-header {
-        background: $tableHeaderBg;
-        color: $tableHeaderTextColor;
-        border: $tableHeaderBorder;
-        border-width: $tableHeaderBorderWidth;
-        padding: $tableHeaderPadding;
-        font-weight: $tableHeaderFontWeight;
-    }
-
-    .p-datatable-footer {
-        background: $tableFooterBg;
-        color: $tableFooterTextColor;
-        border: $tableFooterBorder;
-        border-width: $tableFooterBorderWidth;
-        padding: $tableFooterPadding;
-        font-weight: $tableFooterFontWeight;
-    }
-
-    .p-datatable-thead > tr > th {
-        text-align: $tableCellContentAlignment;
-        padding: $tableHeaderCellPadding;
-        border: $tableHeaderCellBorder;
-        border-width: $tableHeaderCellBorderWidth;
-        font-weight: $tableHeaderCellFontWeight;
-        color: $tableHeaderCellTextColor;
-        background: $tableHeaderCellBg;
-        transition: $listItemTransition;
-    }
-
-    .p-datatable-tfoot > tr > td {
-        text-align: $tableCellContentAlignment;
-        padding: $tableFooterCellPadding;
-        border: $tableFooterCellBorder;
-        border-width: $tableFooterCellBorderWidth;
-        font-weight: $tableFooterCellFontWeight;
-        color: $tableFooterCellTextColor;
-        background: $tableFooterCellBg;
-    }
-
-    .p-sortable-column {
-        .p-sortable-column-icon {
-            color: $tableHeaderCellIconColor;
-            margin-left: $inlineSpacing;
-        }
-
-        .p-sortable-column-badge {
-            border-radius: 50%;
-            height: $tableSortableColumnBadgeSize;
-            min-width: $tableSortableColumnBadgeSize;
-            line-height: $tableSortableColumnBadgeSize;
-            color: $highlightTextColor;
-            background: $highlightBg;
-            margin-left: $inlineSpacing;
-        }
-
-        &:not(.p-highlight):hover {
-            background: $tableHeaderCellHoverBg;
-            color: $tableHeaderCellTextHoverColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellIconHoverColor;
-            }
-        }
-
-        &.p-highlight {
-            background: $tableHeaderCellHighlightBg;
-            color: $tableHeaderCellHighlightTextColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellHighlightTextColor;
-            }
-
-            &:hover {
-                background: $tableHeaderCellHighlightHoverBg;
-                color: $tableHeaderCellHighlightTextColor;
-    
-                .p-sortable-column-icon {
-                    color: $tableHeaderCellHighlightTextColor;
-                }
-            }
-        }
-
-        &:focus-visible {
-            box-shadow: $inputListItemFocusShadow;
-            outline: 0 none;
-        }
-    }
-
-    .p-datatable-tbody {
-        > tr {
-            background: $tableBodyRowBg;
-            color: $tableBodyRowTextColor;
-            transition: $listItemTransition;
-
-            > td {
-                text-align: $tableCellContentAlignment;
-                border: $tableBodyCellBorder;
-                border-width: $tableBodyCellBorderWidth;
-                padding: $tableBodyCellPadding;
-
-                .p-row-toggler,
-                .p-row-editor-init,
-                .p-row-editor-save,
-                .p-row-editor-cancel {
-                    @include action-icon();
-                }
-
-                .p-row-editor-save {
-                    margin-right: $inlineSpacing;
-                }
-
-                > .p-column-title {
-                    font-weight: $tableHeaderCellFontWeight;
-                }
-            }
-
-            &:focus-visible {
-                outline: 0.15rem solid $focusOutlineColor;
-                outline-offset: -0.15rem;
-            }
-
-            &.p-highlight {
-                background: $highlightBg;
-                color: $highlightTextColor;
-            }
-
-            &.p-highlight-contextmenu {
-                outline: 0.15rem solid $focusOutlineColor;
-                outline-offset: -0.15rem;
-            }
-
-            &.p-datatable-dragpoint-top > td {
-                box-shadow: inset 0 2px 0 0 $highlightBg;
-            }
-
-            &.p-datatable-dragpoint-bottom > td {
-                box-shadow: inset 0 -2px 0 0 $highlightBg;
-            }
-        }
-    }
-
-    &.p-datatable-hoverable-rows {
-        .p-datatable-tbody > tr:not(.p-highlight):hover {
-            background: $tableBodyRowHoverBg;
-            color: $tableBodyRowTextHoverColor;
-        }
-    }
-
-    .p-column-resizer-helper {
-        background: $tableResizerHelperBg;
-    }
-
-    &.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table,
-    &.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table {
-        > .p-datatable-thead,
-        > .p-datatable-tfoot {
-            background-color: $tableHeaderCellBg;
-        }
-    }
-
-    .p-datatable-loading-icon {
-        font-size: $loadingIconFontSize;
-
-        &.p-icon {
-            width:  $loadingIconFontSize;
-            height: $loadingIconFontSize;
-        }
-    }
-
-    &.p-datatable-gridlines {
-        .p-datatable-header {
-            border-width: 1px 1px 0 1px;
-        }
-
-        .p-datatable-footer {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-paginator-top {
-            border-width: 0 1px 0 1px;
-        }
-
-        .p-paginator-bottom {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-datatable-thead {
-            > tr {
-                > th {
-                    border-width: 1px 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 1px;
-                    }
-                }
-            }
-        }
-
-        .p-datatable-tbody {
-            > tr {
-                > td {
-                    border-width: 1px 0 0 1px;
-
-                    &:last-child {
-                        border-width: 1px 1px 0 1px;
-                    }
-                }
-
-                &:last-child {
-                    > td {
-                        border-width: 1px 0 1px 1px;
-
-                        &:last-child {
-                            border-width: 1px;
-                        }
-                    }
-                }
-            }
-        }
-
-        .p-datatable-tfoot {
-            > tr {
-                > td {
-                    border-width: 1px 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 1px 1px 1px 1px;
-                    }
-                }
-            }
-        }
-
-        .p-datatable-thead + .p-datatable-tfoot {
-            > tr {
-                > td {
-                    border-width: 0 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 0 1px 1px 1px;
-                    }
-                }
-            }
-        }
-
-        &:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody {
-            > tr {
-                > td {
-                    border-width: 0 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 0 1px 1px 1px;
-                    }
-                }
-            }
-        }
-
-        &:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody {
-            > tr {
-                &:last-child {
-                    > td {
-                        border-width: 0 0 0 1px;
-
-                        &:last-child {
-                            border-width: 0 1px 0 1px;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    &.p-datatable-striped {
-        .p-datatable-tbody {
-            > tr:nth-child(even) {
-                background: $tableBodyRowEvenBg;
-    
-                &.p-highlight {
-                    background: $highlightBg;
-                    color: $highlightTextColor;
-    
-                    .p-row-toggler {
-                        color: $highlightTextColor;
-    
-                        &:hover {
-                            color: $highlightTextColor;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    &.p-datatable-sm {
-        .p-datatable-header {
-            @include scaledPadding($tableHeaderPadding, $tableScaleSM);
-        }
-
-        .p-datatable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
-        }
-
-        .p-datatable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleSM);
-        }
-
-        .p-datatable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-
-        .p-datatable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-    }
-
-    &.p-datatable-lg {
-        .p-datatable-header {
-            @include scaledPadding($tableHeaderPadding, $tableScaleLG);
-        }
-
-        .p-datatable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleLG);
-        }
-
-        .p-datatable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleLG);
-        }
-
-        .p-datatable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-
-        .p-datatable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/data/_dataview.scss b/packages/theme/src/azion/theme-base/components/data/_dataview.scss
deleted file mode 100644
index ba9a14cab..000000000
--- a/packages/theme/src/azion/theme-base/components/data/_dataview.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-.p-dataview {
-    .p-paginator-top {
-        border-width: $tableTopPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-paginator-bottom {
-        border-width: $tableBottomPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-dataview-header {
-        background: $tableHeaderBg;
-        color: $tableHeaderTextColor;
-        border: $tableHeaderBorder;
-        border-width: $tableHeaderBorderWidth;
-        padding: $tableHeaderPadding;
-        font-weight: $tableHeaderFontWeight;
-    }
-
-    .p-dataview-content {
-        background: $tableBodyRowBg;
-        color: $tableBodyRowTextColor;
-        border: $dataViewContentBorder;
-        padding: $dataViewContentPadding;
-    }
-
-    &.p-dataview-list {
-        .p-dataview-content {
-            > .p-grid > div {
-                border: $dataViewListItemBorder;
-                border-width: $dataViewListItemBorderWidth;
-            }
-        }
-    }
-
-    .p-dataview-footer {
-        background: $tableFooterBg;
-        color: $tableFooterTextColor;
-        border: $tableFooterBorder;
-        border-width: $tableFooterBorderWidth;
-        padding: $tableFooterPadding;
-        font-weight: $tableFooterFontWeight;
-        border-bottom-left-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/data/_filter.scss b/packages/theme/src/azion/theme-base/components/data/_filter.scss
deleted file mode 100644
index 8eb91b74f..000000000
--- a/packages/theme/src/azion/theme-base/components/data/_filter.scss
+++ /dev/null
@@ -1,138 +0,0 @@
-.p-column-filter-row {
-    .p-column-filter-menu-button,
-    .p-column-filter-clear-button {
-        margin-left: $inlineSpacing;
-    }
-}
-
-.p-column-filter-menu-button {
-    width: $actionIconWidth;
-    height: $actionIconHeight;
-    color: $actionIconColor;
-    border: $actionIconBorder;
-    background: $actionIconBg;
-    border-radius: $actionIconBorderRadius;
-    transition: $actionIconTransition;
-
-    &:hover {
-        color: $actionIconHoverColor;
-        border-color: $actionIconHoverBorderColor;
-        background: $actionIconHoverBg;
-    }
-
-    &.p-column-filter-menu-button-open,
-    &.p-column-filter-menu-button-open:hover {
-        background: $actionIconHoverBg;
-        color: $actionIconHoverColor;
-    }
-
-    &.p-column-filter-menu-button-active,
-    &.p-column-filter-menu-button-active:hover {
-        background: $highlightBg;
-        color: $highlightTextColor;
-    }
-
-    &:focus-visible {
-        @include focused();
-    }
-
-}
-
-.p-column-filter-clear-button {
-    width: $actionIconWidth;
-    height: $actionIconHeight;
-    color: $actionIconColor;
-    border: $actionIconBorder;
-    background: $actionIconBg;
-    border-radius: $actionIconBorderRadius;
-    transition: $actionIconTransition;
-
-    &:hover {
-        color: $actionIconHoverColor;
-        border-color: $actionIconHoverBorderColor;
-        background: $actionIconHoverBg;
-    }
-
-    &:focus-visible {
-        @include focused();
-    }
-}
-
-.p-column-filter-overlay {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-    min-width: $menuWidth;
-
-    .p-column-filter-row-items {
-        padding: $inputListPadding;
-
-        .p-column-filter-row-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-
-            &:not(.p-highlight):not(.p-disabled):hover {
-                color: $inputListItemTextHoverColor;
-                background: $inputListItemHoverBg;
-            }
-
-            &:focus-visible {
-                @include focused-listitem();
-            }
-        }
-
-        .p-column-filter-separator {
-            border-top: $divider;
-            margin: $menuSeparatorMargin;
-        }
-    }
-}
-
-.p-column-filter-overlay-menu {
-    .p-column-filter-operator {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputOverlayHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-    }
-
-    .p-column-filter-constraint {
-        padding: $panelContentPadding;
-        border-bottom: $divider;
-
-        .p-column-filter-matchmode-dropdown {
-            margin-bottom: $inlineSpacing;
-        }
-
-        .p-column-filter-remove-button {
-            margin-top: $inlineSpacing;
-        }
-
-        &:last-child {
-            border-bottom: 0 none;
-        }
-    }
-
-    .p-column-filter-add-rule {
-        padding: $panelFooterPadding;
-    }
-
-    .p-column-filter-buttonbar {
-        padding: $panelContentPadding;
-    } 
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/data/_orderlist.scss b/packages/theme/src/azion/theme-base/components/data/_orderlist.scss
deleted file mode 100644
index 9410e0718..000000000
--- a/packages/theme/src/azion/theme-base/components/data/_orderlist.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-.p-orderlist {
-    .p-orderlist-controls {
-        padding: $panelContentPadding;
-
-        .p-button {
-            margin-bottom: $inlineSpacing;
-        }
-    }
-
-    .p-orderlist-header {
-        background: $panelHeaderBg;
-        color: $panelHeaderTextColor;
-        border: $panelHeaderBorder;
-        padding: $panelHeaderPadding;
-        font-weight: $panelHeaderFontWeight;
-        border-bottom: 0 none;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-    }
-
-    .p-orderlist-list {
-        border: $panelContentBorder;
-        background: $panelContentBg;
-        color: $panelContentTextColor;
-        padding: $inputListPadding;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-        outline: 0 none;
-
-        .p-orderlist-item {
-            padding: $inputListItemPadding;
-            margin: $inputListItemMargin;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: transform $transitionDuration, $listItemTransition;
-
-            &:not(.p-highlight):hover {
-                background: $inputListItemHoverBg;
-                color: $inputListItemTextHoverColor;
-            }
-
-            &.p-focus {
-                color: $inputListItemTextFocusColor;
-                background: $inputListItemFocusBg;
-            }
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-        }
-    }
-
-    &.p-orderlist-striped {
-        .p-orderlist-list {
-            .p-orderlist-item:nth-child(even) {
-                background: $panelContentEvenRowBg;
-
-                &:hover {
-                    background: $inputListItemHoverBg;
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/data/_organizationchart.scss b/packages/theme/src/azion/theme-base/components/data/_organizationchart.scss
deleted file mode 100644
index 64614560f..000000000
--- a/packages/theme/src/azion/theme-base/components/data/_organizationchart.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-.p-organizationchart {
-    .p-organizationchart-node-content {
-        &.p-organizationchart-selectable-node:not(.p-highlight):hover {
-            background: $inputListItemHoverBg;
-            color: $inputListItemTextHoverColor;
-        }
-
-        &.p-highlight {
-            background: $highlightBg;
-            color: $highlightTextColor;
-
-            .p-node-toggler {
-                i {
-                  color: $highlightBg
-                }
-            }
-        }
-    }
-
-    .p-organizationchart-line-down {
-        background: $organizationChartConnectorColor;
-    }
-
-    .p-organizationchart-line-left {
-        border-right: $panelContentBorder;
-        border-color: $organizationChartConnectorColor;
-    }
-
-    .p-organizationchart-line-top {
-        border-top: $panelContentBorder;
-        border-color: $organizationChartConnectorColor;
-    }
-
-    .p-organizationchart-node-content {
-        border: $panelContentBorder;
-        background: $panelContentBg;
-        color: $panelContentTextColor;
-        padding: $panelContentPadding;
-    }
-
-    .p-organizationchart-node-content .p-node-toggler {
-        background: inherit;
-        color: inherit;
-        border-radius: 50%;
-
-        &:focus-visible {
-            @include focused();
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/data/_paginator.scss b/packages/theme/src/azion/theme-base/components/data/_paginator.scss
deleted file mode 100644
index eb3b52f93..000000000
--- a/packages/theme/src/azion/theme-base/components/data/_paginator.scss
+++ /dev/null
@@ -1,92 +0,0 @@
-.p-paginator {
-    background: $paginatorBg;
-    color: $paginatorTextColor;
-    border: $paginatorBorder;
-    border-width: $paginatorBorderWidth;
-    padding: $paginatorPadding;
-    border-radius: $borderRadius;
-
-    .p-paginator-first,
-    .p-paginator-prev,
-    .p-paginator-next,
-    .p-paginator-last {
-        background-color: $paginatorElementBg;
-        border: $paginatorElementBorder;
-        color: $paginatorElementIconColor;
-        min-width: $paginatorElementWidth;
-        height: $paginatorElementHeight;
-        margin: $paginatorElementMargin;
-        transition: $listItemTransition;
-        border-radius: $paginatorElementBorderRadius;
-
-        &:not(.p-disabled):not(.p-highlight):hover {
-            background: $paginatorElementHoverBg;
-            border-color: $paginatorElementHoverBorderColor;
-            color: $paginatorElementIconHoverColor;
-        }
-    }
-
-    .p-paginator-first {
-        border-top-left-radius: $paginatorElementBorderRadius;
-        border-bottom-left-radius: $paginatorElementBorderRadius;
-    }
-    
-    .p-paginator-last {
-        border-top-right-radius: $paginatorElementBorderRadius;
-        border-bottom-right-radius: $paginatorElementBorderRadius;
-    }
-
-    .p-dropdown {
-        margin-left: $inlineSpacing;
-        margin-right: $inlineSpacing;
-        height: $paginatorElementHeight;
-
-        .p-dropdown-label {
-            padding-right: 0;
-        }
-    }
-
-    .p-paginator-page-input {
-        margin-left: $inlineSpacing;
-        margin-right: $inlineSpacing;
-
-        .p-inputtext {
-            max-width: $paginatorElementWidth;
-        }
-    }
-
-    .p-paginator-current {
-        background-color: $paginatorElementBg;
-        border: $paginatorElementBorder;
-        color: $paginatorElementIconColor;
-        min-width: $paginatorElementWidth;
-        height: $paginatorElementHeight;
-        margin: $paginatorElementMargin;
-        padding: 0 $inlineSpacing;
-    }
-
-    .p-paginator-pages {
-        .p-paginator-page {
-            background-color: $paginatorElementBg;
-            border: $paginatorElementBorder;
-            color: $paginatorElementIconColor;
-            min-width: $paginatorElementWidth;
-            height: $paginatorElementHeight;
-            margin: $paginatorElementMargin;
-            transition: $listItemTransition;
-            border-radius: $paginatorElementBorderRadius;
-
-            &.p-highlight {
-                background: $highlightBg;
-                border-color: $highlightBg;
-                color: $highlightTextColor;
-            }
-
-            &:not(.p-highlight):hover {
-                background: $paginatorElementHoverBg;
-                border-color: $paginatorElementHoverBorderColor;
-                color: $paginatorElementIconHoverColor;
-            }
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/data/_picklist.scss b/packages/theme/src/azion/theme-base/components/data/_picklist.scss
deleted file mode 100644
index 8ad0f7119..000000000
--- a/packages/theme/src/azion/theme-base/components/data/_picklist.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-.p-picklist {
-    .p-picklist-buttons {
-        padding: $panelContentPadding;
-
-        .p-button {
-            margin-bottom: $inlineSpacing;
-        }
-    }
-
-    .p-picklist-header {
-        background: $panelHeaderBg;
-        color: $panelHeaderTextColor;
-        border: $panelHeaderBorder;
-        padding: $panelHeaderPadding;
-        font-weight: $panelHeaderFontWeight;
-        border-bottom: 0 none;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-    }
-
-    .p-picklist-list {
-        border: $panelContentBorder;
-        background: $panelContentBg;
-        color: $panelContentTextColor;
-        padding: $inputListPadding;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-        outline: 0 none;
-
-        .p-picklist-item {
-            padding: $inputListItemPadding;
-            margin: $inputListItemMargin;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: transform $transitionDuration, $listItemTransition;
-
-            &:not(.p-highlight):hover {
-                background: $inputListItemHoverBg;
-                color: $inputListItemTextHoverColor;
-            }
-
-            &.p-focus {
-                color: $inputListItemTextFocusColor;
-                background: $inputListItemFocusBg;
-            }
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-        }
-    }
-
-    &.p-picklist-striped {
-        .p-picklist-list {
-            .p-picklist-item:nth-child(even) {
-                background: $panelContentEvenRowBg;
-
-                &:hover {
-                    background: $inputListItemHoverBg;
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/data/_timeline.scss b/packages/theme/src/azion/theme-base/components/data/_timeline.scss
deleted file mode 100644
index 5767491d5..000000000
--- a/packages/theme/src/azion/theme-base/components/data/_timeline.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-.p-timeline {
-    .p-timeline-event-marker {
-        border: $timelineEventMarkerBorder; 
-        border-radius: $timelineEventMarkerBorderRadius;
-        width: $timelineEventMarkerWidth;
-        height: $timelineEventMarkerHeight;
-        background-color: $timelineEventMarkerBackground;
-    }
-
-    .p-timeline-event-connector {
-        background-color: $timelineEventColor;
-    }
-
-    &.p-timeline-vertical {
-        .p-timeline-event-opposite,
-        .p-timeline-event-content  {
-            padding: $timelineVerticalEventContentPadding;
-        }
-
-        .p-timeline-event-connector {
-            width: $timelineEventConnectorSize;
-        }
-    }
-
-    &.p-timeline-horizontal {
-        .p-timeline-event-opposite,
-        .p-timeline-event-content  {
-            padding: $timelineHorizontalEventContentPadding;
-        }
-
-        .p-timeline-event-connector {
-            height: $timelineEventConnectorSize;
-        }
-    }
-}
-
-
-
diff --git a/packages/theme/src/azion/theme-base/components/data/_tree.scss b/packages/theme/src/azion/theme-base/components/data/_tree.scss
deleted file mode 100644
index 59177a9d5..000000000
--- a/packages/theme/src/azion/theme-base/components/data/_tree.scss
+++ /dev/null
@@ -1,90 +0,0 @@
-.p-tree {
-    border: $panelContentBorder;
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    padding: $panelContentPadding;
-    border-radius: $borderRadius;
-
-    .p-tree-container {
-        .p-treenode {
-            padding: $treeNodePadding;
-            outline: 0 none;
-
-            &:focus > .p-treenode-content {
-                @include focused-listitem();
-            }
-
-            .p-treenode-content {
-                border-radius: $borderRadius;
-                transition: $listItemTransition;
-                padding: $treeNodeContentPadding;
-
-                .p-tree-toggler {
-                    margin-right: $inlineSpacing;
-                    @include action-icon();
-                }
-
-                .p-treenode-icon {
-                    margin-right: $inlineSpacing;
-                    color: $treeNodeIconColor;
-                }
-
-                .p-checkbox {
-                    margin-right: $inlineSpacing;
-
-                    .p-indeterminate {
-                        .p-checkbox-icon {
-                            color: $textColor;
-                        }
-                    }
-                }
-
-                &.p-highlight {
-                    background: $highlightBg;
-                    color: $highlightTextColor;
-
-                    .p-tree-toggler,
-                    .p-treenode-icon {
-                        color: $highlightTextColor;
-
-                        &:hover {
-                            color: $highlightTextColor;
-                        }
-                    }
-                }
-
-                &.p-treenode-selectable:not(.p-highlight):hover {
-                    background: $inputListItemHoverBg;
-                    color: $inputListItemTextHoverColor;
-                }
-            }
-        }
-    }
-
-    .p-tree-filter-container {
-        margin-bottom: $inlineSpacing;
-
-        .p-tree-filter {
-            width: 100%;
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-        }
-
-        .p-tree-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
-        }
-    }
-
-    .p-treenode-children {
-        padding: $treeNodeChildrenPadding;
-    }
-
-    .p-tree-loading-icon {
-        font-size: $loadingIconFontSize;
-
-        &.p-icon {
-            width:  $loadingIconFontSize;
-            height: $loadingIconFontSize;
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/data/_treetable.scss b/packages/theme/src/azion/theme-base/components/data/_treetable.scss
deleted file mode 100644
index 770bd7c1a..000000000
--- a/packages/theme/src/azion/theme-base/components/data/_treetable.scss
+++ /dev/null
@@ -1,251 +0,0 @@
-.p-treetable {
-    .p-paginator-top {
-        border-width: $tableTopPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-paginator-bottom {
-        border-width: $tableBottomPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-treetable-header {
-        background: $tableHeaderBg;
-        color: $tableHeaderTextColor;
-        border: $tableHeaderBorder;
-        border-width: $tableHeaderBorderWidth;
-        padding: $tableHeaderPadding;
-        font-weight: $tableHeaderFontWeight;
-    }
-
-    .p-treetable-footer {
-        background: $tableFooterBg;
-        color: $tableFooterTextColor;
-        border: $tableFooterBorder;
-        border-width: $tableFooterBorderWidth;
-        padding: $tableFooterPadding;
-        font-weight: $tableFooterFontWeight;
-    }
-
-    .p-treetable-thead > tr > th {
-        text-align: $tableCellContentAlignment;
-        padding: $tableHeaderCellPadding;
-        border: $tableHeaderCellBorder;
-        border-width: $tableHeaderCellBorderWidth;
-        font-weight: $tableHeaderCellFontWeight;
-        color: $tableHeaderCellTextColor;
-        background: $tableHeaderCellBg;
-        transition: $listItemTransition;
-    }
-
-    .p-treetable-tfoot > tr > td {
-        text-align: $tableCellContentAlignment;
-        padding: $tableFooterCellPadding;
-        border: $tableFooterCellBorder;
-        border-width: $tableFooterCellBorderWidth;
-        font-weight: $tableFooterCellFontWeight;
-        color: $tableFooterCellTextColor;
-        background: $tableFooterCellBg;
-    }
-
-    .p-sortable-column {
-        outline-color: $focusOutlineColor;
-
-        .p-sortable-column-icon {
-            color: $tableHeaderCellIconColor;
-            margin-left: $inlineSpacing;
-        }
-
-        .p-sortable-column-badge {
-            border-radius: 50%;
-            height: $tableSortableColumnBadgeSize;
-            min-width: $tableSortableColumnBadgeSize;
-            line-height: $tableSortableColumnBadgeSize;
-            color: $highlightTextColor;
-            background: $highlightBg;
-            margin-left: $inlineSpacing;
-        }
-
-        &:not(.p-highlight):hover {
-            background: $tableHeaderCellHoverBg;
-            color: $tableHeaderCellTextHoverColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellIconHoverColor;
-            }
-        }
-
-        &.p-highlight {
-            background: $tableHeaderCellHighlightBg;
-            color: $tableHeaderCellHighlightTextColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellHighlightTextColor;
-            }
-        }
-    }
-
-    .p-treetable-tbody {
-        > tr {
-            background: $tableBodyRowBg;
-            color: $tableBodyRowTextColor;
-            transition: $listItemTransition;
-
-            > td {
-                text-align: $tableCellContentAlignment;
-                border: $tableBodyCellBorder;
-                border-width: $tableBodyCellBorderWidth;
-                padding: $tableBodyCellPadding;
-
-                .p-treetable-toggler {
-                    @include action-icon();
-                    margin-right: $inlineSpacing;
-                    
-                    & + .p-checkbox {
-                        margin-right: $inlineSpacing;
-                        
-                        .p-indeterminate {
-                            .p-checkbox-icon {
-                                color: $textColor;
-                            }
-                        }
-                    }
-                }
-            }
-
-            &:focus-visible {
-                outline: 0.15rem solid $focusOutlineColor;
-                outline-offset: -0.15rem;
-            }
-
-            &.p-highlight {
-                background: $highlightBg;
-                color: $highlightTextColor;
-
-                .p-treetable-toggler {
-                    color: $highlightTextColor;
-
-                    &:hover {
-                        color: $highlightTextColor;
-                    }
-                    
-                }
-            }
-        }
-    }
-
-    &.p-treetable-hoverable-rows {
-        .p-treetable-tbody > tr:not(.p-highlight):hover {
-            background: $tableBodyRowHoverBg;
-            color: $tableBodyRowTextHoverColor;
-
-            .p-treetable-toggler {
-                color: $tableBodyRowTextHoverColor;
-            }
-        }
-    }
-
-    .p-column-resizer-helper {
-        background: $tableResizerHelperBg;
-    }
-
-    .p-treetable-scrollable-header,
-    .p-treetable-scrollable-footer {
-        background: $panelHeaderBg;
-    }
-
-    .p-treetable-loading-icon {
-        font-size: $loadingIconFontSize;
-
-        &.p-icon {
-            width:  $loadingIconFontSize;
-            height: $loadingIconFontSize;
-        }
-    }
-
-    &.p-treetable-gridlines {
-        .p-datatable-header {
-            border-width: 1px 1px 0 1px;
-        }
-
-        .p-treetable-footer {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-treetable-top {
-            border-width: 0 1px 0 1px;
-        }
-
-        .p-treetable-bottom {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-treetable-thead {
-            > tr {
-                > th {
-                    border-width: 1px;
-                }
-            }
-        }
-
-        .p-treetable-tbody {
-            > tr {
-                > td {
-                    border-width: 1px;
-                }
-            }
-        }
-
-        .p-treetable-tfoot {
-            > tr {
-                > td {
-                    border-width: 1px;
-                }
-            }
-        }
-    }
-
-    &.p-treetable-sm {
-        .p-treetable-header {
-            @include scaledPadding($tableHeaderPadding, $scaleSM);
-        }
-
-        .p-treetable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
-        }
-
-        .p-treetable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleSM);
-        }
-
-        .p-treetable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-
-        .p-treetable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-    }
-
-    &.p-treetable-lg {
-        .p-treetable-header {
-            @include scaledPadding($tableHeaderPadding, $tableScaleLG);
-        }
-
-        .p-treetable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleLG);
-        }
-
-        .p-treetable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleLG);
-        }
-
-        .p-treetable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-
-        .p-treetable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/file/_fileupload.scss b/packages/theme/src/azion/theme-base/components/file/_fileupload.scss
deleted file mode 100644
index 1ac6bac2f..000000000
--- a/packages/theme/src/azion/theme-base/components/file/_fileupload.scss
+++ /dev/null
@@ -1,82 +0,0 @@
-.p-fileupload {
-    .p-fileupload-buttonbar {
-        background: $panelHeaderBg;
-        padding: $panelHeaderPadding;
-        border: $panelHeaderBorder;
-        color: $panelHeaderTextColor;
-        border-bottom: 0 none;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-        gap: $inlineSpacing;
-
-        .p-button {
-            &.p-fileupload-choose.p-focus {
-                @include focused();
-            }
-        }
-    }
-
-    .p-fileupload-content {
-        background: $panelContentBg;
-        padding: $fileUploadContentPadding;
-        border: $panelContentBorder;
-        color: $panelContentTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-
-        &.p-fileupload-highlight {
-            border: $fileUploadContentHoverBorder;
-            background-color: $highlightBg;
-        }
-    }
-
-    .p-fileupload-file {
-        padding: $fileUploadFilePadding;
-        border: $fileUploadFileBorder;
-        border-radius: $borderRadius;
-        gap: $inlineSpacing;
-        margin-bottom: $inlineSpacing;
-
-        &:last-child {
-            margin-bottom: 0;
-        }
-    }
-
-    .p-fileupload-file-name {
-        margin-bottom: $inlineSpacing;
-    }
-
-    .p-fileupload-file-size {
-        margin-right: $inlineSpacing;
-    }
-
-    .p-progressbar {
-        height: $fileUploadProgressBarHeight;
-    }
-
-    .p-fileupload-row {
-        >div {
-            padding: $tableBodyCellPadding;
-        }
-    }
-
-    &.p-fileupload-advanced {
-        .p-message {
-            margin-top: 0;
-        }
-    }
-}
-
-.p-fileupload-choose {
-    &:not(.p-disabled):hover {
-        background: $buttonHoverBg;
-        color: $buttonTextHoverColor;
-        border-color: $buttonHoverBorderColor;
-    }
-
-    &:not(.p-disabled):active {
-        background: $buttonActiveBg;
-        color: $buttonTextActiveColor;
-        border-color: $buttonActiveBorderColor;
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_autocomplete.scss b/packages/theme/src/azion/theme-base/components/input/_autocomplete.scss
deleted file mode 100644
index ec03058dc..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_autocomplete.scss
+++ /dev/null
@@ -1,114 +0,0 @@
-@use 'sass:math';
-
-.p-autocomplete {
-    .p-autocomplete-loader {
-        right: nth($inputPadding, 2); 
-    }
-
-    &.p-autocomplete-dd {
-        .p-autocomplete-loader {
-            right: nth($inputPadding, 2) + $buttonIconOnlyWidth;
-        }
-    }
-
-    &:not(.p-disabled):hover {
-        .p-autocomplete-multiple-container {
-            border-color: $inputHoverBorderColor;
-        }
-    }
-
-    &:not(.p-disabled).p-focus {
-        .p-autocomplete-multiple-container {
-            @include focused-input();
-        }
-    }
-
-    .p-autocomplete-multiple-container {
-        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-        gap: $inlineSpacing;
-
-        .p-autocomplete-input-token {
-            padding: math.div(nth($inputPadding, 1), 2) 0;
-            
-            input {
-                font-family: var(--font-family);
-                font-feature-settings: var(--font-feature-settings, normal);
-                font-size: $inputTextFontSize;
-                color: $textColor;
-                padding: 0;
-                margin: 0;
-            }
-        }
-
-        .p-autocomplete-token {
-            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
-
-            .p-autocomplete-token-icon {
-                margin-left: $inlineSpacing;
-            }
-
-            &.p-focus {
-                background: $chipFocusBg;
-                color: $chipFocusTextColor;
-            }
-        }
-    }
-
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
-}
-
-.p-autocomplete-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-
-    .p-autocomplete-items {
-        padding: $inputListPadding;
-
-        .p-autocomplete-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextFocusColor;
-                    background: $inputListItemFocusBg;
-                }
-
-                &:hover {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-        }
-
-        .p-autocomplete-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_calendar.scss b/packages/theme/src/azion/theme-base/components/input/_calendar.scss
deleted file mode 100644
index d8ed9f50d..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_calendar.scss
+++ /dev/null
@@ -1,251 +0,0 @@
-.p-calendar {
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
-
-    &:not(.p-calendar-disabled).p-focus > .p-inputtext {
-        @include focused-input();
-    }
-}
-
-.p-datepicker {
-    padding: $calendarPadding;
-    background: $calendarInlineBg;
-    color: $calendarTextColor;
-    border: $calendarBorder;
-    border-radius: $borderRadius;
-
-    &:not(.p-datepicker-inline) {
-        background: $calendarBg;
-        border: $calendarOverlayBorder;
-        box-shadow: $inputOverlayShadow;
-
-        .p-datepicker-header {
-            background: $calendarHeaderBg;
-        }
-    }
-
-    .p-datepicker-header {
-        padding: $calendarHeaderPadding;
-        color: $calendarHeaderTextColor;
-        background: $calendarInlineHeaderBg;
-        font-weight: $calendarHeaderFontWeight;
-        margin: $inputListHeaderMargin;
-        border-bottom: $calendarHeaderBorder;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-datepicker-prev,
-        .p-datepicker-next {
-            @include action-icon();
-        }
-
-        .p-datepicker-title {
-            line-height: $actionIconHeight;
-
-            .p-datepicker-year,
-            .p-datepicker-month {
-                color: $calendarHeaderTextColor;
-                transition: $actionIconTransition;
-                font-weight: $calendarHeaderFontWeight;
-                padding: $calendarHeaderCellPadding;
-
-                &:enabled:hover {
-                    color: $calendarMonthYearHeaderHoverTextColor;
-                }
-            }
-
-            .p-datepicker-month {
-                margin-right: $inlineSpacing;
-            }
-        }
-    }
-
-    table {
-        font-size: $fontSize;
-        margin: $calendarTableMargin;
-
-        th {
-            padding: $calendarHeaderCellPadding;
-
-            > span {
-                width: $calendarCellDateWidth;
-                height: $calendarCellDateHeight;
-            }
-        }
-
-        td {
-            padding: $calendarCellDatePadding;
-
-            > span {
-                width: $calendarCellDateWidth;
-                height: $calendarCellDateHeight;
-                border-radius: $calendarCellDateBorderRadius;
-                transition: $listItemTransition;
-                border: $calendarCellDateBorder;
-
-                &.p-highlight {
-                    color: $highlightTextColor;
-                    background: $highlightBg;
-                }
-
-                &:focus {
-                    @include focused();
-                }
-            }
-
-            &.p-datepicker-today {
-                > span {
-                    background: $calendarCellDateTodayBg;
-                    color: $calendarCellDateTodayTextColor;
-                    border-color: $calendarCellDateTodayBorderColor;
-
-                    &.p-highlight {
-                        color: $highlightTextColor;
-                        background: $highlightBg;
-                    }
-                }
-            }
-        }
-    }
-
-    .p-datepicker-buttonbar {
-        padding: $calendarButtonBarPadding;
-        border-top: $divider;
-
-        .p-button {
-            width: auto;
-        }
-    }
-
-    .p-timepicker {
-        border-top: $divider;
-        padding: $calendarTimePickerPadding;
-
-        button {
-            @include action-icon();
-
-            &:last-child {
-                margin-top: .2em;
-            }
-        }
-
-        span {
-            font-size: $calendarTimePickerTimeFontSize;
-        }
-
-        > div {
-            padding: $calendarTimePickerElementPadding;
-        }
-    }
-
-    &.p-datepicker-timeonly {
-        .p-timepicker {
-            border-top: 0 none;
-        }
-    }
-
-    .p-monthpicker {
-        margin: $calendarTableMargin;
-
-        .p-monthpicker-month {
-            padding: $calendarCellDatePadding;
-            transition: $listItemTransition;
-            border-radius: $borderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-        }
-    }
-
-    .p-yearpicker {
-        margin: $calendarTableMargin;
-
-        .p-yearpicker-year {
-            padding: $calendarCellDatePadding;
-            transition: $listItemTransition;
-            border-radius: $borderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-        }
-    }
-
-    &.p-datepicker-multiple-month {
-        .p-datepicker-group {
-            border-left: $divider;
-            padding-right: $calendarPadding;
-            padding-left: $calendarPadding;
-            padding-top: 0;
-            padding-bottom: 0;
-
-            &:first-child {
-                padding-left: 0;
-                border-left: 0 none;
-            }
-
-            &:last-child {
-                padding-right: 0;
-            }
-        }
-    }
-
-    &:not(.p-disabled) {
-        table {
-            td {
-                span:not(.p-highlight):not(.p-disabled) {
-                    &:hover {
-                        background: $calendarCellDateHoverBg;
-                    }
-
-                    &:focus {
-                        @include focused();
-                    }
-                }
-            }
-        }
-
-        .p-monthpicker {
-            .p-monthpicker-month {
-                &:not(.p-disabled) {
-                    &:not(.p-highlight):hover {
-                        background: $calendarCellDateHoverBg;
-                    }
-
-                    &:focus {
-                        @include focused();
-                    }
-                }
-            }
-        }
-
-        .p-yearpicker {
-            .p-yearpicker-year {
-                &:not(.p-disabled) {
-                    &:not(.p-highlight):hover {
-                        background: $calendarCellDateHoverBg;
-                    }
-
-                    &:focus {
-                        @include focused();
-                    }
-                }
-            }
-        }
-    }
-
-}
-
-@media screen and (max-width: $calendarBreakpoint) {
-    .p-datepicker {
-        table {
-            th, td {
-                padding: $calendarCellDatePaddingSM;
-            }
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/input/_cascadeselect.scss b/packages/theme/src/azion/theme-base/components/input/_cascadeselect.scss
deleted file mode 100644
index 6a2313895..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_cascadeselect.scss
+++ /dev/null
@@ -1,106 +0,0 @@
-.p-cascadeselect {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-
-    &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
-    }
-
-    &:not(.p-disabled).p-focus {
-        @include focused-input();
-    }
-
-    .p-cascadeselect-label {
-        background: transparent;
-        border: 0 none;
-        padding: $inputPadding;
-
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
-
-        &:enabled:focus {
-            outline: 0 none;
-            box-shadow: none;
-        }
-    }
-
-    .p-cascadeselect-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
-}
-
-.p-cascadeselect-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-
-    .p-cascadeselect-items {
-        padding: $inputListPadding;
-
-        .p-cascadeselect-item {
-            margin: $inputListItemMargin;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextFocusColor;
-                    background: $inputListItemFocusBg;
-                }
-
-                &:hover {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-
-
-            .p-cascadeselect-item-content {
-                padding: $inputListItemPadding;
-            }
-
-            .p-cascadeselect-group-icon {
-                font-size: $menuitemSubmenuIconFontSize;
-            }
-        }
-    }
-}
-
-.p-input-filled {
-    .p-cascadeselect {
-        background: $inputFilledBg;
-
-        &:not(.p-disabled):hover {
-            background-color: $inputFilledHoverBg;
-        }
-    
-        &:not(.p-disabled).p-focus {
-            background-color: $inputFilledFocusBg;
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/input/_checkbox.scss b/packages/theme/src/azion/theme-base/components/input/_checkbox.scss
deleted file mode 100644
index 4178744d9..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_checkbox.scss
+++ /dev/null
@@ -1,86 +0,0 @@
-.p-checkbox {
-    width: $checkboxWidth;
-    height: $checkboxHeight;
-
-    .p-checkbox-box {
-        border: $checkboxBorder;
-        background: $inputBg;
-        width: $checkboxWidth;
-        height: $checkboxHeight;
-        color: $textColor;
-        border-radius: $borderRadius;
-        transition: $formElementTransition;
-
-        .p-checkbox-icon {
-            transition-duration: $transitionDuration;
-            color: $checkboxIconActiveColor;
-            font-size: $checkboxIconFontSize;
-
-            &.p-icon {
-                width: $checkboxIconFontSize;
-                height: $checkboxIconFontSize;
-            }
-        }
-
-        &.p-highlight {
-            border-color: $checkboxActiveBorderColor;
-            background: $checkboxActiveBg;
-        }
-    }
-
-    &:not(.p-checkbox-disabled) {
-        .p-checkbox-box {
-            &:hover {
-                border-color: $inputHoverBorderColor;
-            }
-
-            &.p-focus {
-                @include focused-input();
-            }
-
-            &.p-highlight:hover {    
-                border-color: $checkboxActiveHoverBorderColor;
-                background: $checkboxActiveHoverBg;
-                color: $checkboxIconActiveHoverColor;
-            }
-        }
-    }
-
-    &.p-invalid > .p-checkbox-box {
-        @include invalid-input();
-    }
-}
-
-.p-input-filled {
-    .p-checkbox {
-        .p-checkbox-box {
-            background-color: $inputFilledBg;
-
-            &.p-highlight {
-                background: $checkboxActiveBg;
-            }
-        }
-
-        &:not(.p-checkbox-disabled) {
-            .p-checkbox-box {
-                &:hover {
-                    background-color: $inputFilledHoverBg;
-                }
-        
-                &.p-highlight:hover {    
-                    background: $checkboxActiveHoverBg;
-                }
-            }
-        }
-    }
-}
-
-@if ($highlightBg == $checkboxActiveBg) {
-    .p-highlight {
-        .p-checkbox {
-            .p-checkbox-box {
-                border-color: $checkboxIconActiveColor;
-            }
-        }
-    }
-} 
diff --git a/packages/theme/src/azion/theme-base/components/input/_chips.scss b/packages/theme/src/azion/theme-base/components/input/_chips.scss
deleted file mode 100644
index 4e3f06f56..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_chips.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-@use 'sass:math';
-
-.p-chips {
-    &:not(.p-disabled):hover {
-        .p-chips-multiple-container {
-            border-color: $inputHoverBorderColor;
-        }
-    }
-
-    &:not(.p-disabled).p-focus {
-        .p-chips-multiple-container {
-            @include focused-input();
-        }
-    }
-
-    .p-chips-multiple-container {
-        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-
-        .p-chips-token {
-            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            margin-right: $inlineSpacing;
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
-
-            &.p-focus {
-                background: $chipFocusBg;
-                color: $chipFocusTextColor;
-            }
-
-            .p-chips-token-icon {
-                margin-left: $inlineSpacing;
-            }
-        }
-
-        .p-chips-input-token {
-            padding: math.div(nth($inputPadding, 1), 2) 0;
-                
-            input {
-                font-family: var(--font-family);
-                font-feature-settings: var(--font-feature-settings, normal);
-                font-size: $inputTextFontSize;
-                color: $textColor;
-                padding: 0;
-                margin: 0;
-            }
-        }
-    }
-
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/input/_colorpicker.scss b/packages/theme/src/azion/theme-base/components/input/_colorpicker.scss
deleted file mode 100644
index be6d65813..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_colorpicker.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-.p-colorpicker-preview  {
-    width: $colorPickerPreviewWidth;
-    height: $colorPickerPreviewHeight;
-}
-
-.p-colorpicker-panel {
-    background: $colorPickerBg;
-    border: $colorPickerBorder;
-
-    .p-colorpicker-color-handle,
-    .p-colorpicker-hue-handle {
-        border-color: $colorPickerHandleColor;
-    }
-}
-
-.p-colorpicker-overlay-panel {
-    box-shadow: $inputOverlayShadow;
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_dropdown.scss b/packages/theme/src/azion/theme-base/components/input/_dropdown.scss
deleted file mode 100644
index 42d537c24..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_dropdown.scss
+++ /dev/null
@@ -1,147 +0,0 @@
-.p-dropdown {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-
-    &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
-    }
-
-    &:not(.p-disabled).p-focus {
-        @include focused-input();
-    }
-
-    &.p-dropdown-clearable {
-        .p-dropdown-label {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-        }
-    }
-
-    .p-dropdown-label {
-        background: transparent;
-        border: 0 none;
-
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
-
-        &:focus,
-        &:enabled:focus {
-            outline: 0 none;
-            box-shadow: none;
-        }
-    }
-
-    .p-dropdown-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-
-    .p-dropdown-clear-icon {
-        color: $inputIconColor;
-        right: $inputGroupAddOnMinWidth;
-    }
-
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
-}
-
-.p-dropdown-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-
-    .p-dropdown-header {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputOverlayHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-dropdown-filter {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-            margin-right: -1 * (nth($inputPadding, 2) + $primeIconFontSize);
-        }
-
-        .p-dropdown-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
-        }
-    }
-
-    .p-dropdown-items {
-        padding: $inputListPadding;
-
-        .p-dropdown-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextFocusColor;
-                    background: $inputListItemFocusBg;
-                }
-
-                &:hover {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-        }
-
-        .p-dropdown-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-
-        .p-dropdown-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
-    }
-}
-
-.p-input-filled {
-    .p-dropdown {
-        background: $inputFilledBg;
-
-        &:not(.p-disabled):hover {
-            background-color: $inputFilledHoverBg;
-        }
-    
-        &:not(.p-disabled).p-focus {
-            background-color: $inputFilledFocusBg;
-
-            .p-inputtext {
-                background-color: transparent;
-            }
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/input/_editor.scss b/packages/theme/src/azion/theme-base/components/input/_editor.scss
deleted file mode 100644
index b10b2fa84..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_editor.scss
+++ /dev/null
@@ -1,122 +0,0 @@
-.p-editor-container {
-    .p-editor-toolbar {
-        background: $editorToolbarBg;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        &.ql-snow {
-            border: $editorToolbarBorder;
-
-            .ql-stroke {
-                stroke: $editorToolbarIconColor;
-            }
-    
-            .ql-fill {
-                fill: $editorToolbarIconColor;
-            }
-    
-            .ql-picker {
-                .ql-picker-label {
-                    border: 0 none;
-                    color: $editorToolbarIconColor;
-
-                    &:hover {
-                        color: $editorToolbarIconHoverColor;
-
-                        .ql-stroke {
-                            stroke: $editorToolbarIconHoverColor;
-                        }
-                
-                        .ql-fill {
-                            fill: $editorToolbarIconHoverColor;
-                        }
-                    }
-                }
-
-                &.ql-expanded {
-                    .ql-picker-label {
-                        color: $editorToolbarIconHoverColor;
-
-                        .ql-stroke {
-                            stroke: $editorToolbarIconHoverColor;
-                        }
-                
-                        .ql-fill {
-                            fill: $editorToolbarIconHoverColor;
-                        }
-                    }
-
-                    .ql-picker-options {
-                        background: $inputOverlayBg;
-                        border:$inputOverlayBorder;
-                        box-shadow:$inputOverlayShadow;
-                        border-radius: $borderRadius;
-                        padding: $inputListPadding;
-
-                        .ql-picker-item {
-                            color: $inputListItemTextColor;
-                            
-                            &:hover {
-                                color: $inputListItemTextHoverColor;
-                                background: $inputListItemHoverBg;
-                            }
-                        }
-                    }
-
-                    &:not(.ql-icon-picker) {
-                        .ql-picker-item {
-                            padding: $inputListItemPadding;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    .p-editor-content {
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-
-        &.ql-snow {
-            border: $editorContentBorder;
-        }
-
-        .ql-editor {
-            background: $inputBg;
-            color: $inputTextColor;
-            border-bottom-right-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
-    }
-
-    .ql-snow.ql-toolbar button:hover,
-    .ql-snow.ql-toolbar button:focus {
-        color: $editorToolbarIconHoverColor;
-
-        .ql-stroke {
-            stroke: $editorToolbarIconHoverColor;
-        }
-
-        .ql-fill {
-            fill: $editorToolbarIconHoverColor;
-        }
-    }
-
-    .ql-snow.ql-toolbar button.ql-active,
-    .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-    .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
-        color: $editorIconActiveColor;
-
-        .ql-stroke {
-            stroke: $editorIconActiveColor;
-        }
-
-        .ql-fill {
-            fill: $editorIconActiveColor;
-        }
-
-        .ql-picker-label {
-            color: $editorIconActiveColor;
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/input/_inputgroup.scss b/packages/theme/src/azion/theme-base/components/input/_inputgroup.scss
deleted file mode 100644
index ab4f8a002..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_inputgroup.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-.p-inputgroup-addon {
-    background: $inputGroupBg;
-    color: $inputGroupTextColor;
-    border-top: $inputBorder;
-    border-left: $inputBorder;
-    border-bottom: $inputBorder;
-    padding: $inputPadding;
-    min-width: $inputGroupAddOnMinWidth;
-
-    &:last-child {
-        border-right: $inputBorder;
-    }
-}
-
-.p-inputgroup {
-    > .p-component,
-    > .p-inputwrapper > .p-inputtext,
-    > .p-float-label > .p-component {
-        border-radius: 0;
-        margin: 0;
-
-        + .p-inputgroup-addon {
-            border-left: 0 none;
-        }
-
-        &:focus {
-            z-index: 1;
-
-            ~ label {
-                z-index: 1;
-            }
-        }
-    }
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-    border-top-left-radius: $borderRadius;
-    border-bottom-left-radius: $borderRadius;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-    border-top-left-radius: $borderRadius;
-    border-bottom-left-radius: $borderRadius;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child, 
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-    border-top-right-radius: $borderRadius;
-    border-bottom-right-radius: $borderRadius;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-    border-top-right-radius: $borderRadius;
-    border-bottom-right-radius: $borderRadius;
-}
-
-.p-fluid {
-    .p-inputgroup {
-        .p-button {
-            width: auto;
-
-            &.p-button-icon-only {
-                width: $buttonIconOnlyWidth;
-            }
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/input/_inputnumber.scss b/packages/theme/src/azion/theme-base/components/input/_inputnumber.scss
deleted file mode 100644
index aa8beb71f..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_inputnumber.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-.p-inputnumber {
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_inputswitch.scss b/packages/theme/src/azion/theme-base/components/input/_inputswitch.scss
deleted file mode 100644
index 6ed6c73d5..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_inputswitch.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-@use 'sass:math';
-
-.p-inputswitch {
-    width: $inputSwitchWidth;
-    height: $inputSwitchHeight;
-
-    .p-inputswitch-slider {
-        background: $inputSwitchSliderOffBg;
-        transition: $formElementTransition;
-        border-radius: $inputSwitchBorderRadius;
-
-        &:before {
-            background: $inputSwitchHandleOffBg;
-            width: $inputSwitchHandleWidth;
-            height: $inputSwitchHandleHeight;
-            left: $inputSwitchSliderPadding;
-            margin-top: math.div(-1 * $inputSwitchHandleHeight, 2);
-            border-radius: $inputSwitchHandleBorderRadius;
-            transition-duration: $transitionDuration;
-        }
-    }
-
-    &.p-inputswitch-checked {
-        .p-inputswitch-slider:before {
-            transform: translateX($inputSwitchHandleWidth);
-        }
-    }
-
-    &.p-focus {
-        .p-inputswitch-slider {
-            @include focused();
-        }
-    }
-
-    &:not(.p-disabled):hover {
-        .p-inputswitch-slider {
-            background: $inputSwitchSliderOffHoverBg;
-        }
-    }
-
-    &.p-inputswitch-checked {
-        .p-inputswitch-slider {
-            background: $inputSwitchSliderOnBg;
-
-            &:before {
-                background: $inputSwitchHandleOnBg;
-            }
-        }
-
-        &:not(.p-disabled):hover {
-            .p-inputswitch-slider {
-                background: $inputSwitchSliderOnHoverBg;
-            }
-        }
-    }
-
-    &.p-invalid {
-        .p-inputswitch-slider {
-            @include invalid-input();
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_inputtext.scss b/packages/theme/src/azion/theme-base/components/input/_inputtext.scss
deleted file mode 100644
index c225b1b7c..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_inputtext.scss
+++ /dev/null
@@ -1,100 +0,0 @@
-.p-inputtext {
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings, normal);
-    font-size: $inputTextFontSize;
-    color: $inputTextColor;
-    background: $inputBg;
-    padding: $inputPadding;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    appearance: none;
-    border-radius: $borderRadius;
-
-    &:enabled:hover {
-        border-color: $inputHoverBorderColor;
-    }
-
-    &:enabled:focus {
-        @include focused-input();
-    }
-
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
-
-    &.p-inputtext-sm {
-        @include scaledFontSize($inputTextFontSize, $scaleSM);
-        @include scaledPadding($inputPadding, $scaleSM);
-    }
-
-    &.p-inputtext-lg {
-        @include scaledFontSize($inputTextFontSize, $scaleLG);
-        @include scaledPadding($inputPadding, $scaleLG);
-    }
-}
-
-.p-float-label > label {
-    left: nth($inputPadding, 2);
-    color: $inputPlaceholderTextColor;
-    transition-duration: $transitionDuration;
-}
-
-.p-float-label > .p-invalid + label {
-    color: $inputErrorBorderColor;
-}
-
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
-    left: nth($inputPadding, 2);
-    color: $inputIconColor;
-}
-
-.p-input-icon-left > .p-inputtext {
-    padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-}
-
-.p-input-icon-left.p-float-label > label {
-    left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-}
-
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type  {
-    right: nth($inputPadding, 2);
-    color: $inputIconColor;
-}
-
-.p-input-icon-right > .p-inputtext {
-    padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-}
-
-@include placeholder {
-    color: $inputPlaceholderTextColor
-};
-
-.p-input-filled {
-    .p-inputtext {
-        background-color: $inputFilledBg;
-
-        &:enabled:hover {
-            background-color: $inputFilledHoverBg;
-        }
-    
-        &:enabled:focus {
-            background-color: $inputFilledFocusBg;
-        }
-    }
-}
-
-.p-inputtext-sm {
-    .p-inputtext {
-        @include scaledFontSize($inputTextFontSize, $scaleSM);
-        @include scaledPadding($inputPadding, $scaleSM);
-    }
-}
-
-.p-inputtext-lg {
-    .p-inputtext {
-        @include scaledFontSize($inputTextFontSize, $scaleLG);
-        @include scaledPadding($inputPadding, $scaleLG);
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_listbox.scss b/packages/theme/src/azion/theme-base/components/input/_listbox.scss
deleted file mode 100644
index 2efccf988..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_listbox.scss
+++ /dev/null
@@ -1,89 +0,0 @@
-.p-listbox {
-    background: $inputListBg;
-    color: $inputListTextColor;
-    border: $inputListBorder;
-    border-radius: $borderRadius;
-    transition: $formElementTransition;
-
-    .p-listbox-header {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputListHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-listbox-filter {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-        }
-
-        .p-listbox-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
-        }
-    }
-
-    .p-listbox-list {
-        padding: $inputListPadding;
-        outline: 0 none;
-
-        .p-listbox-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-        }
-
-        .p-listbox-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-
-        .p-listbox-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
-    }
-
-    &:not(.p-disabled) {
-        .p-listbox-item {
-            &.p-highlight {
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextFocusColor;
-                    background: $inputListItemFocusBg;
-                }
-
-                &:hover {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-        }
-    }
-
-    &.p-focus {
-        @include focused-input();
-    }
-
-    &.p-invalid {
-        @include invalid-input();
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_multiselect.scss b/packages/theme/src/azion/theme-base/components/input/_multiselect.scss
deleted file mode 100644
index 27939c350..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_multiselect.scss
+++ /dev/null
@@ -1,166 +0,0 @@
-@use 'sass:math';
-
-.p-multiselect {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-
-    &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
-    }
-
-    &:not(.p-disabled).p-focus {
-        @include focused-input();
-    }
-
-    .p-multiselect-label {
-        padding: $inputPadding;
-        transition: $formElementTransition;
-
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
-    }
-
-    &.p-multiselect-chip {
-        .p-multiselect-token {
-            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            margin-right: $inlineSpacing;
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
-
-            .p-multiselect-token-icon {
-                margin-left: $inlineSpacing;
-            }
-        }
-    }
-
-    .p-multiselect-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-    
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
-}
-
-.p-inputwrapper-filled {
-    &.p-multiselect {
-        &.p-multiselect-chip {
-            .p-multiselect-label {
-                padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            }
-        }
-    }
-}
-
-.p-multiselect-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-
-    .p-multiselect-header {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputOverlayHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-multiselect-filter-container {
-            .p-inputtext {
-                padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-            }
-
-            .p-multiselect-filter-icon {
-                right: nth($inputPadding, 2);
-                color: $inputIconColor;
-            }
-        }
-
-        .p-checkbox {
-            margin-right: $inlineSpacing;
-        }
-
-        .p-multiselect-close {
-            margin-left: $inlineSpacing;
-            @include action-icon();
-        }
-    }
-
-    .p-multiselect-items {
-        padding: $inputListPadding;
-
-        .p-multiselect-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextFocusColor;
-                    background: $inputListItemFocusBg;
-                }
-
-                &:hover {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-
-            .p-checkbox {
-                margin-right: $inlineSpacing;
-            }
-        }
-
-        .p-multiselect-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-
-        .p-multiselect-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
-    }
-}
-
-.p-input-filled {
-    .p-multiselect {
-        background: $inputFilledBg;
-
-        &:not(.p-disabled):hover {
-            background-color: $inputFilledHoverBg;
-        }
-    
-        &:not(.p-disabled).p-focus {
-            background-color: $inputFilledFocusBg;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_password.scss b/packages/theme/src/azion/theme-base/components/input/_password.scss
deleted file mode 100644
index 4c9f47a6d..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_password.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-.p-password {
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
-}
-
-.p-password-panel {
-    padding: $panelContentPadding;
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    box-shadow: $inputOverlayShadow;
-    border-radius: $borderRadius;
-
-    .p-password-meter {
-        margin-bottom: $inlineSpacing;
-        background: $passwordMeterBg;
-
-        .p-password-strength {
-            &.weak {
-                background: $passwordWeakBg;
-            }
-
-            &.medium {
-                background: $passwordMediumBg;
-            }
-
-            &.strong {
-                background: $passwordStrongBg;
-            }
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/input/_radiobutton.scss b/packages/theme/src/azion/theme-base/components/input/_radiobutton.scss
deleted file mode 100644
index 9d3ab4656..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_radiobutton.scss
+++ /dev/null
@@ -1,78 +0,0 @@
-.p-radiobutton {
-    width: $radiobuttonWidth;
-    height: $radiobuttonHeight;
-
-    .p-radiobutton-box {
-        border: $radiobuttonBorder;
-        background: $inputBg;
-        width: $radiobuttonWidth;
-        height: $radiobuttonHeight;
-        color: $textColor;
-        border-radius: 50%;
-        transition: $formElementTransition;
-
-        &:not(.p-disabled):not(.p-highlight):hover {
-            border-color: $inputHoverBorderColor;
-        }
-
-        &:not(.p-disabled).p-focus {
-            @include focused-input();
-        }
-
-        .p-radiobutton-icon {
-            width: $radiobuttonIconSize;
-            height: $radiobuttonIconSize;
-            transition-duration: $transitionDuration;
-            background-color: $radiobuttonIconActiveColor;
-        }
-
-        &.p-highlight {
-            border-color: $radiobuttonActiveBorderColor;
-            background: $radiobuttonActiveBg;
-
-            &:not(.p-disabled):hover {
-                border-color: $radiobuttonActiveHoverBorderColor;
-                background: $radiobuttonActiveHoverBg;
-                color: $radiobuttonIconActiveHoverColor;
-            }
-        }
-    }
-    
-    &.p-invalid > .p-radiobutton-box {
-        @include invalid-input();
-    }
-
-    &:focus {
-        outline: 0 none;
-    }
-}
-
-.p-input-filled {
-    .p-radiobutton {
-        .p-radiobutton-box {
-            background-color: $inputFilledBg;
-
-            &:not(.p-disabled):hover {
-                background-color: $inputFilledHoverBg;
-            }
-
-            &.p-highlight {
-                background: $radiobuttonActiveBg;
-    
-                &:not(.p-disabled):hover {
-                    background: $radiobuttonActiveHoverBg;
-                }
-            }
-        }
-    }
-}
-
-@if ($highlightBg == $radiobuttonActiveBg) {
-    .p-highlight {
-        .p-radiobutton {
-            .p-radiobutton-box {
-                border-color: $radiobuttonIconActiveColor;
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_rating.scss b/packages/theme/src/azion/theme-base/components/input/_rating.scss
deleted file mode 100644
index c8a2905a1..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_rating.scss
+++ /dev/null
@@ -1,60 +0,0 @@
-@use 'sass:math';
-
-.p-rating {
-    gap: $inlineSpacing;
-
-    .p-rating-item {
-        .p-rating-icon {
-            color: $ratingStarIconOffColor;
-            transition: $formElementTransition;   
-            font-size: $ratingIconFontSize;
-
-            &.p-icon {
-                width: $ratingIconFontSize;
-                height: $ratingIconFontSize;
-            }
-    
-            &.p-rating-cancel {
-                color: $ratingCancelIconColor;
-            }
-        }
-
-        &.p-focus {
-            @include focused-input();
-        }
-
-        &.p-rating-item-active {
-            .p-rating-icon {
-                color: $ratingStarIconOnColor;
-            }
-        }
-    }
-
-    &:not(.p-disabled):not(.p-readonly) {
-        .p-rating-item {
-            &:hover {
-                .p-rating-icon {
-                    color: $ratingStarIconHoverColor;
-
-                    &.p-rating-cancel {
-                        color: $ratingCancelIconHoverColor;
-                    }
-                }
-            }
-        }
-    }
-}
-
-@if ($highlightBg == $ratingStarIconOnColor) {
-    .p-highlight {
-        .p-rating {
-            .p-rating-item {
-                &.p-rating-item-active {
-                    .p-rating-icon {
-                        color: $highlightTextColor;
-                    }
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_selectbutton.scss b/packages/theme/src/azion/theme-base/components/input/_selectbutton.scss
deleted file mode 100644
index dfcabe6b4..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_selectbutton.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-.p-selectbutton {
-    .p-button {
-        background: $toggleButtonBg;
-        border: $toggleButtonBorder;
-        color: $toggleButtonTextColor;
-        transition: $formElementTransition;
-
-        .p-button-icon-left,
-        .p-button-icon-right {
-            color: $toggleButtonIconColor;
-        }
-
-        &:not(.p-disabled):not(.p-highlight):hover {
-            background: $toggleButtonHoverBg;
-            border-color: $toggleButtonHoverBorderColor;
-            color: $toggleButtonTextHoverColor;
-
-            .p-button-icon-left,
-            .p-button-icon-right {
-                color: $toggleButtonIconHoverColor;
-            }
-        }
-
-        &.p-highlight {
-            background: $toggleButtonActiveBg;
-            border-color: $toggleButtonActiveBorderColor;
-            color: $toggleButtonTextActiveColor;
-
-            .p-button-icon-left,
-            .p-button-icon-right {
-                color: $toggleButtonIconActiveColor;
-            }
-
-            &:hover {
-                background: $toggleButtonActiveHoverBg;
-                border-color: $toggleButtonActiveHoverBorderColor;
-                color: $toggleButtonTextActiveHoverColor;
-
-                .p-button-icon-left,
-                .p-button-icon-right {
-                    color: $toggleButtonIconActiveHoverColor;
-                }
-            }
-        }
-    }
-
-    &.p-invalid > .p-button {
-        @include invalid-input();
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_slider.scss b/packages/theme/src/azion/theme-base/components/input/_slider.scss
deleted file mode 100644
index c752cd3ef..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_slider.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-@use 'sass:math';
-
-.p-slider {
-    background: $sliderBg;
-    border: $sliderBorder;
-    border-radius: $borderRadius;
-
-    &.p-slider-horizontal {
-        height: $sliderHorizontalHeight;
-
-        .p-slider-handle {
-            margin-top: math.div(-1 * $sliderHandleHeight, 2);
-            margin-left: math.div(-1 * $sliderHandleWidth, 2);
-        }
-    }
-
-    &.p-slider-vertical {
-        width: $sliderVerticalWidth;
-
-        .p-slider-handle {
-            margin-left: math.div(-1 * $sliderHandleWidth, 2);
-            margin-bottom: math.div(-1 * $sliderHandleHeight, 2);
-        }
-    }
-
-    .p-slider-handle {
-        height: $sliderHandleHeight;
-        width: $sliderHandleWidth;
-        background: $sliderHandleBg;
-        border: $sliderHandleBorder;
-        border-radius: $sliderHandleBorderRadius;
-        transition: $formElementTransition;
-
-        &:focus {
-            @include focused();
-        }
-    }
-
-    .p-slider-range {
-        background: $sliderRangeBg;
-    }
-
-    &:not(.p-disabled) {
-        .p-slider-handle:hover {
-            background: $sliderHandleHoverBg;
-            border-color: $sliderHandleHoverBorderColor;
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/input/_togglebutton.scss b/packages/theme/src/azion/theme-base/components/input/_togglebutton.scss
deleted file mode 100644
index ee4a66d7e..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_togglebutton.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-.p-togglebutton.p-button {
-    background: $toggleButtonBg;
-    border: $toggleButtonBorder;
-    color: $toggleButtonTextColor;
-    transition: $formElementTransition;
-
-    .p-button-icon-left,
-    .p-button-icon-right {
-        color: $toggleButtonIconColor;
-    }
-
-    &:not(.p-disabled).p-focus {
-        @include focused-input();
-    }
-
-    &:not(.p-disabled):not(.p-highlight):hover {
-        background: $toggleButtonHoverBg;
-        border-color: $toggleButtonHoverBorderColor;
-        color: $toggleButtonTextHoverColor;
-
-        .p-button-icon-left,
-        .p-button-icon-right {
-            color: $toggleButtonIconHoverColor;
-        }
-    }
-
-    &.p-highlight {
-        background: $toggleButtonActiveBg;
-        border-color: $toggleButtonActiveBorderColor;
-        color: $toggleButtonTextActiveColor;
-
-        .p-button-icon-left,
-        .p-button-icon-right {
-            color: $toggleButtonIconActiveColor;
-        }
-
-        &:hover {
-            background: $toggleButtonActiveHoverBg;
-            border-color: $toggleButtonActiveHoverBorderColor;
-            color: $toggleButtonTextActiveHoverColor;
-
-            .p-button-icon-left,
-            .p-button-icon-right {
-                color: $toggleButtonIconActiveHoverColor;
-            }
-        }
-    }
-
-    &.p-invalid > .p-button {
-        @include invalid-input();
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/input/_treeselect.scss b/packages/theme/src/azion/theme-base/components/input/_treeselect.scss
deleted file mode 100644
index 0c65ac319..000000000
--- a/packages/theme/src/azion/theme-base/components/input/_treeselect.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-@use 'sass:math';
-
-.p-treeselect {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-
-    &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
-    }
-
-    &:not(.p-disabled).p-focus {
-        @include focused-input();
-    }
-
-    .p-treeselect-label {
-        padding: $inputPadding;
-        transition: $formElementTransition;
-
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
-    }
-
-    &.p-treeselect-chip {
-        .p-treeselect-token {
-            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            margin-right: $inlineSpacing;
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
-        }
-    }
-
-    .p-treeselect-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-    
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
-}
-
-.p-inputwrapper-filled {
-    &.p-treeselect {
-        &.p-treeselect-chip {
-            .p-treeselect-label {
-                padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            }
-        }
-    }
-}
-
-.p-treeselect-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-
-    .p-treeselect-items-wrapper {
-        .p-tree {
-            border: 0 none;
-        }
-
-        .p-treeselect-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
-    }
-}
-
-.p-input-filled {
-    .p-treeselect {
-        background: $inputFilledBg;
-
-        &:not(.p-disabled):hover {
-            background-color: $inputFilledHoverBg;
-        }
-    
-        &:not(.p-disabled).p-focus {
-            background-color: $inputFilledFocusBg;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/menu/_breadcrumb.scss b/packages/theme/src/azion/theme-base/components/menu/_breadcrumb.scss
deleted file mode 100644
index 5dd68b9f4..000000000
--- a/packages/theme/src/azion/theme-base/components/menu/_breadcrumb.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-.p-breadcrumb {
-    background: $breadcrumbBg;
-    border: $breadcrumbBorder;
-    border-radius: $borderRadius;
-    padding: $breadcrumbPadding;
-
-    .p-breadcrumb-list {
-        li {
-            .p-menuitem-link {
-                transition: $listItemTransition;
-                border-radius: $borderRadius;
-
-                &:focus-visible {
-                    @include focused();
-                }
-
-                .p-menuitem-text {
-                    color: $breadcrumbItemTextColor;
-                }
-
-                .p-menuitem-icon {
-                    color: $breadcrumbItemIconColor;
-                }
-            }
-
-            &.p-menuitem-separator {
-                margin: 0 $inlineSpacing 0 $inlineSpacing;
-                color: $breadcrumbSeparatorColor;
-            }
-
-            &:last-child {
-                .p-menuitem-text {
-                    color: $breadcrumbLastItemTextColor;
-                }
-
-                .p-menuitem-icon {
-                    color: $breadcrumbLastItemIconColor;
-                }
-            }
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/menu/_contextmenu.scss b/packages/theme/src/azion/theme-base/components/menu/_contextmenu.scss
deleted file mode 100644
index 88964af2b..000000000
--- a/packages/theme/src/azion/theme-base/components/menu/_contextmenu.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-.p-contextmenu {
-    padding: $verticalMenuPadding;
-    background: $overlayMenuBg;
-    color: $menuTextColor;
-    border: $overlayMenuBorder;
-    box-shadow: $overlayMenuShadow;
-    border-radius: $borderRadius;
-    width: $menuWidth;
-
-    .p-contextmenu-root-list {
-        outline: 0 none;
-    }
-
-    .p-submenu-list {
-        padding: $verticalMenuPadding;
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-        border-radius: $borderRadius;
-    }
-
-    .p-menuitem {
-        @include menuitem();
-    }
-
-    .p-menuitem-separator {
-        border-top: $divider;
-        margin: $menuSeparatorMargin;
-    }
-
-    .p-submenu-icon {
-        font-size: $menuitemSubmenuIconFontSize;
-
-        &.p-icon {
-            width: $menuitemSubmenuIconFontSize;
-            height: $menuitemSubmenuIconFontSize;
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/menu/_dock.scss b/packages/theme/src/azion/theme-base/components/menu/_dock.scss
deleted file mode 100644
index 0a144618c..000000000
--- a/packages/theme/src/azion/theme-base/components/menu/_dock.scss
+++ /dev/null
@@ -1,95 +0,0 @@
-.p-dock {
-    .p-dock-list-container {
-        background: $dockBg;
-        border: $dockBorder;
-        padding: $dockPadding;
-        border-radius: $dockBorderRadius;
-
-        .p-dock-list {
-            outline: 0 none;
-        }
-    }
-    
-    .p-dock-item {
-        padding: $dockItemPadding;
-        border-radius: $dockItemBorderRadius;
-
-        &.p-focus {
-            @include focused-listitem();
-        }
-    }
-
-    .p-dock-link {
-        width: $dockActionWidth;
-        height: $dockActionHeight;
-    }
-    
-    &.p-dock-top,
-    &.p-dock-bottom {
-        .p-dock-item-second-prev,
-        .p-dock-item-second-next {
-            margin: 0 $dockSecondItemsMargin;
-        }
-
-        .p-dock-item-prev,
-        .p-dock-item-next {
-            margin: 0 $dockFirstItemsMargin;
-        }
-
-        .p-dock-item-current {
-            margin: 0 $dockCurrentItemMargin;
-        }
-    }
-
-    &.p-dock-left,
-    &.p-dock-right {
-        .p-dock-item-second-prev,
-        .p-dock-item-second-next {
-            margin: $dockSecondItemsMargin 0;
-        }
-        
-        .p-dock-item-prev,
-        .p-dock-item-next {
-            margin: $dockFirstItemsMargin 0;
-        }
-
-        .p-dock-item-current {
-            margin: $dockCurrentItemMargin 0;
-        }
-    }
-}
-
-@media screen and (max-width: 960px) {
-    .p-dock {
-        &.p-dock-top,
-        &.p-dock-bottom {
-            .p-dock-list-container {
-                overflow-x: auto;
-                width: 100%;
-
-                .p-dock-list {
-                    margin: 0 auto;
-                }
-            }
-        }
-
-        &.p-dock-left,
-        &.p-dock-right {
-            .p-dock-list-container {
-                overflow-y: auto;
-                height: 100%;
-
-                .p-dock-list {
-                    margin: auto 0;
-                }
-            }
-        }
-
-        .p-dock-list {
-            .p-dock-item {
-                transform: none;
-                margin: 0;
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/menu/_megamenu.scss b/packages/theme/src/azion/theme-base/components/menu/_megamenu.scss
deleted file mode 100644
index 9c2fd663c..000000000
--- a/packages/theme/src/azion/theme-base/components/menu/_megamenu.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-.p-megamenu {
-    padding: $horizontalMenuPadding;
-    background: $horizontalMenuBg;
-    color: $horizontalMenuTextColor;
-    border: $horizontalMenuBorder;
-    border-radius: $borderRadius;
-
-    .p-megamenu-root-list {  
-        outline: 0 none;
-    }
-
-    .p-menuitem {
-        @include menuitem();
-    }
-
-    .p-megamenu-panel {
-        background: $overlayMenuBg;
-        color: $menuTextColor;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-    }
-
-    .p-submenu-header {
-        margin: $submenuHeaderMargin;
-        padding: $submenuHeaderPadding;
-        color: $submenuHeaderTextColor;
-        background: $submenuHeaderBg;
-        font-weight: $submenuHeaderFontWeight;
-        border-top-right-radius: $borderRadius; 
-        border-top-left-radius: $borderRadius; 
-    }
-
-    .p-submenu-list {
-        padding: $verticalMenuPadding;
-        width: $menuWidth;
-
-        .p-menuitem-separator {
-            border-top: $divider;
-            margin: $menuSeparatorMargin;
-        }
-    }
-
-    &.p-megamenu-vertical {
-        width: $menuWidth;
-        padding: $verticalMenuPadding;
-    }
-
-    &.p-megamenu-horizontal {
-        .p-megamenu-root-list {  
-            > .p-menuitem {
-                @include horizontal-rootmenuitem();
-            }
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/menu/_menu.scss b/packages/theme/src/azion/theme-base/components/menu/_menu.scss
deleted file mode 100644
index f67c8fafe..000000000
--- a/packages/theme/src/azion/theme-base/components/menu/_menu.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-.p-menu {
-    padding: $verticalMenuPadding;
-    background: $menuBg;
-    color: $menuTextColor;
-    border: $menuBorder;
-    border-radius: $borderRadius;
-    width: $menuWidth;
-
-    .p-menuitem {
-        @include menuitem();
-    }
-
-    &.p-menu-overlay {
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-    }
-
-    .p-submenu-header {
-        margin: $submenuHeaderMargin;
-        padding: $submenuHeaderPadding;
-        color: $submenuHeaderTextColor;
-        background: $submenuHeaderBg;
-        font-weight: $submenuHeaderFontWeight;
-        border-top-right-radius: $submenuHeaderBorderRadius; 
-        border-top-left-radius: $submenuHeaderBorderRadius; 
-    }
-
-    .p-menuitem-separator {
-        border-top: $divider;
-        margin: $menuSeparatorMargin;
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/menu/_menubar.scss b/packages/theme/src/azion/theme-base/components/menu/_menubar.scss
deleted file mode 100644
index 1fb2d8aca..000000000
--- a/packages/theme/src/azion/theme-base/components/menu/_menubar.scss
+++ /dev/null
@@ -1,141 +0,0 @@
-.p-menubar {
-    padding: $horizontalMenuPadding;
-    background: $horizontalMenuBg;
-    color: $horizontalMenuTextColor;
-    border: $horizontalMenuBorder;
-    border-radius: $borderRadius;
-
-    .p-menubar-root-list {
-        outline: 0 none;
-
-        > .p-menuitem {
-            @include horizontal-rootmenuitem();
-        }
-    }
-
-    .p-menuitem {
-        @include menuitem();
-    }
-
-    .p-submenu-list {
-        padding: $verticalMenuPadding;
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-        width: $menuWidth;
-
-        .p-menuitem-separator {
-            border-top: $divider;
-            margin: $menuSeparatorMargin;
-        }
-
-        .p-submenu-icon {
-            font-size: $menuitemSubmenuIconFontSize;
-        }
-    }
-}
-
-@media screen and (max-width: 960px) {
-    .p-menubar {
-        position: relative;
-
-        .p-menubar-button {
-            display: flex;
-            width: $actionIconWidth;
-            height: $actionIconHeight;
-            color: $horizontalMenuRootMenuitemIconColor;
-            border-radius: $actionIconBorderRadius;
-            transition: $actionIconTransition;
-        
-            &:hover {
-                color: $horizontalMenuRootMenuitemIconHoverColor;
-                background: $horizontalMenuRootMenuitemHoverBg;
-            }
-        
-            &:focus {
-                @include focused();
-            }
-        }
-
-        .p-menubar-root-list {
-            position: absolute;
-            display: none;
-            padding: $verticalMenuPadding;
-            background: $overlayMenuBg;
-            border: $overlayMenuBorder;
-            box-shadow: $overlayMenuShadow;
-            width: 100%;
-    
-            .p-menuitem-separator {
-                border-top: $divider;
-                margin: $menuSeparatorMargin;
-            }
-    
-            .p-submenu-icon {
-                font-size: $menuitemSubmenuIconFontSize;
-            }
-
-            .p-menuitem {
-                width: 100%;
-                position: static;
-
-                .p-menuitem-content {
-                    .p-menuitem-link {
-                        .p-submenu-icon {
-                            margin-left: auto;
-                            transition: transform $transitionDuration;
-                        }
-                    }
-                }
-
-
-                &.p-menuitem-active {
-                    > .p-menuitem-content {
-                        > .p-menuitem-link {
-                            > .p-submenu-icon {
-                                transform: rotate(-180deg);
-                            }
-                        }
-                    }
-                }
-            }
-
-            .p-submenu-list {
-                width: 100%;
-                position: static;
-                box-shadow: none;
-                border: 0 none;
-
-                .p-submenu-icon {
-                    transition: transform $transitionDuration;
-                    transform: rotate(90deg);
-                }
-
-                .p-menuitem-active {
-                    > .p-menuitem-content {
-                        > .p-menuitem-link {
-                            > .p-submenu-icon {
-                                transform: rotate(-90deg);
-                            }
-                        }
-                    }
-                }
-            }
-    
-            .p-menuitem {
-                width: 100%;
-                position: static;
-            }
-
-            @include nested-submenu-indents(nth($menuitemPadding, 1), 2, 10);
-        }
-
-        &.p-menubar-mobile-active .p-menubar-root-list {
-            display: flex;
-            flex-direction: column;
-            top: 100%;
-            left: 0;
-            z-index: 1;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/menu/_panelmenu.scss b/packages/theme/src/azion/theme-base/components/menu/_panelmenu.scss
deleted file mode 100644
index c5907c5f4..000000000
--- a/packages/theme/src/azion/theme-base/components/menu/_panelmenu.scss
+++ /dev/null
@@ -1,153 +0,0 @@
-.p-panelmenu {
-    .p-panelmenu-header {
-        outline: 0 none;
-
-        .p-panelmenu-header-content {
-            border: $accordionHeaderBorder;
-            color: $accordionHeaderTextColor;
-            background: $accordionHeaderBg;
-            border-radius: $borderRadius;
-            transition: $listItemTransition;
-
-            .p-panelmenu-header-action {
-                color: $accordionHeaderTextColor;
-                padding: $accordionHeaderPadding;
-                font-weight: $accordionHeaderFontWeight;
-
-                .p-submenu-icon {
-                    margin-right: $inlineSpacing;
-                }
-
-                .p-menuitem-icon {
-                    margin-right: $inlineSpacing;
-                }
-            }
-        }
-
-        &:not(.p-disabled) {
-            &:focus-visible {
-                .p-panelmenu-header-content {
-                    @include focused-inset();
-                }
-            }
-        }
-
-        &:not(.p-highlight):not(.p-disabled):hover {
-            .p-panelmenu-header-content {
-                background: $accordionHeaderHoverBg;
-                border-color: $accordionHeaderHoverBorderColor;
-                color: $accordionHeaderTextHoverColor;
-            }
-        }
-
-        &:not(.p-disabled).p-highlight {
-            .p-panelmenu-header-content {
-                background: $accordionHeaderActiveBg;
-                border-color: $accordionHeaderActiveBorderColor;
-                color: $accordionHeaderTextActiveColor;
-                border-bottom-right-radius: 0;
-                border-bottom-left-radius: 0;
-                margin-bottom: 0;
-            }
-
-            &:hover {
-                .p-panelmenu-header-content {
-                    border-color: $accordionHeaderActiveHoverBorderColor;
-                    background: $accordionHeaderActiveHoverBg;
-                    color: $accordionHeaderTextActiveHoverColor;
-                }
-            }
-        }
-    }
-
-    .p-panelmenu-content {
-        padding: $verticalMenuPadding;
-        border: $accordionContentBorder;
-        background: $accordionContentBg;
-        color: $accordionContentTextColor;
-        border-top: 0;
-        border-top-right-radius: 0;
-        border-top-left-radius: 0;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-
-        .p-panelmenu-root-list {
-            outline: 0 none;
-        }
-
-        .p-menuitem {
-            @include menuitem();
-
-            .p-menuitem-content {
-                .p-menuitem-link { 
-                    .p-submenu-icon {
-                        margin-right: $inlineSpacing;
-                    }
-                }
-            }
-        }
-
-        .p-menuitem-separator {
-            border-top: $divider;
-            margin: $menuSeparatorMargin;
-        }
-
-        .p-submenu-list:not(.p-panelmenu-root-list) {
-            padding: $treeNodeChildrenPadding;
-        }
-    }
-
-    .p-panelmenu-panel {
-        margin-bottom: $accordionSpacing;
-
-        @if $accordionSpacing == 0 {
-            .p-panelmenu-header {
-                .p-panelmenu-header-content {
-                    border-radius: 0;
-                }
-            }
-
-            .p-panelmenu-content {
-                border-radius: 0;
-            }
-
-            &:not(:first-child) {
-                .p-panelmenu-header {
-                    .p-panelmenu-header-content {
-                        border-top: 0 none;
-                    }
-
-                    &:not(.p-highlight):not(.p-disabled):hover,
-                    &:not(.p-disabled).p-highlight:hover {
-                        .p-panelmenu-header-content {
-                            border-top: 0 none;
-                        }
-                    }
-                }
-            }
-
-            &:first-child {
-                .p-panelmenu-header {
-                    .p-panelmenu-header-content {
-                        border-top-right-radius: $borderRadius;
-                        border-top-left-radius: $borderRadius;
-                    }
-                }
-            }
-
-            &:last-child {
-                .p-panelmenu-header:not(.p-highlight) {
-                    .p-panelmenu-header-content {
-                        border-bottom-right-radius: $borderRadius;
-                        border-bottom-left-radius: $borderRadius;
-                    }
-                }
-
-                .p-panelmenu-content {
-                    border-bottom-right-radius: $borderRadius;
-                    border-bottom-left-radius: $borderRadius;
-                }
-            }
-        } 
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/menu/_steps.scss b/packages/theme/src/azion/theme-base/components/menu/_steps.scss
deleted file mode 100644
index 9ad229707..000000000
--- a/packages/theme/src/azion/theme-base/components/menu/_steps.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-@use 'sass:math';
-
-.p-steps {
-    .p-steps-item {
-        .p-menuitem-link {
-            background: transparent;
-            transition: $listItemTransition;
-            border-radius: $borderRadius;
-            background: $stepsItemBg;
-
-            .p-steps-number {
-                color: $stepsItemNumberColor;
-                border: $stepsItemBorder;
-                background: $stepsItemBg;
-                min-width: $stepsItemNumberWidth;
-                height: $stepsItemNumberHeight;
-                line-height: $stepsItemNumberHeight;
-                font-size: $stepsItemNumberFontSize;
-                z-index: 1;
-                border-radius: $stepsItemNumberBorderRadius;
-            }
-
-            .p-steps-title {
-                margin-top: $inlineSpacing;
-                color: $stepsItemTextColor;
-            }
-
-            &:not(.p-disabled):focus-visible {
-                @include focused();
-            }
-        }
-
-        &.p-highlight {
-            .p-steps-number {
-                background: $highlightBg;
-                color: $highlightTextColor;
-            }
-
-            .p-steps-title {
-                font-weight: $stepsItemActiveFontWeight;
-                color: $textColor;
-            }
-        }
-
-        &:before {
-            content:' ';
-            border-top: $divider;
-            width: 100%;
-            top: 50%;
-            left: 0;
-            display: block;
-            position: absolute;
-            margin-top: math.div(-1 * $stepsItemNumberHeight, 2);
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/menu/_tabmenu.scss b/packages/theme/src/azion/theme-base/components/menu/_tabmenu.scss
deleted file mode 100644
index b52ac203e..000000000
--- a/packages/theme/src/azion/theme-base/components/menu/_tabmenu.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-.p-tabmenu {
-    .p-tabmenu-nav {
-        background: $tabviewNavBg;
-        border: $tabviewNavBorder;
-        border-width: $tabviewNavBorderWidth;
-
-        .p-tabmenuitem {
-            margin-right: $tabviewHeaderSpacing;
-
-            .p-menuitem-link {
-                border: $tabviewHeaderBorder;
-                border-width: $tabviewHeaderBorderWidth;
-                border-color: $tabviewHeaderBorderColor;
-                background: $tabviewHeaderBg;
-                color: $tabviewHeaderTextColor;
-                padding: $tabviewHeaderPadding;
-                font-weight: $tabviewHeaderFontWeight;
-                border-top-right-radius: $borderRadius;
-                border-top-left-radius: $borderRadius;
-                transition: $listItemTransition;
-                margin: $tabviewHeaderMargin;
-
-                .p-menuitem-icon {
-                    margin-right: $inlineSpacing;
-                }
-
-                &:not(.p-disabled):focus-visible {
-                    @include focused-inset();
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled):hover {
-                .p-menuitem-link {
-                    background: $tabviewHeaderHoverBg;
-                    border-color: $tabviewHeaderHoverBorderColor;
-                    color: $tabviewHeaderTextHoverColor;
-                }
-            }
-
-            &.p-highlight {
-                .p-menuitem-link {
-                    background: $tabviewHeaderActiveBg;
-                    border-color: $tabviewHeaderActiveBorderColor;
-                    color: $tabviewHeaderTextActiveColor;
-                }
-            }
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/menu/_tieredmenu.scss b/packages/theme/src/azion/theme-base/components/menu/_tieredmenu.scss
deleted file mode 100644
index 205a241c7..000000000
--- a/packages/theme/src/azion/theme-base/components/menu/_tieredmenu.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-.p-tieredmenu {
-    padding: $verticalMenuPadding;
-    background: $menuBg;
-    color: $menuTextColor;
-    border: $menuBorder;
-    border-radius: $borderRadius;
-    width: $menuWidth;
-
-    &.p-tieredmenu-overlay {
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-    }
-
-    .p-tieredmenu-root-list {
-        outline: 0 none;
-    }
-
-    .p-submenu-list {
-        padding: $verticalMenuPadding;
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-    }
-
-    .p-menuitem {
-        @include menuitem();
-    }
-
-    .p-menuitem-separator {
-        border-top: $divider;
-        margin: $menuSeparatorMargin;
-    }
-
-    .p-submenu-icon {
-        font-size: $menuitemSubmenuIconFontSize;
-
-        &.p-icon {
-            width: $menuitemSubmenuIconFontSize;
-            height: $menuitemSubmenuIconFontSize;
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/messages/_inlinemessage.scss b/packages/theme/src/azion/theme-base/components/messages/_inlinemessage.scss
deleted file mode 100644
index ac768d490..000000000
--- a/packages/theme/src/azion/theme-base/components/messages/_inlinemessage.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-.p-inline-message {
-    padding: $inlineMessagePadding;
-    margin: $inlineMessageMargin;
-    border-radius: $borderRadius;
-
-    &.p-inline-message-info {
-        background: $infoMessageBg;
-        border: $infoMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $infoMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $infoMessageIconColor;
-        }
-    }
-
-    &.p-inline-message-success {
-        background: $successMessageBg;
-        border: $successMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $successMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $successMessageIconColor;
-        }
-    }
-
-    &.p-inline-message-warn {
-        background: $warningMessageBg;
-        border: $warningMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $warningMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $warningMessageIconColor;
-        }
-    }
-
-    &.p-inline-message-error {
-        background: $errorMessageBg;
-        border: $errorMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $errorMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $errorMessageIconColor;
-        }
-    }
-
-    .p-inline-message-icon {
-        font-size: $inlineMessageIconFontSize;
-        margin-right: $inlineSpacing;
-    }
-
-    .p-inline-message-text {
-        font-size: $inlineMessageTextFontSize;
-    }
-
-    &.p-inline-message-icon-only {
-        .p-inline-message-icon {
-            margin-right: 0;
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/messages/_message.scss b/packages/theme/src/azion/theme-base/components/messages/_message.scss
deleted file mode 100644
index dfc61d7fd..000000000
--- a/packages/theme/src/azion/theme-base/components/messages/_message.scss
+++ /dev/null
@@ -1,100 +0,0 @@
-.p-message {
-    margin: $messageMargin;
-    border-radius: $borderRadius;
-
-    .p-message-wrapper {
-        padding: $messagePadding;
-    }
-
-    .p-message-close {
-        width: $actionIconWidth;
-        height: $actionIconHeight;
-        border-radius: $actionIconBorderRadius;
-        background: transparent;
-        transition: $actionIconTransition;
-
-        &:hover {
-            background: rgba(255,255,255,.5);
-        }
-
-        &:focus-visible {
-            @include focused();
-        }
-    
-    }
-
-    &.p-message-info {
-        background: $infoMessageBg;
-        border: $infoMessageBorder;
-        border-width: $messageBorderWidth;
-        color: $infoMessageTextColor;
-
-        .p-message-icon {
-            color: $infoMessageIconColor;
-        }
-
-        .p-message-close {
-            color: $infoMessageIconColor;
-        }
-    }
-
-    &.p-message-success {
-        background: $successMessageBg;
-        border: $successMessageBorder;
-        border-width: $messageBorderWidth;
-        color: $successMessageTextColor;
-
-        .p-message-icon {
-            color: $successMessageIconColor;
-        }
-
-        .p-message-close {
-            color: $successMessageIconColor;
-        }
-    }
-
-    &.p-message-warn {
-        background: $warningMessageBg;
-        border: $warningMessageBorder;
-        border-width: $messageBorderWidth;
-        color: $warningMessageTextColor;
-
-        .p-message-icon {
-            color: $warningMessageIconColor;
-        }
-
-        .p-message-close {
-            color: $warningMessageIconColor;
-        }
-    }
-
-    &.p-message-error {
-        background: $errorMessageBg;
-        border: $errorMessageBorder;
-        border-width: $messageBorderWidth;
-        color: $errorMessageTextColor;
-
-        .p-message-icon {
-            color: $errorMessageIconColor;
-        }
-
-        .p-message-close {
-            color: $errorMessageIconColor;
-        }
-    }
-
-    .p-message-text {
-        font-size: $messageTextFontSize;
-        font-weight: $messageTextFontWeight;
-    }
-
-    .p-message-icon {
-        font-size: $messageIconFontSize;
-        margin-right: $inlineSpacing;
-    }
-
-    .p-icon:not(.p-message-close-icon) {
-        width: $messageIconFontSize;
-        height: $messageIconFontSize;
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/messages/_toast.scss b/packages/theme/src/azion/theme-base/components/messages/_toast.scss
deleted file mode 100644
index 5deb3b5ac..000000000
--- a/packages/theme/src/azion/theme-base/components/messages/_toast.scss
+++ /dev/null
@@ -1,100 +0,0 @@
-.p-toast {
-    opacity: $toastOpacity;
-
-    .p-toast-message {
-        margin: $toastMargin;
-        box-shadow: $toastShadow;
-        border-radius: $borderRadius;
-
-        .p-toast-message-content {
-            padding: $toastPadding;
-            border-width: $toastBorderWidth;
-
-            .p-toast-message-text {
-                margin: $toastMessageTextMargin;
-            }
-
-            .p-toast-message-icon {
-                font-size: $toastIconFontSize;
-                
-                &.p-icon {
-                    width: $toastIconFontSize;
-                    height: $toastIconFontSize;
-                }
-            }
-
-            .p-toast-summary {
-                font-weight: $toastTitleFontWeight;
-            }
-
-            .p-toast-detail {
-                margin: $toastDetailMargin;
-            }
-        }
-
-        .p-toast-icon-close {
-            width: $toastIconFontSize;
-            height: $toastIconFontSize;
-            border-radius: $actionIconBorderRadius;
-            background: transparent;
-            transition: $actionIconTransition;
-
-            &:hover {
-                background: rgba(255,255,255,.5);
-            }
-
-            &:focus-visible {
-                @include focused();
-            }
-        }
-
-        &.p-toast-message-info {
-            background: $infoMessageBg;
-            border: $infoMessageBorder;
-            border-width: $messageBorderWidth;
-            color: $infoMessageTextColor;
-
-            .p-toast-message-icon,
-            .p-toast-icon-close {
-                color: $infoMessageIconColor;
-            }
-        }
-
-        &.p-toast-message-success {
-            background: $successMessageBg;
-            border: $successMessageBorder;
-            border-width: $messageBorderWidth;
-            color: $successMessageTextColor;
-
-            .p-toast-message-icon,
-            .p-toast-icon-close {
-                color: $successMessageIconColor;
-            }
-        }
-
-        &.p-toast-message-warn {
-            background: $warningMessageBg;
-            border: $warningMessageBorder;
-            border-width: $messageBorderWidth;
-            color: $warningMessageTextColor;
-
-            .p-toast-message-icon,
-            .p-toast-icon-close {
-                color: $warningMessageIconColor;
-            }
-        }
-
-        &.p-toast-message-error {
-            background: $errorMessageBg;
-            border: $errorMessageBorder;
-            border-width: $messageBorderWidth;
-            color: $errorMessageTextColor;
-
-            .p-toast-message-icon,
-            .p-toast-icon-close {
-                color: $errorMessageIconColor;
-            }
-        }
-
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/misc/_avatar.scss b/packages/theme/src/azion/theme-base/components/misc/_avatar.scss
deleted file mode 100644
index d169b82bd..000000000
--- a/packages/theme/src/azion/theme-base/components/misc/_avatar.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-.p-avatar {
-    background-color: $avatarBg;
-    border-radius: $borderRadius;
-
-    &.p-avatar-lg {
-        width: 3rem;
-        height: 3rem;
-        font-size: 1.5rem;
-
-        .p-avatar-icon {
-            font-size: 1.5rem;
-        }
-    }
-
-    &.p-avatar-xl {
-        width: 4rem;
-        height: 4rem;
-        font-size: 2rem;
-
-        .p-avatar-icon {
-            font-size: 2rem;
-        }
-    }
-}
-
-.p-avatar-group {
-    .p-avatar {
-        border: 2px solid $panelContentBg;
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/misc/_badge.scss b/packages/theme/src/azion/theme-base/components/misc/_badge.scss
deleted file mode 100644
index 96467bda8..000000000
--- a/packages/theme/src/azion/theme-base/components/misc/_badge.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-.p-badge {
-    background: $badgeBg;
-    color: $badgeTextColor;
-    font-size: $badgeFontSize;
-    font-weight: $badgeFontWeight;
-    min-width: $badgeMinWidth;
-    height: $badgeHeight;
-    line-height: $badgeHeight;
-
-    &.p-badge-secondary {
-        background-color: $secondaryButtonBg;
-        color: $secondaryButtonTextColor;
-    }
-
-    &.p-badge-success {
-        background-color: $successButtonBg;
-        color: $successButtonTextColor;
-    }
-
-    &.p-badge-info {
-        background-color: $infoButtonBg;
-        color: $infoButtonTextColor;
-    }
-
-    &.p-badge-warning {
-        background-color: $warningButtonBg;
-        color: $warningButtonTextColor;
-    }
-
-    &.p-badge-danger {
-        background-color: $dangerButtonBg;
-        color: $dangerButtonTextColor;
-    }
-
-    &.p-badge-lg {
-        font-size: 1.5 * $badgeFontSize;
-        min-width: 1.5 * $badgeMinWidth;
-        height: 1.5 * $badgeHeight;
-        line-height: 1.5 * $badgeHeight;
-    }
-
-    &.p-badge-xl {
-        font-size: 2 * $badgeFontSize;
-        min-width: 2 * $badgeMinWidth;
-        height: 2 * $badgeHeight;
-        line-height: 2 * $badgeHeight;
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/misc/_blockui.scss b/packages/theme/src/azion/theme-base/components/misc/_blockui.scss
deleted file mode 100644
index e69de29bb..000000000
diff --git a/packages/theme/src/azion/theme-base/components/misc/_chip.scss b/packages/theme/src/azion/theme-base/components/misc/_chip.scss
deleted file mode 100644
index 63f70c039..000000000
--- a/packages/theme/src/azion/theme-base/components/misc/_chip.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-@use 'sass:math';
-
-.p-chip {
-    background-color: $chipBg;
-    color: $chipTextColor;
-    border-radius: $chipBorderRadius;
-    padding: 0 nth($inputPadding, 2);
-
-    .p-chip-text {
-        line-height: 1.5;
-        margin-top: math.div(nth($inputPadding, 1), 2);
-        margin-bottom: math.div(nth($inputPadding, 1), 2);
-    }
-
-    .p-chip-icon {
-        margin-right: $inlineSpacing;
-    }
-
-    img {
-        width: 1.5 + nth($inputPadding, 1);
-        height: 1.5 + nth($inputPadding, 1);
-        margin-left: -1 * nth($inputPadding, 2);
-        margin-right: $inlineSpacing;
-    }
-
-    .p-chip-remove-icon {
-        margin-left: $inlineSpacing;
-        border-radius: $borderRadius;
-        transition: $actionIconTransition;
-        
-        &:focus-visible {
-            @include focused();
-        }
-
-        &:focus {
-            outline: 0 none;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/misc/_inplace.scss b/packages/theme/src/azion/theme-base/components/misc/_inplace.scss
deleted file mode 100644
index 8f64b694f..000000000
--- a/packages/theme/src/azion/theme-base/components/misc/_inplace.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.p-inplace {
-    .p-inplace-display {
-        padding: $inplacePadding;
-        border-radius: $borderRadius;
-        transition: $formElementTransition;
-
-        &:not(.p-disabled):hover {
-            background: $inplaceHoverBg;
-            color: $inplaceTextHoverColor;
-        }
-
-        &:focus {
-            @include focused();
-        }
-    }
-}
-
diff --git a/packages/theme/src/azion/theme-base/components/misc/_progressbar.scss b/packages/theme/src/azion/theme-base/components/misc/_progressbar.scss
deleted file mode 100644
index 7cf0ea687..000000000
--- a/packages/theme/src/azion/theme-base/components/misc/_progressbar.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.p-progressbar {
-    border: $progressBarBorder;
-    height: $progressBarHeight;
-    background: $progressBarBg;
-    border-radius: $borderRadius;
-
-    .p-progressbar-value {
-        border: 0 none;
-        margin: 0;
-        background: $progressBarValueBg;
-    }
-
-    .p-progressbar-label {
-        color: $progressBarValueTextColor;
-        line-height: $progressBarHeight;
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/misc/_progressspinner.scss b/packages/theme/src/azion/theme-base/components/misc/_progressspinner.scss
deleted file mode 100644
index e6861ddec..000000000
--- a/packages/theme/src/azion/theme-base/components/misc/_progressspinner.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-.p-progress-spinner-svg {
-    animation: p-progress-spinner-rotate 2s linear infinite;
-}
-
-.p-progress-spinner-circle {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: 0;
-    stroke: $progressSpinnerStrokeColor;
-    animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
-    stroke-linecap: round;
-}
-
-@keyframes p-progress-spinner-rotate {
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
-@keyframes p-progress-spinner-dash {
-    0% {
-        stroke-dasharray: 1, 200;
-        stroke-dashoffset: 0;
-    }
-    50% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -35px;
-    }
-    100% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -124px;
-    }
-}
-
-@keyframes p-progress-spinner-color {
-    100%,
-    0% {
-        stroke: $progressSpinnerColorOne;
-    }
-    40% {
-        stroke: $progressSpinnerColorTwo;
-    }
-    66% {
-        stroke: $progressSpinnerColorThree;
-    }
-    80%,
-    90% {
-        stroke: $progressSpinnerColorFour;
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/misc/_scrolltop.scss b/packages/theme/src/azion/theme-base/components/misc/_scrolltop.scss
deleted file mode 100644
index 7a7e11b3d..000000000
--- a/packages/theme/src/azion/theme-base/components/misc/_scrolltop.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-.p-scrolltop {
-    width: $scrollTopWidth;
-    height: $scrollTopHeight;
-    border-radius: $scrollTopBorderRadius;
-    box-shadow: $inputOverlayShadow;
-    transition: $actionIconTransition;
-
-    &.p-link {
-        background: $scrollTopBg;
-
-        &:hover {
-            background: $scrollTopHoverBg;
-        }
-    }
-
-    .p-scrolltop-icon {
-        font-size: $scrollTopFontSize;
-        color: $scrollTopTextColor;
-
-        &.p-icon {
-            width: $scrollTopFontSize;
-            height: $scrollTopFontSize;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/misc/_skeleton.scss b/packages/theme/src/azion/theme-base/components/misc/_skeleton.scss
deleted file mode 100644
index 24b3d9209..000000000
--- a/packages/theme/src/azion/theme-base/components/misc/_skeleton.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.p-skeleton {
-    background-color: $skeletonBg;
-    border-radius: $borderRadius;
-
-    &:after {
-        background: linear-gradient(90deg, rgba(255, 255, 255, 0), $skeletonAnimationBg, rgba(255, 255, 255, 0));
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/misc/_tag.scss b/packages/theme/src/azion/theme-base/components/misc/_tag.scss
deleted file mode 100644
index 2a2453d57..000000000
--- a/packages/theme/src/azion/theme-base/components/misc/_tag.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-@use 'sass:math';
-
-.p-tag {
-    background: $badgeBg;
-    color: $badgeTextColor;
-    font-size: $badgeFontSize;
-    font-weight: $badgeFontWeight;
-    padding: $tagPadding;
-    border-radius: $borderRadius;
-
-    &.p-tag-success {
-        background-color: $successButtonBg;
-        color: $successButtonTextColor;
-    }
-
-    &.p-tag-info {
-        background-color: $infoButtonBg;
-        color: $infoButtonTextColor;
-    }
-
-    &.p-tag-warning {
-        background-color: $warningButtonBg;
-        color: $warningButtonTextColor;
-    }
-
-    &.p-tag-danger {
-        background-color: $dangerButtonBg;
-        color: $dangerButtonTextColor;
-    }
-
-    .p-tag-icon {
-        margin-right: math.div($inlineSpacing, 2);
-        font-size: $badgeFontSize;
-
-        &.p-icon {
-            width: $badgeFontSize;
-            height: $badgeFontSize;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/misc/_terminal.scss b/packages/theme/src/azion/theme-base/components/misc/_terminal.scss
deleted file mode 100644
index 93a531c4c..000000000
--- a/packages/theme/src/azion/theme-base/components/misc/_terminal.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-.p-terminal {
-	background: $panelContentBg;
-	color: $panelContentTextColor;
-	border: $panelContentBorder;
-	padding: $panelContentPadding;
-
-	.p-terminal-input {
-		font-family: var(--font-family);
-		font-feature-settings: var(--font-feature-settings, normal);
-		font-size: $inputTextFontSize;
-	}
-}
diff --git a/packages/theme/src/azion/theme-base/components/multimedia/_galleria.scss b/packages/theme/src/azion/theme-base/components/multimedia/_galleria.scss
deleted file mode 100644
index 3fc3531e1..000000000
--- a/packages/theme/src/azion/theme-base/components/multimedia/_galleria.scss
+++ /dev/null
@@ -1,151 +0,0 @@
-.p-galleria {
-    .p-galleria-close {
-        margin: $galleriaCloseIconMargin;
-        background: $galleriaCloseIconBg;
-        color: $galleriaCloseIconColor;
-        width: $galleriaCloseIconWidth;
-        height: $galleriaCloseIconHeight;
-        transition: $actionIconTransition;
-        border-radius: $galleriaCloseIconBorderRadius;
-
-        .p-galleria-close-icon {
-            font-size: $galleriaCloseIconFontSize;
-        }
-
-        .p-icon {
-            width: $galleriaCloseIconFontSize;
-            height: $galleriaCloseIconFontSize;
-        }
-
-        &:hover {
-            background: $galleriaCloseIconHoverBg;
-            color: $galleriaCloseIconHoverColor;
-        }
-    }
-
-    .p-galleria-item-nav {
-        background: $galleriaItemNavigatorBg;
-        color: $galleriaItemNavigatorColor;
-        width: $galleriaItemNavigatorWidth;
-        height: $galleriaItemNavigatorHeight;
-        transition: $actionIconTransition;
-        border-radius: $galleriaItemNavigatorBorderRadius;
-        margin: $galleriaItemNavigatorMargin;
-
-        .p-galleria-item-prev-icon,
-        .p-galleria-item-next-icon {
-            font-size: $galleriaItemNavigatorFontSize;
-        }
-
-        .p-icon {
-            width: $galleriaCloseIconFontSize;
-            height: $galleriaCloseIconFontSize;
-        }
-
-        &:not(.p-disabled) {
-            &:hover {
-                background: $galleriaItemNavigatorHoverBg;
-                color: $galleriaItemNavigatorHoverColor;
-            }
-        }
-    }
-
-    .p-galleria-caption {
-        background: $galleriaCaptionBg;
-        color: $galleriaCaptionTextColor;
-        padding: $galleriaCaptionPadding;
-    }
-
-    .p-galleria-indicators {
-        padding: $galleriaIndicatorsPadding;
-
-        .p-galleria-indicator {
-            button {
-                background-color: $galleriaIndicatorBg;
-                width: $galleriaIndicatorWidth;
-                height: $galleriaIndicatorHeight;
-                transition: $actionIconTransition;
-                border-radius: $galleriaIndicatorBorderRadius;
-
-                &:hover {
-                    background: $galleriaIndicatorHoverBg;
-                }
-            }
-
-            &.p-highlight {
-                button {
-                    background: $highlightBg;
-                    color: $highlightTextColor;
-                }
-            }
-        }
-    }
-
-    &.p-galleria-indicators-bottom,
-    &.p-galleria-indicators-top {
-        .p-galleria-indicator {
-            margin-right: $inlineSpacing;
-        }
-    }
-
-    &.p-galleria-indicators-left,
-    &.p-galleria-indicators-right {
-        .p-galleria-indicator {
-            margin-bottom: $inlineSpacing;
-        }
-    }
-
-    &.p-galleria-indicator-onitem {
-        .p-galleria-indicators {
-            background: $galleriaIndicatorsBgOnItem;
-
-            .p-galleria-indicator {
-                button {
-                    background: $galleriaIndicatorBgOnItem;
-
-                    &:hover {
-                        background: $galleriaIndicatorHoverBgOnItem;
-                    }
-                }
-
-                &.p-highlight {
-                    button {
-                        background: $highlightBg;
-                        color: $highlightTextColor;
-                    }
-                }
-            }
-        }
-    }
-
-    .p-galleria-thumbnail-container {
-        background: $galleriaThumbnailContainerBg;
-        padding: $galleriaThumbnailContainerPadding;
-
-        .p-galleria-thumbnail-prev,
-        .p-galleria-thumbnail-next {
-            margin: $inlineSpacing;
-            background-color: $galleriaThumbnailNavigatorBg;
-            color: $galleriaThumbnailNavigatorColor;
-            width: $galleriaThumbnailNavigatorWidth;
-            height: $galleriaThumbnailNavigatorHeight;
-            transition: $actionIconTransition;
-            border-radius: $galleriaThumbnailNavigatorBorderRadius;
-
-            &:hover {
-                background: $galleriaThumbnailNavigatorHoverBg;
-                color: $galleriaThumbnailNavigatorHoverColor;
-            }
-        }
-
-        .p-galleria-thumbnail-item-content {
-            &:focus-visible {
-                @include focused();
-            }
-        }
-    }
-}
-
-.p-galleria-mask {
-    --maskbg: #{$galleriaMaskBg};
-}
diff --git a/packages/theme/src/azion/theme-base/components/multimedia/_image.scss b/packages/theme/src/azion/theme-base/components/multimedia/_image.scss
deleted file mode 100644
index 9a9d0e94d..000000000
--- a/packages/theme/src/azion/theme-base/components/multimedia/_image.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-.p-image-mask {
-    --maskbg: #{$imageMaskBg};
-}
-
-.p-image-preview-indicator {
-    background-color: transparent;
-    color: $imagePreviewIndicatorColor;
-    transition: $actionIconTransition;
-
-    .p-icon {
-        width: $imagePreviewActionIconFontSize;
-        height: $imagePreviewActionIconFontSize;
-    }
-}
-
-.p-image-preview-container {
-    &:hover {
-        > .p-image-preview-indicator {
-            background-color: $imagePreviewIndicatorBg;
-        }
-    }
-}
-
-.p-image-toolbar {
-    padding: $imagePreviewToolbarPadding;
-}
-
-.p-image-action.p-link {
-    color: $imagePreviewActionIconColor;
-    background-color: $imagePreviewActionIconBg;
-    width: $imagePreviewActionIconWidth;
-    height: $imagePreviewActionIconHeight;
-    border-radius: $imagePreviewActionIconBorderRadius;
-    transition: $actionIconTransition;
-    margin-right: $inlineSpacing;
-
-    &:last-child {
-        margin-right: 0;
-    }
-
-    &:hover {
-        color: $imagePreviewActionIconHoverColor;
-        background-color: $imagePreviewActionIconHoverBg;
-    }
-
-    i {
-        font-size: $imagePreviewActionIconFontSize;
-    }
-
-    .p-icon {
-        width: $imagePreviewActionIconFontSize;
-        height: $imagePreviewActionIconFontSize;
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/overlay/_confirmpopup.scss b/packages/theme/src/azion/theme-base/components/overlay/_confirmpopup.scss
deleted file mode 100644
index 4b8b7e9c9..000000000
--- a/packages/theme/src/azion/theme-base/components/overlay/_confirmpopup.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-.p-confirm-popup {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
-
-    .p-confirm-popup-content {
-        padding: $confirmPopupContentPadding;
-    }
-
-    .p-confirm-popup-footer {
-        text-align: right;
-        padding: $confirmPopupFooterPadding;
-
-        button {
-            margin: 0 $inlineSpacing 0 0;
-            width: auto;
-
-            &:last-child {
-                margin: 0;
-            }
-        }
-    }
-
-    &:after {
-        border: solid transparent;
-        border-color: rgba($overlayContentBg, 0);
-        border-bottom-color: $overlayContentBg;
-    }
-
-    &:before {
-        border: solid transparent;
-
-        @if (nth($overlayContentBorder, 2) == 'none') {
-            border-color: rgba($overlayContentBg, 0);
-            border-bottom-color: $overlayContentBg ;
-        }
-        @else {
-            border-color: rgba(nth($overlayContentBorder, 3), 0);
-            border-bottom-color: nth($overlayContentBorder, 3);
-        }
-    }
-
-    &.p-confirm-popup-flipped {
-        &:after {
-            border-top-color: $overlayContentBg;
-        }
-
-        &:before {
-            @if (nth($overlayContentBorder, 2) == 'none') {
-                border-top-color: $overlayContentBg;
-            }
-            @else {
-                border-top-color: nth($overlayContentBorder, 3);
-            }
-        }
-    }
-
-    .p-confirm-popup-icon {
-        font-size: $primeIconFontSize * 1.5;
-
-        &.p-icon {
-            width: $primeIconFontSize * 1.5;
-            height: $primeIconFontSize * 1.5;
-        }
-    }
-
-    .p-confirm-popup-message {
-        margin-left: $inlineSpacing * 2;
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/overlay/_dialog.scss b/packages/theme/src/azion/theme-base/components/overlay/_dialog.scss
deleted file mode 100644
index 1c39f1829..000000000
--- a/packages/theme/src/azion/theme-base/components/overlay/_dialog.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-.p-dialog {
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
-    border: $overlayContentBorder;
-
-    .p-dialog-header {
-        border-bottom: $dialogHeaderBorder;
-        background: $dialogHeaderBg;
-        color: $dialogHeaderTextColor;
-        padding: $dialogHeaderPadding;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-dialog-title {
-            font-weight: $dialogHeaderFontWeight;
-            font-size: $dialogHeaderFontSize;
-        }
-
-        .p-dialog-header-icon {
-            @include action-icon();
-            margin-right: $inlineSpacing;
-            
-            &:last-child {
-                margin-right: 0;
-            }            
-        }
-    }
-
-    .p-dialog-content {
-        background: $overlayContentBg;
-        color: $panelContentTextColor;
-        padding: $dialogContentPadding;
-
-        &:last-of-type {
-            border-bottom-right-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
-    }
-
-    .p-dialog-footer {
-        border-top:  $dialogFooterBorder;
-        background: $overlayContentBg;
-        color: $panelFooterTextColor;
-        padding: $dialogFooterPadding;
-        text-align: right;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-
-        button {
-            margin: 0 $inlineSpacing 0 0;
-            width: auto;
-        }
-    }
-
-    &.p-confirm-dialog {
-        .p-confirm-dialog-icon {
-            font-size: $primeIconFontSize * 2;
-        }
-
-        .p-confirm-dialog-message:not(:first-child) {
-            margin-left: $inlineSpacing * 2;
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/overlay/_overlaypanel.scss b/packages/theme/src/azion/theme-base/components/overlay/_overlaypanel.scss
deleted file mode 100644
index 3dfe6d231..000000000
--- a/packages/theme/src/azion/theme-base/components/overlay/_overlaypanel.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-@use 'sass:math';
-
-.p-overlaypanel {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
-
-    .p-overlaypanel-content {
-        padding: $panelContentPadding;
-    }
-
-    .p-overlaypanel-close {
-        background: $buttonBg;
-        color: $buttonTextColor;
-        width: $actionIconWidth;
-        height: $actionIconHeight;
-        transition: $actionIconTransition;
-        border-radius: $actionIconBorderRadius;
-        position: absolute;
-        top: math.div(-1 * $actionIconWidth, 2);
-        right: math.div(-1 * $actionIconWidth, 2);
-
-        &:enabled:hover {
-            background: $buttonHoverBg;
-            color: $buttonTextHoverColor;
-        }
-    }
-
-    &:after {
-        border: solid transparent;
-    }
-
-    &:before {
-        border: solid transparent;
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/overlay/_sidebar.scss b/packages/theme/src/azion/theme-base/components/overlay/_sidebar.scss
deleted file mode 100644
index c40a0bbb2..000000000
--- a/packages/theme/src/azion/theme-base/components/overlay/_sidebar.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-.p-sidebar {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    box-shadow: $overlayContainerShadow;
-
-    .p-sidebar-header {
-        padding: $panelHeaderPadding;
-
-        .p-sidebar-close,
-        .p-sidebar-icon {
-            @include action-icon();
-        }
-
-        & + .p-sidebar-content {
-            padding-top: 0;
-        }
-    }
-
-    .p-sidebar-content {
-        padding: $panelContentPadding;
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/overlay/_tooltip.scss b/packages/theme/src/azion/theme-base/components/overlay/_tooltip.scss
deleted file mode 100644
index 47cce55d1..000000000
--- a/packages/theme/src/azion/theme-base/components/overlay/_tooltip.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-.p-tooltip {
-    .p-tooltip-text {
-        background: $tooltipBg;
-        color: $tooltipTextColor;
-        padding: $tooltipPadding;
-        box-shadow: $inputOverlayShadow;
-        border-radius: $borderRadius;
-    }
-
-    &.p-tooltip-right {
-        .p-tooltip-arrow {
-            border-right-color: $tooltipBg;
-        }
-    }
-
-    &.p-tooltip-left {
-        .p-tooltip-arrow {
-            border-left-color: $tooltipBg;
-        }
-    }
-
-    &.p-tooltip-top {
-        .p-tooltip-arrow {
-            border-top-color: $tooltipBg;
-        }
-    }
-
-    &.p-tooltip-bottom {
-        .p-tooltip-arrow {
-            border-bottom-color: $tooltipBg;
-        }
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/panel/_accordion.scss b/packages/theme/src/azion/theme-base/components/panel/_accordion.scss
deleted file mode 100644
index 9d922aec1..000000000
--- a/packages/theme/src/azion/theme-base/components/panel/_accordion.scss
+++ /dev/null
@@ -1,118 +0,0 @@
-.p-accordion {
-    .p-accordion-header {
-        .p-accordion-header-link {
-            padding: $accordionHeaderPadding;
-            border: $accordionHeaderBorder;
-            color: $accordionHeaderTextColor;
-            background: $accordionHeaderBg;
-            font-weight: $accordionHeaderFontWeight;
-            border-radius: $borderRadius;
-            transition: $listItemTransition;
-
-            .p-accordion-toggle-icon {
-                margin-right: $inlineSpacing;
-            }
-        }
-
-        &:not(.p-disabled) {
-            .p-accordion-header-link {
-                &:focus-visible {
-                    @include focused-inset();
-                }
-            }
-        }
-
-        &:not(.p-highlight):not(.p-disabled):hover {
-            .p-accordion-header-link {
-                background: $accordionHeaderHoverBg;
-                border-color: $accordionHeaderHoverBorderColor;
-                color: $accordionHeaderTextHoverColor;
-            }
-        }
-
-        &:not(.p-disabled).p-highlight {
-            .p-accordion-header-link {
-                background: $accordionHeaderActiveBg;
-                border-color: $accordionHeaderActiveBorderColor;
-                color: $accordionHeaderTextActiveColor;
-                border-bottom-right-radius: 0;
-                border-bottom-left-radius: 0;
-            }
-
-            &:hover {
-                .p-accordion-header-link {
-                    border-color: $accordionHeaderActiveHoverBorderColor;
-                    background: $accordionHeaderActiveHoverBg;
-                    color: $accordionHeaderTextActiveHoverColor;
-                }
-            }
-        }
-    }
-
-    .p-accordion-content {
-        padding: $accordionContentPadding;
-        border: $accordionContentBorder;
-        background: $accordionContentBg;
-        color: $accordionContentTextColor;
-        border-top: 0;
-        border-top-right-radius: 0;
-        border-top-left-radius: 0;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-    }
-
-    .p-accordion-tab {
-        margin-bottom: $accordionSpacing;
-
-        @if $accordionSpacing == 0 {
-            .p-accordion-header {
-                .p-accordion-header-link {
-                    border-radius: 0;
-                }
-            }
-
-            .p-accordion-content {
-                border-bottom-right-radius: 0;
-                border-bottom-left-radius: 0;
-            }
-
-            &:not(:first-child) {
-                .p-accordion-header {
-                    .p-accordion-header-link {
-                        border-top: 0 none;
-                    }
-
-                    &:not(.p-highlight):not(.p-disabled):hover,
-                    &:not(.p-disabled).p-highlight:hover {
-                        .p-accordion-header-link {
-                            border-top: 0 none;
-                        }
-                    }
-                }
-            }
-
-            &:first-child {
-                .p-accordion-header {
-                    .p-accordion-header-link {
-                        border-top-right-radius: $borderRadius;
-                        border-top-left-radius: $borderRadius;
-                    }
-                }
-            }
-
-            &:last-child {
-                .p-accordion-header:not(.p-highlight) {
-                    .p-accordion-header-link {
-                        border-bottom-right-radius: $borderRadius;
-                        border-bottom-left-radius: $borderRadius;
-                    }
-                }
-                
-                .p-accordion-content {
-                    border-bottom-right-radius: $borderRadius;
-                    border-bottom-left-radius: $borderRadius;
-                }
-            }
-        } 
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/panel/_card.scss b/packages/theme/src/azion/theme-base/components/panel/_card.scss
deleted file mode 100644
index f33312458..000000000
--- a/packages/theme/src/azion/theme-base/components/panel/_card.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-.p-card {
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    box-shadow: $cardShadow;
-    border-radius: $borderRadius;
-
-    .p-card-body {
-        padding: $cardBodyPadding;
-    }
-
-    .p-card-title {
-        font-size: $cardTitleFontSize;
-        font-weight: $cardTitleFontWeight;
-        margin-bottom: $inlineSpacing;
-    }
-
-    .p-card-subtitle {
-        font-weight: $cardSubTitleFontWeight;
-        margin-bottom: $inlineSpacing;
-        color: $cardSubTitleColor;
-    }
-
-    .p-card-content {
-        padding: $cardContentPadding;
-    }
-
-    .p-card-footer {
-        padding: $cardFooterPadding;
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/panel/_divider.scss b/packages/theme/src/azion/theme-base/components/panel/_divider.scss
deleted file mode 100644
index 6d39d3bbc..000000000
--- a/packages/theme/src/azion/theme-base/components/panel/_divider.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-.surface-card {
-  .p-divider-content {
-    background-color: var(--surface-card) !important;
-  }
-}
-
-.p-divider {
-  .p-divider-content {
-    background-color: $panelContentBg;
-  }
-
-
-
-
-    &.p-divider-horizontal {
-        margin: $dividerHorizontalMargin;
-        padding: $dividerHorizontalPadding;
-
-        &:before {
-            border-top: $dividerSize $dividerColor;
-        }
-
-        .p-divider-content {
-            padding: 0 $inlineSpacing;
-        }
-    }
-
-    &.p-divider-vertical {
-        margin: $dividerVerticalMargin;
-        padding: $dividerVerticalPadding;
-
-        &:before {
-            border-left: $dividerSize $dividerColor;
-        }
-
-        .p-divider-content {
-            padding: $inlineSpacing 0;
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/panel/_fieldset.scss b/packages/theme/src/azion/theme-base/components/panel/_fieldset.scss
deleted file mode 100644
index 2c59df68a..000000000
--- a/packages/theme/src/azion/theme-base/components/panel/_fieldset.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-.p-fieldset {
-    border: $panelContentBorder;
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    border-radius: $borderRadius;
-
-    .p-fieldset-legend {
-        padding: $panelHeaderPadding;
-        border: $panelHeaderBorder;
-        color: $panelHeaderTextColor;
-        background: $panelHeaderBg;
-        font-weight: $panelHeaderFontWeight;
-        border-radius: $borderRadius;
-    }
-
-    &.p-fieldset-toggleable {
-        .p-fieldset-legend {
-            padding: 0;
-            transition: $actionIconTransition;
-
-            a {
-                padding: $panelHeaderPadding;
-                color: $panelHeaderTextColor;
-                border-radius: $borderRadius;
-                transition: $listItemTransition;
-
-                .p-fieldset-toggler {
-                    margin-right: $inlineSpacing;
-                }
-
-                &:focus-visible {
-                    @include focused();
-                }
-
-                &:hover {
-                    color: $panelHeaderTextHoverColor;
-                }
-            }
-
-            &:hover {
-                background: $panelHeaderHoverBg;
-                border-color: $panelHeaderHoverBorderColor;
-                color: $panelHeaderTextHoverColor;
-            }
-        }
-    }
-
-    .p-fieldset-content {
-        padding: $panelContentPadding;
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/panel/_panel.scss b/packages/theme/src/azion/theme-base/components/panel/_panel.scss
deleted file mode 100644
index eb07e1ba1..000000000
--- a/packages/theme/src/azion/theme-base/components/panel/_panel.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-.p-panel {
-    .p-panel-header {
-        border: $panelHeaderBorder;
-        padding: $panelHeaderPadding;
-        background: $panelHeaderBg;
-        color: $panelHeaderTextColor;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-panel-title {
-            font-weight: $panelHeaderFontWeight;
-        }
-
-        .p-panel-header-icon {
-            @include action-icon();
-        }
-    }
-
-    &.p-panel-toggleable {
-        .p-panel-header {
-            padding: $panelToggleableHeaderPadding;
-        }
-    }
-
-    .p-panel-content {
-        padding: $panelContentPadding;
-        border: $panelContentBorder;
-        background: $panelContentBg;
-        color: $panelContentTextColor;
-        border-top: 0 none;
-        
-        &:last-child {
-            border-bottom-right-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
-    }
-
-    .p-panel-footer {
-        padding: $panelFooterPadding;
-        border: $panelFooterBorder;
-        background: $panelFooterBg;
-        color: $panelFooterTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-        border-top: 0 none;
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/panel/_scrollpanel.scss b/packages/theme/src/azion/theme-base/components/panel/_scrollpanel.scss
deleted file mode 100644
index 192a3a20e..000000000
--- a/packages/theme/src/azion/theme-base/components/panel/_scrollpanel.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.p-scrollpanel {
-    .p-scrollpanel-bar {
-        background: $scrollPanelTrackBg;
-        border: $scrollPanelTrackBorder;
-        transition: $formElementTransition;
-
-        &:focus-visible {
-            @include focused();
-        }
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/panel/_splitter.scss b/packages/theme/src/azion/theme-base/components/panel/_splitter.scss
deleted file mode 100644
index ec5041f7d..000000000
--- a/packages/theme/src/azion/theme-base/components/panel/_splitter.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-.p-splitter {
-    border: $panelContentBorder;
-    background: $panelContentBg;
-    border-radius: $borderRadius;
-    color: $panelContentTextColor;
-
-    .p-splitter-gutter {
-        transition: $actionIconTransition;
-        background: $splitterGutterBg;
-        
-        .p-splitter-gutter-handle {
-            background: $splitterGutterHandleBg;
-            transition: $formElementTransition;
-            
-            &:focus-visible {
-                @include focused();
-            }
-        }
-    }
-
-    .p-splitter-gutter-resizing {
-        background: $splitterGutterHandleBg;
-    }
-}
\ No newline at end of file
diff --git a/packages/theme/src/azion/theme-base/components/panel/_tabview.scss b/packages/theme/src/azion/theme-base/components/panel/_tabview.scss
deleted file mode 100644
index bb8594bdc..000000000
--- a/packages/theme/src/azion/theme-base/components/panel/_tabview.scss
+++ /dev/null
@@ -1,66 +0,0 @@
-.p-tabview {
-    .p-tabview-nav {
-        background: $tabviewNavBg;
-        border: $tabviewNavBorder;
-        border-width: $tabviewNavBorderWidth;
-
-        li {
-            margin-right: $tabviewHeaderSpacing;
-
-            .p-tabview-nav-link {
-                border: $tabviewHeaderBorder;
-                border-width: $tabviewHeaderBorderWidth;
-                border-color: $tabviewHeaderBorderColor;
-                background: $tabviewHeaderBg;
-                color: $tabviewHeaderTextColor;
-                padding: $tabviewHeaderPadding;
-                font-weight: $tabviewHeaderFontWeight;
-                border-top-right-radius: $borderRadius;
-                border-top-left-radius: $borderRadius;
-                transition: $listItemTransition;
-                margin: $tabviewHeaderMargin;
-
-                &:not(.p-disabled):focus-visible {
-                    @include focused-inset();
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled):hover {
-                .p-tabview-nav-link {
-                    background: $tabviewHeaderHoverBg;
-                    border-color: $tabviewHeaderHoverBorderColor;
-                    color: $tabviewHeaderTextHoverColor;
-                }
-            }
-
-            &.p-highlight {
-                .p-tabview-nav-link {
-                  background: $tabviewHeaderActiveBg;
-                  border-color: $tabviewHeaderActiveBorderColor;
-                    color: $tabviewHeaderTextActiveColor;
-                }
-            }
-        }
-    }
-
-    .p-tabview-nav-btn.p-link {
-        background: $tabviewHeaderActiveBg;
-        color: $tabviewHeaderTextActiveColor;
-        width: $buttonIconOnlyWidth;
-        box-shadow: $raisedButtonShadow;
-        border-radius: 0;
-
-        &:focus-visible {
-            @include focused-inset();
-        }
-    }
-
-    .p-tabview-panels {
-        background: $tabviewContentBg;
-        padding: $tabviewContentPadding;
-        border: $tabviewContentBorder;
-        color: $tabviewContentTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-    }
-}
diff --git a/packages/theme/src/azion/theme-base/components/panel/_toolbar.scss b/packages/theme/src/azion/theme-base/components/panel/_toolbar.scss
deleted file mode 100644
index 78d741508..000000000
--- a/packages/theme/src/azion/theme-base/components/panel/_toolbar.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.p-toolbar {
-    background: $panelHeaderBg;
-    border: $panelHeaderBorder;
-    padding: $panelHeaderPadding;
-    border-radius: $borderRadius;
-    gap: $inlineSpacing;
-
-    .p-toolbar-separator {
-        margin: 0 $inlineSpacing;
-    }
-}
diff --git a/packages/theme/src/azion/theme-widget.scss b/packages/theme/src/azion/theme-widget.scss
deleted file mode 100644
index ef3cfd668..000000000
--- a/packages/theme/src/azion/theme-widget.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@import './variables-widget';
-
-.azion {
-  @import './_fonts';
-  @import './theme-base/components.scss';
-  @import './_extensions';
-  @import './custom';
-  transition: background-color 0.3s ease, color 0.3s ease;
-}
diff --git a/packages/theme/src/azion/theme.scss b/packages/theme/src/azion/theme.scss
deleted file mode 100644
index 3ce4758ae..000000000
--- a/packages/theme/src/azion/theme.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@import './variables';
-
-.azion {
-  @import './_fonts';
-  @import './theme-base/components.scss';
-  @import './_extensions';
-  @import './custom';
-  transition: background-color 0.3s ease, color 0.3s ease;
-}
diff --git a/packages/theme/src/azion/variables/_button.scss b/packages/theme/src/azion/variables/_button.scss
deleted file mode 100644
index c3b762530..000000000
--- a/packages/theme/src/azion/variables/_button.scss
+++ /dev/null
@@ -1,438 +0,0 @@
-/// Padding of a button, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
-/// @group button
-$buttonPadding: 0.344rem 0.75rem;
-
-/// Width of a button having an icon with no label
-/// @group button
-$buttonIconOnlyWidth: 2.313rem;
-
-/// Padding of a button having an icon with no label
-/// @group button
-$buttonIconOnlyPadding: 0.1875rem 0;
-
-/// Background of a button
-/// @group button
-$buttonBg: #f3652b;
-
-/// Text color of a button
-/// @group button
-$buttonTextColor: var(--primary-text-color);
-
-/// Border of a button
-/// @group button
-$buttonBorder: 1px solid #f3652b;
-
-/// Background of a button in hover state
-/// @group button
-$buttonHoverBg: #f5793f;
-
-/// Text color of a button in hover state
-/// @group button
-$buttonTextHoverColor: var(--primary-text-color);
-
-/// Border color of a button in hover state
-/// @group button
-$buttonHoverBorderColor: #f5793f;
-
-/// Background of a button in pressed state
-/// @group button
-$buttonActiveBg: #eb6f3f;
-
-/// Color of a button in pressed state
-/// @group button
-$buttonTextActiveColor: var(--primary-text-color);
-
-/// Border color of a button in pressed state
-/// @group button
-$buttonActiveBorderColor: #eb6f3f;
-
-/// Shadow of a raised button
-/// @group button
-$raisedButtonShadow:
-  0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-  0px 2px 2px 0px rgba(0, 0, 0, 0.14),
-  0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-
-/// Border radius of a rounded button
-/// @group button
-$roundedButtonBorderRadius: 2rem;
-
-/// Alpha level of a text button background in hover state
-/// @group button
-$textButtonHoverBgOpacity: 0.04;
-
-/// Alpha level of a text button background in active state
-/// @group button
-$textButtonActiveBgOpacity: 0.16;
-
-/// Border style of a outlined button
-/// @group button
-$outlinedButtonBorder: 1px solid var(--surface-border);
-
-/// Text color of a plain text button
-/// @group button
-$plainButtonTextColor: $textColor;
-
-/// Background color of a plain text button in hover state
-/// @group button
-$plainButtonHoverBgColor: #1e1e1e;
-
-/// Background color of a plain text button in active state
-/// @group button
-$plainButtonActiveBgColor: var(--plain-button-active-bg-color);
-
-/// Background of a secondary button
-/// @group button
-$secondaryButtonBg: var(--secondary-button-bg);
-
-/// Text color of a secondary button
-/// @group button
-$secondaryButtonTextColor: var(--secondary-button-text-color) !important;
-
-/// Border of a secondary button
-/// @group button
-$secondaryButtonBorder: 1px solid var(--secondary-button-bg);
-
-/// Background of a secondary button in hover state
-/// @group button
-$secondaryButtonHoverBg: var(--secondary-button-hover-bg);
-
-/// Text color of a secondary button in hover state
-/// @group button
-$secondaryButtonTextHoverColor: var(--secondary-button-text-hover-color);
-
-/// Border color of a secondary button in hover state
-/// @group button
-$secondaryButtonHoverBorderColor: var(--secondary-button-hover-border-color);
-
-/// Background of a secondary button in pressed state
-/// @group button
-$secondaryButtonActiveBg: var(--secondary-button-active-bg);
-
-/// Text color of a secondary button in pressed state
-/// @group button
-$secondaryButtonTextActiveColor: var(--secondary-button-text-active-color);
-
-/// Border color of a secondary button in pressed state
-/// @group button
-$secondaryButtonActiveBorderColor: var(--secondary-button-active-border-color);
-
-/// Box shadow of a secondary button in focused state
-/// @group button
-$secondaryButtonFocusShadow: 0 0 0 0.2rem $focusOutline;
-
-/// Background of an info button
-/// @group button
-$infoButtonBg: #0b61c4;
-
-/// Text color of an info button
-/// @group button
-$infoButtonTextColor: #ffffff;
-
-/// Border of an info button
-/// @group button
-$infoButtonBorder: 1px solid #0b61c4;
-
-/// Background of an info button in hover state
-/// @group button
-$infoButtonHoverBg: #0953a6;
-
-/// Text color of an info button in hover state
-/// @group button
-$infoButtonTextHoverColor: #ffffff;
-
-/// Border color of an info button in hover state
-/// @group button
-$infoButtonHoverBorderColor: #0953a6;
-
-/// Background of an info button in pressed state
-/// @group button
-$infoButtonActiveBg: #0953a6;
-
-/// Text color of an info button in pressed state
-/// @group button
-$infoButtonTextActiveColor: #ffffff;
-
-/// Border color of an info button in pressed state
-/// @group button
-$infoButtonActiveBorderColor: #0953a6;
-
-/// Box shadow of an info button in focused state
-/// @group button
-$infoButtonFocusShadow: 0 0 0 0.2rem lighten($infoButtonBg, 35%);
-
-/// Background of a success button
-/// @group button
-$successButtonBg: #198236;
-
-/// Text color of a success button
-/// @group button
-$successButtonTextColor: #ffffff;
-
-/// Border of a success button
-/// @group button
-$successButtonBorder: 1px solid #198236;
-
-/// Background of a success button in hover state
-/// @group button
-$successButtonHoverBg: #156f2e;
-
-/// Text color of a success button in hover state
-/// @group button
-$successButtonTextHoverColor: #ffffff;
-
-/// Border color of a success button in hover state
-/// @group button
-$successButtonHoverBorderColor: #156f2e;
-
-/// Background of a success button in pressed state
-/// @group button
-$successButtonActiveBg: #156f2e;
-
-/// Text Color of a success button in pressed state
-/// @group button
-$successButtonTextActiveColor: #ffffff;
-
-/// Border color of a success button in pressed state
-/// @group button
-$successButtonActiveBorderColor: #156f2e;
-
-/// Box shadow of a success button in focused state
-/// @group button
-$successButtonFocusShadow: 0 0 0 0.2rem lighten($successButtonBg, 35%);
-
-/// Background of a warning button
-/// @group button
-$warningButtonBg: #e9ae18;
-
-/// Text color of a warning button
-/// @group button
-$warningButtonTextColor: var(--warning-button-text-color);
-
-/// Border of a warning button
-/// @group button
-$warningButtonBorder: 1px solid #e9ae18;
-
-/// Background of a warning button in hover state
-/// @group button
-$warningButtonHoverBg: #c79413;
-
-/// Text color of a warning button in hover state
-/// @group button
-$warningButtonTextHoverColor: var(--warning-button-text-color);
-
-/// Border color of a warning button in hover state
-/// @group button
-$warningButtonHoverBorderColor: #c79413;
-
-/// Background of a warning button in pressed state
-/// @group button
-$warningButtonActiveBg: #c79413;
-
-/// Text color of a warning button in pressed state
-/// @group button
-$warningButtonTextActiveColor: var(--warning-button-text-color);
-
-/// Border color of a warning button in pressed state
-/// @group button
-$warningButtonActiveBorderColor: #c79413;
-
-/// Box shadow of a warning button in focused state
-/// @group button
-$warningButtonFocusShadow: 0 0 0 0.2rem lighten($warningButtonBg, 35%);
-
-/// Background of a help button
-/// @group button
-$helpButtonBg: #9c27b0;
-
-/// Text color of a help button
-/// @group button
-$helpButtonTextColor: #ffffff;
-
-/// Border of a help button
-/// @group button
-$helpButtonBorder: 1px solid #9c27b0;
-
-/// Background of a help help in hover state
-/// @group button
-$helpButtonHoverBg: #8e24aa;
-
-/// Text color of a help button in hover state
-/// @group button
-$helpButtonTextHoverColor: #ffffff;
-
-/// Border color of a help button in hover state
-/// @group button
-$helpButtonHoverBorderColor: var(--help-button-hover-border-color);
-
-/// Background of a help button in pressed state
-/// @group button
-$helpButtonActiveBg: var(--help-button-active);
-
-/// Text color of a help button in pressed state
-/// @group button
-$helpButtonTextActiveColor: #ffffff;
-
-/// Border color of a help button in pressed state
-/// @group button
-$helpButtonActiveBorderColor: var(--help-button-active);
-
-/// Box shadow of a help button in focused state
-/// @group button
-$helpButtonFocusShadow: 0 0 0 0.2rem #ce93d8;
-
-/// Background of a danger button
-/// @group button
-$dangerButtonBg: #c4170b;
-
-/// Text color of a danger button
-/// @group button
-$dangerButtonTextColor: #ffffff;
-
-/// Border of a danger button
-/// @group button
-$dangerButtonBorder: 1px solid #c4170b;
-
-/// Background of a danger button in hover state
-/// @group button
-$dangerButtonHoverBg: #a61409;
-
-/// Text color of a danger button in hover state
-/// @group button
-$dangerButtonTextHoverColor: #ffffff;
-
-/// Border color of a danger button in hover state
-/// @group button
-$dangerButtonHoverBorderColor: #a61409;
-
-/// Background of a danger button in pressed state
-/// @group button
-$dangerButtonActiveBg: #a61409;
-
-/// Text color of a danger button in pressed state
-/// @group button
-$dangerButtonTextActiveColor: #ffffff;
-
-/// Border color of a danger button in pressed state
-/// @group button
-$dangerButtonActiveBorderColor: #a61409;
-
-/// Box shadow of a danger button in focused state
-/// @group button
-$dangerButtonFocusShadow: 0 0 0 0.2rem lighten($dangerButtonBg, 35%);
-
-/// Text color of a link button
-/// @group button
-$linkButtonColor: var(--text-color-link);
-
-/// Text color of a link button in hover state
-/// @group button
-$linkButtonHoverColor: var(--text-color-link-hover);
-
-/// Text decoration of a link button in hover state
-/// @group button
-$linkButtonTextHoverDecoration: underline;
-
-/// Box shadow of a link button in focused state
-/// @group button
-$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor;
-
-/// Background of a toggle button
-/// @group button
-$toggleButtonBg: var(--toggle-button-bg);
-
-/// Border of a toggle button
-/// @group button
-$toggleButtonBorder: 1px solid var(--toggle-button-border);
-
-/// Text color of a toggle button
-/// @group button
-$toggleButtonTextColor: $textColor;
-
-/// Icon color of a toggle button
-/// @group button
-$toggleButtonIconColor: $textSecondaryColor;
-
-/// Background of a toggle button in hover state
-/// @group button
-$toggleButtonHoverBg: var(--toggle-button-hover-bg);
-
-/// Border color of a toggle button in hover state
-/// @group button
-$toggleButtonHoverBorderColor: var(--toggle-button-border);
-
-/// Text color of a toggle button in hover state
-/// @group button
-$toggleButtonTextHoverColor: $textColor;
-
-/// Icon color of a toggle button in hover state
-/// @group button
-$toggleButtonIconHoverColor: $textSecondaryColor;
-
-/// Background of a toggle button in selected state
-/// @group button
-$toggleButtonActiveBg: var(--primary-color);
-
-/// Border color of a toggle button in selected state
-/// @group button
-$toggleButtonActiveBorderColor: var(--primary-color);
-
-/// Text color of a toggle button in selected state
-/// @group button
-$toggleButtonTextActiveColor: var(--primary-text-color);
-
-/// Icon color of a toggle button in selected state
-/// @group button
-$toggleButtonIconActiveColor: var(--primary-text-color);
-
-/// Hover background of a toggle button in selected state
-/// @group button
-$toggleButtonActiveHoverBg: var(--primary-dark-color);
-
-/// Hover border color of a toggle button in selected state
-/// @group button
-$toggleButtonActiveHoverBorderColor: var(--primary-dark-color);
-
-/// Hover text color of a toggle button in selected state
-/// @group button
-$toggleButtonTextActiveHoverColor: var(--primary-text-color);
-
-/// Hover icon of a toggle button in selected state
-/// @group button
-$toggleButtonIconActiveHoverColor: var(--primary-text-color);
-
-/// Width of the speed dial button
-/// @group button
-$speedDialButtonWidth: 4rem;
-
-/// Height of the speed dial button
-/// @group button
-$speedDialButtonHeight: 4rem;
-
-/// Icon size of the speed dial button
-/// @group button
-$speedDialButtonIconFontSize: 1.3rem;
-
-/// Width of a speed dial item
-/// @group button
-$speedDialActionWidth: 3rem;
-
-/// Height of a speed dial item
-/// @group button
-$speedDialActionHeight: 3rem;
-
-/// Background color of a speed dial item
-/// @group button
-$speedDialActionBg: #ffffff;
-
-/// Background color of a speed dial item in hover state
-/// @group button
-$speedDialActionHoverBg: #f5f5f5;
-
-/// Text color of a speed dial item
-/// @group button
-$speedDialActionTextColor: #212121;
-
-/// Text color of a speed dial item in hover state
-/// @group button
-$speedDialActionTextHoverColor: #212121;
diff --git a/packages/theme/src/azion/variables/_data.scss b/packages/theme/src/azion/variables/_data.scss
deleted file mode 100644
index 705510e46..000000000
--- a/packages/theme/src/azion/variables/_data.scss
+++ /dev/null
@@ -1,346 +0,0 @@
-/// Background of a paginator
-/// @group data
-$paginatorBg: var(--paginator-bg);
-
-/// Text color of a paginator
-/// @group data
-$paginatorTextColor: $textSecondaryColor;
-
-/// Border of a paginator
-/// @group data
-$paginatorBorder: solid var(--paginator-border);
-
-/// Border width of a paginator
-/// @group data
-$paginatorBorderWidth: none;
-
-/// Padding of a paginator
-/// @group data
-$paginatorPadding: 0.5rem 1rem;
-
-/// Width of a paginator element
-/// @group data
-$paginatorElementWidth: $buttonIconOnlyWidth;
-
-/// Height of a paginator element
-/// @group data
-$paginatorElementHeight: $buttonIconOnlyWidth;
-
-/// Background of a paginator element
-/// @group data
-$paginatorElementBg: transparent;
-
-/// Border of a paginator element
-/// @group data
-$paginatorElementBorder: 0 none;
-
-/// Icon color of a paginator element
-/// @group data
-$paginatorElementIconColor: $textSecondaryColor;
-
-/// Background of a paginator element in hover state
-/// @group data
-$paginatorElementHoverBg: var(--paginator-element-hover-bg);
-
-/// Border color of a paginator element in hover state
-/// @group data
-$paginatorElementHoverBorderColor: transparent;
-
-/// Icon color of a paginator element in hover state
-/// @group data
-$paginatorElementIconHoverColor: $textSecondaryColor;
-
-/// Border radius of a paginator element
-/// @group data
-$paginatorElementBorderRadius: $borderRadius;
-
-/// Margin of a paginator element
-/// @group data
-$paginatorElementMargin: 0.143rem;
-
-/// Padding of a paginator element
-/// @group data
-$paginatorElementPadding: 0;
-
-/// Border of a table header
-/// @group data
-$tableHeaderBorder: 1px solid var(--surface-border);
-
-/// Border width of a table header
-/// @group data
-$tableHeaderBorderWidth: 0 0 1px 0;
-
-/// Background of a table header
-/// @group data
-$tableHeaderBg: var(--paginator-bg);
-
-/// Text color of a table header
-/// @group data
-$tableHeaderTextColor: $textColor;
-
-/// Font weight of a table header
-/// @group data
-$tableHeaderFontWeight: var(--table-header-font-weight);
-
-/// Padding of a table header, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
-/// @group data
-$tableHeaderPadding: 0.875rem 0.875rem;
-
-/// Padding of a table header cell, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
-/// @group data
-$tableHeaderCellPadding: 0.595rem 0.875rem;
-
-/// Background of a table header cell
-/// @group data
-$tableHeaderCellBg: var(--table-header-cell-bg);
-
-/// Text color of a table header cell
-/// @group data
-$tableHeaderCellTextColor: $textColor;
-
-/// Font weight of a table header cell
-/// @group data
-$tableHeaderCellFontWeight: var(--table-cell-font-weight);
-
-/// Border of a table header cell
-/// @group data
-$tableHeaderCellBorder: 1px solid var(--surface-border);
-
-/// Border width of a table header cell
-/// @group data
-$tableHeaderCellBorderWidth: 0 0 1px 0;
-
-/// Background of a table header cell in hover state
-/// @group data
-$tableHeaderCellHoverBg: var(--table-header-cell-hover-bg);
-
-/// Text color of a table header cell in hover state
-/// @group data
-$tableHeaderCellTextHoverColor: $textColor;
-
-/// Icon color of a table header cell
-/// @group data
-$tableHeaderCellIconColor: $textSecondaryColor;
-
-/// Icon color of a table header cell in hover state
-/// @group data
-$tableHeaderCellIconHoverColor: $textSecondaryColor;
-
-/// Background of a table header cell in sorted state
-/// @group data
-$tableHeaderCellHighlightBg: var(--table-header-cell-highlight-bg);
-
-/// Text color of a table header cell in sorted state
-/// @group data
-$tableHeaderCellHighlightTextColor: var(--primary-color);
-
-/// Hover background of a table header cell in sorted state
-/// @group data
-$tableHeaderCellHighlightHoverBg: var(--table-cell-highlight-hover-bg);
-
-/// Hover text color of a table header cell in sorted state
-/// @group data
-$tableHeaderCellHighlightTextHoverColor: var(--primary-color);
-
-/// Size of a multiple column sorting order indicator
-/// @group data
-$tableSortableColumnBadgeSize: 1.143rem;
-
-/// Background of a table body row
-/// @group data
-$tableBodyRowBg: var(--table-bg-color);
-
-/// Text color of a table body row
-/// @group data
-$tableBodyRowTextColor: $textColor;
-
-/// Background of an even table body row
-/// @group data
-$tableBodyRowEvenBg: var(--table-body-row-even-bg);
-
-/// Background of a table body row in hover state
-/// @group data
-$tableBodyRowHoverBg: var(--table-body-row-hover-bg);
-
-/// Text color of a table body row in hover state
-/// @group data
-$tableBodyRowTextHoverColor: $textColor;
-
-/// Border for a cell of a table toby row
-/// @group data
-$tableBodyCellBorder: 1px solid var(--surface-border);
-
-/// Border width for a cell of a table toby row
-/// @group data
-$tableBodyCellBorderWidth: 0 0 1px 0;
-
-/// Padding for a cell of a table toby row, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
-/// @group data
-$tableBodyCellPadding: 0.595rem 0.875rem;
-
-/// Padding of a table footer cell, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
-/// @group data
-$tableFooterCellPadding: 0.595rem 0.875rem;
-
-/// Background of a table footer cell
-/// @group data
-$tableFooterCellBg: var(--table-header-cell-highlight-bg);
-
-/// Text color of a table footer cell
-/// @group data
-$tableFooterCellTextColor: $textColor;
-
-/// Font weight of a table footer cell
-/// @group data
-$tableFooterCellFontWeight: 600;
-
-/// Border of a table footer cell
-/// @group data
-
-/// Border of a table footer cell
-/// @group data
-$tableFooterCellBorder: 1px solid var(--surface-border);
-
-/// Border width of a table footer cell
-/// @group data
-$tableFooterCellBorderWidth: 0 0 1px 0;
-
-/// Backgground of a table column resize indicator bar
-/// @group data
-$tableResizerHelperBg: var(--primary-color);
-
-/// Border of a table footer
-/// @group data
-$tableFooterBorder: 1px solid #e9ecef;
-
-/// Border width of a table footer
-/// @group data
-$tableFooterBorderWidth: 0 0 1px 0;
-
-/// Background of a table footer
-/// @group data
-$tableFooterBg: #f8f9fa;
-
-/// Text color of a table footer
-/// @group data
-$tableFooterTextColor: $textColor;
-
-/// Font weight of a table footer
-/// @group data
-$tableFooterFontWeight: 600;
-
-/// Padding of a table footer, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
-/// @group data
-$tableFooterPadding: 0.875rem 0.875rem;
-
-/// Content alignment of a table cell
-/// @group data
-$tableCellContentAlignment: left;
-
-/// Border width of a table paginator positioned at top
-/// @group data
-$tableTopPaginatorBorderWidth: none;
-
-/// Border width of a table paginator positioned at bottom
-/// @group data
-$tableBottomPaginatorBorderWidth: none;
-
-/// Scale factor of a small datatable
-/// @group data
-$tableScaleSM: 0.5;
-
-/// Scale factor of a large datatable
-/// @group data
-$tableScaleLG: 1.25;
-
-/// Padding for content section of a dataview
-/// @group data
-$dataViewContentPadding: 0;
-
-/// Border for content section of a dataview
-/// @group data
-$dataViewContentBorder: 0 none;
-
-/// Border for an item of a dataview in list orientation
-/// @group data
-$dataViewListItemBorder: solid var(--table-footer-border);
-
-/// Border width for an item of a dataview in list orientation
-/// @group data
-$dataViewListItemBorderWidth: 0 0 1px 0;
-
-/// Background of a full calendar event
-/// @group data
-$fullCalendarEventBg: var(--primary-dark-color);
-
-/// Border color of a full calendar event
-/// @group data
-$fullCalendarEventBorderColor: var(--primary-dark-color);
-
-/// Border of a full calendar event
-/// @group data
-$fullCalendarEventBorder: 1px solid var(--primary-dark-color);
-
-/// Text color of a full calendar event
-/// @group data
-$fullCalendarEventTextColor: var(--primary-text-color);
-
-/// Padding of a tree
-/// @group data
-$treeContainerPadding: 0.286rem;
-
-/// Padding of a tree node
-/// @group data
-$treeNodePadding: 0.143rem;
-
-/// Padding of a tree node content consists of toggler, icon and label
-/// @group data
-$treeNodeContentPadding: 0.5rem;
-
-/// Padding of a tree node children container
-/// @group data
-$treeNodeChildrenPadding: 0 0 0 1rem;
-
-/// Color of a treenode data icon, $dataActionIconColor for the toggler element
-/// @group data
-$treeNodeIconColor: $textSecondaryColor;
-
-/// Padding of a vertical timeline content element
-/// @group data
-$timelineVerticalEventContentPadding: 0 1rem;
-
-/// Padding of a horizontal timeline content element
-/// @group data
-$timelineHorizontalEventContentPadding: 1rem 0;
-
-/// Width of a timeline marker
-/// @group data
-$timelineEventMarkerWidth: 1rem;
-
-/// Height of a timeline marker
-/// @group data
-$timelineEventMarkerHeight: 1rem;
-
-/// Border radius of a timeline marker
-/// @group data
-$timelineEventMarkerBorderRadius: 50%;
-
-/// Border of a timeline marker
-/// @group data
-$timelineEventMarkerBorder: 2px solid $highlightBg;
-
-/// Background of a timeline marker
-/// @group data
-$timelineEventMarkerBackground: $highlightTextColor;
-
-/// Size of a timeline connector
-/// @group data
-$timelineEventConnectorSize: 2px;
-
-/// Color of a timeline event
-/// @group data
-$timelineEventColor: var(--surface-border);
-
-/// Color of a line to connect to organization chart nodes
-/// @group data
-$organizationChartConnectorColor: var(--surface-border);
diff --git a/packages/theme/src/azion/variables/_form.scss b/packages/theme/src/azion/variables/_form.scss
deleted file mode 100644
index 98fce3597..000000000
--- a/packages/theme/src/azion/variables/_form.scss
+++ /dev/null
@@ -1,570 +0,0 @@
-/// Padding of an input field, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
-/// @group form
-$inputPadding: 0.344rem 0.5rem;
-
-/// Background of an input field
-/// @group form
-$inputBg: var(--input-bg);
-
-/// Font size of an input field
-/// @group form
-$inputTextFontSize: 0.875rem;
-
-/// Text color of an input field
-/// @group form
-$inputTextColor: $textColor;
-
-/// Color of an icon inside an input field
-/// @group form
-$inputIconColor: $textColor;
-
-/// Border of an input field
-/// @group form
-$inputBorder: 1px solid var(--input-border);
-
-/// Border of an input field in hover state
-/// @group form
-$inputHoverBorderColor: #f3652b;
-
-/// Border of an input field in focus state
-/// @group form
-$inputFocusBorderColor: #f3652b;
-
-/// Color of an input field in invalid state
-/// @group form
-$inputErrorBorderColor: $errorColor;
-
-/// Text color of a placeholder
-/// @group form
-$inputPlaceholderTextColor: var(--input-placeholder-text-color);
-
-/// Background of a filled input
-/// @group form
-$inputFilledBg: var(--input-filled-bg);
-
-/// Background of a filled input in hover state
-/// @group form
-$inputFilledHoverBg: var(--input-filled-hover-bg);
-
-/// Background of a filled input in focus state
-/// @group form
-$inputFilledFocusBg: var(--input-filled-focus-bg);
-
-/// Backgroud color of an input group addon
-/// @group form
-$inputGroupBg: var(--input-group-bg);
-
-/// Text color of an input group addon
-/// @group form
-$inputGroupTextColor: $textSecondaryColor;
-
-/// Minimum width of an input group addon
-/// @group form
-$inputGroupAddOnMinWidth: 2.357rem;
-
-/// Background of an input list such as dropdown, listbox, multiselect
-/// @group form
-$inputListBg: var(--input-list-bg);
-
-/// Text color of an input list
-/// @group form
-$inputListTextColor: $textColor;
-
-/// Border of an input list
-/// @group form
-$inputListBorder: $inputBorder;
-
-/// Padding of an input list
-/// @group form
-$inputListPadding: 0.5rem;
-
-/// Padding for an individual itrem of an input list
-/// @group form
-$inputListItemPadding: 0.75rem 0.5rem;
-
-/// Background for an individual itrem of an input list
-/// @group form
-$inputListItemBg: transparent;
-
-/// Text color for an individual itrem of an input list
-/// @group form
-$inputListItemTextColor: $textColor;
-
-/// Hover state background for an individual itrem of an input list
-/// @group form
-$inputListItemHoverBg: var(--dropdown-hover-bg);
-
-/// Hover state text color for an individual itrem of an input list
-/// @group form
-$inputListItemTextHoverColor: $textColor;
-
-/// Focus state background for an individual itrem of an input list
-/// @group form
-$inputListItemFocusBg: var(--highlight-focus-bg);
-
-/// Focus state text color for an individual itrem of an input list
-/// @group form
-$inputListItemTextFocusColor: $textColor;
-
-/// Border for an individual itrem of an input list
-/// @group form
-$inputListItemBorder: 0 none;
-
-/// Border radius for an individual itrem of an input list
-/// @group form
-$inputListItemBorderRadius: $borderRadius;
-
-/// Margin for an individual itrem of an input list
-/// @group form
-$inputListItemMargin: 0;
-
-/// Box shadow for an individual itrem of an input list in focused state
-/// @group form
-$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor;
-
-/// Padding for a header of an input list
-/// @group form
-$inputListHeaderPadding: 0.5rem 1rem;
-
-/// Margin for a header of an input list
-/// @group form
-$inputListHeaderMargin: 0;
-
-/// Background for a header of an input list
-/// @group form
-$inputListHeaderBg: var(--input-list-header-bg);
-
-/// Text color for a header of an input list
-/// @group form
-$inputListHeaderTextColor: $textColor;
-
-/// Border for a header of an input list
-/// @group form
-$inputListHeaderBorder: 0 none;
-
-/// Background for an overlay of an input such as autocomplete or dropdown
-/// @group form
-$inputOverlayBg: $inputListBg;
-
-/// Background for an overlay header of an input such as autocomplete or dropdown
-/// @group form
-$inputOverlayHeaderBg: $inputListHeaderBg;
-
-/// Border for an overlay of an input such as autocomplete or dropdown
-/// @group form
-$inputOverlayBorder: 0 none;
-
-/// Shadow for an overlay of an input such as autocomplete or dropdown
-/// @group form
-$inputOverlayShadow: var(--input-overlay-shadow);
-
-/// Width of a checkbox
-/// @group form
-$checkboxWidth: 20px;
-
-/// Height of a checkbox
-/// @group form
-$checkboxHeight: 20px;
-
-/// Border of a checkbox
-/// @group form
-$checkboxBorder: 2px solid var(--checkbox-border);
-
-/// Size of a checkbox icon
-/// @group form
-$checkboxIconFontSize: 14px;
-
-/// Border color of a selected checkbox
-/// @group form
-$checkboxActiveBorderColor: var(--primary-color);
-
-/// Background of a selected checkbox
-/// @group form
-$checkboxActiveBg: var(--primary-color);
-
-/// Icon color of a selected checkbox
-/// @group form
-$checkboxIconActiveColor: var(--primary-text-color);
-
-/// Background of a selected checkbox in hover state
-/// @group form
-$checkboxActiveHoverBg: var(--primary-darker-color);
-
-/// Icon color of a selected checkbox in hover state
-/// @group form
-$checkboxIconActiveHoverColor: var(--primary-text-color);
-
-/// Border color of a selected checkbox in hover state
-/// @group form
-$checkboxActiveHoverBorderColor: var(--primary-darker-color);
-
-/// Width of a radiobutton
-/// @group form
-$radiobuttonWidth: 20px;
-
-/// Height of a radiobutton
-/// @group form
-$radiobuttonHeight: 20px;
-
-/// Border of a radiobutton
-/// @group form
-$radiobuttonBorder: 2px solid var(--surface-border);
-
-/// Font size of a radiobutton icon
-/// @group form
-$radiobuttonIconSize: 10px;
-
-/// Border color of a selected radiobutton
-/// @group form
-$radiobuttonActiveBorderColor: #f3652b;
-
-/// Background of a selected radiobutton
-/// @group form
-$radiobuttonActiveBg: #f3652b;
-
-/// Icon color of a selected radiobutton
-/// @group form
-$radiobuttonIconActiveColor: var(--primary-text-color);
-
-/// Background of a selected radiobutton in hover state
-/// @group form
-$radiobuttonActiveHoverBg: var(--primary-darker-color);
-
-/// Icon color of a selected radiobutton in hover state
-/// @group form
-$radiobuttonIconActiveHoverColor: var(--primary-text-color);
-
-/// Border color of a selected radiobutton in hover state
-/// @group form
-$radiobuttonActiveHoverBorderColor: var(--primary-darker-color);
-
-/// Width of a color picker preview element
-/// @group form
-$colorPickerPreviewWidth: 2rem;
-
-/// Height of a color picker preview element
-/// @group form
-$colorPickerPreviewHeight: 2rem;
-
-/// Background of a color picker
-/// @group form
-$colorPickerBg: #323232;
-
-/// Border color of a color picker
-/// @group form
-$colorPickerBorder: 1px solid #191919;
-
-/// Handle color of a color picker
-/// @group form
-$colorPickerHandleColor: #ffffff;
-
-/// Font size of a rating icon
-/// @group form
-$ratingIconFontSize: 1.143rem;
-
-/// Icon color for the cancel icon of a rating
-/// @group form
-$ratingCancelIconColor: #e74c3c;
-
-/// Hover icon color for the cancel icon of a rating
-/// @group form
-$ratingCancelIconHoverColor: #c0392b;
-
-/// Icon color for the star icon of a rating in unselected state
-/// @group form
-$ratingStarIconOffColor: $textColor;
-
-/// Icon color for the star icon of a rating in selected state
-/// @group form
-$ratingStarIconOnColor: var(--primary-color);
-
-/// Icon color for the star icon of a rating in hover state
-/// @group form
-$ratingStarIconHoverColor: var(--primary-color);
-
-/// Background of a slider
-/// @group form
-$sliderBg: #dee2e6;
-
-/// Border of a slider
-/// @group form
-$sliderBorder: 0 none;
-
-/// Height of a horizontal slider
-/// @group form
-$sliderHorizontalHeight: 0.286rem;
-
-/// Width of a vertical slider
-/// @group form
-$sliderVerticalWidth: 0.286rem;
-
-/// Width of a slider handle
-/// @group form
-$sliderHandleWidth: 1.143rem;
-
-/// Height of a slider handle
-/// @group form
-$sliderHandleHeight: 1.143rem;
-
-/// Background of a slider handle
-/// @group form
-$sliderHandleBg: #ffffff;
-
-/// Border of a slider handle
-/// @group form
-$sliderHandleBorder: 2px solid var(--primary-color);
-
-/// Border radius of a slider handle
-/// @group form
-$sliderHandleBorderRadius: 50%;
-
-/// Border of a slider handle in hover state
-/// @group form
-$sliderHandleHoverBorderColor: var(--primary-color);
-
-/// Background of a slider handle in hover state
-/// @group form
-$sliderHandleHoverBg: var(--primary-color);
-
-/// Background color of a range slider
-/// @group form
-$sliderRangeBg: var(--primary-color);
-
-/// Margin of a calendar table
-/// @group form
-$calendarTableMargin: 0.5rem 0;
-
-/// Margin of a calendar
-/// @group form
-$calendarPadding: 0.5rem;
-
-/// Background of a calendar
-/// @group form
-$calendarBg: var(--calendar-bg);
-
-/// Background of an inlime calendar
-/// @group form
-$calendarInlineBg: $calendarBg;
-
-/// Text color of a calendar
-/// @group form
-$calendarTextColor: $textColor;
-
-/// Border of an inline calendar
-/// @group form
-$calendarBorder: $inputListBorder;
-
-/// Border of an overlay calendar
-/// @group form
-$calendarOverlayBorder: $inputOverlayBorder;
-
-/// Padding of a calendar header
-/// @group form
-$calendarHeaderPadding: 0.5rem;
-
-/// Background of a calendar header
-/// @group form
-$calendarHeaderBg: var(--calendar-bg);
-
-/// Background of an inline calendar header
-/// @group form
-$calendarInlineHeaderBg: $calendarBg;
-
-/// Border of a calendar header
-/// @group form
-$calendarHeaderBorder: 1px solid var(--surface-border);
-
-/// Text color of a calendar header
-/// @group form
-$calendarHeaderTextColor: $textColor;
-
-/// Font weight of a calendar header
-/// @group form
-$calendarHeaderFontWeight: 600;
-
-/// Padding of a calendar weekday cell
-/// @group form
-$calendarHeaderCellPadding: 0.5rem;
-
-/// Text color of current month and year text in hover state
-/// @group form
-$calendarMonthYearHeaderHoverTextColor: var(--primary-color) !default;
-
-/// Padding of a calendar date cell
-/// @group form
-$calendarCellDatePadding: 0.5rem;
-
-/// Width of a calendar date cell
-/// @group form
-$calendarCellDateWidth: 2.5rem;
-
-/// Height of a calendar date cell
-/// @group form
-$calendarCellDateHeight: 2.5rem;
-
-/// Border radius of a calendar date cell
-/// @group form
-$calendarCellDateBorderRadius: 50%;
-
-/// Border of a calendar date cell
-/// @group form
-$calendarCellDateBorder: 1px solid transparent;
-
-/// Background of a calendar date cell in hover state
-/// @group form
-$calendarCellDateHoverBg: var(--surface-hover);
-
-/// Background of a calendar date cell indicating today
-/// @group form
-$calendarCellDateTodayBg: var(--calendar-cell-date-today-bg);
-
-/// Border color of a calendar date cell indicating today
-/// @group form
-$calendarCellDateTodayBorderColor: transparent;
-
-/// Text color of a calendar date cell indicating today
-/// @group form
-$calendarCellDateTodayTextColor: var(--calendar-cell-date-today-text-color);
-
-/// Padding of the calendar button bar
-/// @group form
-$calendarButtonBarPadding: 1rem 0;
-
-/// Padding of a time picker container of a calendar
-/// @group form
-$calendarTimePickerPadding: 0.5rem;
-
-/// Padding of a time picker element of a calendar
-/// @group form
-$calendarTimePickerElementPadding: 0 0.429rem;
-
-/// Font size of a time picker element of a calendar
-/// @group form
-$calendarTimePickerTimeFontSize: 1.286rem;
-
-/// Breakpoint of calendar to apply styles for small screens like phones
-/// @group form
-$calendarBreakpoint: 769px;
-
-/// Padding of a calendar date cell on small screens like phones
-/// @group form
-$calendarCellDatePaddingSM: 0;
-
-/// Width of an inputswitch
-/// @group form
-$inputSwitchWidth: 2.25rem;
-
-/// Height of an inputswitch
-/// @group form
-$inputSwitchHeight: 1.25rem;
-
-/// Border radius of an inputswitch
-/// @group form
-$inputSwitchBorderRadius: 30px;
-
-/// Width of an inputswitch handle
-/// @group form
-$inputSwitchHandleWidth: 1rem;
-
-/// Height of an inputswitch handle
-/// @group form
-$inputSwitchHandleHeight: 1rem;
-
-/// Border radius of an inputswitch handle
-/// @group form
-$inputSwitchHandleBorderRadius: 50%;
-
-/// Padding of an inputswitch slider
-/// @group form
-$inputSwitchSliderPadding: 0.063rem;
-
-/// Background color of an inputswitch slider when unselected
-/// @group form
-$inputSwitchSliderOffBg: var(--input-switch-slider-off-bg);
-
-/// Background color of an inputswitch handle when unselected
-/// @group form
-$inputSwitchHandleOffBg: #ffffff;
-
-/// Hover background color of an inputswitch slider when unselected
-/// @group form
-$inputSwitchSliderOffHoverBg: var(--input-switch-slider-off-hover-bg);
-
-/// Background color of an inputswitch slider when selected
-/// @group form
-$inputSwitchSliderOnBg: var(--primary-color);
-
-/// Hover background color of an inputswitch slider when selected
-/// @group form
-$inputSwitchSliderOnHoverBg: var(--primary-dark-color);
-
-/// Background color of an inputswitch handle when selected
-/// @group form
-$inputSwitchHandleOnBg: var(--input-switch-handle-on-bg);
-
-/// Height for the progress bar of a fileupload
-/// @group form
-$fileUploadProgressBarHeight: 0.25rem;
-
-/// Padding of the fileupload content section
-/// @group form
-$fileUploadContentPadding: 2rem 1rem;
-
-/// Border of the fileupload content section
-$fileUploadContentHoverBorder: 1px dashed var(--primary-color) !default;
-
-/// Border of the fileupload content item section
-/// @group form
-$fileUploadFileBorder: 1px solid var(--file-upload-file-border);
-
-/// Padding of the fileupload content item section
-/// @group form
-$fileUploadFilePadding: 1rem;
-
-/// Background of an editor toolbar
-/// @group form
-$editorToolbarBg: #f8f9fa;
-
-/// Border of an editor toolbar
-/// @group form
-$editorToolbarBorder: 1px solid var(--editor-toolbar-border);
-
-/// Padding of an editor toolbar
-/// @group form
-$editorToolbarPadding: 1rem;
-
-/// Icon color of an editor toolbar
-/// @group form
-$editorToolbarIconColor: #6c757d;
-
-/// Icon color of an editor toolbar in hover state
-/// @group form
-$editorToolbarIconHoverColor: #495057;
-
-/// Icon color of an editor toolbar in active state
-/// @group form
-$editorIconActiveColor: var(--primary-color);
-
-/// Border of an editor content
-/// @group form
-$editorContentBorder: 1px solid #dee2e6;
-
-/// Background of an editor content
-/// @group form
-$editorContentBg: #ffffff;
-
-/// Background of a password meter
-/// @group form
-$passwordMeterBg: #dee2e6;
-
-/// Background of a week password
-/// @group form
-$passwordWeakBg: #e53935;
-
-/// Background of a medium password
-/// @group form
-$passwordMediumBg: #ffb300;
-
-/// Background of a strong password
-/// @group form
-$passwordStrongBg: #43a047;
diff --git a/packages/theme/src/azion/variables/_general.scss b/packages/theme/src/azion/variables/_general.scss
deleted file mode 100644
index 03044c070..000000000
--- a/packages/theme/src/azion/variables/_general.scss
+++ /dev/null
@@ -1,149 +0,0 @@
-/// Font of the theme
-/// @group general
-$fontFamily: 'Roboto', sans-serif;
-
-/// Size of the font
-/// @group general
-$fontSize: 1rem;
-
-/// Thickness of the texts
-/// @group general
-$fontWeight: normal;
-
-/// Primary text color
-/// @group general
-$textColor: var(--text-color);
-
-/// Secondary text color
-/// @group general
-$textSecondaryColor: var(--text-color-secondary);
-
-/// Background of a highlighted item
-/// @group general
-$highlightBg: var(--highlight-bg);
-
-/// Text color of a highlighted item
-/// @group general
-$highlightTextColor: none;
-
-/// Background of a highlighted item in focus state
-/// @group general
-$highlightFocusBg: var(--highlight-focus-bg);
-
-/// Radius of the corners
-/// @group general
-$borderRadius: 6px;
-
-/// Duration of the property transitions
-/// @group general
-$transitionDuration: 0.2s;
-
-/// Properties of a form element transition
-/// @group general
-$formElementTransition:
-  background-color $transitionDuration,
-  color $transitionDuration,
-  border-color $transitionDuration,
-  box-shadow $transitionDuration;
-
-/// Properties of a action icon transition
-/// @group general
-$actionIconTransition:
-  background-color $transitionDuration,
-  color $transitionDuration,
-  box-shadow $transitionDuration;
-
-/// Properties of a list item transition
-/// @group general
-$listItemTransition:
-  background-color $transitionDuration,
-  border-color $transitionDuration,
-  box-shadow $transitionDuration;
-
-/// Size of the Icons
-/// @group general
-$primeIconFontSize: 1rem;
-
-/// Separator border
-/// @group general
-$divider: 1px solid var(--surface-border);
-
-/// Space between two inline items
-/// @group general
-$inlineSpacing: 0.5rem;
-
-/// Opacity of the disabled elements
-/// @group general
-$disabledOpacity: var(--disabled-opacity);
-
-/// Background of the modal layer
-/// @group general
-$maskBg: var(--mask-bg);
-
-/// Font size of the loading icons
-/// @group general
-$loadingIconFontSize: 2rem;
-
-/// Color to use on an invalid element e.g. invalid input
-/// @group general
-$errorColor: var(--error-color);
-
-/// Outline color of a focused element
-/// @group general
-$focusOutlineColor: #f3642b9f;
-
-/// Outline of a focused element
-/// @group general
-$focusOutline: 0 none;
-
-/// Outline offset of a focused element
-/// @group general
-$focusOutlineOffset: 0;
-
-/// Box shadow of a focused element
-/// @group general
-$focusShadow: 0 0 0 0.2rem $focusOutlineColor;
-
-/// Width of an action icon
-/// @group general
-$actionIconWidth: 2rem;
-
-/// Height of an action icon
-/// @group general
-$actionIconHeight: 2rem;
-
-/// Background of an action icon
-/// @group general
-$actionIconBg: transparent;
-
-/// Border of an action icon
-/// @group general
-$actionIconBorder: var(--section-icon-border);
-
-/// Color of an action icon
-/// @group general
-$actionIconColor: var(--section-icon-color);
-
-/// Backgroun of an action icon in hover state
-/// @group general
-$actionIconHoverBg: var(--section-icon-hover-bg);
-
-/// Border of an action icon in hover state
-/// @group general
-$actionIconHoverBorderColor: 1px solid var(--section-icon-hover-border-color);
-
-/// Color of an action icon in hover state
-/// @group general
-$actionIconHoverColor: $textColor;
-
-/// Border radius of an action icon
-/// @group general
-$actionIconBorderRadius: 6px;
-
-/// Scale factor of small component size
-/// @group general
-$scaleSM: 0.875;
-
-/// Scale factor of small large size
-/// @group general
-$scaleLG: 1.25;
diff --git a/packages/theme/src/azion/variables/_media.scss b/packages/theme/src/azion/variables/_media.scss
deleted file mode 100644
index 35f540c60..000000000
--- a/packages/theme/src/azion/variables/_media.scss
+++ /dev/null
@@ -1,231 +0,0 @@
-/// Padding of a carousel indicators container
-/// @group media
-$carouselIndicatorsPadding: 1rem;
-
-/// Padding of a carousel indicator
-/// @group media
-$carouselIndicatorBg: var(--carousel-indicator);
-
-/// Padding of a carousel indicator in hover state
-/// @group media
-$carouselIndicatorHoverBg: var(--carousel-indicator-hover);
-
-/// Border radius of a carousel indicator
-/// @group media
-$carouselIndicatorBorderRadius: 0;
-
-/// Width of a carousel indicator
-/// @group media
-$carouselIndicatorWidth: 2rem;
-
-/// Height of a carousel indicator
-/// @group media
-$carouselIndicatorHeight: 0.5rem;
-
-/// Background of a galleria modal
-/// @group media
-$galleriaMaskBg: rgba(0, 0, 0, 0.9);
-
-/// Margin of a galleria close icon
-/// @group media
-$galleriaCloseIconMargin: 0.5rem;
-
-/// Font size of a galleria close icon
-/// @group media
-$galleriaCloseIconFontSize: 2rem;
-
-/// Background of a galleria close icon
-/// @group media
-$galleriaCloseIconBg: transparent;
-
-/// Color of a galleria close icon
-/// @group media
-$galleriaCloseIconColor: #ebedef;
-
-/// Background of a galleria close icon in hover state
-/// @group media
-$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1);
-
-/// Color of a galleria close icon in hover state
-/// @group media
-$galleriaCloseIconHoverColor: #ebedef;
-
-/// Width of a galleria close icon
-/// @group media
-$galleriaCloseIconWidth: 4rem;
-
-/// Height of a galleria close icon
-/// @group media
-$galleriaCloseIconHeight: 4rem;
-
-/// Border radius of a galleria close icon
-/// @group media
-$galleriaCloseIconBorderRadius: 50%;
-
-/// Background of a galleria navigator item
-/// @group media
-$galleriaItemNavigatorBg: rgba(0, 0, 0, 0.2);
-
-/// Color of a galleria navigator item
-/// @group media
-$galleriaItemNavigatorColor: #aeb6bf;
-
-/// Margin of a galleria navigator item
-/// @group media
-$galleriaItemNavigatorMargin: 0.5rem 0;
-
-/// Font size of a galleria navigator item
-/// @group media
-$galleriaItemNavigatorFontSize: 2rem;
-
-/// Background of a galleria navigator item in hover state
-/// @group media
-$galleriaItemNavigatorHoverBg: rgba(0, 0, 0, 0.3);
-
-/// Color of a galleria navigator item in hover state
-/// @group media
-$galleriaItemNavigatorHoverColor: #ebedef;
-
-/// Width of a galleria navigator item
-/// @group media
-$galleriaItemNavigatorWidth: 4rem;
-
-/// Height of a galleria navigator item
-/// @group media
-$galleriaItemNavigatorHeight: 4rem;
-
-/// Border radius of a galleria navigator item
-/// @group media
-$galleriaItemNavigatorBorderRadius: $borderRadius;
-
-/// Background of a galleria caption
-/// @group media
-$galleriaCaptionBg: rgba(0, 0, 0, 0.5);
-
-/// Color of a galleria caption
-/// @group media
-$galleriaCaptionTextColor: #ebedef;
-
-/// Padding of a galleria caption
-/// @group media
-$galleriaCaptionPadding: 1rem;
-
-/// Padding of a galleria indicators container
-/// @group media
-$galleriaIndicatorsPadding: 1rem;
-
-/// Background of a galleria indicator
-/// @group media
-$galleriaIndicatorBg: #e9ecef;
-
-/// Background of a galleria indicator in hover state
-/// @group media
-$galleriaIndicatorHoverBg: #dee2e6;
-
-/// Border radius of a galleria indicator
-/// @group media
-$galleriaIndicatorBorderRadius: 50%;
-
-/// Width of a galleria indicator
-/// @group media
-$galleriaIndicatorWidth: 1rem;
-
-/// Height of a galleria indicator
-/// @group media
-$galleriaIndicatorHeight: 1rem;
-
-/// Background of a galleria indicator container when placed inside the viewport
-/// @group media
-$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5);
-
-/// Background of a galleria indicator when placed inside the viewport
-/// @group media
-$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4);
-
-/// Background of a galleria indicator in hover state when placed inside the viewport
-/// @group media
-$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6);
-
-/// Background of a galleria thumbnail container
-/// @group media
-$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9);
-
-/// Padding of a galleria thumbnail container
-/// @group media
-$galleriaThumbnailContainerPadding: 1rem 0.25rem;
-
-/// Background of a galleria thumbnail navigator
-/// @group media
-$galleriaThumbnailNavigatorBg: transparent;
-
-/// Color of a galleria thumbnail navigator
-/// @group media
-$galleriaThumbnailNavigatorColor: #aeb6bf;
-
-/// Background of a galleria thumbnail navigator in hover state
-/// @group media
-$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1);
-
-/// Color of a galleria thumbnail navigator in hover state
-/// @group media
-$galleriaThumbnailNavigatorHoverColor: #aeb6bf;
-
-/// Border radius of a galleria thumbnail navigator in hover state
-/// @group media
-$galleriaThumbnailNavigatorBorderRadius: 50%;
-
-/// Width of a galleria thumbnail navigator in hover state
-/// @group media
-$galleriaThumbnailNavigatorWidth: 2rem;
-
-/// Height of a galleria thumbnail navigator in hover state
-/// @group media
-$galleriaThumbnailNavigatorHeight: 2rem;
-
-/// Background of an image preview modal
-/// @group media
-$imageMaskBg: rgba(0, 0, 0, 0.9) !default;
-
-/// Padding of image preview toolbar
-/// @group media
-$imagePreviewToolbarPadding: 1rem !default;
-
-/// Text color of the image preview indicator
-/// @group media
-$imagePreviewIndicatorColor: #f8f9fa !default;
-
-/// Background of the image preview indicator
-/// @group media
-$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default;
-
-/// Background of an image action item
-/// @group media
-$imagePreviewActionIconBg: transparent !default;
-
-/// Text color of an image action item
-/// @group media
-$imagePreviewActionIconColor: #f8f9fa !default;
-
-/// Background of an image action item in hover state
-/// @group media
-$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default;
-
-/// Tect color of an image action item in hover state
-/// @group media
-$imagePreviewActionIconHoverColor: #f8f9fa !default;
-
-/// Width of an image action item
-/// @group media
-$imagePreviewActionIconWidth: 3rem !default;
-
-/// Height of an image action item
-/// @group media
-$imagePreviewActionIconHeight: 3rem !default;
-
-/// Font size of an image action item icon
-/// @group media
-$imagePreviewActionIconFontSize: 1.5rem !default;
-
-/// Border radius of an image action item
-/// @group media
-$imagePreviewActionIconBorderRadius: 50% !default;
diff --git a/packages/theme/src/azion/variables/_menu.scss b/packages/theme/src/azion/variables/_menu.scss
deleted file mode 100644
index aac8e17d7..000000000
--- a/packages/theme/src/azion/variables/_menu.scss
+++ /dev/null
@@ -1,287 +0,0 @@
-/// Background of a steps item
-/// @group menu
-$stepsItemBg: var(--steps-item-bg);
-
-/// Border of a steps item
-/// @group menu
-$stepsItemBorder: 1px solid var(--steps-item-border);
-
-/// Text color of a steps item
-/// @group menu
-$stepsItemTextColor: $textSecondaryColor;
-
-/// Width of a steps itrem number
-/// @group menu
-$stepsItemNumberWidth: 1.75rem;
-
-/// Height of a steps itrem number
-/// @group menu
-$stepsItemNumberHeight: 1.75rem;
-
-/// Font size of a steps itrem number
-/// @group menu
-$stepsItemNumberFontSize: 1rem;
-
-/// Color of a steps itrem number
-/// @group menu
-$stepsItemNumberColor: $textColor;
-
-/// Border radius of a steps itrem number
-/// @group menu
-$stepsItemNumberBorderRadius: $borderRadius;
-
-/// Font weight of an active steps itrem number
-/// @group menu
-$stepsItemActiveFontWeight: 600;
-
-/// Width of a vertical menu such as tieredmenu or context menu
-/// @group menu
-$menuWidth: 12.5rem;
-
-/// Background of a menu
-/// @group menu
-$menuBg: var(--menu-bg);
-
-/// Border of a menu
-/// @group menu
-$menuBorder: 1px solid var(--menu-border);
-
-/// Text color of a menu
-/// @group menu
-$menuTextColor: $textColor;
-
-/// Padding of a menuitem
-/// @group menu
-$menuitemPadding: 0.75rem 0.5rem;
-
-/// Border radius of a menuitem
-/// @group menu
-$menuitemBorderRadius: 6px;
-
-/// Text color of a menuitem
-/// @group menu
-$menuitemTextColor: $textColor;
-
-/// Icon color of a menuitem
-/// @group menu
-$menuitemIconColor: $textColor;
-
-/// Text color of a menuitem in hover state
-/// @group menu
-$menuitemTextHoverColor: $textColor;
-
-/// Icon color of a menuitem in hover state
-/// @group menu
-$menuitemIconHoverColor: $textColor;
-
-/// Background of a menuitem in hover state
-/// @group menu
-$menuitemHoverBg: var(--surface-hover);
-
-/// Text color of a menuitem in focus state
-/// @group menu
-$menuitemTextFocusColor: $textColor;
-
-/// Icon color of a menuitem in focus state
-/// @group menu
-$menuitemIconFocusColor: $textColor;
-
-/// Background of a menuitem in focus state
-/// @group menu
-$menuitemFocusBg: var(--surface-hover);
-
-/// Text color of a menuitem in active state
-/// @group menu
-$menuitemTextActiveColor: $textColor;
-
-/// Icon color of a menuitem in active state
-/// @group menu
-$menuitemIconActiveColor: $textSecondaryColor;
-
-/// Background of a menuitem in active state
-/// @group menu
-$menuitemActiveBg: var(--surface-hover);
-
-/// Background of a menuitem in active and focus states
-/// @group menu
-$menuitemActiveFocusBg: var(--surface-hover);
-
-/// Font size of an icon indicating the item has a submenu
-/// @group menu
-$menuitemSubmenuIconFontSize: 0.875rem;
-
-/// Margin of a submenu header
-/// @group menu
-$submenuHeaderMargin: 0;
-
-/// Padding of a submenu header
-/// @group menu
-$submenuHeaderPadding: 0.5rem;
-
-/// Background of a submenu header
-/// @group menu
-$submenuHeaderBg: transparent;
-
-/// Text color of a submenu header
-/// @group menu
-$submenuHeaderTextColor: $textColor;
-
-/// Border radius of a submenu header
-/// @group menu
-$submenuHeaderBorderRadius: 0;
-
-/// Font weight of a submenu header
-/// @group menu
-$submenuHeaderFontWeight: var(--submenu-header-font-weight);
-
-/// Background of an overlay menu
-/// @group menu
-$overlayMenuBg: $menuBg;
-
-/// Border of an overlay menu
-/// @group menu
-$overlayMenuBorder: 0 none;
-
-/// Box shadow of an overlay menu
-/// @group menu
-$overlayMenuShadow: var(--overlay-menu-shadow);
-
-/// Padding of a vertical menu e.g. tieredmenu, contextmenu
-/// @group menu
-$verticalMenuPadding: 0.5rem;
-
-/// Margin of a menuitem separator
-/// @group menu
-$menuSeparatorMargin: 0.25rem 0;
-
-/// Padding of a breadcrumb
-/// @group menu
-$breadcrumbPadding: 0.25rem;
-
-/// Background of a breadcrumb
-/// @group menu
-$breadcrumbBg: none;
-
-/// Border of a breadcrumb
-/// @group menu
-$breadcrumbBorder: none;
-
-/// Text color of a breadcrumb item
-/// @group menu
-$breadcrumbItemTextColor: var(--text-color-secondary);
-
-/// Icon color of a breadcrumb item
-/// @group menu
-$breadcrumbItemIconColor: var(--text-color-secondary);
-
-/// Text color of the breadcrumb item
-/// @group menu
-$breadcrumbLastItemTextColor: var(--text-color);
-
-/// Icon color of the breadcrumb item
-/// @group menu
-$breadcrumbLastItemIconColor: var(--text-color);
-
-/// Color of a breadcrumb separator
-/// @group menu
-$breadcrumbSeparatorColor: var(--text-color-secondary);
-
-/// Padding of a horizontal menu e.g. menubar
-/// @group menu
-$horizontalMenuPadding: 0.375rem;
-
-/// Background of a horizontal menu e.g. menubar
-/// @group menu
-$horizontalMenuBg: var(--horizontal-menu-bg);
-
-/// Border of a horizontal menu e.g. menubar
-/// @group menu
-$horizontalMenuBorder: $menuBorder;
-
-/// Text color of a horizontal menu e.g. menubar
-/// @group menu
-$horizontalMenuTextColor: $menuTextColor;
-
-/// Padding of a horizontal menu root item e.g. menubar
-/// @group menu
-$horizontalMenuRootMenuitemPadding: $menuitemPadding;
-
-/// Border radius of a horizontal menu root item e.g. menubar
-/// @group menu
-$horizontalMenuRootMenuitemBorderRadius: $borderRadius;
-
-/// Text color of a horizontal menu root item e.g. menubar
-/// @group menu
-$horizontalMenuRootMenuitemTextColor: $menuitemTextColor;
-
-/// Icon color of a horizontal menu root item e.g. menubar
-/// @group menu
-$horizontalMenuRootMenuitemIconColor: $menuitemIconColor;
-
-/// Text color of a horizontal menu root item in hover state e.g. menubar
-/// @group menu
-$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor;
-
-/// Icon color of a horizontal menu root item in hover state e.g. menubar
-/// @group menu
-$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor;
-
-/// Background of a horizontal menu root item in hover state e.g. menubar
-/// @group menu
-$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg;
-
-/// Text color of a horizontal menu root item in hover active e.g. menubar
-/// @group menu
-$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor;
-
-/// Icon color of a horizontal menu root item in hover active e.g. menubar
-/// @group menu
-$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor;
-
-/// Background of a horizontal menu root item in active state e.g. menubar
-/// @group menu
-$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg;
-
-/// Width of an action item on dock
-/// @group menu
-$dockActionWidth: 4rem;
-
-/// Height of an action item on dock
-/// @group menu
-$dockActionHeight: 4rem;
-
-/// Padding of an action item on dock
-/// @group menu
-$dockItemPadding: 0.5rem;
-
-/// Border radius of an action item on dock
-/// @group menu
-$dockItemBorderRadius: $borderRadius;
-
-/// Margin of the current action item on dock
-/// @group menu
-$dockCurrentItemMargin: 1.5rem;
-
-/// Margin of the previous and next action item on dock
-/// @group menu
-$dockFirstItemsMargin: 1.3rem;
-
-/// Margin of the second previous and second next action item on dock
-/// @group menu
-$dockSecondItemsMargin: 0.9rem;
-
-/// Background of the list on dock
-/// @group menu
-$dockBg: rgba(255, 255, 255, 0.1);
-
-/// Border of the list on dock
-/// @group menu
-$dockBorder: 1px solid rgba(255, 255, 255, 0.2);
-
-/// Padding of the list on dock
-/// @group menu
-$dockPadding: 0.5rem 0.5rem;
-
-/// Border Radius of the list on dock
-/// @group menu
-$dockBorderRadius: 0.5rem;
diff --git a/packages/theme/src/azion/variables/_message.scss b/packages/theme/src/azion/variables/_message.scss
deleted file mode 100644
index d57b08333..000000000
--- a/packages/theme/src/azion/variables/_message.scss
+++ /dev/null
@@ -1,145 +0,0 @@
-/// Margin of a message
-/// @group message
-$messageMargin: 0;
-
-/// Padding of a message
-/// @group message
-$messagePadding: 0.5rem;
-
-/// Border width of a message
-/// @group message
-$messageBorderWidth: none;
-
-/// Font size of a message icon
-/// @group message
-$messageIconFontSize: 24px;
-
-/// Font size of a message text
-/// @group message
-$messageTextFontSize: 1rem;
-
-/// Font weight of a message text
-/// @group message
-$messageTextFontWeight: 500;
-
-/// Padding of an inline message
-/// @group message
-$inlineMessagePadding: 0.5rem;
-
-/// Margin of an inline message
-/// @group message
-$inlineMessageMargin: 0;
-
-/// Font size of an inline message icon
-/// @group message
-$inlineMessageIconFontSize: 1rem;
-
-/// Padding of an inline message text
-/// @group message
-$inlineMessageTextFontSize: 1rem;
-
-/// Border width of an inline message text
-/// @group message
-$inlineMessageBorderWidth: none;
-
-/// Font size of a toast message icon
-/// @group message
-$toastIconFontSize: 32px;
-
-/// Margin of a toast message text
-/// @group message
-$toastMessageTextMargin: 0 0 0 1rem;
-
-/// Margin of a toast message
-/// @group message
-$toastMargin: 0 0 1rem 0;
-
-/// Padding of a toast message
-/// @group message
-$toastPadding: 1rem;
-
-/// Border width of a toast message
-/// @group message
-$toastBorderWidth: none;
-
-/// Box shadow of a toast message
-/// @group message
-$toastShadow:
-  0px 1px 4px 0px rgba(0, 0, 0, 0.08),
-  0px 0px 0px 1px var(--toast-shadow);
-
-/// Opacity of a toast message
-/// @group message
-$toastOpacity: 1;
-
-/// Font weight of a toast message title text
-/// @group message
-$toastTitleFontWeight: 700;
-
-/// Margin of a toast message detail text
-/// @group message
-$toastDetailMargin: $inlineSpacing 0 0 0;
-
-/// Background of an info message
-/// @group message
-$infoMessageBg: #a6a6a61f;
-
-/// Border of an info message
-/// @group message
-$infoMessageBorder: none;
-
-/// Text color of an info message
-/// @group message
-$infoMessageTextColor: $textColor;
-
-/// Icon color of an info message
-/// @group message
-$infoMessageIconColor: $textColor;
-
-/// Background of a success message
-/// @group message
-$successMessageBg: var(--success-message-bg);
-
-/// Border of a success message
-/// @group message
-$successMessageBorder: none;
-
-/// Text color of a success message
-/// @group message
-$successMessageTextColor: $textColor;
-
-/// Icon color of a success message
-/// @group message
-$successMessageIconColor: var(--success-message-icon-color);
-
-/// Background of a warning message
-/// @group message
-$warningMessageBg: #ffb64d1f;
-
-/// Border of a warning message
-/// @group message
-$warningMessageBorder: none;
-
-/// Text color of a warning message
-/// @group message
-$warningMessageTextColor: $textColor;
-
-/// Icon color of a warning message
-/// @group message
-$warningMessageIconColor: #ffb64d;
-
-/// Background of an error message
-/// @group message
-$errorMessageBg: var(--error-message--bg);
-
-/// Border of an error message
-/// @group message
-$errorMessageBorder: none;
-
-/// Text color of an error message
-/// @group message
-$errorMessageTextColor: $textColor;
-
-/// Icon color of an error message
-/// @group message
-$errorMessageIconColor: var(--error-message-icon-color);
diff --git a/packages/theme/src/azion/variables/_misc.scss b/packages/theme/src/azion/variables/_misc.scss
deleted file mode 100644
index 48fe2a79e..000000000
--- a/packages/theme/src/azion/variables/_misc.scss
+++ /dev/null
@@ -1,143 +0,0 @@
-/// Padding of an inplace element
-/// @group misc
-$inplacePadding: $inputPadding;
-
-/// Background of an inplace element in hover state
-/// @group misc
-$inplaceHoverBg: #e9ecef;
-
-/// Text color of an inplace element in hover state
-/// @group misc
-$inplaceTextHoverColor: $textColor;
-
-/// Background of a badge
-/// @group misc
-$badgeBg: var(--surface-section);
-
-/// Text color of a badge
-/// @group misc
-$badgeTextColor: $textColor;
-
-/// Minimum width of a badge
-/// @group misc
-$badgeMinWidth: 1.5rem;
-
-/// Height of a badge
-/// @group misc
-$badgeHeight: 1.25rem;
-
-/// Font weight of a badge
-/// @group misc
-$badgeFontWeight: 500;
-
-/// Font size of a badge
-/// @group misc
-$badgeFontSize: 0.75rem;
-
-/// Padding of a badge
-/// @group misc
-$tagPadding: 0.25rem 0.4rem;
-
-/// Height of a progress bar
-/// @group misc
-$progressBarHeight: 1.5rem;
-
-/// Border of a progress bar
-/// @group misc
-$progressBarBorder: 0 none;
-
-/// Background of a progress bar
-/// @group misc
-$progressBarBg: var(--surface-600);
-
-/// Background of a progress bar value
-/// @group misc
-$progressBarValueBg: var(--progress-bar-value-bg);
-
-/// Text color of a progress bar value
-/// @group misc
-$progressBarValueTextColor: var(--primary-text-color);
-
-/// Stroke color of a progress spinner
-/// @group misc
-$progressSpinnerStrokeColor: var(--progress-spinner-stroke-color);
-
-/// First spinner color of a progress spinner
-/// @group misc
-$progressSpinnerColorOne: $errorMessageTextColor !default;
-
-/// Second spinner color of a progress spinner
-/// @group misc
-$progressSpinnerColorTwo: $infoMessageTextColor !default;
-
-/// Third spinner color of a progress spinner
-/// @group misc
-$progressSpinnerColorThree: $successMessageTextColor !default;
-
-/// Fourth spinner color of a progress spinner
-/// @group misc
-$progressSpinnerColorFour: $warningMessageTextColor !default;
-
-/// Background of an avatar
-/// @group misc
-$avatarBg: var(--avatar-bg);
-
-/// Text color of an avatar
-/// @group misc
-$avatarTextColor: $textColor;
-
-/// Background of a chip
-/// @group misc
-$chipBg: var(--chip-bg);
-
-/// Text color of a chip
-/// @group misc
-$chipTextColor: $textColor;
-
-/// Border radius of a chip
-/// @group misc
-$chipBorderRadius: $borderRadius;
-
-/// Background of a chip in focus state
-/// @group misc
-$chipFocusBg: var(--chip-focus-bg);
-
-/// Color of a chip in focus state
-/// @group misc
-$chipFocusTextColor: $textColor !default;
-
-/// Background of a scrollTop
-/// @group misc
-$scrollTopBg: rgba(0, 0, 0, 0.7);
-
-/// Background of a scrollTop in hover state
-/// @group misc
-$scrollTopHoverBg: rgba(0, 0, 0, 0.8);
-
-/// Width of a scrollTop
-/// @group misc
-$scrollTopWidth: 3rem;
-
-/// Height of a scrollTop
-/// @group misc
-$scrollTopHeight: 3rem;
-
-/// Border radius of a scrollTop
-/// @group misc
-$scrollTopBorderRadius: 50%;
-
-/// Font size of a scrollTop
-/// @group misc
-$scrollTopFontSize: 1.5rem;
-
-/// Text color of a scrollTop
-/// @group misc
-$scrollTopTextColor: #f8f9fa;
-
-/// Background of a skeleton
-/// @group misc
-$skeletonBg: var(--skeleton-bg);
-
-/// Background of a skeleton animation
-/// @group misc
-$skeletonAnimationBg: var(--skeleton-animation-bg);
diff --git a/packages/theme/src/azion/variables/_overlay.scss b/packages/theme/src/azion/variables/_overlay.scss
deleted file mode 100644
index 707738729..000000000
--- a/packages/theme/src/azion/variables/_overlay.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-/// Border of an overlay container element such as dialog or overlaypanel
-/// @group overlay
-$overlayContentBorder: 0 none;
-
-/// Background of an overlay container element such as dialog or overlaypanel
-/// @group overlay
-$overlayContentBg: var(--overlay-content-bg);
-
-/// Box shadow of an overlay container element such as dialog or overlaypanel
-/// @group overlay
-$overlayContainerShadow: var(--overlay-container-shadow);
-
-/// Background of a dialog header
-/// @group overlay
-$dialogHeaderBg: var(--dialog-header-bg);
-
-/// Border of a dialog header
-/// @group overlay
-$dialogHeaderBorder: 1px solid var(--surface-border);
-
-/// Text color of a dialog header
-/// @group overlay
-$dialogHeaderTextColor: $panelHeaderTextColor;
-
-/// Font weight of a dialog header
-/// @group overlay
-$dialogHeaderFontWeight: 500;
-
-/// Font size of a dialog header
-/// @group overlay
-$dialogHeaderFontSize: 1.125rem;
-
-/// Padding of a dialog header
-/// @group overlay
-$dialogHeaderPadding: 0 2rem;
-
-/// Padding of a dialog content
-/// @group overlay
-$dialogContentPadding: 1.25rem 2rem;
-
-/// Border of a dialog footer
-/// @group overlay
-$dialogFooterBorder: 1px solid var(--surface-border);
-
-/// Padding of a dialog footer
-/// @group overlay
-$dialogFooterPadding: 0 2rem;
-
-/// Padding of a confirmpopup content
-/// @group overlay
-$confirmPopupContentPadding: $panelContentPadding;
-
-/// Padding of a confirmpopup footer
-/// @group overlay
-$confirmPopupFooterPadding: 0 1rem 1rem 1rem;
-
-/// Background of a tooltip
-/// @group overlay
-$tooltipBg: $textColor;
-
-/// Text color of a tooltip
-/// @group overlay
-$tooltipTextColor: var(--tooltip-text-color);
-
-/// Padding of a tooltip
-/// @group overlay
-$tooltipPadding: $inputPadding;
diff --git a/packages/theme/src/azion/variables/_panel.scss b/packages/theme/src/azion/variables/_panel.scss
deleted file mode 100644
index 139d98252..000000000
--- a/packages/theme/src/azion/variables/_panel.scss
+++ /dev/null
@@ -1,327 +0,0 @@
-/// Border color of a panel header
-/// @group panel
-$panelHeaderBorderColor: var(--surface-border);
-
-/// Border of a panel header
-/// @group panel
-$panelHeaderBorder: 1px solid var(--surface-border);
-
-/// Background of a panel header
-/// @group panel
-$panelHeaderBg: var(--surface-section);
-
-/// Text color of a panel header
-/// @group panel
-$panelHeaderTextColor: $textColor;
-
-/// Font weight of a panel header
-/// @group panel
-$panelHeaderFontWeight: 500;
-
-/// Padding of a panel header
-/// @group panel
-$panelHeaderPadding: 1rem;
-
-/// Font weight of a toggleable panel header
-/// @group panel
-$panelToggleableHeaderPadding: 0.5rem 1rem;
-
-/// Background of a panel header in hover state e.g. toggleable state
-/// @group panel
-$panelHeaderHoverBg: var(--surface-hover);
-
-/// Border color of a panel header in hover state e.g. toggleable state
-/// @group panel
-$panelHeaderHoverBorderColor: var(--surface-border);
-
-/// Text color of a panel header in hover state e.g. toggleable state
-/// @group panel
-$panelHeaderTextHoverColor: $textColor;
-
-/// Border color for the content section of a panel
-/// @group panel
-$panelContentBorderColor: var(--surface-border);
-
-/// Border for the content section of a panel
-/// @group panel
-$panelContentBorder: 1px solid var(--surface-border);
-
-/// Background for the content section of a panel
-/// @group panel
-$panelContentBg: var(--panel-content-bg);
-
-/// Background for the striped row.
-/// @group panel
-$panelContentEvenRowBg: #e9ecef;
-
-/// Text color for the content section of a panel
-/// @group panel
-$panelContentTextColor: $textColor;
-
-/// Padding for the content section of a panel
-/// @group panel
-$panelContentPadding: 1.25rem;
-
-/// Border for the footer section of a panel
-/// @group panel
-$panelFooterBorder: 1px solid var(--surface-border);
-
-/// Background for the footer section of a panel
-/// @group panel
-$panelFooterBg: var(--surface-section);
-
-/// Text color for the footer section of a panel
-/// @group panel
-$panelFooterTextColor: $textColor;
-
-/// Padding for the footer section of a panel
-/// @group panel
-$panelFooterPadding: 0.5rem 1rem;
-
-/// Spacing between to accordion panels
-/// @group panel
-$accordionSpacing: 0.5rem;
-
-/// Border of an accordion panel header
-/// @group panel
-$accordionHeaderBorder: $panelHeaderBorder;
-
-/// Background of an accordion panel header
-/// @group panel
-$accordionHeaderBg: $panelHeaderBg;
-
-/// Text color of an accordion panel header
-/// @group panel
-$accordionHeaderTextColor: $panelHeaderTextColor;
-
-/// Font weight of an accordion panel header
-/// @group panel
-$accordionHeaderFontWeight: $panelHeaderFontWeight;
-
-/// Padding of an accordion panel header
-/// @group panel
-$accordionHeaderPadding: $panelHeaderPadding;
-
-/// Background of an accordion panel header in hover state
-/// @group panel
-$accordionHeaderHoverBg: var(--surface-hover);
-
-/// Border of an accordion panel header in hover state
-/// @group panel
-$accordionHeaderHoverBorderColor: var(--surface-border);
-
-/// Text color of an accordion panel header in hover state
-/// @group panel
-$accordionHeaderTextHoverColor: $textColor;
-
-/// Background of an accordion panel header in expanded state
-/// @group panel
-$accordionHeaderActiveBg: $panelHeaderBg;
-
-/// Border of an accordion panel header in expanded state
-/// @group panel
-$accordionHeaderActiveBorderColor: var(--surface-border);
-
-/// Text color of an accordion panel header in expanded state
-/// @group panel
-$accordionHeaderTextActiveColor: $textColor;
-
-/// Hover background of an accordion panel header in expanded state
-/// @group panel
-$accordionHeaderActiveHoverBg: var(--surface-hover);
-
-/// Hover border of an accordion panel header in expanded state
-/// @group panel
-$accordionHeaderActiveHoverBorderColor: var(--surface-border);
-
-/// Text color of an accordion panel header in expanded state
-/// @group panel
-$accordionHeaderTextActiveHoverColor: $textColor;
-
-/// Border for a content section of an accordion panel
-/// @group panel
-$accordionContentBorder: $panelContentBorder;
-
-/// Background for a content section of an accordion panel
-/// @group panel
-$accordionContentBg: $panelContentBg;
-
-/// Text color for a content section of an accordion panel
-/// @group panel
-$accordionContentTextColor: $panelContentTextColor;
-
-/// Padding for a content section of an accordion panel
-/// @group panel
-$accordionContentPadding: $panelContentPadding;
-
-/// Border for a parent element containing all the headers of a tabview
-/// @group panel
-$tabviewNavBorder: none;
-
-/// Border width for a parent element containing all the headers of a tabview
-/// @group panel
-$tabviewNavBorderWidth: none;
-
-/// Background for a parent element containing all the headers of a tabview
-/// @group panel
-$tabviewNavBg: none;
-
-/// Spacing between tabview headers
-/// @group panel
-$tabviewHeaderSpacing: 0;
-
-/// Border of a tabview header
-/// @group panel
-$tabviewHeaderBorder: none;
-
-/// Border width of a tabview header
-/// @group panel
-$tabviewHeaderBorderWidth: none;
-
-/// Border color of a tabview header
-/// @group panel
-$tabviewHeaderBorderColor: none;
-
-/// Background of a tabview header
-/// @group panel
-$tabviewHeaderBg: none;
-
-/// Text color of a tabview header
-/// @group panel
-$tabviewHeaderTextColor: $textSecondaryColor;
-
-/// Font weight of a tabview header
-/// @group panel
-$tabviewHeaderFontWeight: 600;
-
-/// Padding of a tabview header
-/// @group panel
-$tabviewHeaderPadding: 0.375px 0.75rem;
-
-/// Margin of a tabview header
-/// @group panel
-$tabviewHeaderMargin: 0;
-
-/// Background of a tabview header in hover state
-/// @group panel
-$tabviewHeaderHoverBg: var(--surface-hover);
-
-/// Border of a tabview header in hover state
-/// @group panel
-$tabviewHeaderHoverBorderColor: none;
-
-/// Text color of a tabview header in hover state
-/// @group panel
-$tabviewHeaderTextHoverColor: $textColor;
-
-/// Background of a tabview header in selected state
-/// @group panel
-$tabviewHeaderActiveBg: var(--tabview-header-active-bg);
-
-/// Border of a tabview header in selected state
-/// @group panel
-$tabviewHeaderActiveBorderColor: var(--primary-color);
-
-/// Text color of a tabview header in selected state
-/// @group panel
-$tabviewHeaderTextActiveColor: var(--primary-text-color);
-
-/// Border for content section of a tabview tab
-/// @group panel
-$tabviewContentBorder: 0 none;
-
-/// Background for content section of a tabview tab
-/// @group panel
-$tabviewContentBg: $panelContentBg;
-
-/// Text color for a content section of a tabview tab
-/// @group panel
-$tabviewContentTextColor: $panelContentTextColor;
-
-/// Padding for a content section of a tabview tab
-/// @group panel
-$tabviewContentPadding: $panelContentPadding;
-
-/// Background of a fieldset header in hover state
-/// @group panel
-$panelHeaderHoverBg: #e9ecef;
-
-/// Border of a fieldset header in hover state
-/// @group panel
-$panelHeaderHoverBorderColor: var(--panel-header-hover-border-color);
-
-/// Text color of a fieldset header in hover state
-/// @group panel
-$panelHeaderTextHoverColor: var(--panel-header-text-hover-color);
-
-/// Border for a track bar of a scroll panel
-/// @group panel
-$scrollPanelTrackBorder: 0 none;
-
-/// Background for a track bar of a scroll panel
-/// @group panel
-$scrollPanelTrackBg: #f8f9fa;
-
-/// Padding of a card body
-/// @group panel
-$cardBodyPadding: none;
-
-/// Font size of a card title
-/// @group panel
-$cardTitleFontSize: 1.5rem;
-
-/// Font weight of a card title
-/// @group panel
-$cardTitleFontWeight: 700;
-
-/// Font size of a card subtitle
-/// @group panel
-$cardSubTitleFontWeight: 700;
-
-/// Text color of a card subtitle
-/// @group panel
-$cardSubTitleColor: $textSecondaryColor;
-
-/// Padding of a card content
-/// @group panel
-$cardContentPadding: none;
-
-/// Padding of a card footer
-/// @group panel
-$cardFooterPadding: 0 0 0 0;
-
-/// Box shadow of a card
-/// @group panel
-$cardShadow: var(--card-shadow);
-
-/// Margin of divider in horizontal layout
-/// @group panel
-$dividerHorizontalMargin: 0;
-
-/// Padding of divider in horizontal layout
-/// @group panel
-$dividerHorizontalPadding: 0;
-
-/// Margin of divider in vertical layout
-/// @group panel
-$dividerVerticalMargin: 0;
-
-/// Padding of divider in vertical layout
-/// @group panel
-$dividerVerticalPadding: 0;
-
-/// Border width of the divider
-/// @group panel
-$dividerSize: 1px;
-
-/// Color of the divider border
-/// @group panel
-$dividerColor: var(--surface-border);
-
-/// Background of the splitter gutter
-/// @group panel
-$splitterGutterBg: #f8f9fa;
-
-/// Background of the splitter gutter handle
-/// @group panel
-$splitterGutterHandleBg: var(--splitter-gutter-handle-bg);
diff --git a/packages/theme/src/scripts/build-tokens.mjs b/packages/theme/src/scripts/build-tokens.mjs
index 66e3f27db..4e3111595 100644
--- a/packages/theme/src/scripts/build-tokens.mjs
+++ b/packages/theme/src/scripts/build-tokens.mjs
@@ -1,44 +1,41 @@
 #!/usr/bin/env node
 /**
- * Build design tokens into self-contained stylesheets and Tailwind configs.
+ * Build design tokens into a Tailwind v4 stylesheet.
  *
  * Usage:
- *   node build-tokens.mjs                 # emit both v3 and v4
- *   node build-tokens.mjs --target=v3     # emit dist/v3/ only
- *   node build-tokens.mjs --target=v4     # emit dist/v4/ only
+ *   node build-tokens.mjs
  *
- * v3 output (legacy preset model):
- *   - dist/v3/globals.css         @tailwind directives + @layer + responsive vars
- *   - dist/v3/globals.scss        identical bytes, .scss extension
- *   - dist/v3/tailwind.config.js  full CJS config (content + theme.extend)
- *   - dist/v3/tailwind-preset.js  ESM preset (theme.extend only)
+ * Output:
+ *   - dist/v4/globals.css  @import "tailwindcss" + @theme + :root @media + @keyframes
+ *   - dist/v4/globals.scss identical bytes, .scss extension
  *
- * v4 output (CSS-first):
- *   - dist/v4/globals.css         @import "tailwindcss" + @theme + :root @media
- *   - dist/v4/globals.scss        identical bytes
- *
- * Shared schema: primitives come from `tokens/primitives/**` (already
- * declarative). Semantic responsive tokens come from
- * `tokens/semantic/{containers,spacings,texts}.data.js`.
+ * Inputs:
+ *   - `tokens/primitives/**`    declarative primitives (colors, spacings,
+ *                               typography, breakpoints, animations, …)
+ *   - `tokens/semantic/{containers,spacings,texts}.data.js`
+ *                               responsive-shaped semantic tokens
+ *   - `tokens/primitives/animations/{animate,keyframes}.js`
+ *                               animation utilities (`--animate-*`) + `@keyframes`
+ *                               definitions + extra CSS (transform-origin) for
+ *                               popup-scale-*.
  *
  * No external deps — node:fs/promises, node:path, node:url only.
  */
 
-import { mkdir, writeFile } from 'node:fs/promises';
+import { mkdir, readFile, writeFile } from 'node:fs/promises';
 import { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
+import { animate } from '../tokens/primitives/animations/animate.js';
+import { animateExtras, keyframes } from '../tokens/primitives/animations/keyframes.js';
 import { breakpoints } from '../tokens/primitives/breakpoints.js';
 import { buildTrees, flatten } from './compile-primitives.js';
 import { compileThemeCss } from './compile-theme.js';
 import { containersData } from '../tokens/semantic/containers.data.js';
 import { spacingsData } from '../tokens/semantic/spacings.data.js';
 import { textsData } from '../tokens/semantic/texts.data.js';
-import { semanticColors } from '../tokens/semantic/colors.js';
-import { createCssVars } from './css-vars.js';
 
 const BREAKPOINT_ORDER = ['sm', 'md', 'lg', 'xl', '2xl'];
-const V3_SELECTOR = ':root, [data-theme=light], .azion.azion-light';
 
 const kebab = (s) => s.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
 
@@ -90,31 +87,20 @@ const formatStateDecls = (rules) =>
     .map(([prop, val]) => `${kebab(prop)}: ${val}`)
     .join('; ');
 
-const SEMANTIC_PREFIXES = ['--text-', '--background-', '--border-'];
-const isSemanticVar = (key) => SEMANTIC_PREFIXES.some((p) => key.startsWith(p));
-const pickSemantic = (vars) =>
-  Object.fromEntries(Object.entries(vars).filter(([k]) => isSemanticVar(k)));
-
-const buildSemanticColorVars = () => {
-  const { light, dark } = createCssVars();
-  return { light: pickSemantic(light), dark: pickSemantic(dark) };
-};
-
 const buildFlatModel = () => ({
   primitives: flattenPrimitives(),
   containers: flattenSingleValue(containersData, (k) => `--container-${k}`),
   spacings: flattenSingleValue(spacingsData, (k) => `--${k}`),
   texts: flattenBundle(textsData),
-  semanticColors: buildSemanticColorVars(),
 });
 
-// ─── 3. Shared formatting helpers ──────────────────────────────────────────
+// ─── 3. Formatting helpers ─────────────────────────────────────────────────
 const formatVars = (vars, indent) =>
   Object.entries(vars)
     .map(([k, v]) => `${indent}${k}: ${v};`)
     .join('\n');
 
-/** Component classes (.text-*, .gap-*, .px-container) — identical in v3/v4. */
+/** Component classes (.text-*, .gap-*, .px-container). */
 const emitComponentClasses = (indent = '  ') => {
   const lines = [];
 
@@ -153,175 +139,54 @@ const emitComponentClasses = (indent = '  ') => {
     }
   }
 
-  return lines.join('\n');
-};
-
-// ─── 4. v3 emission (@tailwind directives + @layer) ────────────────────────
-const emitMediaBlockV3 = (bp, vars) =>
-  [
-    `  @media (min-width: ${breakpoints[bp]}) {`,
-    `    ${V3_SELECTOR} {`,
-    formatVars(vars, '      '),
-    `    }`,
-    `  }`,
-  ].join('\n');
-
-const V3_DARK_SELECTOR = '[data-theme=dark], .dark, .azion.azion-dark';
-
-const emitCssV3 = () => {
-  const m = buildFlatModel();
-
-  const sections = [
-    { title: 'Primitives', vars: m.primitives },
-    { title: 'Containers', vars: m.containers._ || {} },
-    { title: 'Spacings', vars: m.spacings._ || {} },
-    { title: 'Texts', vars: m.texts._ || {} },
-    { title: 'Semantic colors', vars: m.semanticColors.light },
-  ];
-
-  const baseBody = sections
-    .filter((s) => Object.keys(s.vars).length > 0)
-    .map((s) => `    /* ── ${s.title} ── */\n${formatVars(s.vars, '    ')}`)
-    .join('\n\n');
-
-  const mediaBlocks = [];
-  for (const bp of BREAKPOINT_ORDER) {
-    const merged = {
-      ...(m.containers[bp] || {}),
-      ...(m.spacings[bp] || {}),
-      ...(m.texts[bp] || {}),
-    };
-    if (Object.keys(merged).length > 0) mediaBlocks.push(emitMediaBlockV3(bp, merged));
+  lines.push('');
+  lines.push(`${indent}/* ── Animation extras (properties beyond the animation shorthand) ── */`);
+  for (const [selector, decls] of Object.entries(animateExtras)) {
+    const body = Object.entries(decls)
+      .map(([prop, val]) => `${prop}: ${val};`)
+      .join(' ');
+    lines.push(`${indent}.${selector} { ${body} }`);
   }
 
-  return [
-    '/* generated by build-tokens.mjs — target: v3 — do not edit */',
-    '',
-    '@tailwind components;',
-    '@tailwind utilities;',
-    '',
-    `${V3_SELECTOR} {`,
-    baseBody,
-    '}',
-    '',
-    mediaBlocks.join('\n\n'),
-    '',
-    `${V3_DARK_SELECTOR} {`,
-    `  /* ── Semantic colors (dark) ── */`,
-    formatVars(m.semanticColors.dark, '  '),
-    '}',
-    '',
-    '/* ── Theme semantics (primary, secondary, surfaces, feedback, …) ── */',
-    compileThemeCss(),
-    '',
-    '@layer components {',
-    emitComponentClasses(),
-    '}',
-    '',
-  ].join('\n');
-};
-
-const treeToVars = (tree, prefix) => {
-  const out = {};
-  for (const [key, val] of Object.entries(tree)) {
-    if (val && typeof val === 'object' && !Array.isArray(val)) {
-      out[key] = treeToVars(val, `${prefix}-${key}`);
-    } else {
-      out[key] = `var(${prefix}-${key})`;
-    }
-  }
-  return out;
+  return lines.join('\n');
 };
 
-const buildPresetData = () => {
-  const { refsTree } = buildTrees();
-  const colors = treeToVars(refsTree.color, '--color');
-  const fontWeight = refsTree.typography?.['font-weight']
-    ? treeToVars(refsTree.typography['font-weight'], '--font-weight')
-    : {};
-  const dropShadow = refsTree.effects?.['drop-shadow']
-    ? treeToVars(refsTree.effects['drop-shadow'], '--drop-shadow')
-    : {};
-  const lineHeight = refsTree.typography?.leading
-    ? treeToVars(refsTree.typography.leading, '--leading')
-    : {};
-  const letterSpacing = refsTree.typography?.tracking
-    ? treeToVars(refsTree.typography.tracking, '--tracking')
-    : {};
-
-  const fontSize = {};
-  for (const [key, bundle] of Object.entries(textsData)) {
-    if (!('fontSize' in bundle)) continue;
-    if (bundle.fontSize === 'inherit') continue;
-    const meta = {};
-    if ('lineHeight' in bundle) meta.lineHeight = `var(--${key}-line-height)`;
-    if ('letterSpacing' in bundle) meta.letterSpacing = `var(--${key}-letter-spacing)`;
-    if ('fontWeight' in bundle) meta.fontWeight = `var(--${key}-font-weight)`;
-    fontSize[key.replace(/^text-/, '')] = [`var(--${key}-font-size)`, meta];
+/** Emit `@keyframes` blocks at the top level of the stylesheet. */
+const emitKeyframes = () => {
+  const blocks = [];
+  for (const [name, steps] of Object.entries(keyframes)) {
+    const body = Object.entries(steps)
+      .map(([step, decls]) => `  ${step} { ${decls}; }`)
+      .join('\n');
+    blocks.push(`@keyframes ${name} {\n${body}\n}`);
   }
-
-  return {
-    theme: {
-      extend: {
-        colors,
-        fontSize,
-        fontWeight,
-        dropShadow,
-        lineHeight,
-        letterSpacing,
-        textColor: semanticColors.text,
-        backgroundColor: semanticColors.background,
-        borderColor: semanticColors.border,
-      },
-    },
-  };
-};
-
-const emitPresetV3 = () => {
-  const data = buildPresetData();
-  return [
-    '/* generated by build-tokens.mjs — target: v3 — do not edit */',
-    `const preset = ${JSON.stringify(data, null, 2)};`,
-    'export default preset;',
-    '',
-  ].join('\n');
-};
-
-const emitTailwindConfigV3 = () => {
-  const data = buildPresetData();
-  const config = {
-    content: ['./src/tests/**/*.html'],
-    darkMode: ['class', '[data-theme="dark"]'],
-    theme: data.theme,
-    plugins: [],
-  };
-  return [
-    '/* generated by build-tokens.mjs — target: v3 — do not edit */',
-    `/** @type {import('tailwindcss').Config} */`,
-    `module.exports = ${JSON.stringify(config, null, 2)};`,
-    '',
-  ].join('\n');
+  return blocks.join('\n\n');
 };
 
-// ─── 5. v4 emission (@import "tailwindcss" + @theme) ───────────────────────
+// ─── 4. v4 emission (@import "tailwindcss" + @theme) ───────────────────────
 /**
- * v4 puts color primitives under `@theme` so Tailwind auto-generates
- * `bg-gray-50`, `text-violet-500`, etc. Semantic tokens stay in plain `:root`
- * (with `@media` overrides) so we keep full control of the component classes.
+ * v4 puts color primitives, breakpoints, and animation shorthands under
+ * `@theme` so Tailwind auto-generates `bg-gray-50`, `text-violet-500`,
+ * `sm:` screens, and `animate-*` utilities. Semantic tokens stay in plain
+ * `:root` (with `@media` overrides) so we keep full control of the
+ * component classes.
  *
- * Notes on v4 conventions used:
- *   - `@theme { --color-* }` → color utilities.
- *   - `@theme { --breakpoint-* }` → screens.
+ * Notes:
+ *   - `@theme { --color-* }`      → color utilities.
+ *   - `@theme { --breakpoint-* }` → screens (`sm:`, `md:`, …).
+ *   - `@theme { --animate-* }`    → `animate-*` utilities (the shorthand
+ *                                    references a `@keyframes` emitted
+ *                                    later in the file).
  *   - Semantic shape/typography tokens are NOT in @theme — we own their
  *     class definitions in @layer components and they swap responsively
  *     via `:root @media` overrides.
  */
+const V4_SELECTOR = ':root, [data-theme=light], .azion.azion-light';
+
 const emitCssV4 = () => {
   const m = buildFlatModel();
   const primitivesEntries = Object.entries(m.primitives);
 
-  // Split primitives: color/breakpoint go in @theme; everything else (shape,
-  // typography, effects, border, ring-offset) stays in :root.
   const themeVars = {};
   const rootPrimitiveVars = {};
   for (const [k, v] of primitivesEntries) {
@@ -329,6 +194,10 @@ const emitCssV4 = () => {
     else rootPrimitiveVars[k] = v;
   }
 
+  for (const [name, shorthand] of Object.entries(animate)) {
+    themeVars[`--animate-${name}`] = shorthand;
+  }
+
   const semanticBase = {
     ...rootPrimitiveVars,
     ...(m.containers._ || {}),
@@ -354,20 +223,34 @@ const emitCssV4 = () => {
   }
 
   return [
-    '/* generated by build-tokens.mjs — target: v4 — do not edit */',
+    '/* generated by build-tokens.mjs — do not edit */',
     '',
     '@import "tailwindcss";',
     '',
+    '/*',
+    ' * `@aziontech/webkit` components use arbitrary values (`bg-[var(--x)]`) that',
+    ' * Tailwind v4 only picks up when the source files are inside the scan.',
+    ' * Auto-detect scans the CWD only, so we point `@source` at the webkit',
+    ' * package via a monorepo-relative path (this file is under',
+    ' * `packages/theme/dist/v4/`; walking up three levels reaches `packages/`).',
+    ' */',
+    '@source "../../../webkit/src";',
+    '',
     '@theme {',
     formatVars(themeVars, '  '),
     '}',
     '',
-    ':root, [data-theme=light], .azion.azion-light {',
+    `${V4_SELECTOR} {`,
     formatVars(semanticBase, '  '),
     '',
     mediaBlocks.join('\n\n'),
     '}',
     '',
+    '/* ── Theme semantics (primary, secondary, surfaces, feedback, …) ── */',
+    compileThemeCss(),
+    '',
+    emitKeyframes(),
+    '',
     '@layer components {',
     emitComponentClasses(),
     '}',
@@ -375,42 +258,27 @@ const emitCssV4 = () => {
   ].join('\n');
 };
 
-// ─── 6. Write to disk ──────────────────────────────────────────────────────
+// ─── 5. Write to disk ──────────────────────────────────────────────────────
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const distRoot = resolve(__dirname, '../../dist');
 
-const writeV3 = async () => {
-  const dir = resolve(distRoot, 'v3');
-  await mkdir(dir, { recursive: true });
-  const css = emitCssV3();
-  await writeFile(resolve(dir, 'globals.css'), css, 'utf8');
-  await writeFile(resolve(dir, 'globals.scss'), css, 'utf8');
-  await writeFile(resolve(dir, 'tailwind-preset.js'), emitPresetV3(), 'utf8');
-  await writeFile(resolve(dir, 'tailwind.config.js'), emitTailwindConfigV3(), 'utf8');
-  console.log(`✓ v3 → ${dir}`);
-};
-
-const writeV4 = async () => {
-  const dir = resolve(distRoot, 'v4');
-  await mkdir(dir, { recursive: true });
-  const css = emitCssV4();
-  await writeFile(resolve(dir, 'globals.css'), css, 'utf8');
-  await writeFile(resolve(dir, 'globals.scss'), css, 'utf8');
-  console.log(`✓ v4 → ${dir}`);
-};
-
-// ─── 7. CLI ────────────────────────────────────────────────────────────────
-const parseTarget = () => {
-  const arg = process.argv.find((a) => a.startsWith('--target='));
-  if (!arg) return 'all';
-  const value = arg.slice('--target='.length).toLowerCase();
-  if (!['v3', 'v4', 'all'].includes(value)) {
-    console.error(`Unknown --target=${value}. Use v3, v4, or all.`);
-    process.exit(1);
-  }
-  return value;
-};
-
-const target = parseTarget();
-if (target === 'v3' || target === 'all') await writeV3();
-if (target === 'v4' || target === 'all') await writeV4();
+const fontsCss = await readFile(
+  resolve(__dirname, '../tokens/primitives/fonts.css'),
+  'utf8',
+);
+
+const dir = resolve(distRoot, 'v4');
+await mkdir(dir, { recursive: true });
+// `@import` must precede every other at-rule (CSS spec); `@font-face` before
+// `@import "tailwindcss"` would silently invalidate the import and skip
+// Tailwind's layer setup / utility generation. Splice fonts in AFTER the
+// import line by looking for the marker in the emitted CSS.
+const rawCss = emitCssV4();
+const IMPORT_LINE = '@import "tailwindcss";';
+const importIdx = rawCss.indexOf(IMPORT_LINE);
+if (importIdx === -1) throw new Error('emitCssV4 output is missing the tailwind import line');
+const afterImport = importIdx + IMPORT_LINE.length;
+const css = `${rawCss.slice(0, afterImport)}\n\n${fontsCss}${rawCss.slice(afterImport)}`;
+await writeFile(resolve(dir, 'globals.css'), css, 'utf8');
+await writeFile(resolve(dir, 'globals.scss'), css, 'utf8');
+console.log(`✓ v4 → ${dir}`);
diff --git a/packages/theme/src/scripts/compile-primitives.js b/packages/theme/src/scripts/compile-primitives.js
index 2d5e6c6a2..89e4216dd 100644
--- a/packages/theme/src/scripts/compile-primitives.js
+++ b/packages/theme/src/scripts/compile-primitives.js
@@ -46,8 +46,8 @@ export const buildTrees = () => {
   const { brand, ...restColors } = colorPrimitives;
   const color = {
     ...restColors,
-    primary: brand.primary,
-    accent: brand.accent,
+    'brand-primary': brand.primary,
+    'brand-accent': brand.accent,
     absolute: brand.absolute,
   };
 
diff --git a/packages/theme/src/tests/primitives.html b/packages/theme/src/tests/primitives.html
deleted file mode 100644
index 3e8070f33..000000000
--- a/packages/theme/src/tests/primitives.html
+++ /dev/null
@@ -1,293 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Primitives — Compile &amp; Inject Test</title>
-    <style>
-      :root { color-scheme: dark; }
-      body {
-        font-family: ui-sans-serif, system-ui, sans-serif;
-        margin: 2rem;
-        background: #fafafa;
-        color: #171717;
-      }
-      h1 { margin: 0 0 0.25rem; font-size: 1.25rem; }
-      h2 {
-        font-size: 0.875rem;
-        text-transform: uppercase;
-        letter-spacing: 0.04em;
-        color: #525252;
-        margin: 2rem 0 0.75rem;
-      }
-      .meta { color: #525252; font-size: 0.875rem; margin-bottom: 1rem; }
-      .count { color: #16833f; font-weight: 600; }
-      code {
-        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-        font-size: 0.8rem;
-      }
-      pre {
-        background: #fff;
-        border: 1px solid #e5e5e5;
-        border-radius: 6px;
-        padding: 1rem;
-        max-height: 70vh;
-        overflow: auto;
-        font-size: 0.75rem;
-        line-height: 1.5;
-        white-space: pre;
-      }
-
-      /* Sections */
-      .grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
-        gap: 0.5rem;
-      }
-      .card {
-        border: 1px solid #e5e5e5;
-        border-radius: 6px;
-        overflow: hidden;
-        background: #fff;
-        font-size: 0.7rem;
-      }
-      .card .swatch { height: 48px; }
-      .card .label { padding: 4px 6px; font-family: ui-monospace, monospace; }
-      .card .value { padding: 0 6px 6px; color: #737373; font-family: ui-monospace, monospace; }
-
-      /* Spacing/size demo */
-      .scale-row { display: flex; align-items: center; gap: 0.75rem; padding: 4px 0; font-size: 0.75rem; }
-      .scale-row .bar { background: #FE601F; height: 12px; border-radius: 2px; }
-      .scale-row .name { width: 80px; font-family: ui-monospace, monospace; }
-      .scale-row .v { color: #737373; font-family: ui-monospace, monospace; }
-
-      /* Radius demo */
-      .radius-card .swatch { background: #e5e5e5; }
-
-      /* Type demo */
-      .type-row { display: flex; align-items: baseline; gap: 0.75rem; padding: 6px 0; border-bottom: 1px dashed #e5e5e5; }
-      .type-row .name { width: 120px; font-family: ui-monospace, monospace; font-size: 0.7rem; color: #525252; }
-      .type-row .sample { flex: 1; }
-      .type-row .v { color: #737373; font-family: ui-monospace, monospace; font-size: 0.7rem; }
-
-      /* Blur demo */
-      .blur-card .swatch {
-        background: linear-gradient(135deg, #FE601F, #8A84EC);
-        position: relative;
-      }
-      .blur-card .swatch::after {
-        content: "";
-        position: absolute;
-        inset: 0;
-        backdrop-filter: blur(var(--demo-blur, 0));
-      }
-    </style>
-  </head>
-  <body>
-    <h1>Primitives — Compile &amp; Inject Test</h1>
-    <p class="meta">
-      <span class="count" id="count">…</span> CSS variables injected via
-      <code>&lt;style data-azion-primitives&gt;</code>
-    </p>
-
-    <h2>Colors</h2>
-    <div class="grid" id="colors"></div>
-
-    <h2>Spacing</h2>
-    <div id="spacing"></div>
-
-    <h2>Size</h2>
-    <div id="size"></div>
-
-    <h2>Radius</h2>
-    <div class="grid" id="radius"></div>
-
-    <h2>Container</h2>
-    <div id="container"></div>
-
-    <h2>Font Family</h2>
-    <div id="font-family"></div>
-
-    <h2>Font Size + Line Height</h2>
-    <div id="typography"></div>
-
-    <h2>Blur</h2>
-    <div class="grid" id="blur"></div>
-
-    <h2>Opacity</h2>
-    <div class="grid" id="opacity"></div>
-
-    <h2>Breakpoints / Border / Ring-offset</h2>
-    <pre id="misc"></pre>
-
-    <h2>Full Generated CSS</h2>
-    <pre id="css"></pre>
-
-    <script type="module">
-      import {
-        compilePrimitivesCss,
-        compilePrimitivesVars,
-        injectPrimitivesCss,
-      } from '../scripts/compile-primitives.js';
-
-      const styleTag = injectPrimitivesCss();
-      const vars = compilePrimitivesVars();
-      const css = compilePrimitivesCss();
-
-      document.getElementById('count').textContent = Object.keys(vars).length;
-      document.getElementById('css').textContent = css;
-
-      const entriesStartingWith = (prefix) =>
-        Object.entries(vars).filter(([k]) => k.startsWith(prefix));
-      const entriesMatching = (regex) =>
-        Object.entries(vars).filter(([k]) => regex.test(k));
-
-      // --- Colors (skip alpha for clarity)
-      const colorEntries = entriesStartingWith('--color-')
-        .filter(([k]) => !k.startsWith('--color-alpha-'));
-      const colorsEl = document.getElementById('colors');
-      colorEntries.forEach(([name, value]) => {
-        const el = document.createElement('div');
-        el.className = 'card';
-        el.innerHTML = `
-          <div class="swatch" style="background: var(${name});"></div>
-          <div class="label">${name.replace('--color-', '')}</div>
-          <div class="value">${value}</div>
-        `;
-        colorsEl.appendChild(el);
-      });
-
-      // --- Spacing
-      const spacingEntries = entriesStartingWith('--spacing-');
-      const spacingEl = document.getElementById('spacing');
-      spacingEntries.forEach(([name, value]) => {
-        const row = document.createElement('div');
-        row.className = 'scale-row';
-        row.innerHTML = `
-          <span class="name">${name.replace('--', '')}</span>
-          <span class="bar" style="width: var(${name});"></span>
-          <span class="v">${value}</span>
-        `;
-        spacingEl.appendChild(row);
-      });
-
-      // --- Size
-      const sizeEntries = entriesStartingWith('--size-');
-      const sizeEl = document.getElementById('size');
-      sizeEntries.forEach(([name, value]) => {
-        const row = document.createElement('div');
-        row.className = 'scale-row';
-        row.innerHTML = `
-          <span class="name">${name.replace('--', '')}</span>
-          <span class="bar" style="width: var(${name});"></span>
-          <span class="v">${value}</span>
-        `;
-        sizeEl.appendChild(row);
-      });
-
-      // --- Radius
-      const radiusEntries = entriesStartingWith('--radius-');
-      const radiusEl = document.getElementById('radius');
-      radiusEntries.forEach(([name, value]) => {
-        const el = document.createElement('div');
-        el.className = 'card radius-card';
-        el.innerHTML = `
-          <div class="swatch" style="border-radius: var(${name});"></div>
-          <div class="label">${name.replace('--', '')}</div>
-          <div class="value">${value}</div>
-        `;
-        radiusEl.appendChild(el);
-      });
-
-      // --- Container
-      const containerEntries = entriesStartingWith('--container-');
-      const containerEl = document.getElementById('container');
-      containerEntries.forEach(([name, value]) => {
-        const row = document.createElement('div');
-        row.className = 'scale-row';
-        row.innerHTML = `
-          <span class="name">${name.replace('--', '')}</span>
-          <span class="bar" style="width: min(var(${name}), 100%);"></span>
-          <span class="v">${value}</span>
-        `;
-        containerEl.appendChild(row);
-      });
-
-      // --- Font family
-      const fontFamilyEntries = entriesStartingWith('--font-')
-        .filter(([name]) => !name.startsWith('--font-weight-'));
-      const fontFamilyEl = document.getElementById('font-family');
-      fontFamilyEntries.forEach(([name, value]) => {
-        const row = document.createElement('div');
-        row.className = 'type-row';
-        row.innerHTML = `
-          <span class="name">${name.replace('--', '')}</span>
-          <span class="sample" style="font-family: var(${name});">The quick brown fox jumps over the lazy dog</span>
-          <span class="v">${value}</span>
-        `;
-        fontFamilyEl.appendChild(row);
-      });
-
-      // --- Font size + line height
-      const fontSizeEntries = entriesStartingWith('--font-size-');
-      const typographyEl = document.getElementById('typography');
-      fontSizeEntries.forEach(([name, value]) => {
-        const row = document.createElement('div');
-        row.className = 'type-row';
-        row.innerHTML = `
-          <span class="name">${name.replace('--', '')}</span>
-          <span class="sample" style="font-size: var(${name}); line-height: 1.2;">Aa Bb 123</span>
-          <span class="v">${value}</span>
-        `;
-        typographyEl.appendChild(row);
-      });
-      const lineHeightEntries = entriesStartingWith('--line-height-');
-      lineHeightEntries.forEach(([name, value]) => {
-        const row = document.createElement('div');
-        row.className = 'type-row';
-        row.innerHTML = `
-          <span class="name">${name.replace('--', '')}</span>
-          <span class="sample" style="line-height: var(${name}); font-size: 14px;">line A<br/>line B</span>
-          <span class="v">${value}</span>
-        `;
-        typographyEl.appendChild(row);
-      });
-
-      // --- Blur
-      const blurEntries = entriesStartingWith('--blur-');
-      const blurEl = document.getElementById('blur');
-      blurEntries.forEach(([name, value]) => {
-        const el = document.createElement('div');
-        el.className = 'card blur-card';
-        el.innerHTML = `
-          <div class="swatch" style="--demo-blur: var(${name});"></div>
-          <div class="label">${name.replace('--', '')}</div>
-          <div class="value">${value}</div>
-        `;
-        blurEl.appendChild(el);
-      });
-
-      // --- Opacity
-      const opacityEntries = entriesStartingWith('--opacity-');
-      const opacityEl = document.getElementById('opacity');
-      opacityEntries.forEach(([name, value]) => {
-        const el = document.createElement('div');
-        el.className = 'card';
-        el.innerHTML = `
-          <div class="swatch" style="background: #FE601F; opacity: var(${name});"></div>
-          <div class="label">${name.replace('--', '')}</div>
-          <div class="value">${value}</div>
-        `;
-        opacityEl.appendChild(el);
-      });
-
-      // --- Misc (breakpoints, border, ring-offset)
-      const misc = entriesMatching(/^--(breakpoint|border|ring-offset)/);
-      document.getElementById('misc').textContent = misc
-        .map(([k, v]) => `${k}: ${v};`)
-        .join('\n');
-
-      console.info('[primitives] injected', styleTag);
-      console.info('[primitives] vars', vars);
-    </script>
-  </body>
-</html>
diff --git a/packages/theme/src/tests/theme.html b/packages/theme/src/tests/theme.html
deleted file mode 100644
index e29b0f4ac..000000000
--- a/packages/theme/src/tests/theme.html
+++ /dev/null
@@ -1,310 +0,0 @@
-<!doctype html>
-<html lang="en" data-theme="light">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Theme — Light/Dark Toggle Test</title>
-    <style>
-      html { color-scheme: light; }
-      html[data-theme="dark"] { color-scheme: dark; }
-
-      body {
-        font-family: ui-sans-serif, system-ui, sans-serif;
-        margin: 0;
-        padding: 2rem;
-        background: var(--bg-canvas);
-        color: var(--text-default);
-        min-height: 100vh;
-        transition: background-color 0.2s ease, color 0.2s ease;
-      }
-      h1 { margin: 0 0 0.25rem; font-size: 1.25rem; }
-      h2 {
-        font-size: 0.875rem;
-        text-transform: uppercase;
-        letter-spacing: 0.04em;
-        color: var(--text-muted);
-        margin: 2rem 0 0.75rem;
-      }
-      .meta { color: var(--text-muted); font-size: 0.875rem; margin: 0 0 1.5rem; }
-      code {
-        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-        font-size: 0.8rem;
-      }
-
-      .topbar {
-        display: flex;
-        align-items: center;
-        gap: 1rem;
-        margin-bottom: 1rem;
-      }
-      .toggle {
-        background: var(--primary);
-        color: var(--primary-contrast);
-        border: 1px solid var(--primary);
-        padding: 0.5rem 1rem;
-        border-radius: 6px;
-        cursor: pointer;
-        font: inherit;
-        font-weight: 600;
-      }
-      .toggle:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
-      .toggle:active { background: var(--primary-active); }
-      .toggle:focus-visible { outline: 2px solid var(--ring-color); outline-offset: 2px; }
-      .badge {
-        font-family: ui-monospace, monospace;
-        font-size: 0.75rem;
-        padding: 0.2rem 0.5rem;
-        border-radius: 4px;
-        background: var(--bg-surface);
-        border: 1px solid var(--border-default);
-        color: var(--text-muted);
-      }
-
-      /* Grids and cards */
-      .grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
-        gap: 0.5rem;
-      }
-      .card {
-        border: 1px solid var(--border-default);
-        border-radius: 6px;
-        overflow: hidden;
-        background: var(--bg-surface);
-        font-size: 0.7rem;
-      }
-      .card .swatch {
-        height: 60px;
-        background-image:
-          linear-gradient(45deg, rgba(0,0,0,.06) 25%, transparent 25%),
-          linear-gradient(-45deg, rgba(0,0,0,.06) 25%, transparent 25%),
-          linear-gradient(45deg, transparent 75%, rgba(0,0,0,.06) 75%),
-          linear-gradient(-45deg, transparent 75%, rgba(0,0,0,.06) 75%);
-        background-size: 12px 12px;
-        background-position: 0 0, 0 6px, 6px -6px, -6px 0;
-      }
-      .card .swatch-inner {
-        width: 100%;
-        height: 100%;
-      }
-      .card .label {
-        padding: 4px 6px;
-        font-family: ui-monospace, monospace;
-        color: var(--text-default);
-      }
-      .card .value {
-        padding: 0 6px 6px;
-        color: var(--text-muted);
-        font-family: ui-monospace, monospace;
-      }
-
-      /* Demos */
-      .demo-row {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 0.5rem;
-        align-items: center;
-        margin-bottom: 0.5rem;
-      }
-      .btn {
-        padding: 0.4rem 0.9rem;
-        border-radius: 6px;
-        font: inherit;
-        font-size: 0.85rem;
-        cursor: pointer;
-        border: 1px solid transparent;
-      }
-      .btn-primary {
-        background: var(--primary);
-        color: var(--primary-contrast);
-        border-color: var(--primary);
-      }
-      .btn-primary:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
-      .btn-secondary {
-        background: var(--secondary);
-        color: var(--secondary-contrast);
-        border-color: var(--secondary);
-      }
-      .btn-secondary:hover { background: var(--secondary-hover); border-color: var(--secondary-hover); }
-      .btn-accent {
-        background: var(--accent);
-        color: var(--accent-contrast);
-        border-color: var(--accent);
-      }
-      .btn-accent:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
-
-      .alert {
-        padding: 0.75rem 1rem;
-        border-radius: 6px;
-        border: 1px solid;
-        margin-bottom: 0.5rem;
-        font-size: 0.875rem;
-      }
-      .alert-success { background: var(--success); border-color: var(--success-border); color: var(--success-contrast); }
-      .alert-warning { background: var(--warning); border-color: var(--warning-border); color: var(--warning-contrast); }
-      .alert-danger { background: var(--danger); border-color: var(--danger-border); color: var(--danger-contrast); }
-      .alert-info { background: var(--info); border-color: var(--info-border); color: var(--info-contrast); }
-
-      .surface-stack {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 0.75rem;
-      }
-      .surface-tile {
-        flex: 1 1 200px;
-        padding: 1rem;
-        border-radius: 6px;
-        border: 1px solid var(--border-default);
-      }
-      .surface-tile.canvas       { background: var(--bg-canvas); }
-      .surface-tile.surface      { background: var(--bg-surface); }
-      .surface-tile.raised       { background: var(--bg-surface-raised); }
-      .surface-tile.overlay      { background: var(--bg-surface-overlay); }
-      .surface-tile.selected     { background: var(--bg-selected); }
-      .surface-tile.contrast     { background: var(--bg-contrast); color: var(--bg-surface); }
-
-      pre {
-        background: var(--bg-surface);
-        border: 1px solid var(--border-default);
-        border-radius: 6px;
-        padding: 1rem;
-        max-height: 60vh;
-        overflow: auto;
-        font-size: 0.72rem;
-        line-height: 1.5;
-        white-space: pre;
-        color: var(--text-default);
-      }
-    </style>
-  </head>
-  <body>
-    <div class="topbar">
-      <h1 style="flex:1;">Theme — Light/Dark Toggle Test</h1>
-      <span class="badge" id="theme-label">data-theme=light</span>
-      <button class="toggle" id="toggle" type="button">Switch to dark</button>
-    </div>
-    <p class="meta">
-      <span id="count">…</span> light + <span id="count-dark">…</span> dark vars injected via
-      <code>&lt;style data-azion-theme&gt;</code>
-    </p>
-
-    <h2>Buttons</h2>
-    <div class="demo-row">
-      <button class="btn btn-primary">Primary</button>
-      <button class="btn btn-secondary">Secondary</button>
-      <button class="btn btn-accent">Accent</button>
-    </div>
-
-    <h2>Feedback Alerts</h2>
-    <div class="alert alert-success">Success — operation completed.</div>
-    <div class="alert alert-warning">Warning — please review the details.</div>
-    <div class="alert alert-danger">Danger — something went wrong.</div>
-    <div class="alert alert-info">Info — for your awareness.</div>
-
-    <h2>Backgrounds</h2>
-    <div class="surface-stack">
-      <div class="surface-tile canvas">bg-canvas</div>
-      <div class="surface-tile surface">bg-surface</div>
-      <div class="surface-tile raised">bg-surface-raised</div>
-      <div class="surface-tile overlay">bg-surface-overlay</div>
-      <div class="surface-tile selected">bg-selected</div>
-      <div class="surface-tile contrast">bg-contrast</div>
-    </div>
-
-    <h2>Surfaces (semantic alias for grays)</h2>
-    <div class="grid" id="surfaces"></div>
-
-    <h2>Primary / Secondary / Accent</h2>
-    <div class="grid" id="brand"></div>
-
-    <h2>Backgrounds (token swatches)</h2>
-    <div class="grid" id="bg"></div>
-
-    <h2>Borders / Text / Ring</h2>
-    <div class="grid" id="bw"></div>
-
-    <h2>Feedback (token swatches)</h2>
-    <div class="grid" id="feedback"></div>
-
-    <h2>Full Generated CSS</h2>
-    <pre id="css"></pre>
-
-    <script type="module">
-      import {
-        compileThemeCss,
-        compileThemeVars,
-        injectThemeCss,
-      } from '../scripts/compile-theme.js';
-
-      const styleTag = injectThemeCss();
-      const all = compileThemeVars();
-      const css = compileThemeCss();
-
-      document.getElementById('count').textContent = Object.keys(all.light).length;
-      document.getElementById('count-dark').textContent = Object.keys(all.dark).length;
-      document.getElementById('css').textContent = css;
-
-      // Toggle
-      const toggle = document.getElementById('toggle');
-      const label = document.getElementById('theme-label');
-      const applyTheme = (next) => {
-        document.documentElement.setAttribute('data-theme', next);
-        label.textContent = `data-theme=${next}`;
-        toggle.textContent = next === 'dark' ? 'Switch to light' : 'Switch to dark';
-      };
-      toggle.addEventListener('click', () => {
-        const current = document.documentElement.getAttribute('data-theme') || 'light';
-        applyTheme(current === 'dark' ? 'light' : 'dark');
-      });
-      applyTheme('light');
-
-      // Build swatch grids using the current (light) vars for label/value display.
-      // The actual color rendered is the live var, which switches on toggle.
-      const mkCard = (name) => {
-        const card = document.createElement('div');
-        card.className = 'card';
-        card.innerHTML = `
-          <div class="swatch"><div class="swatch-inner" style="background: var(${name});"></div></div>
-          <div class="label">${name.replace('--', '')}</div>
-          <div class="value" data-var="${name}"></div>
-        `;
-        return card;
-      };
-
-      const fillGroup = (id, predicate) => {
-        const el = document.getElementById(id);
-        Object.keys(all.light)
-          .filter(predicate)
-          .forEach((name) => el.appendChild(mkCard(name)));
-      };
-
-      fillGroup('surfaces', (k) => k.startsWith('--surface-'));
-      fillGroup('brand', (k) =>
-        /^--(primary|secondary|accent)(-|$)/.test(k) && !k.startsWith('--accent-')
-        ? true
-        : /^--(primary|secondary|accent)(-|$)/.test(k));
-      fillGroup('bg', (k) => k.startsWith('--bg-'));
-      fillGroup('bw', (k) =>
-        k.startsWith('--border-') || k.startsWith('--text-') || k.startsWith('--ring-'));
-      fillGroup('feedback', (k) =>
-        /^--(success|warning|danger|info)(-|$)/.test(k));
-
-      // Live-update the value labels and CSS pre when toggling.
-      const refreshValues = () => {
-        const theme = document.documentElement.getAttribute('data-theme') || 'light';
-        const map = all[theme];
-        document.querySelectorAll('[data-var]').forEach((el) => {
-          const name = el.getAttribute('data-var');
-          el.textContent = map[name] ?? '';
-        });
-      };
-      refreshValues();
-      new MutationObserver(refreshValues).observe(document.documentElement, {
-        attributes: true,
-        attributeFilter: ['data-theme'],
-      });
-
-      console.info('[theme] injected', styleTag);
-      console.info('[theme] vars', all);
-    </script>
-  </body>
-</html>
diff --git a/packages/theme/src/tests/tokens.html b/packages/theme/src/tests/tokens.html
deleted file mode 100644
index 0524faf18..000000000
--- a/packages/theme/src/tests/tokens.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!doctype html>
-<html lang="en" data-theme="light">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Tokens — Builder Output Test</title>
-    <link rel="stylesheet" href="../../dist/v3/output.css" />
-    <style>
-      body {
-        margin: 0;
-        padding: 2rem;
-        font-family: ui-sans-serif, system-ui, sans-serif;
-        background: var(--color-base-white);
-        color: var(--color-gray-900);
-      }
-      .swatch { display: inline-block; width: 64px; height: 64px; border-radius: 6px; border: 1px solid var(--color-gray-200); margin-right: 8px; vertical-align: middle; }
-      .row { display: flex; align-items: center; gap: 12px; margin: 8px 0; }
-      .label { font-family: ui-monospace, monospace; font-size: 0.8rem; color: var(--color-gray-700); }
-      section { margin-bottom: 2.5rem; border: 1px dashed var(--color-gray-200); padding: 1rem; border-radius: 8px; }
-      h1 { margin: 0 0 0.5rem; }
-      h2 { margin: 0 0 1rem; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-gray-600); }
-      .vp-tag { position: fixed; top: 8px; right: 8px; font-family: ui-monospace, monospace; font-size: 0.75rem; padding: 4px 8px; border-radius: 4px; background: var(--color-gray-100); color: var(--color-gray-700); }
-    </style>
-  </head>
-  <body>
-    <div class="vp-tag" id="vp">–</div>
-
-    <h1>Tokens — Builder Output</h1>
-    <p class="label">Redimensione a janela: 0–639 (_), 640–767 (sm), 768+ (md), 1280+ (xl).</p>
-
-    <section>
-      <h2>Typography (responsive)</h2>
-      <p class="text-heading-2xl">heading-2xl — responsive</p>
-      <p class="text-heading-xl">heading-xl — responsive</p>
-      <p class="text-heading-lg">heading-lg — responsive</p>
-      <p class="text-heading-md">heading-md — responsive</p>
-      <p class="text-heading-sm">heading-sm — responsive</p>
-      <p class="text-body-lg">body-lg — sm only at md</p>
-      <p class="text-body-md">body-md — static</p>
-      <p class="text-body-md">
-        body-md with <a href="#" class="text-link">inline text-link</a>
-      </p>
-      <p class="text-overline-md">overline-md — sm only at sm</p>
-    </section>
-
-    <section>
-      <h2>Spacing (gap / padding)</h2>
-      <div class="gap-spacing-elements-xxl" style="display: flex; background: var(--color-gray-100); padding: 8px;">
-        <div style="background: var(--color-violet-300); width: 40px; height: 40px;"></div>
-        <div style="background: var(--color-violet-300); width: 40px; height: 40px;"></div>
-        <div style="background: var(--color-violet-300); width: 40px; height: 40px;"></div>
-      </div>
-      <p class="label">gap-spacing-elements-xxl (gap muda em sm e xl)</p>
-
-      <div class="p-spacing-elements-xl" style="background: var(--color-orange-200); display: inline-block;">
-        <div style="background: var(--color-orange-500); width: 60px; height: 30px;"></div>
-      </div>
-      <p class="label">p-spacing-elements-xl (padding muda em sm e xl)</p>
-    </section>
-
-    <section>
-      <h2>Containers</h2>
-      <div class="px-container py-container max-container-width" style="background: var(--color-yellow-100); margin: 0 auto;">
-        <p style="margin: 0;">.px-container .py-container .max-container-width — viewport-aware</p>
-      </div>
-    </section>
-
-    <section>
-      <h2>Tailwind utilities via preset (bg-gray-* etc.)</h2>
-      <div class="row"><span class="swatch bg-gray-100"></span><span class="label">bg-gray-100</span></div>
-      <div class="row"><span class="swatch bg-violet-500"></span><span class="label">bg-violet-500</span></div>
-      <div class="row"><span class="swatch bg-orange-500"></span><span class="label">bg-orange-500</span></div>
-      <div class="row"><span class="swatch bg-primary-500"></span><span class="label">bg-primary-500 (brand)</span></div>
-    </section>
-
-    <script>
-      const vp = document.getElementById('vp');
-      const update = () => {
-        const w = window.innerWidth;
-        const bp = w >= 1536 ? '2xl' : w >= 1280 ? 'xl' : w >= 1024 ? 'lg' : w >= 768 ? 'md' : w >= 640 ? 'sm' : '_';
-        vp.textContent = `${w}px → ${bp}`;
-      };
-      window.addEventListener('resize', update);
-      update();
-    </script>
-  </body>
-</html>
diff --git a/packages/theme/src/tokens/README.md b/packages/theme/src/tokens/README.md
index 982864b34..07b96e0a7 100644
--- a/packages/theme/src/tokens/README.md
+++ b/packages/theme/src/tokens/README.md
@@ -198,46 +198,21 @@ export const spacingsData = {
 ```bash
 # emit both v3 and v4 bundles
 pnpm --filter @aziontech/theme build:tokens
-
-# only one target
-pnpm --filter @aziontech/theme build:tokens:v3
-pnpm --filter @aziontech/theme build:tokens:v4
-
-# v3 + compile final CSS with tailwindcss
-pnpm --filter @aziontech/theme build:css:v3
-```
-
-Outputs land in `packages/theme/dist/v3/` and `packages/theme/dist/v4/`.
-
-### Consuming in a Tailwind v3 project
-
-```js
-// tailwind.config.js
-import themePreset from '@aziontech/theme/tailwind-preset/v3'
-
-export default {
-  presets: [themePreset],
-  content: ['./src/**/*.{vue,js,ts,jsx,tsx}'],
-  darkMode: ['class'],
-}
 ```
 
-```css
-/* main.css */
-@import '@aziontech/theme/v3/globals.css';
-```
-
-Utilities like `text-default`, `bg-surface`, `border-default`, `text-primary`, `gap-md`, `p-md`, `.text-heading-lg`, etc. are then available everywhere.
+Output lands in `packages/theme/dist/v4/`.
 
-### Consuming in a Tailwind v4 project
+### Consuming (Tailwind v4)
 
 ```css
 /* main.css */
-@import '@aziontech/theme/v4/globals.css';
+@import '@aziontech/theme/globals.css';
 ```
 
 No `tailwind.config.js` needed — v4 reads `@theme { … }` directly from the imported CSS.
 
+Utilities like `text-default`, `bg-surface`, `border-default`, `text-primary`, `gap-md`, `p-md`, `.text-heading-lg`, `animate-popup-scale-in`, etc. are then available everywhere.
+
 ### As JS objects (Node / build steps)
 
 ```js
diff --git a/packages/theme/src/tokens/primitives/animations/animate.js b/packages/theme/src/tokens/primitives/animations/animate.js
index d812b0723..a6cea1721 100644
--- a/packages/theme/src/tokens/primitives/animations/animate.js
+++ b/packages/theme/src/tokens/primitives/animations/animate.js
@@ -22,6 +22,11 @@ export const animate = {
   pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
   bounce: 'bounce 1s infinite',
   shimmer: 'shimmer 1.6s linear infinite',
+  blink: 'blink 1s step-end infinite',
+  'fade-in': 'fadeIn 220ms ease-in-out',
+  'fade-out': 'fadeOut 220ms ease-in-out',
+  'slide-down': 'slideDown 220ms ease-in-out',
+  'highlight-fade': 'highlight ease-in forwards',
   'popup-scale-in': `popupScaleIn ${duration['moderate-01']} ${curve['productive-entrance']}`,
   'popup-scale-out': `popupScaleOut ${duration['fast-02']} ${curve['productive-exit']}`,
   'progress-indeterminate': `progressIndeterminate ${duration['slow-04']} ${curve['productive-entrance']} infinite`,
diff --git a/packages/theme/src/tokens/primitives/animations/keyframes.js b/packages/theme/src/tokens/primitives/animations/keyframes.js
new file mode 100644
index 000000000..1b6acdb9c
--- /dev/null
+++ b/packages/theme/src/tokens/primitives/animations/keyframes.js
@@ -0,0 +1,69 @@
+/**
+ * Raw `@keyframes` definitions used by `--animate-*` in `animate.js`.
+ *
+ * Consumed by `scripts/build-tokens.mjs` to emit real `@keyframes` blocks
+ * in the Tailwind v4 `dist/v4/globals.css` output. Tailwind v4 registers
+ * the utility via `@theme { --animate-<name>: ... }`, but does not
+ * generate the `@keyframes` — those live here.
+ *
+ * Values are plain CSS-style declarations (strings), not the camelCase
+ * object form used by the legacy v3 plugin — this way the build script
+ * can serialize them verbatim.
+ */
+
+export const keyframes = {
+  fadeIn: {
+    '0%': 'opacity: 0',
+    '100%': 'opacity: 1',
+  },
+  fadeOut: {
+    '0%': 'opacity: 1',
+    '100%': 'opacity: 0',
+  },
+  slideDown: {
+    '0%': 'height: 0',
+    '100%': 'height: auto',
+  },
+  blink: {
+    '0%, 100%': 'opacity: 1',
+    '50%': 'opacity: 0',
+  },
+  highlight: {
+    '0%': 'background-color: var(--surface-hover); font-weight: 500',
+    '100%': 'background-color: var(--surface-hover); font-weight: 500',
+  },
+  shimmer: {
+    '0%': 'background-position: 200% 0',
+    '100%': 'background-position: -200% 0',
+  },
+  popupScaleIn: {
+    '0%': 'opacity: 0; transform: scale(0.95)',
+    '100%': 'opacity: 1; transform: scale(1)',
+  },
+  popupScaleOut: {
+    '0%': 'opacity: 1; transform: scale(1)',
+    '100%': 'opacity: 0; transform: scale(0.95)',
+  },
+  progressIndeterminate: {
+    '0%': 'inset-inline-start: -35%; inset-inline-end: 100%',
+    '60%': 'inset-inline-start: 100%; inset-inline-end: -90%',
+    '100%': 'inset-inline-start: 100%; inset-inline-end: -90%',
+  },
+  progressIndeterminateShort: {
+    '0%': 'inset-inline-start: -200%; inset-inline-end: 100%',
+    '60%': 'inset-inline-start: 107%; inset-inline-end: -8%',
+    '100%': 'inset-inline-start: 107%; inset-inline-end: -8%',
+  },
+};
+
+/**
+ * Utilities that need CSS properties beyond the `animation` shorthand
+ * emitted by Tailwind v4 from `--animate-*`. Serialized into
+ * `@layer components` in `dist/v4/globals.css`.
+ */
+export const animateExtras = {
+  'animate-popup-scale-in': { 'transform-origin': 'var(--popup-origin, center)' },
+  'animate-popup-scale-out': { 'transform-origin': 'var(--popup-origin, center)' },
+};
+
+export default { keyframes, animateExtras };
diff --git a/packages/theme/src/azion/_fonts.scss b/packages/theme/src/tokens/primitives/fonts.css
similarity index 87%
rename from packages/theme/src/azion/_fonts.scss
rename to packages/theme/src/tokens/primitives/fonts.css
index d7ffc631a..79a820997 100644
--- a/packages/theme/src/azion/_fonts.scss
+++ b/packages/theme/src/tokens/primitives/fonts.css
@@ -1,3 +1,16 @@
+/**
+ * @font-face declarations for the Azion type system.
+ *
+ * Prepended verbatim into `dist/v4/globals.css` by `scripts/build-tokens.mjs`
+ * so any consumer of `@aziontech/theme/globals.css` gets the same faces the
+ * design system was authored against — no separate <link rel="stylesheet"> or
+ * per-app `@import "@fontsource/…"` needed.
+ *
+ * Fonts are hosted at fonts.azion.com under a permissive CORS policy; the
+ * requests are subresource-cached with `font-display: swap` so first paint
+ * uses the system fallback while the .woff2 loads.
+ */
+
 @font-face {
   font-family: 'Roboto';
   src: url('https://fonts.azion.com/roboto/roboto-light.woff2') format('woff2');
diff --git a/packages/theme/src/tokens/semantic/animations.js b/packages/theme/src/tokens/semantic/animations.js
deleted file mode 100644
index 10ceb6904..000000000
--- a/packages/theme/src/tokens/semantic/animations.js
+++ /dev/null
@@ -1,100 +0,0 @@
-const plugin = (() => {
-  try {
-    return require('tailwindcss/plugin');
-  } catch {
-    return (handler) => handler;
-  }
-})();
-
-/**
- * Generate semantic animation utilities and keyframes
- * @returns {import('tailwindcss/plugin').Plugin}
- */
-export const animations = () => {
-  return plugin(({ addUtilities, addComponents }) => {
-    // Animation utilities
-    const animations = {
-      '.animate-fade-in': {
-        animation: 'fadeIn 220ms ease-in-out',
-      },
-      '.animate-fade-out': {
-        animation: 'fadeOut 220ms ease-in-out',
-      },
-      '.animate-slide-down': {
-        animation: 'slideDown 220ms ease-in-out',
-      },
-      '.animate-blink': {
-        animation: 'blink 1s step-end infinite',
-      },
-      '.animate-highlight-fade': {
-        animation: 'highlight ease-in forwards',
-      },
-      '.animate-popup-scale-in': {
-        animation: 'popupScaleIn 150ms cubic-bezier(0.39, 0.57, 0.56, 1)',
-        transformOrigin: 'var(--popup-origin, center)',
-      },
-      '.animate-popup-scale-out': {
-        animation: 'popupScaleOut 110ms cubic-bezier(0.55, 0.09, 0.68, 0.53)',
-        transformOrigin: 'var(--popup-origin, center)',
-      },
-      '.animate-progress-indeterminate': {
-        animation: 'progressIndeterminate 2100ms cubic-bezier(0.39, 0.57, 0.56, 1) infinite',
-      },
-      '.animate-progress-indeterminate-short': {
-        animation: 'progressIndeterminateShort 2100ms cubic-bezier(0.17, 0.84, 0.44, 1) 1100ms infinite',
-      },
-    };
-
-    // Keyframes components
-    const keyframes = {
-      '@keyframes fadeIn': {
-        '0%': { opacity: '0' },
-        '100%': { opacity: '1' },
-      },
-      '@keyframes fadeOut': {
-        '0%': { opacity: '1' },
-        '100%': { opacity: '0' },
-      },
-      '@keyframes slideDown': {
-        '0%': { height: '0' },
-        '100%': { height: 'auto' },
-      },
-      '@keyframes blink': {
-        '0%, 100%': { opacity: '1' },
-        '50%': { opacity: '0' },
-      },
-      '@keyframes highlight': {
-        '0%': { backgroundColor: 'var(--surface-hover)', fontWeight: '500' },
-        '100%': { backgroundColor: 'var(--surface-hover)', fontWeight: '500' },
-      },
-      '@keyframes shimmer': {
-        '0%': { backgroundPosition: '200% 0' },
-        '100%': { backgroundPosition: '-200% 0' },
-      },
-      '@keyframes popupScaleIn': {
-        '0%': { opacity: '0', transform: 'scale(0.95)' },
-        '100%': { opacity: '1', transform: 'scale(1)' },
-      },
-      '@keyframes popupScaleOut': {
-        '0%': { opacity: '1', transform: 'scale(1)' },
-        '100%': { opacity: '0', transform: 'scale(0.95)' },
-      },
-      '@keyframes progressIndeterminate': {
-        '0%': { 'inset-inline-start': '-35%', 'inset-inline-end': '100%' },
-        '60%': { 'inset-inline-start': '100%', 'inset-inline-end': '-90%' },
-        '100%': { 'inset-inline-start': '100%', 'inset-inline-end': '-90%' },
-      },
-      '@keyframes progressIndeterminateShort': {
-        '0%': { 'inset-inline-start': '-200%', 'inset-inline-end': '100%' },
-        '60%': { 'inset-inline-start': '107%', 'inset-inline-end': '-8%' },
-        '100%': { 'inset-inline-start': '107%', 'inset-inline-end': '-8%' },
-      },
-    };
-
-    const variants = ['responsive', 'hover', 'focus', 'active', 'motion-safe', 'motion-reduce'];
-    addUtilities(animations, variants);
-    addComponents(keyframes);
-  });
-};
-
-export default animations;
diff --git a/packages/theme/src/tokens/semantic/spacings.js b/packages/theme/src/tokens/semantic/spacings.js
deleted file mode 100644
index 3ce8f14c0..000000000
--- a/packages/theme/src/tokens/semantic/spacings.js
+++ /dev/null
@@ -1,163 +0,0 @@
-// TODO: deprecated — substituído pelos tokens declarativos em
-// `spacings.data.js` e pelo CSS gerado em `dist/globals.css` via
-// `src/scripts/build-tokens.mjs`. Remover quando consumers migrarem.
-const plugin = (() => {
-  try {
-    return require('tailwindcss/plugin');
-  } catch {
-    return (handler) => handler;
-  }
-})();
-
-/**
- * Generate semantic spacing components
- * @returns {import('tailwindcss/plugin').Plugin}
- */
-export const spacingElements = () => {
-  return plugin(({ addComponents, theme }) => {
-    const mobile = {
-      '.gap-spacing-elements-xxl': {
-        gap: theme('spacing.8'),
-      },
-      '.gap-spacing-elements-xl': {
-        gap: theme('spacing.6'),
-      },
-      '.gap-spacing-elements-lg': {
-        gap: theme('spacing.4'),
-      },
-      '.gap-spacing-elements-md': {
-        gap: theme('spacing.4'),
-      },
-      '.gap-spacing-elements-sm': {
-        gap: theme('spacing.3'),
-      },
-      '.gap-spacing-elements-xs': {
-        gap: theme('spacing.2'),
-      },
-      '.gap-spacing-elements-xxs': {
-        gap: theme('spacing.1'),
-      },
-      '.p-spacing-elements-xxl': {
-        padding: theme('spacing.8'),
-      },
-      '.p-spacing-elements-xl': {
-        padding: theme('spacing.6'),
-      },
-      '.p-spacing-elements-lg': {
-        padding: theme('spacing.4'),
-      },
-      '.p-spacing-elements-md': {
-        padding: theme('spacing.4'),
-      },
-      '.p-spacing-elements-sm': {
-        padding: theme('spacing.3'),
-      },
-      '.p-spacing-elements-xs': {
-        padding: theme('spacing.2'),
-      },
-      '.p-spacing-elements-xxs': {
-        padding: theme('spacing.1'),
-      },
-    };
-
-    const medium = {
-      [`@media (min-width: ${theme('screens.sm')})`]: {
-        '.gap-spacing-elements-xxl': {
-          gap: theme('spacing.16'),
-        },
-        '.gap-spacing-elements-xl': {
-          gap: theme('spacing.8'),
-        },
-        '.gap-spacing-elements-lg': {
-          gap: theme('spacing.6'),
-        },
-        '.gap-spacing-elements-md': {
-          gap: theme('spacing.4'),
-        },
-        '.gap-spacing-elements-sm': {
-          gap: theme('spacing.3'),
-        },
-        '.gap-spacing-elements-xs': {
-          gap: theme('spacing.2'),
-        },
-        '.gap-spacing-elements-xxs': {
-          gap: theme('spacing.1'),
-        },
-        '.p-spacing-elements-xxl': {
-          padding: theme('spacing.16'),
-        },
-        '.p-spacing-elements-xl': {
-          padding: theme('spacing.8'),
-        },
-        '.p-spacing-elements-lg': {
-          padding: theme('spacing.6'),
-        },
-        '.p-spacing-elements-md': {
-          padding: theme('spacing.4'),
-        },
-        '.p-spacing-elements-sm': {
-          padding: theme('spacing.3'),
-        },
-        '.p-spacing-elements-xs': {
-          padding: theme('spacing.2'),
-        },
-        '.p-spacing-elements-xxs': {
-          padding: theme('spacing.1'),
-        },
-      },
-    };
-
-    const large = {
-      [`@media (min-width: ${theme('screens.xl')})`]: {
-        '.gap-spacing-elements-xxl': {
-          gap: theme('spacing.24'),
-        },
-        '.gap-spacing-elements-xl': {
-          gap: theme('spacing.12'),
-        },
-        '.gap-spacing-elements-lg': {
-          gap: theme('spacing.6'),
-        },
-        '.gap-spacing-elements-md': {
-          gap: theme('spacing.4'),
-        },
-        '.gap-spacing-elements-sm': {
-          gap: theme('spacing.3'),
-        },
-        '.gap-spacing-elements-xs': {
-          gap: theme('spacing.2'),
-        },
-        '.gap-spacing-elements-xxs': {
-          gap: theme('spacing.1'),
-        },
-        '.p-spacing-elements-xxl': {
-          padding: theme('spacing.24'),
-        },
-        '.p-spacing-elements-xl': {
-          padding: theme('spacing.12'),
-        },
-        '.p-spacing-elements-lg': {
-          padding: theme('spacing.6'),
-        },
-        '.p-spacing-elements-md': {
-          padding: theme('spacing.4'),
-        },
-        '.p-spacing-elements-sm': {
-          padding: theme('spacing.3'),
-        },
-        '.p-spacing-elements-xs': {
-          padding: theme('spacing.2'),
-        },
-        '.p-spacing-elements-xxs': {
-          padding: theme('spacing.1'),
-        },
-      },
-    };
-
-    addComponents(mobile);
-    addComponents(medium);
-    addComponents(large);
-  });
-};
-
-export default spacingElements;
diff --git a/packages/theme/src/tokens/semantic/texts.js b/packages/theme/src/tokens/semantic/texts.js
deleted file mode 100644
index 0ba1ba04c..000000000
--- a/packages/theme/src/tokens/semantic/texts.js
+++ /dev/null
@@ -1,299 +0,0 @@
-// TODO: deprecated — substituído pelos tokens declarativos em
-// `texts.data.js` e pelo CSS gerado em `dist/globals.css` via
-// `src/scripts/build-tokens.mjs`. Remover quando consumers migrarem.
-const plugin = (() => {
-  try {
-    return require('tailwindcss/plugin')
-  } catch {
-    return (handler) => handler
-  }
-})()
-
-/**
- * Generate semantic typography style components
- * @returns {import('tailwindcss/plugin').Plugin}
- */
-export const semanticTexts = () => {
-  return plugin(({ addComponents, theme }) => {
-    const deprecatedTexts = {
-      '.display-1': {
-        fontSize: '3rem',
-        lineHeight: '1.10',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-2': {
-        fontSize: '2rem',
-        lineHeight: '1.2',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-3': {
-        fontSize: '1.75rem',
-        lineHeight: '1.25',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-4': {
-        fontSize: '1.5rem',
-        lineHeight: '1.3',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-5': {
-        fontSize: '1.25rem',
-        lineHeight: '1.4',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-1-mobile': {
-        fontSize: '2.5rem',
-        lineHeight: '1.15',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-2-mobile': {
-        fontSize: '1.875rem',
-        lineHeight: '1.20',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-3-mobile': {
-        fontSize: '1.375rem',
-        lineHeight: '1.3',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-4-mobile': {
-        fontSize: '1.25rem',
-        lineHeight: '1.35',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.display-5-mobile': {
-        fontSize: '1.125rem',
-        lineHeight: '1.35',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.body-1': {
-        fontSize: '1rem',
-        lineHeight: '1.4rem',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      },
-      '.body-2': {
-        fontSize: '0.875rem',
-        lineHeight: '1.4rem',
-        fontFamily: 'Sora',
-        letterSpacing: '-.05rem'
-      }
-    }
-
-    const mobile = {
-      ...deprecatedTexts,
-      '.text-big-number-md': {
-        fontSize: '2.25rem',
-        lineHeight: '1.20'
-      },
-      '.text-big-number-sm': {
-        fontSize: '1.25rem',
-        lineHeight: '1.20'
-      },
-      '.text-big-number-lg': {
-        fontSize: '3.75rem',
-        lineHeight: '1.20'
-      },
-      '.text-heading-2xl': {
-        fontSize: '3.75rem',
-        lineHeight: '1.2'
-      },
-      '.text-heading-xl': {
-        fontSize: '2.25rem',
-        lineHeight: '1.2'
-      },
-      '.text-heading-lg': {
-        fontSize: '1.875rem',
-        lineHeight: '1.2'
-      },
-      '.text-heading-md': {
-        fontSize: '1.5rem',
-        lineHeight: '1.2'
-      },
-      '.text-heading-sm': {
-        fontSize: '1.125rem',
-        lineHeight: '1.2'
-      },
-      '.text-body-lg': {
-        fontSize: '1.125rem',
-        lineHeight: '1.5'
-      },
-      '.text-body-md': {
-        fontSize: '1rem',
-        lineHeight: '1.5'
-      },
-      '.text-body-sm': {
-        fontSize: '0.875rem',
-        lineHeight: '1.5'
-      },
-      '.text-body-xs': {
-        fontSize: '0.75rem',
-        lineHeight: '1.5'
-      },
-      '.text-body-xs': {
-        fontSize: '0.625rem',
-        lineHeight: '1.5'
-      },
-      '.text-overline-md': {
-        fontSize: '0.875rem',
-        lineHeight: '1.4',
-        letterSpacing: '0.08em',
-        textTransform: 'uppercase'
-      },
-      '.text-overline-sm': {
-        fontSize: '0.75rem',
-        lineHeight: '1.4',
-        letterSpacing: '0.08em',
-        textTransform: 'uppercase'
-      },
-      '.text-overline-xs': {
-        fontSize: '0.625rem',
-        lineHeight: '1.4',
-        letterSpacing: '0.08em',
-        textTransform: 'uppercase'
-      },
-      '.text-button-lg': {
-        fontFamily: 'Proto Mono',
-        fontSize: '0.875rem',
-        fontWeight: '600',
-        lineHeight: '1',
-        letterSpacing: '0'
-      },
-      '.text-button-md': {
-        fontFamily: 'Proto Mono',
-        fontSize: '0.75rem',
-        fontWeight: '600',
-        lineHeight: '1',
-        letterSpacing: '0'
-      }
-    }
-
-    const medium = {
-      [`@media (max-width: ${theme('screens.md', '768px')})`]: {
-        '.text-big-number-md': {
-          fontSize: '1.5rem',
-          lineHeight: '1.20'
-        },
-        '.text-big-number-sm': {
-          fontSize: '1.25rem',
-          lineHeight: '1.20'
-        },
-        '.text-big-number-lg': {
-          fontSize: '2.25rem',
-          lineHeight: '1.20'
-        },
-        '.text-heading-2xl': {
-          fontSize: '3rem'
-        },
-        '.text-heading-xl': {
-          fontSize: '1.875rem'
-        },
-        '.text-heading-lg': {
-          fontSize: '1.125rem'
-        },
-        '.text-heading-md': {
-          fontSize: '1.25rem'
-        },
-        '.text-heading-sm': {
-          fontSize: '1rem'
-        },
-        '.text-body-lg': {
-          fontSize: '1rem'
-        },
-        '.text-body-md': {
-          fontSize: '1rem'
-        },
-        '.text-body-sm': {
-          fontSize: '0.875rem'
-        },
-        '.text-body-xs': {
-          fontSize: '0.75rem'
-        },
-        '.text-body-xs': {
-          fontSize: '0.625rem'
-        },
-        '.text-overline-md': {
-          fontSize: '0.875rem'
-        },
-        '.text-overline-sm': {
-          fontSize: '0.75rem'
-        },
-        '.text-overline-xs': {
-          fontSize: '0.625rem'
-        }
-      }
-    }
-
-    const large = {
-      [`@media (max-width: ${theme('screens.sm', '640px')})`]: {
-        '.text-big-number-md': {
-          fontSize: '1.25rem',
-          lineHeight: '1.20'
-        },
-        '.text-big-number-sm': {
-          fontSize: '1rem',
-          lineHeight: '1.20'
-        },
-        '.text-big-number-lg': {
-          fontSize: '1.5rem',
-          lineHeight: '1.20'
-        },
-        '.text-heading-2xl': {
-          fontSize: '1.875rem'
-        },
-        '.text-heading-xl': {
-          fontSize: '1.25rem'
-        },
-        '.text-heading-lg': {
-          fontSize: '1.125rem'
-        },
-        '.text-heading-md': {
-          fontSize: '1rem'
-        },
-        '.text-heading-sm': {
-          fontSize: '0.875rem'
-        },
-        '.text-body-lg': {
-          fontSize: '1rem'
-        },
-        '.text-body-md': {
-          fontSize: '1rem'
-        },
-        '.text-body-sm': {
-          fontSize: '0.875rem'
-        },
-        '.text-body-xs': {
-          fontSize: '0.75rem'
-        },
-        '.text-body-xs': {
-          fontSize: '0.625rem'
-        },
-        '.text-overline-md': {
-          fontSize: '0.75rem'
-        },
-        '.text-overline-sm': {
-          fontSize: '0.75rem'
-        },
-        '.text-overline-xs': {
-          fontSize: '0.625rem'
-        }
-      }
-    }
-
-    addComponents(mobile)
-    addComponents(medium)
-    addComponents(large)
-  })
-}
-
-export default semanticTexts
diff --git a/packages/theme/widget.js b/packages/theme/widget.js
deleted file mode 100644
index a1da3ed8c..000000000
--- a/packages/theme/widget.js
+++ /dev/null
@@ -1 +0,0 @@
-import './src/azion/theme-widget.scss';
diff --git a/packages/webkit/docs/ESLINT_DEPENDENCIES_GUIDE.md b/packages/webkit/docs/ESLINT_DEPENDENCIES_GUIDE.md
index 2e0183a21..433b145f2 100644
--- a/packages/webkit/docs/ESLINT_DEPENDENCIES_GUIDE.md
+++ b/packages/webkit/docs/ESLINT_DEPENDENCIES_GUIDE.md
@@ -480,7 +480,7 @@ Prettier: Formatting with 2 spaces
 
 ## Migration Notes
 
-### From Legacy Config (.eslintrc.*) to Flat Config (eslint.config.js)
+### From Legacy Config (.eslintrc.\*) to Flat Config (eslint.config.js)
 
 **Old format:**
 
diff --git a/packages/webkit/docs/GOVERNANCE_IMPLEMENTATION.md b/packages/webkit/docs/GOVERNANCE_IMPLEMENTATION.md
index 4e8fdc476..733b1354f 100644
--- a/packages/webkit/docs/GOVERNANCE_IMPLEMENTATION.md
+++ b/packages/webkit/docs/GOVERNANCE_IMPLEMENTATION.md
@@ -122,13 +122,13 @@ Type coverage configuration enforcing 95% type safety threshold.
 
 ### Reasoning
 
-| Setting                                                | Reason                                                                                                                                                                                                         |
-| ------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **`atLeast: 95`**                                      | Sets minimum type coverage to 95%. This means 95% of code must have explicit types rather than `any`. Balances strictness with pragmatism—allows 5% for complex third-party integrations or gradual migration. |
-| **`strict: true`**                                     | Enables strict type coverage checks. Counts only fully-typed code, not partially-typed.                                                                                                                        |
-| **`detail: true`**                                     | Provides detailed report showing which files/lines lack types. Helps developers understand exactly where to add types.                                                                                         |
-| **`ignoreCatch: true`**                                | Ignores catch clause variables. TypeScript defaults catch variables to `any`, and typing them requires `unknown` with type guards. Too noisy for initial adoption.                                             |
-| **`ignoreFiles: ["**/*.d.ts", "**/node_modules/**"]`** | Excludes declaration files and dependencies. Focus on project source code only.                                                                                                                                |
+| Setting                                                   | Reason                                                                                                                                                                                                         |
+| --------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **`atLeast: 95`**                                         | Sets minimum type coverage to 95%. This means 95% of code must have explicit types rather than `any`. Balances strictness with pragmatism—allows 5% for complex third-party integrations or gradual migration. |
+| **`strict: true`**                                        | Enables strict type coverage checks. Counts only fully-typed code, not partially-typed.                                                                                                                        |
+| **`detail: true`**                                        | Provides detailed report showing which files/lines lack types. Helps developers understand exactly where to add types.                                                                                         |
+| **`ignoreCatch: true`**                                   | Ignores catch clause variables. TypeScript defaults catch variables to `any`, and typing them requires `unknown` with type guards. Too noisy for initial adoption.                                             |
+| **`ignoreFiles: ["**/\*.d.ts", "**/node_modules/**"]`\*\* | Excludes declaration files and dependencies. Focus on project source code only.                                                                                                                                |
 
 ### Why Type Coverage Matters
 
@@ -303,11 +303,11 @@ Comprehensive CI/CD pipeline with parallel job execution.
 
 #### Trigger Strategy
 
-| Trigger                               | Reason                                                                                       |
-| ------------------------------------- | -------------------------------------------------------------------------------------------- |
-| **Pull requests to main**             | Catches issues in PRs before merge. Prevents broken code on main.                            |
-| **Pushes to main**                    | Double-checks even after PR merge. Catches direct commits to main (should be rare).          |
-| **Path filter: `packages/webkit/**`** | Only runs when webkit package changes. Saves CI resources. Doesn't run on unrelated changes. |
+| Trigger                                 | Reason                                                                                       |
+| --------------------------------------- | -------------------------------------------------------------------------------------------- |
+| **Pull requests to main**               | Catches issues in PRs before merge. Prevents broken code on main.                            |
+| **Pushes to main**                      | Double-checks even after PR merge. Catches direct commits to main (should be rare).          |
+| **Path filter: `packages/webkit/**`\*\* | Only runs when webkit package changes. Saves CI resources. Doesn't run on unrelated changes. |
 
 #### Performance Optimizations
 
diff --git a/packages/webkit/src/components/actions/button-highlight/button-highlight.vue b/packages/webkit/src/components/actions/button-highlight/button-highlight.vue
index 43f9d35f6..c688a4849 100644
--- a/packages/webkit/src/components/actions/button-highlight/button-highlight.vue
+++ b/packages/webkit/src/components/actions/button-highlight/button-highlight.vue
@@ -71,14 +71,14 @@
   const GLOW_CLASS =
     'absolute inset-0 pointer-events-none ' +
     'animate-spin [animation-duration:8s] [animation-timing-function:linear] ' +
-    '[background:linear-gradient(90deg,var(--color-base-white),var(--color-blue-500),var(--color-primary-500))] ' +
+    '[background:linear-gradient(90deg,var(--color-base-white),var(--color-blue-500),var(--color-brand-primary-500))] ' +
     '[filter:blur(12px)] ' +
     'motion-reduce:animate-none ' +
     'group-data-[inactive]/highlight:hidden'
 
   const BASE_CLASS =
     'absolute inset-px pointer-events-none rounded-[inherit] ' +
-    '[background-image:linear-gradient(120deg,var(--color-accent-900)_17%,var(--color-accent-100)_53%,var(--color-accent-600)_96%)] ' +
+    '[background-image:linear-gradient(120deg,var(--color-brand-accent-900)_17%,var(--color-brand-accent-100)_53%,var(--color-brand-accent-600)_96%)] ' +
     'transition-opacity duration-300 ease-out motion-reduce:transition-none ' +
     'group-hover/highlight:opacity-25 ' +
     'group-data-[inactive]/highlight:[background-image:none] ' +
diff --git a/packages/webkit/src/components/actions/mini-button/mini-button.vue b/packages/webkit/src/components/actions/mini-button/mini-button.vue
index 0f846991e..c14eb940f 100644
--- a/packages/webkit/src/components/actions/mini-button/mini-button.vue
+++ b/packages/webkit/src/components/actions/mini-button/mini-button.vue
@@ -56,8 +56,8 @@
     'data-[size=medium]:h-8 data-[size=medium]:min-h-8',
     'data-[size=medium]:text-button-md',
     'data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed',
-    'data-[disabled]:!text-[var(--text-disabled)] data-[disabled]:[&_.mini-button-ghost]:hidden',
-    'data-[disabled]:[&_.mini-button-icon]:!text-[var(--text-disabled)]',
+    'data-[disabled]:text-[var(--text-disabled)]! data-[disabled]:[&_.mini-button-ghost]:hidden',
+    'data-[disabled]:[&_.mini-button-icon]:text-[var(--text-disabled)]!',
     attrs['class']
   ])
 
diff --git a/packages/webkit/src/components/actions/split-button/split-button.vue b/packages/webkit/src/components/actions/split-button/split-button.vue
index 48b62d45c..4ad4fd3dc 100644
--- a/packages/webkit/src/components/actions/split-button/split-button.vue
+++ b/packages/webkit/src/components/actions/split-button/split-button.vue
@@ -134,7 +134,7 @@
           :disabled="disabled"
           :loading="loading"
           :data-testid="`${testId}__primary`"
-          class="!rounded-r-none focus-visible:z-[1]"
+          class="rounded-r-none! focus-visible:z-[1]"
           @click="onPrimaryClick"
         />
 
@@ -146,7 +146,7 @@
             :size="size"
             :disabled="disabled || loading"
             :data-testid="`${testId}__toggle-button`"
-            class="!rounded-l-none -ml-px border-l border-[var(--border-default)] focus-visible:z-[1]"
+            class="rounded-l-none! -ml-px border-l border-[var(--border-default)] focus-visible:z-[1]"
           />
         </Dropdown.Trigger>
       </div>
diff --git a/packages/webkit/src/components/data/code-block/utils/highlight-code.ts b/packages/webkit/src/components/data/code-block/utils/highlight-code.ts
index 3858b4f60..3a174009d 100644
--- a/packages/webkit/src/components/data/code-block/utils/highlight-code.ts
+++ b/packages/webkit/src/components/data/code-block/utils/highlight-code.ts
@@ -1,5 +1,11 @@
 export type CodeBlockHighlightTokenType =
-  'keyword' | 'string' | 'function' | 'type' | 'punctuation' | 'identifier' | 'comment'
+  | 'keyword'
+  | 'string'
+  | 'function'
+  | 'type'
+  | 'punctuation'
+  | 'identifier'
+  | 'comment'
 
 export type CodeBlockHighlightToken = {
   text: string
diff --git a/packages/webkit/src/components/data/table/table.vue b/packages/webkit/src/components/data/table/table.vue
index c7ddd368b..695a2b949 100644
--- a/packages/webkit/src/components/data/table/table.vue
+++ b/packages/webkit/src/components/data/table/table.vue
@@ -1131,7 +1131,7 @@
               class="flex w-full flex-col items-center justify-center gap-[var(--spacing-6)] px-[var(--spacing-8)] py-[var(--spacing-12)] text-center"
             >
               <slot name="empty">
-                <EmptyIllustration class="!mb-0" />
+                <EmptyIllustration class="mb-0!" />
                 <div class="flex flex-col gap-[var(--spacing-2)]">
                   <p class="text-heading-sm text-[var(--text-default)]">No results yet</p>
                   <p class="text-body-sm text-[var(--text-muted)]">
diff --git a/packages/webkit/src/components/feedback/toast/use-toast-store.ts b/packages/webkit/src/components/feedback/toast/use-toast-store.ts
index 6d690b31a..da32d415d 100644
--- a/packages/webkit/src/components/feedback/toast/use-toast-store.ts
+++ b/packages/webkit/src/components/feedback/toast/use-toast-store.ts
@@ -5,7 +5,12 @@ export type ToastType = 'default' | 'success' | 'info' | 'warning' | 'error' | '
 
 /** Corner (or edge-center) a toast (or the whole Toaster) is anchored to. */
 export type ToastPosition =
-  'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'
+  | 'top-left'
+  | 'top-center'
+  | 'top-right'
+  | 'bottom-left'
+  | 'bottom-center'
+  | 'bottom-right'
 
 /** An inline action affordance rendered as a text button inside the toast. */
 export interface ToastAction {
diff --git a/packages/webkit/src/components/navigation/link/link.vue b/packages/webkit/src/components/navigation/link/link.vue
index a8c93c331..7c62979cf 100644
--- a/packages/webkit/src/components/navigation/link/link.vue
+++ b/packages/webkit/src/components/navigation/link/link.vue
@@ -53,7 +53,7 @@
     'data-[size=large]:text-button-lg',
     'data-[size=medium]:text-button-md',
     'data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed',
-    'data-[disabled]:!text-[var(--text-disabled)] data-[disabled]:[&_.link-ghost]:hidden',
+    'data-[disabled]:text-[var(--text-disabled)]! data-[disabled]:[&_.link-ghost]:hidden',
     attrs['class']
   ])
 
diff --git a/packages/webkit/src/components/navigation/menu-item/menu-item.vue b/packages/webkit/src/components/navigation/menu-item/menu-item.vue
index bce21aca7..f03ef72d3 100644
--- a/packages/webkit/src/components/navigation/menu-item/menu-item.vue
+++ b/packages/webkit/src/components/navigation/menu-item/menu-item.vue
@@ -6,7 +6,13 @@
 
   export type MenuItemKind = 'option' | 'group'
   export type MenuItemTagSeverity =
-    'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'accent'
+    | 'primary'
+    | 'secondary'
+    | 'success'
+    | 'info'
+    | 'warning'
+    | 'danger'
+    | 'accent'
 
   defineOptions({
     name: 'MenuItem',
diff --git a/packages/webkit/src/components/tag/tag.vue b/packages/webkit/src/components/tag/tag.vue
index ad2ced383..715ab4ad8 100644
--- a/packages/webkit/src/components/tag/tag.vue
+++ b/packages/webkit/src/components/tag/tag.vue
@@ -2,7 +2,14 @@
   import { computed, useAttrs } from 'vue'
 
   export type TagSeverity =
-    'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'accent' | 'contrast'
+    | 'primary'
+    | 'secondary'
+    | 'success'
+    | 'info'
+    | 'warning'
+    | 'danger'
+    | 'accent'
+    | 'contrast'
 
   export type TagSize = 'small' | 'medium'
 
@@ -74,7 +81,7 @@
     :data-size="size"
     :data-rounded="rounded || null"
     :class="attrs.class"
-    class="inline-flex items-center justify-center overflow-hidden border border-transparent leading-none text-tag-md data-[size=small]:text-tag-sm data-[size=medium]:gap-[var(--spacing-xs)] data-[size=small]:gap-[var(--spacing-xxs)] data-[size=medium]:h-6 data-[size=medium]:px-[var(--spacing-xs)] data-[size=small]:h-5 data-[size=small]:px-[var(--spacing-xxs)] rounded-[var(--shape-elements)] data-[rounded]:!rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg-canvas)] data-[severity=primary]:bg-[var(--primary-mask)] data-[severity=primary]:text-[var(--primary)] data-[severity=secondary]:border-[length:var(--border-width-default)] data-[severity=secondary]:border-[var(--border-default)] data-[severity=secondary]:bg-[var(--bg-canvas)] data-[severity=secondary]:text-[var(--text-default)] data-[severity=accent]:bg-[var(--accent)] data-[severity=accent]:text-[var(--accent-contrast)] data-[severity=contrast]:bg-[var(--bg-contrast)] data-[severity=contrast]:text-[var(--text-contrast)] data-[severity=success]:bg-[var(--success)] data-[severity=success]:text-[var(--success-contrast)] data-[severity=info]:bg-[var(--info)] data-[severity=info]:text-[var(--info-contrast)] data-[severity=warning]:bg-[var(--warning)] data-[severity=warning]:text-[var(--warning-contrast)] data-[severity=danger]:bg-[var(--danger)] data-[severity=danger]:text-[var(--danger-contrast)]"
+    class="inline-flex items-center justify-center overflow-hidden border border-transparent leading-none text-tag-md data-[size=small]:text-tag-sm data-[size=medium]:gap-[var(--spacing-xs)] data-[size=small]:gap-[var(--spacing-xxs)] data-[size=medium]:h-6 data-[size=medium]:px-[var(--spacing-xs)] data-[size=small]:h-5 data-[size=small]:px-[var(--spacing-xxs)] rounded-[var(--shape-elements)] data-[rounded]:rounded-full! focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg-canvas)] data-[severity=primary]:bg-[var(--primary-mask)] data-[severity=primary]:text-[var(--primary)] data-[severity=secondary]:border-[length:var(--border-width-default)] data-[severity=secondary]:border-[var(--border-default)] data-[severity=secondary]:bg-[var(--bg-canvas)] data-[severity=secondary]:text-[var(--text-default)] data-[severity=accent]:bg-[var(--accent)] data-[severity=accent]:text-[var(--accent-contrast)] data-[severity=contrast]:bg-[var(--bg-contrast)] data-[severity=contrast]:text-[var(--text-contrast)] data-[severity=success]:bg-[var(--success)] data-[severity=success]:text-[var(--success-contrast)] data-[severity=info]:bg-[var(--info)] data-[severity=info]:text-[var(--info-contrast)] data-[severity=warning]:bg-[var(--warning)] data-[severity=warning]:text-[var(--warning-contrast)] data-[severity=danger]:bg-[var(--danger)] data-[severity=danger]:text-[var(--danger-contrast)]"
   >
     <i
       v-if="icon"
diff --git a/packages/webkit/src/components/templates/deploy-success/deploy-success.vue b/packages/webkit/src/components/templates/deploy-success/deploy-success.vue
index f14fd5f02..e912fca83 100644
--- a/packages/webkit/src/components/templates/deploy-success/deploy-success.vue
+++ b/packages/webkit/src/components/templates/deploy-success/deploy-success.vue
@@ -254,7 +254,7 @@
                     >
                       <ItemMedia
                         media-kind="icon"
-                        class="relative z-[1] !size-10 shrink-0 !translate-y-0 self-center border-[var(--border-muted)] bg-[var(--bg-surface)]"
+                        class="relative z-[1] size-10! shrink-0 translate-y-0! self-center border-[var(--border-muted)] bg-[var(--bg-surface)]"
                       >
                         <i
                           :class="step.icon"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6f42626c1..558cca11a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -34,32 +34,32 @@ importers:
     dependencies:
       '@tailwindcss/typography':
         specifier: ^0.5.19
-        version: 0.5.20(tailwindcss@3.4.19(yaml@2.9.0))
+        version: 0.5.19(tailwindcss@3.4.19(yaml@2.8.3))
       autoprefixer:
         specifier: ^10.4.27
-        version: 10.5.2(postcss@8.5.16)
+        version: 10.5.0(postcss@8.5.12)
       pnpm:
         specifier: ^11.9.0
-        version: 11.10.0
+        version: 11.9.0
       primeflex:
         specifier: ^3.3.1
         version: 3.3.1
       primevue:
         specifier: 3.47.2
-        version: 3.47.2(vue@3.5.39(typescript@6.0.3))
+        version: 3.47.2(vue@3.5.33(typescript@6.0.3))
       tailwindcss:
         specifier: ^3.4.19
-        version: 3.4.19(yaml@2.9.0)
+        version: 3.4.19(yaml@2.8.3)
       vue:
         specifier: ^3.5.29
-        version: 3.5.39(typescript@6.0.3)
+        version: 3.5.33(typescript@6.0.3)
     devDependencies:
       '@chromatic-com/storybook':
         specifier: ^5.0.1
-        version: 5.2.1(storybook@8.6.18(prettier@3.9.4))
+        version: 5.1.2(storybook@8.6.18(prettier@3.8.3))
       '@commitlint/cli':
         specifier: ^21.0.2
-        version: 21.2.0(@types/node@26.1.0)(typescript@6.0.3)
+        version: 21.0.2(@types/node@25.6.0)(conventional-commits-parser@6.4.0)(typescript@6.0.3)
       '@eslint/js':
         specifier: ^9.39.3
         version: 9.39.4
@@ -83,31 +83,31 @@ importers:
         version: 12.1.0(semantic-release@23.1.1(typescript@6.0.3))
       '@typescript-eslint/eslint-plugin':
         specifier: ^8.58.2
-        version: 8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+        version: 8.59.1(@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
       '@typescript-eslint/parser':
         specifier: ^8.58.2
-        version: 8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+        version: 8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
       '@vue/eslint-config-prettier':
         specifier: ^7.1.0
-        version: 7.1.0(eslint@9.39.4(jiti@1.21.7))(prettier@3.9.4)
+        version: 7.1.0(eslint@9.39.4(jiti@1.21.7))(prettier@3.8.3)
       '@vue/eslint-config-typescript':
         specifier: ^14.7.0
-        version: 14.9.0(eslint-plugin-vue@9.33.0(eslint@9.39.4(jiti@1.21.7)))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+        version: 14.7.0(eslint-plugin-vue@9.33.0(eslint@9.39.4(jiti@1.21.7)))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
       eslint:
         specifier: ^9.39.3
         version: 9.39.4(jiti@1.21.7)
       eslint-import-resolver-typescript:
         specifier: ^4.4.4
-        version: 4.4.5(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@1.21.7))
+        version: 4.4.4(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@1.21.7))
       eslint-plugin-import:
         specifier: ^2.32.0
-        version: 2.32.0(@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-typescript@4.4.5)(eslint@9.39.4(jiti@1.21.7))
+        version: 2.32.0(@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-typescript@4.4.4)(eslint@9.39.4(jiti@1.21.7))
       eslint-plugin-simple-import-sort:
         specifier: ^13.0.0
         version: 13.0.0(eslint@9.39.4(jiti@1.21.7))
       eslint-plugin-unused-imports:
         specifier: ^4.4.1
-        version: 4.4.1(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))
+        version: 4.4.1(@typescript-eslint/eslint-plugin@8.59.1(@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))
       eslint-plugin-vue:
         specifier: ^9
         version: 9.33.0(eslint@9.39.4(jiti@1.21.7))
@@ -122,34 +122,34 @@ importers:
         version: 16.4.0
       postcss:
         specifier: ^8.5.10
-        version: 8.5.16
+        version: 8.5.12
       prettier:
         specifier: ^3.8.1
-        version: 3.9.4
+        version: 3.8.3
       semantic-release:
         specifier: ^23.1.1
         version: 23.1.1(typescript@6.0.3)
       stylelint:
         specifier: ^17.7.0
-        version: 17.14.0(typescript@6.0.3)
+        version: 17.9.1(typescript@6.0.3)
       stylelint-config-recommended-vue:
         specifier: ^1.6.1
-        version: 1.6.1(postcss-html@1.8.1)(stylelint@17.14.0(typescript@6.0.3))
+        version: 1.6.1(postcss-html@1.8.1)(stylelint@17.9.1(typescript@6.0.3))
       stylelint-config-standard-scss:
         specifier: ^17.0.0
-        version: 17.0.0(postcss@8.5.16)(stylelint@17.14.0(typescript@6.0.3))
+        version: 17.0.0(postcss@8.5.12)(stylelint@17.9.1(typescript@6.0.3))
       stylelint-order:
         specifier: ^8.1.1
-        version: 8.1.1(stylelint@17.14.0(typescript@6.0.3))
+        version: 8.1.1(stylelint@17.9.1(typescript@6.0.3))
       type-coverage:
         specifier: ^2.29.7
         version: 2.29.7(typescript@6.0.3)
       vite:
         specifier: '>=6.4.3'
-        version: 8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@1.21.7)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0)
+        version: 6.4.3(@types/node@25.6.0)(jiti@1.21.7)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3)
       vue-eslint-parser:
         specifier: ^10.4.0
-        version: 10.4.1(eslint@9.39.4(jiti@1.21.7))
+        version: 10.4.0(eslint@9.39.4(jiti@1.21.7))
 
   apps/icons-gallery:
     dependencies:
@@ -158,26 +158,26 @@ importers:
         version: link:../../packages/icons
       axios:
         specifier: ^1.16.1
-        version: 1.18.1
+        version: 1.16.1
       tailwind-gradient-mask-image:
         specifier: ^1.2.0
         version: 1.2.0
       vue:
         specifier: ^3.5.29
-        version: 3.5.39(typescript@6.0.3)
+        version: 3.5.33(typescript@6.0.3)
       vue3-colorpicker:
         specifier: ^2.3.0
-        version: 2.3.0(@aesoper/normal-utils@0.1.5)(@popperjs/core@2.11.8)(@vueuse/core@10.11.1(vue@3.5.39(typescript@6.0.3)))(gradient-parser@1.2.0)(lodash-es@4.18.1)(tinycolor2@1.6.0)(vue-types@4.2.1(vue@3.5.39(typescript@6.0.3)))(vue@3.5.39(typescript@6.0.3))
+        version: 2.3.0(@aesoper/normal-utils@0.1.5)(@popperjs/core@2.11.8)(@vueuse/core@10.11.1(vue@3.5.33(typescript@6.0.3)))(gradient-parser@1.2.0)(lodash-es@4.18.1)(tinycolor2@1.6.0)(vue-types@4.2.1(vue@3.5.33(typescript@6.0.3)))(vue@3.5.33(typescript@6.0.3))
     devDependencies:
       '@babel/core':
         specifier: '>=7.29.1 <8'
         version: 7.29.7
       '@vitejs/plugin-vue':
         specifier: ^5.2.4
-        version: 5.2.4(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0))(vue@3.5.39(typescript@6.0.3))
+        version: 5.2.4(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))(vue@3.5.33(typescript@6.0.3))
       autoprefixer:
         specifier: ^10.4.19
-        version: 10.5.2(postcss@8.5.16)
+        version: 10.5.0(postcss@8.5.12)
       eslint:
         specifier: ^9.18.0
         version: 9.39.4(jiti@2.6.1)
@@ -186,19 +186,19 @@ importers:
         version: 9.33.0(eslint@9.39.4(jiti@2.6.1))
       happy-dom:
         specifier: ^20.8.9
-        version: 20.10.6
+        version: 20.9.0
       prettier:
         specifier: ^3.8.1
-        version: 3.9.4
+        version: 3.8.3
       tailwindcss:
         specifier: ^3.4.4
-        version: 3.4.19(yaml@2.9.0)
+        version: 3.4.19(yaml@2.8.3)
       vite:
         specifier: '>=6.4.3'
-        version: 8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0)
+        version: 6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3)
       vitest:
         specifier: ^4.1.0
-        version: 4.1.10(@types/node@26.1.0)(happy-dom@20.10.6)(jsdom@24.1.3)(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0))
+        version: 4.1.8(@types/node@25.6.0)(happy-dom@20.9.0)(jsdom@24.1.3)(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))
 
   apps/storybook:
     dependencies:
@@ -208,70 +208,61 @@ importers:
       '@aziontech/theme':
         specifier: workspace:*
         version: link:../../packages/theme
-      '@aziontech/webkit.dev':
+      '@aziontech/webkit':
         specifier: workspace:*
         version: link:../../packages/webkit
       '@storybook/manager-api':
         specifier: ^8.6.14
-        version: 8.6.14(storybook@8.6.18(prettier@3.9.4))
-      '@tailwindcss/typography':
-        specifier: ^0.5.10
-        version: 0.5.20(tailwindcss@3.4.19(yaml@2.9.0))
+        version: 8.6.14(storybook@8.6.18(prettier@3.8.3))
       '@whitespace/storybook-addon-html':
         specifier: ^7.0.0
-        version: 7.0.0(storybook@8.6.18(prettier@3.9.4))
-      primeflex:
-        specifier: ^3.3.1
-        version: 3.3.1
-      primevue:
-        specifier: 3.35.0
-        version: 3.35.0(vue@3.5.39(typescript@5.9.3))
+        version: 7.0.0(storybook@8.6.18(prettier@3.8.3))
       tailwindcss:
-        specifier: ^3.3.3
-        version: 3.4.19(yaml@2.9.0)
+        specifier: ^4.0.0
+        version: 4.3.2
       vee-validate:
         specifier: ^4.15.1
-        version: 4.15.1(vue@3.5.39(typescript@5.9.3))
+        version: 4.15.1(vue@3.5.33(typescript@5.9.3))
       vue:
         specifier: ^3.5.29
-        version: 3.5.39(typescript@5.9.3)
+        version: 3.5.33(typescript@5.9.3)
     devDependencies:
       '@storybook/addon-essentials':
         specifier: ^8.6.0
-        version: 8.6.14(@types/react@19.2.17)(storybook@8.6.18(prettier@3.9.4))
+        version: 8.6.14(@types/react@19.2.14)(storybook@8.6.18(prettier@3.8.3))
       '@storybook/addon-links':
         specifier: ^8.6.0
-        version: 8.6.18(react@19.2.7)(storybook@8.6.18(prettier@3.9.4))
+        version: 8.6.18(react@19.2.5)(storybook@8.6.18(prettier@3.8.3))
       '@storybook/addon-themes':
         specifier: ^8.6.0
-        version: 8.6.18(storybook@8.6.18(prettier@3.9.4))
+        version: 8.6.18(storybook@8.6.18(prettier@3.8.3))
       '@storybook/test':
         specifier: ^8.6.15
-        version: 8.6.15(storybook@8.6.18(prettier@3.9.4))
+        version: 8.6.15(storybook@8.6.18(prettier@3.8.3))
       '@storybook/vue3':
         specifier: ^8.6.0
-        version: 8.6.18(storybook@8.6.18(prettier@3.9.4))(vue@3.5.39(typescript@5.9.3))
+        version: 8.6.18(storybook@8.6.18(prettier@3.8.3))(vue@3.5.33(typescript@5.9.3))
       '@storybook/vue3-vite':
         specifier: ^8.6.0
-        version: 8.6.18(storybook@8.6.18(prettier@3.9.4))(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0))(vue@3.5.39(typescript@5.9.3))
+        version: 8.6.18(storybook@8.6.18(prettier@3.8.3))(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))(vue@3.5.33(typescript@5.9.3))
+      '@tailwindcss/vite':
+        specifier: ^4.0.0
+        version: 4.3.2(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))
       '@vitejs/plugin-vue':
         specifier: ^5.2.4
-        version: 5.2.4(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0))(vue@3.5.39(typescript@5.9.3))
-      autoprefixer:
-        specifier: ^10.4.27
-        version: 10.5.2(postcss@8.5.16)
+        version: 5.2.4(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))(vue@3.5.33(typescript@5.9.3))
       http-server:
         specifier: ^14.1.1
         version: 14.1.1
       sass:
         specifier: ^1.86.0
-        version: 1.101.0
+        version: 1.99.0
       storybook:
         specifier: ^8.6.0
-        version: 8.6.18(prettier@3.9.4)
+        version: 8.6.18(prettier@3.8.3)
       vite:
         specifier: '>=6.4.3'
-        version: 8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0)
+        version: 6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3)
 
   packages/icons:
     dependencies:
@@ -309,12 +300,9 @@ importers:
 
   packages/theme:
     dependencies:
-      tailwindcss:
-        specifier: ^3.4.17
-        version: 3.4.19(yaml@2.9.0)
       vue-tsc:
         specifier: ^3.2.5
-        version: 3.3.6(typescript@6.0.3)
+        version: 3.2.7(typescript@6.0.3)
     devDependencies:
       '@semantic-release/changelog':
         specifier: ^6.0.3
@@ -351,10 +339,10 @@ importers:
         version: link:../theme
       '@tanstack/vue-table':
         specifier: ^8.21.3
-        version: 8.21.3(vue@3.5.39(typescript@6.0.3))
+        version: 8.21.3(vue@3.5.33(typescript@6.0.3))
       '@vueuse/core':
         specifier: ^10.11.1
-        version: 10.11.1(vue@3.5.39(typescript@6.0.3))
+        version: 10.11.1(vue@3.5.33(typescript@6.0.3))
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
@@ -363,14 +351,14 @@ importers:
         version: 3.6.0
       vee-validate:
         specifier: ^4.15.1
-        version: 4.15.1(vue@3.5.39(typescript@6.0.3))
+        version: 4.15.1(vue@3.5.33(typescript@6.0.3))
       vue-tsc:
         specifier: ^3.2.5
-        version: 3.3.6(typescript@6.0.3)
+        version: 3.2.7(typescript@6.0.3)
     devDependencies:
       '@figma/code-connect':
         specifier: ^1.4.5
-        version: 1.4.9
+        version: 1.4.5
       '@semantic-release/changelog':
         specifier: ^6.0.3
         version: 6.0.3(semantic-release@23.1.1(typescript@6.0.3))
@@ -414,6 +402,10 @@ packages:
   '@asamuzakjp/css-color@3.2.0':
     resolution: {integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==}
 
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/code-frame@7.29.7':
     resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==}
     engines: {node: '>=6.9.0'}
@@ -464,13 +456,18 @@ packages:
     resolution: {integrity: sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/parser@7.29.2':
+    resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
   '@babel/parser@7.29.7':
     resolution: {integrity: sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/runtime@7.29.7':
-    resolution: {integrity: sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==}
+  '@babel/runtime@7.29.2':
+    resolution: {integrity: sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==}
     engines: {node: '>=6.9.0'}
 
   '@babel/template@7.29.7':
@@ -485,89 +482,85 @@ packages:
     resolution: {integrity: sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==}
     engines: {node: '>=6.9.0'}
 
-  '@cacheable/memory@2.2.0':
-    resolution: {integrity: sha512-CTLKqLItRCEixEAewD3/j9DB3/o96gpTPD4eJ1v+DGOlxZRZncRQkGYqqnAGCscYd6RNeXfGeiuCphsPtqyIfQ==}
+  '@cacheable/memory@2.0.8':
+    resolution: {integrity: sha512-FvEb29x5wVwu/Kf93IWwsOOEuhHh6dYCJF3vcKLzXc0KXIW181AOzv6ceT4ZpBHDvAfG60eqb+ekmrnLHIy+jw==}
 
-  '@cacheable/utils@2.5.0':
-    resolution: {integrity: sha512-buipgOVDkkPXNR5+xBpDw7Zk2n1EvU7qBJCNUcL7rhQ//kfpOXPAvQ511Os0vpLYJ1pZnvudNytkQt2hst3wqA==}
+  '@cacheable/utils@2.4.1':
+    resolution: {integrity: sha512-eiFgzCbIneyMlLOmNG4g9xzF7Hv3Mga4LjxjcSC/ues6VYq2+gUbQI8JqNuw/ZM8tJIeIaBGpswAsqV2V7ApgA==}
 
-  '@chromatic-com/storybook@5.2.1':
-    resolution: {integrity: sha512-z6I7NJk/0VngA64y5TNYaB4Hc2X8+90n4op6lBt9PvWk5TmIlFLDqdX33rlrwbNRkkYijVgA/wO04rVYXi5Mlg==}
+  '@chromatic-com/storybook@5.1.2':
+    resolution: {integrity: sha512-H/hgvwC3E+OtseP2OT2QYUJH2VfnzT6wM3pWOkaNV6g7QI+VUdWJbeJ3o2jFqvEPQNqzhQKWDOlvM4lu+7is6g==}
     engines: {node: '>=20.0.0', yarn: '>=1.22.18'}
     peerDependencies:
-      storybook: ^0.0.0-0 || ^10.1.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0 || ^10.5.0-0 || ^10.6.0-0
+      storybook: ^0.0.0-0 || ^10.1.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0
 
   '@colors/colors@1.5.0':
     resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
     engines: {node: '>=0.1.90'}
 
-  '@commitlint/cli@21.2.0':
-    resolution: {integrity: sha512-4GLVIhUaT3c3GBlQ0GB80/5H3xXdn/Tgw4lrsuoOQVDu2wl4Xw0GuzSar8xZKSMv4H3xaKaQXmvH91GmdyYBZA==}
+  '@commitlint/cli@21.0.2':
+    resolution: {integrity: sha512-YMmfLbqBg+ZRvvmPhc+cilSQFrh/AgzVgCT1U/OifmUZEwPbvCtA8rN//YNaF9d5eoZphxVMGYtmwA2QgQORgg==}
     engines: {node: '>=22.12.0'}
     hasBin: true
 
-  '@commitlint/config-conventional@21.2.0':
-    resolution: {integrity: sha512-Qf8WRDVcyVd14if6VTWenebxFbKnVnbzPUJjlzjkyJGeHK2xCGd63Dr1XZzj0plXKQb9P0BfOxoc1HVeCo2BWQ==}
-    engines: {node: '>=22.12.0'}
-
-  '@commitlint/config-validator@21.2.0':
-    resolution: {integrity: sha512-t7AzNHAKeIdo/3NRGwzpufKHsKkPHmFs/56N2Fnsh0/r0rGtnQzTxk6vnFgjaGr4hdSQKNB50/KAhR9Yk4LJKA==}
+  '@commitlint/config-validator@21.0.1':
+    resolution: {integrity: sha512-Zd2UFdndeMMaW2O96HK0tdfT4gOImUvidMpAd/pws2zZ4m1nrAZ/9b/v2JYuE8fs86GpXv9F7LNaIuCIWhY+pA==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/ensure@21.2.0':
-    resolution: {integrity: sha512-76IF9vDNS13lAzEEik9eKwzt8f9hYhWiwVXZ2AnyLCz5/f511FsEQ3pw1X3/zSQpdRLQU7i5qDMVKyXi1GWjSg==}
+  '@commitlint/ensure@21.0.1':
+    resolution: {integrity: sha512-jJ1037967wU7YN/xkv+iRlOBlmaOXPhPO5KQSqya6GyXzBlwuLzELBFao16DVg9dZyqmNrhewzwZ3SAibetHBQ==}
     engines: {node: '>=22.12.0'}
 
   '@commitlint/execute-rule@21.0.1':
     resolution: {integrity: sha512-RifH+FmImozKBE6mozhF4K3r2RRKP7SMi/Q/zLCmExtp5e05lhHOUYqGBlFBAGNHaZxU/WYw1XuugYK9jQzqnA==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/format@21.2.0':
-    resolution: {integrity: sha512-c4q64xaav2U83t7k7RyzJerBZurPer7FxUOY0RL5L/6CZijZ7K+s6HIBGIghj0ey1P2+seRX0J9XQYtDued6tg==}
+  '@commitlint/format@21.0.1':
+    resolution: {integrity: sha512-ksmG2+cHGtuDPQQbhBbC4unwm444+6TiPw0d1bKf67hntgZqZ8E0g1MuYKUuyT5IH4IMmXZhKq22/Z3jBvtQIw==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/is-ignored@21.2.0':
-    resolution: {integrity: sha512-4/eB0vBN7L88O/oC4ajAEqi7j2ZfNgxl/+11RfAV9YosejZgDXhY2C9VcHnHJhOzPLoSy5P3Mg/46kqeyJfXKw==}
+  '@commitlint/is-ignored@21.0.2':
+    resolution: {integrity: sha512-H5z4t8PC9tUsmZ/o+EptM3Nq8sTFtskAShdcqxCoyzklW5eaVT5xbrDAET2uypzir9Vsj4ZZmBtyKjYe2XqgeQ==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/lint@21.2.0':
-    resolution: {integrity: sha512-ceO5dp9pLjEZ6y6qbq/uXWXDPykqqlTsyzoQ0NzecpisSJhK3kTy9qzQoPeJuWG/IMNdV1lO0RgmzqoAlSi1uw==}
+  '@commitlint/lint@21.0.2':
+    resolution: {integrity: sha512-PnUmLYGeGLfW8oVatR9KpNxSHYAnJOEWlMZzfdeFOUq6WUrFx1fGQaWCWJqMoIll/xPM+GdfJV+tKHZVHhl0Fg==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/load@21.2.0':
-    resolution: {integrity: sha512-RjlzWQqruRwIenJEfZtq7kG97co97nKoHpflE5YnF61tDLXxHPrdWImgzw6VL6MlFyaOcVlk74eBV8ZQmc3oIA==}
+  '@commitlint/load@21.0.2':
+    resolution: {integrity: sha512-lwUE70hN0/qE/ZRROhbaX65ly/FF12DrqfReLCESo37M0OQCFAf2jRS+2tSCSORq+bm4Kdju7qNDj46uc1QzTA==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/message@21.2.0':
-    resolution: {integrity: sha512-YxGoiXD/HXNXLJPrQwE5poXa+XH0CBEm+mdvbHQP0g6MV/dmJyUFCzPNzZbxL93GvZ70TmtTK0Z0/IBpAqHv8g==}
+  '@commitlint/message@21.0.2':
+    resolution: {integrity: sha512-5n4aqHGD/FNnom/D5L8i7cYtV+xjuXcBL832C3w9VglEsZzIsoHpJsvxzJ7cgiOsOdc/2jU4t5+7qMHh7GBX3g==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/parse@21.2.0':
-    resolution: {integrity: sha512-QHWxG4d0PLTF634/AdyZ0MQS+CLn5YOuJlCFhMMlSGKFxzYGUetkHBj18xgBD+6fVzUrA2lrCdi/vlS2f/oYXg==}
+  '@commitlint/parse@21.0.2':
+    resolution: {integrity: sha512-QVZJhGHTm+oiuWyEKOCTQ0ZM3mfJ0eGWFeHuj7WzSKEth+UukcCHac9GD8pgdFlg/qGkFWOtyaNd1T8REgagaw==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/read@21.2.0':
-    resolution: {integrity: sha512-ELx8Ovh/JoAw5lpvDgxc6Y0We9skf2IPI2RFN+gnYgDGjRdMSF8zeodxhZmcclLWzfUIF7hXLOa8gOlllYcvBA==}
+  '@commitlint/read@21.0.2':
+    resolution: {integrity: sha512-BtsrnLVycSSKf4Q0gMch4giCj5NNlmcbhc8ra5vONgGtP2IjRDo33bEFtr5Pm+2N+5fXGWb2MksWPrspPfdhdw==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/resolve-extends@21.2.0':
-    resolution: {integrity: sha512-4O/1j51+79Wth9s/MGxt/5gs0XYLDgNlYpltQfhAvLE0itusLKs9zruxbiNg1oOkmkb9L9L4USYGjEj7n87NxA==}
+  '@commitlint/resolve-extends@21.0.1':
+    resolution: {integrity: sha512-0DhjYWL6uYrY16Efa032fYk3woGJDU4AGWiG1XXltT9AMUNYKyb5cIZU2ivbaMZ3+kKFqUjikD2cjh66Sbh/Sg==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/rules@21.2.0':
-    resolution: {integrity: sha512-C2yXMNpiB8ETZKfx5JD8+ExgF8vTU1VQMKPSUUYwqKpw9oJWQBrlXBpdU038mj2WPjof7o9UzFpmTyBeGMZwZg==}
+  '@commitlint/rules@21.0.2':
+    resolution: {integrity: sha512-k6tQ69Td7t2qUSIbik8D3TL1q3ZJpkEbV+yLogDzCRAdOxJm4ndhtBNREsLA1/puRfWvzS9eioF2w43WT+hHgQ==}
     engines: {node: '>=22.12.0'}
 
   '@commitlint/to-lines@21.0.1':
     resolution: {integrity: sha512-bd1BFII7p1EQZre9Kaj+kKaMFP3cFCdt21K7DItVux9XP5WjLgJ0/Uy1pJJh9aPwVJ6SKg62PxqlZaHI8hQAXw==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/top-level@21.2.0':
-    resolution: {integrity: sha512-Y5gmQ+KxzqCrBFJfLvFEPvvwD3LDiNZoTT2yeFBm96M8qhmqSzQc5DvX3rheAaAMjyIvMXOCLS/mWfdpONsjyQ==}
+  '@commitlint/top-level@21.0.2':
+    resolution: {integrity: sha512-s9KKM+e+mXgFeIh4n7KmOGAVT3mkJ3Fp1bBYHIK5pjeUwlEMzp/tZfb5u0Poa680AsQTXMEMRxZi1vQ9m2X5ug==}
     engines: {node: '>=22.12.0'}
 
-  '@commitlint/types@21.2.0':
-    resolution: {integrity: sha512-7zVFCDB2reMvJH5dmbKnOQPjZEvjdJTH8jc0U/PIPU1r3/+vf5pD1HlfitV2MWsWXrvu7u39iY1lyLUPOaN0Gw==}
+  '@commitlint/types@21.0.1':
+    resolution: {integrity: sha512-4u7w8jcoCUFWhjWnASYzZHAP34OqOtuFBN87nQmFvqda03YU0T6z+yB4w0gSAMpekiRqqGk5rt+qSlW+a2vSEg==}
     engines: {node: '>=22.12.0'}
 
   '@conventional-changelog/git-client@2.7.0':
@@ -582,10 +575,6 @@ packages:
       conventional-commits-parser:
         optional: true
 
-  '@conventional-changelog/template@1.2.1':
-    resolution: {integrity: sha512-TzlTVpKPjaqW6qOYjQcYUDuGsLCNsvFHVBXkYGTAnf5V37jCWrE5haKNXzz0WZUtVHjrpV76L1buANjwXMfT8w==}
-    engines: {node: '>=22'}
-
   '@csstools/color-helpers@5.1.0':
     resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
     engines: {node: '>=18'}
@@ -597,8 +586,8 @@ packages:
       '@csstools/css-parser-algorithms': ^3.0.5
       '@csstools/css-tokenizer': ^3.0.4
 
-  '@csstools/css-calc@3.2.1':
-    resolution: {integrity: sha512-DtdHlgXh5ZkA43cwBcAm+huzgJiwx3ZTWVjBs94kwz2xKqSimDA3lBgCjphYgwgVUMWatSM0pDd8TILB1yrVVg==}
+  '@csstools/css-calc@3.2.0':
+    resolution: {integrity: sha512-bR9e6o2BDB12jzN/gIbjHa5wLJ4UjD1CB9pM7ehlc0ddk6EBz+yYS1EV2MF55/HUxrHcB/hehAyt5vhsA3hx7w==}
     engines: {node: '>=20.19.0'}
     peerDependencies:
       '@csstools/css-parser-algorithms': ^4.0.0
@@ -623,8 +612,8 @@ packages:
     peerDependencies:
       '@csstools/css-tokenizer': ^4.0.0
 
-  '@csstools/css-syntax-patches-for-csstree@1.1.6':
-    resolution: {integrity: sha512-TcJCWFbXLPpJYq6z7bfOyjWYJDiDg2/I4gyUC9pqPNqHFRIey0EB0q0L5cSnQDfWJg8Jd6VadakxdIez/3zkqQ==}
+  '@csstools/css-syntax-patches-for-csstree@1.1.3':
+    resolution: {integrity: sha512-SH60bMfrRCJF3morcdk57WklujF4Jr/EsQUzqkarfHXEFcAR1gg7fS/chAE922Sehgzc1/+Tz5H3Ypa1HiEKrg==}
     peerDependencies:
       css-tree: ^3.2.1
     peerDependenciesMeta:
@@ -661,21 +650,12 @@ packages:
   '@emnapi/core@1.10.0':
     resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==}
 
-  '@emnapi/core@1.11.1':
-    resolution: {integrity: sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==}
-
   '@emnapi/runtime@1.10.0':
     resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
 
-  '@emnapi/runtime@1.11.1':
-    resolution: {integrity: sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==}
-
   '@emnapi/wasi-threads@1.2.1':
     resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
 
-  '@emnapi/wasi-threads@1.2.2':
-    resolution: {integrity: sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==}
-
   '@esbuild/aix-ppc64@0.25.12':
     resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
     engines: {node: '>=18'}
@@ -870,8 +850,8 @@ packages:
     resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@figma/code-connect@1.4.9':
-    resolution: {integrity: sha512-Ifan9Kb5oXHAh0wXu0BM8Iy+AEhWM8NoJSTBr3oU0vQTwggleK55CUHnh5zEYl6tQjj83mg6mTo4klDgcgDprg==}
+  '@figma/code-connect@1.4.5':
+    resolution: {integrity: sha512-ZnVtuFP0nNZtGsWV24zalaIFGL1r7wqdffYci6sTf6+JBOZSnNMZL2994+ro+KS4X4A2eDhOVskYGJoEVa3S3A==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -941,11 +921,8 @@ packages:
       '@types/react': '>=16'
       react: '>=16'
 
-  '@napi-rs/wasm-runtime@1.1.6':
-    resolution: {integrity: sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==}
-    peerDependencies:
-      '@emnapi/core': ^1.7.1
-      '@emnapi/runtime': ^1.7.1
+  '@napi-rs/wasm-runtime@0.2.12':
+    resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
 
   '@neoconfetti/react@1.0.0':
     resolution: {integrity: sha512-klcSooChXXOzIm+SE5IISIAn3bYzYfPjbX7D7HoqZL84oAfgREeSg5vSIaSFH+DaGzzvImTyWe1OyrJ67vik4A==}
@@ -1072,9 +1049,6 @@ packages:
   '@octokit/types@14.1.0':
     resolution: {integrity: sha512-1y6DgTy8Jomcpu33N+p5w58l6xyt55Ar2I91RPiIA0xCJBXyUAhXCcmZaDWSANiha7R9a6qJJ2CRomGPZ6f46g==}
 
-  '@oxc-project/types@0.138.0':
-    resolution: {integrity: sha512-1a7ZKmrRTCoN1XMZ4L0PyyqrMnrNlLyPuOkdSX2MZg7IiIGRUyurNhAm73ptDOraoBcIordsIGKNPKUzy3ZmfA==}
-
   '@parcel/watcher-android-arm64@2.5.6':
     resolution: {integrity: sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==}
     engines: {node: '>= 10.0.0'}
@@ -1175,110 +1149,150 @@ packages:
     resolution: {integrity: sha512-YcPQ8a0jwYU9bTdJDpXjMi7Brhkr1mXsXrUJvjqM2mQDgkRiz8jFaQGOdaLxgjtUfQgZhKy/O3cG/YwmgKaxLA==}
     engines: {node: '>=12.22.0'}
 
-  '@pnpm/npm-conf@3.0.3':
-    resolution: {integrity: sha512-//0sR/cow/s4ICQaYoAobOl4aU8cjU6x/V24V7XkKotb9+O+3zySIYp146vpaobYHnxa4pZX8NkV54Z5AwbDKA==}
+  '@pnpm/npm-conf@3.0.2':
+    resolution: {integrity: sha512-h104Kh26rR8tm+a3Qkc5S4VLYint3FE48as7+/5oCEcKR2idC/pF1G6AhIXKI+eHPJa/3J9i5z0Al47IeGHPkA==}
     engines: {node: '>=12'}
 
   '@popperjs/core@2.11.8':
     resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
 
-  '@rolldown/binding-android-arm64@1.1.4':
-    resolution: {integrity: sha512-EZLpf/8y7GXkkra90ML47kzik/GMP3EMcE9bPyHmRfxLC6z9+aW5A8poCsoxjrT5GfEcNAAvWwUHjvP1pUQkfw==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-android-arm-eabi@4.60.2':
+    resolution: {integrity: sha512-dnlp69efPPg6Uaw2dVqzWRfAWRnYVb1XJ8CyyhIbZeaq4CA5/mLeZ1IEt9QqQxmbdvagjLIm2ZL8BxXv5lH4Yw==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.60.2':
+    resolution: {integrity: sha512-OqZTwDRDchGRHHm/hwLOL7uVPB9aUvI0am/eQuWMNyFHf5PSEQmyEeYYheA0EPPKUO/l0uigCp+iaTjoLjVoHg==}
     cpu: [arm64]
     os: [android]
 
-  '@rolldown/binding-darwin-arm64@1.1.4':
-    resolution: {integrity: sha512-aUi+HBvmYb7j8krl1+qJgkG8C17fO79gk3c+jPw4S8glRFc1DTija9S3EyaTSQUm5GJXYKDAsugBEhFHH2vYiQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-darwin-arm64@4.60.2':
+    resolution: {integrity: sha512-UwRE7CGpvSVEQS8gUMBe1uADWjNnVgP3Iusyda1nSRwNDCsRjnGc7w6El6WLQsXmZTbLZx9cecegumcitNfpmA==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rolldown/binding-darwin-x64@1.1.4':
-    resolution: {integrity: sha512-F7hHC3gwY11+vByKPRWqwGbeXWVgKmL+pTGCinaEhdihzBV2aQ0fvZOch9cXYUOKuKKq429HeYXOqQLc7wFCEg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-darwin-x64@4.60.2':
+    resolution: {integrity: sha512-gjEtURKLCC5VXm1I+2i1u9OhxFsKAQJKTVB8WvDAHF+oZlq0GTVFOlTlO1q3AlCTE/DF32c16ESvfgqR7343/g==}
     cpu: [x64]
     os: [darwin]
 
-  '@rolldown/binding-freebsd-x64@1.1.4':
-    resolution: {integrity: sha512-sI5yw+7s92SK6odiEhD5lKCBlWcpjHS5qyqpVQbZAJ0fIzEUXrmbl3DH2ybR3PZogulNJF+COLtmA8hUfvkCCQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-freebsd-arm64@4.60.2':
+    resolution: {integrity: sha512-Bcl6CYDeAgE70cqZaMojOi/eK63h5Me97ZqAQoh77VPjMysA/4ORQBRGo3rRy45x4MzVlU9uZxs8Uwy7ZaKnBw==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.60.2':
+    resolution: {integrity: sha512-LU+TPda3mAE2QB0/Hp5VyeKJivpC6+tlOXd1VMoXV/YFMvk/MNk5iXeBfB4MQGRWyOYVJ01625vjkr0Az98OJQ==}
     cpu: [x64]
     os: [freebsd]
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.1.4':
-    resolution: {integrity: sha512-mCi0OKgEieFircrtVYmQAFGszRtMnZ6fpZAXrxanXAu7lqZcsK1E1RAaZNG0uKAnxox3B1f4EyQNnoyMfN1vAA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.2':
+    resolution: {integrity: sha512-2QxQrM+KQ7DAW4o22j+XZ6RKdxjLD7BOWTP0Bv0tmjdyhXSsr2Ul1oJDQqh9Zf5qOwTuTc7Ek83mOFaKnodPjg==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
-  '@rolldown/binding-linux-arm64-gnu@1.1.4':
-    resolution: {integrity: sha512-B9Ial3Kv5sh0SHnB1g/QWcUQCEvCF6QKGAl4zXypYj65mVI+B4AhFBwPtSN7pDrJeIx8Z7zdy4ntx+wQABom7w==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-linux-arm-musleabihf@4.60.2':
+    resolution: {integrity: sha512-TbziEu2DVsTEOPif2mKWkMeDMLoYjx95oESa9fkQQK7r/Orta0gnkcDpzwufEcAO2BLBsD7mZkXGFqEdMRRwfw==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.2':
+    resolution: {integrity: sha512-bO/rVDiDUuM2YfuCUwZ1t1cP+/yqjqz+Xf2VtkdppefuOFS2OSeAfgafaHNkFn0t02hEyXngZkxtGqXcXwO8Rg==}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-arm64-musl@1.1.4':
-    resolution: {integrity: sha512-lZVym0PuHE1KZ22gmFTC15lAkrg9iTszR617oYRB/iPY1A56ywoJzVKOJBKaot5RiikCObmur6pogpse3gRcng==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-linux-arm64-musl@4.60.2':
+    resolution: {integrity: sha512-hr26p7e93Rl0Za+JwW7EAnwAvKkehh12BU1Llm9Ykiibg4uIr2rbpxG9WCf56GuvidlTG9KiiQT/TXT1yAWxTA==}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@rolldown/binding-linux-ppc64-gnu@1.1.4':
-    resolution: {integrity: sha512-t2DNiLJWNTbnEHyUzTumldML6ET4/g16467LZoDDJ3tSxGvguL5/NyC2lCsNKuyRycg9XeDQF5SSv+TNOhQEXg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-linux-loong64-gnu@4.60.2':
+    resolution: {integrity: sha512-pOjB/uSIyDt+ow3k/RcLvUAOGpysT2phDn7TTUB3n75SlIgZzM6NKAqlErPhoFU+npgY3/n+2HYIQVbF70P9/A==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-loong64-musl@4.60.2':
+    resolution: {integrity: sha512-2/w+q8jszv9Ww1c+6uJT3OwqhdmGP2/4T17cu8WuwyUuuaCDDJ2ojdyYwZzCxx0GcsZBhzi3HmH+J5pZNXnd+Q==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.2':
+    resolution: {integrity: sha512-11+aL5vKheYgczxtPVVRhdptAM2H7fcDR5Gw4/bTcteuZBlH4oP9f5s9zYO9aGZvoGeBpqXI/9TZZihZ609wKw==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.2':
+    resolution: {integrity: sha512-i16fokAGK46IVZuV8LIIwMdtqhin9hfYkCh8pf8iC3QU3LpwL+1FSFGej+O7l3E/AoknL6Dclh2oTdnRMpTzFQ==}
     cpu: [ppc64]
     os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.2':
+    resolution: {integrity: sha512-49FkKS6RGQoriDSK/6E2GkAsAuU5kETFCh7pG4yD/ylj9rKhTmO3elsnmBvRD4PgJPds5W2PkhC82aVwmUcJ7A==}
+    cpu: [riscv64]
+    os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-s390x-gnu@1.1.4':
-    resolution: {integrity: sha512-0WIRnL1Uw4BvTZRLQt+PVgo6ZKTJadlC2btP+/EOXv2f/DWbY0rEgl+y834mIVwP1FkTlWVTrGGJXf12lru7EQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-linux-riscv64-musl@4.60.2':
+    resolution: {integrity: sha512-mjYNkHPfGpUR00DuM1ZZIgs64Hpf4bWcz9Z41+4Q+pgDx73UwWdAYyf6EG/lRFldmdHHzgrYyge5akFUW0D3mQ==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.2':
+    resolution: {integrity: sha512-ALyvJz965BQk8E9Al/JDKKDLH2kfKFLTGMlgkAbbYtZuJt9LU8DW3ZoDMCtQpXAltZxwBHevXz5u+gf0yA0YoA==}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-x64-gnu@1.1.4':
-    resolution: {integrity: sha512-JWtGshGfX+oENAKonoNkqEJX+7hC8yfhi9GUyPX1VX4mdh1y5r+ZiJLR5XzAB0aoP6s/PcILsGjKq8O0mm24bw==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-linux-x64-gnu@4.60.2':
+    resolution: {integrity: sha512-UQjrkIdWrKI626Du8lCQ6MJp/6V1LAo2bOK9OTu4mSn8GGXIkPXk/Vsp4bLHCd9Z9Iz2OTEaokUE90VweJgIYQ==}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@rolldown/binding-linux-x64-musl@1.1.4':
-    resolution: {integrity: sha512-rT6yQcxUuXs4CnbofqwHRRV0iem349rLMYpTjkgQGLjrY4ado/eDzwPZPTCgTOlF6Nkp8NEv70yLMTn6qkWxsQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-linux-x64-musl@4.60.2':
+    resolution: {integrity: sha512-bTsRGj6VlSdn/XD4CGyzMnzaBs9bsRxy79eTqTCBsA8TMIEky7qg48aPkvJvFe1HyzQ5oMZdg7AnVlWQSKLTnw==}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@rolldown/binding-openharmony-arm64@1.1.4':
-    resolution: {integrity: sha512-KXMGoboq5cyaCQjDA4GLuRiOwBQ0EyFnJoVViLeZ45/3rFItRODEr+NdsBcVpll40hhNArlm/speWGRvj08LzA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-openbsd-x64@4.60.2':
+    resolution: {integrity: sha512-6d4Z3534xitaA1FcMWP7mQPq5zGwBmGbhphh2DwaA1aNIXUu3KTOfwrWpbwI4/Gr0uANo7NTtaykFyO2hPuFLg==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.60.2':
+    resolution: {integrity: sha512-NetAg5iO2uN7eB8zE5qrZ3CSil+7IJt4WDFLcC75Ymywq1VZVD6qJ6EvNLjZ3rEm6gB7XW5JdT60c6MN35Z85Q==}
     cpu: [arm64]
     os: [openharmony]
 
-  '@rolldown/binding-wasm32-wasi@1.1.4':
-    resolution: {integrity: sha512-5K83rb36oJiY7BCyE9zLZtGcPV4g5wvq+xwdO0XPIwDVZI8cyB/AUjkNXGb92/rnmezEkjMOpgY61rtwjQtFwg==}
-    engines: {node: ^20.19.0 || >=22.12.0}
-    cpu: [wasm32]
-
-  '@rolldown/binding-win32-arm64-msvc@1.1.4':
-    resolution: {integrity: sha512-PnWBtw3TV5KOg69HQQDR0mnQuyCmSGR2pAB4DC1rPF808fgKeTUMj2EOEyKATpgiuxuR5APQmiDO7PDgEjTFSA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-win32-arm64-msvc@4.60.2':
+    resolution: {integrity: sha512-NCYhOotpgWZ5kdxCZsv6Iudx0wX8980Q/oW4pNFNihpBKsDbEA1zpkfxJGC0yugsUuyDZ7gL37dbzwhR0VI7pQ==}
     cpu: [arm64]
     os: [win32]
 
-  '@rolldown/binding-win32-x64-msvc@1.1.4':
-    resolution: {integrity: sha512-M1lpniBePobTfsa7Ks9a199e1akxsXn+GYBUKsEzv3YFzOm1HJAMNwKI3qr0Zq+mxwx9gOZoTdP1yXRYsZUocQ==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  '@rollup/rollup-win32-ia32-msvc@4.60.2':
+    resolution: {integrity: sha512-RXsaOqXxfoUBQoOgvmmijVxJnW2IGB0eoMO7F8FAjaj0UTywUO/luSqimWBJn04WNgUkeNhh7fs7pESXajWmkg==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.60.2':
+    resolution: {integrity: sha512-qdAzEULD+/hzObedtmV6iBpdL5TIbKVztGiK7O3/KYSf+HIzU257+MX1EXJcyIiDbMAqmbwaufcYPvyRryeZtA==}
     cpu: [x64]
     os: [win32]
 
-  '@rolldown/pluginutils@1.0.1':
-    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+  '@rollup/rollup-win32-x64-msvc@4.60.2':
+    resolution: {integrity: sha512-Nd/SgG27WoA9e+/TdK74KnHz852TLa94ovOYySo/yMPuTmpckK/jIF2jSwS3g7ELSKXK13/cVdmg1Z/DaCWKxA==}
+    cpu: [x64]
+    os: [win32]
 
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
@@ -1371,10 +1385,6 @@ packages:
     resolution: {integrity: sha512-KxXvfapcixpz6rVEB6HPjOUZT22yN6v0vI0urQSk1L8MlEWPDFCZkhw2xmkyoTGYeFw7tWTZd7e3lVzRZRN/EA==}
     engines: {node: '>=18'}
 
-  '@simple-libs/stream-utils@2.0.0':
-    resolution: {integrity: sha512-fCTuZK4QBa+39Oz9l4OGfJfz+GpwCp3AqO7Zch3to99xHPgstVsRFpeQ8LNd2o1Gv8raL2mCFwiaHh7bFSp5DQ==}
-    engines: {node: '>=22'}
-
   '@sindresorhus/is@4.6.0':
     resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==}
     engines: {node: '>=10'}
@@ -1556,10 +1566,104 @@ packages:
       storybook: ^8.6.18
       vue: ^3.0.0
 
-  '@tailwindcss/typography@0.5.20':
-    resolution: {integrity: sha512-hwbzQuNUfcPvbegQFatVPl/MY/tcM9KLl963hQ5laJKPh81TEZ1+dNG9PirGvcaDBkp+BCshExAyKVPW91dozw==}
+  '@tailwindcss/node@4.3.2':
+    resolution: {integrity: sha512-yWP/sqEcBLaD8JuA6zNwxoYKr75qxTioYwlRwekj5Jr/I5GXnoJfjetH/psLUIv74cYTH2lBUEzBkinthoYcBg==}
+
+  '@tailwindcss/oxide-android-arm64@4.3.2':
+    resolution: {integrity: sha512-WHxqIuHpvZ5VtdX6GTl1Ik/Vp2YuN42Et+0CdeaVd/frQ9jAvGmvR8vLT+jk3e8/Q3x8kECB9+R17pgpp2BulA==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.2':
+    resolution: {integrity: sha512-GZypeUY/IDJW3877KeM+O67vbXr3MBnbtEL4aYhNErv/JWZhye2vGSWWG9tB6iiqR2MqRNkY8IOUy4NdSZV26w==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.3.2':
+    resolution: {integrity: sha512-UIIzmefR6KO1sDU7MzRqAxC8iBpft/VhkGjTjnhoS6k7Z3rQ9wEgA1ODSiyH/tcSYssulNm4Ci3hOeK1jH7ccQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.2':
+    resolution: {integrity: sha512-GN+uAmcI6DNspnCDwtOAZrTz6oukJnp337qZvxqCGLd3BHBzJpO0ZbTLRvJNdztOeAmTzewewGIMPb0tk2R4WA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.2':
+    resolution: {integrity: sha512-4ABn7qSbdHRwTiDiuWNegCyb5+2FJ4vKIKc3DmKrvAFw7MU1Lm11dIkTPwUaFdTzc7IsOpDbqBrlh0x6y36U/w==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.2':
+    resolution: {integrity: sha512-wDgEIGwoM8w8pufh9LVt1PahDgNdKXrLC2qfAnV3vAmococ9RWbxeAw4pxPttd/TsJfwjyLf90Dg1y9y8I6Emw==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.2':
+    resolution: {integrity: sha512-J5Nuk0uZQIiMTJj3LEx4sAA9tMFUoXQZFv1J6An+QGYe53HKRJuFDi0rpq/tuouCZeAbOBY3kQ6g8qeD4TUjtA==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.2':
+    resolution: {integrity: sha512-kqCZpSKOBEJO4mz7OqWoofBZeXTAwaVGPj0ErAj7CojmhKpWVWVOnrt9dE8odoIraZq4oj3ausM37kXi+Tow8w==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.2':
+    resolution: {integrity: sha512-cixpqbh2toJDmkuCRI68nXA8ZxNmdK9Y+9v5h3MC3ZQKy/0BO8AWzlkWyRM7JAFSGBlfig4YVTPsK6MVgqz1uw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.2':
+    resolution: {integrity: sha512-4ec2Z/LOmRsAgU23CS4xeJfcJlmRg94A/XrbGRCF1gyU/zdDfRLYDVsS+ynSZCmGNxQ1jQriQOKMQeQxBA3Isw==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.2':
+    resolution: {integrity: sha512-Zyr/M0+XcYZu3bZrUytc7TXvrk0ftWfl8gN2MwekNDzhqhKRUucMPSeOzM0o0wH5AWOU49BsKRrfKxI2atCPMQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.2':
+    resolution: {integrity: sha512-QI9BO7KlNZsp2GuO0jwAAj5jCDABOKXRkCk2XuKTSaNEFSdfzqswYVTtCHBNKHLsqyjFyFkqlDiwkNbTYSssMQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.3.2':
+    resolution: {integrity: sha512-z8ZgnzX8gdNoWLBLqBPoh/sjnxkwvf9ZuWjnO0l0yIzbLa5/9S+eC5QxGZKRobVHIC3/1BoMWjHblqWjcgFgag==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/typography@0.5.19':
+    resolution: {integrity: sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==}
     peerDependencies:
-      tailwindcss: '>=3.0.0 || >=4.0.0 || insiders'
+      tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
+
+  '@tailwindcss/vite@4.3.2':
+    resolution: {integrity: sha512-eHpMeX4JXfVNJDEcsouTeCBubJBTcTLigeaw/NTUW6PB5ATKKXdyonnXgTBX2VuRbjz1hjfz6C5XAhr52ImQXA==}
+    peerDependencies:
+      vite: '>=6.4.3'
 
   '@tanstack/table-core@8.21.3':
     resolution: {integrity: sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==}
@@ -1588,8 +1692,8 @@ packages:
   '@ts-morph/common@0.28.1':
     resolution: {integrity: sha512-W74iWf7ILp1ZKNYXY5qbddNaml7e9Sedv5lvU1V8lftlitkc9Pq1A+jlH23ltDgWYeZFFEqGCD1Ies9hqu3O+g==}
 
-  '@tybys/wasm-util@0.10.3':
-    resolution: {integrity: sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==}
+  '@tybys/wasm-util@0.10.1':
+    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
 
   '@types/aria-query@5.0.4':
     resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
@@ -1603,8 +1707,8 @@ packages:
   '@types/esrecurse@4.3.1':
     resolution: {integrity: sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==}
 
-  '@types/estree@1.0.9':
-    resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
@@ -1612,17 +1716,17 @@ packages:
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
-  '@types/mdx@2.0.14':
-    resolution: {integrity: sha512-T48PeuJtvLosNTPVhfnIp3i/n3a4g4Bad7YCq5k64D4u7NwDrAotikQ+5+sjtUvBmxCMlbo3dVL+C2dP0rWHzg==}
+  '@types/mdx@2.0.13':
+    resolution: {integrity: sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==}
 
-  '@types/node@26.1.0':
-    resolution: {integrity: sha512-O0A1G3xPGy4w7AgQdAQYUlQ+BKk2Oovw8eRpofyp5KdBZULnbe+WqaOVNrm705SHphCiG4XHsACrSmPu1f+Kgw==}
+  '@types/node@25.6.0':
+    resolution: {integrity: sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
 
-  '@types/react@19.2.17':
-    resolution: {integrity: sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==}
+  '@types/react@19.2.14':
+    resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
 
   '@types/sax@1.2.7':
     resolution: {integrity: sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==}
@@ -1639,182 +1743,165 @@ packages:
   '@types/ws@8.18.1':
     resolution: {integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==}
 
-  '@typescript-eslint/eslint-plugin@8.62.1':
-    resolution: {integrity: sha512-4EQM77WgVNxj7OkL/5b/D/xZsw00G577+UriYTC7JF5opcF3T2AuoeY7ueLaZgSVjSgCS6yOAJB5bRGLPSJUzA==}
+  '@typescript-eslint/eslint-plugin@8.59.1':
+    resolution: {integrity: sha512-BOziFIfE+6osHO9FoJG4zjoHUcvI7fTNBSpdAwrNH0/TLvzjsk2oo8XSSOT2HhqUyhZPfHv4UOffoJ9oEEQ7Ag==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.62.1
+      '@typescript-eslint/parser': ^8.59.1
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/parser@8.62.1':
-    resolution: {integrity: sha512-sPhE4iHuJDSvoAiec+Ro8JyXw8f0ql13HFR82P99nCm9GwTEKG0KYLvDe6REk8BCXuit6vJAv/Yxg5ABaNS2rA==}
+  '@typescript-eslint/parser@8.59.1':
+    resolution: {integrity: sha512-HDQH9O/47Dxi1ceDhBXdaldtf/WV9yRYMjbjCuNk3qnaTD564qwv61Y7+gTxwxRKzSrgO5uhtw584igXVuuZkA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/project-service@8.62.1':
-    resolution: {integrity: sha512-yQ3RgY5RkSBpsNS1Bx/JQEcA24FOSdfGktoyprAr5u18390UQdtVcfnEv4nIrIshNnavlVyZBKxQwT1fIAE6cg==}
+  '@typescript-eslint/project-service@8.59.1':
+    resolution: {integrity: sha512-+MuHQlHiEr00Of/IQbE/MmEoi44znZHbR/Pz7Opq4HryUOlRi+/44dro9Ycy8Fyo+/024IWtw8m4JUMCGTYxDg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/scope-manager@8.62.1':
-    resolution: {integrity: sha512-r4d249KbQ1SFdpeStvob8Ih6aPPIzfqllPVOtvhve6ZcpuVcYo5/7zUWckKpHE7StASX4kTKZTLf0WQm/wPkcg==}
+  '@typescript-eslint/scope-manager@8.59.1':
+    resolution: {integrity: sha512-LwuHQI4pDOYVKvmH2dkaJo6YZCSgouVgnS/z7yBPKBMvgtBvyLqiLy9Z6b7+m/TRcX1NFYUqZetI5Y+aT4GEfg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.62.1':
-    resolution: {integrity: sha512-xadytJqX9vJVQ2fdQjkcIVigwaOJNWkpjdLt6cEQ+xPnrI1fkp+/jZE/I97k9KUjqtpd25i0HeyZf3T6dutv2g==}
+  '@typescript-eslint/tsconfig-utils@8.59.1':
+    resolution: {integrity: sha512-/0nEyPbX7gRsk0Uwfe4ALwwgxuA66d/l2mhRDNlAvaj4U3juhUtJNq0DsY8M2AYwwb9rEq2hrC3IcIcEt++iJA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/type-utils@8.62.1':
-    resolution: {integrity: sha512-aXM5xlqXiTxPibXB93cLAURfT3rlizf7uMXISCXy66Isr/9hISJx3yDsKl0L7lKa51b8JpFuNKby0/O0pEm9jg==}
+  '@typescript-eslint/type-utils@8.59.1':
+    resolution: {integrity: sha512-klWPBR2ciQHS3f++ug/mVnWKPjBUo7icEL3FAO1lhAR1Z1i5NQYZ1EannMSRYcq5qCv5wNALlXr6fksRHyYl7w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/types@8.62.1':
-    resolution: {integrity: sha512-ooCzJFaf+Hg+uG6fA3NRFGuFjlfNlDhBthbv4ZPU/0elCAFUfnyXUvf/WOpHz/jYwSmvU2GkR2LtyUfy1AxZ1Q==}
+  '@typescript-eslint/types@8.59.1':
+    resolution: {integrity: sha512-ZDCjgccSdYPw5Bxh+my4Z0lJU96ZDN7jbBzvmEn0FZx3RtU1C7VWl6NbDx94bwY3V5YsgwRzJPOgeY2Q/nLG8A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.62.1':
-    resolution: {integrity: sha512-xMcW9oP9u7fAMXYs9A65CVmtLQe2r//oXINHfi8HV+oiqhih17sbLdhXr4540YWlgpDKQdY854OL5ZrdCiQsAA==}
+  '@typescript-eslint/typescript-estree@8.59.1':
+    resolution: {integrity: sha512-OUd+vJS05sSkOip+BkZ/2NS8RMxrAAJemsC6vU3kmfLyeaJT0TftHkV9mcx2107MmsBVXXexhVu4F0TZXyMl4g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/utils@8.62.1':
-    resolution: {integrity: sha512-sHtbPfuKNZCG+ih8SyjjucqRntSVmp8XgL5u6o9mAhiSn8ds5o/M/XdM0abweme2Tln3szOstOrZ9OXitvPh0g==}
+  '@typescript-eslint/utils@8.59.1':
+    resolution: {integrity: sha512-3pIeoXhCeYH9FSCBI8P3iNwJlGuzPlYKkTlen2O9T1DSeeg8UG8jstq6BLk+Mda0qup7mgk4z4XL4OzRaxZ8LA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/visitor-keys@8.62.1':
-    resolution: {integrity: sha512-4g3BLxfdTMy8iZG0MaBkadnlRrCJ74cQiFbyEVMrkwIoqdyaXXQM22cotDvrl4x28wgIZ9rEJRoM+mmhSJpJ1g==}
+  '@typescript-eslint/visitor-keys@8.59.1':
+    resolution: {integrity: sha512-LdDNl6C5iJExcM0Yh0PwAIBb9PrSiCsWamF/JyEZawm3kFDnRoaq3LGE4bpyRao/fWeGKKyw7icx0YxrLFC5Cg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@unrs/resolver-binding-android-arm-eabi@1.12.2':
-    resolution: {integrity: sha512-g5T90pqg1bo/7mytQx6F4iBNC0Wsh9cu+z9veDbFjc7HjpesJFWD7QMS0NGStXM075+7dJPPVvBbpZlnrdpi/w==}
+  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
+    resolution: {integrity: sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==}
     cpu: [arm]
     os: [android]
 
-  '@unrs/resolver-binding-android-arm64@1.12.2':
-    resolution: {integrity: sha512-YGCRZv/9GLhwmz6mYDeTsm/92BAyR28l6c2ReweVW5pWgfsitWLY8upvfRlGdoyD8HjeTHSYJWyZGD4KJA/nFQ==}
+  '@unrs/resolver-binding-android-arm64@1.11.1':
+    resolution: {integrity: sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==}
     cpu: [arm64]
     os: [android]
 
-  '@unrs/resolver-binding-darwin-arm64@1.12.2':
-    resolution: {integrity: sha512-u9DiNT1auQMO20A9SyTuG3wUgQWB9Z7KjAg0uFuCDR1FsAY8A0CG2S6JpHS1xwm/w1G08bjXZDcyOCjv1WAm2w==}
+  '@unrs/resolver-binding-darwin-arm64@1.11.1':
+    resolution: {integrity: sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==}
     cpu: [arm64]
     os: [darwin]
 
-  '@unrs/resolver-binding-darwin-x64@1.12.2':
-    resolution: {integrity: sha512-f7rPLi/T1HVKZu/u6t87lroib16n8vrSzcyxI7lg4BGO9UF26KhQL44sd9eOUgrTYhvRXtWOIZT5PejdPyJfUA==}
+  '@unrs/resolver-binding-darwin-x64@1.11.1':
+    resolution: {integrity: sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==}
     cpu: [x64]
     os: [darwin]
 
-  '@unrs/resolver-binding-freebsd-x64@1.12.2':
-    resolution: {integrity: sha512-BpcOjWCJub6nRZUS2zA20pmLvjtqAtGejETaIyRLiZiQf++cbrjltLA5NN/xaXfqeOBOSlMFbemIl5/S5tljmg==}
+  '@unrs/resolver-binding-freebsd-x64@1.11.1':
+    resolution: {integrity: sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==}
     cpu: [x64]
     os: [freebsd]
 
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.12.2':
-    resolution: {integrity: sha512-vZTDvdSISZjJx66OzJqtsOhzifbqRjbmI1Mnu49fQDwog5GtDI4QidRiEAYbZCRj9C8YZEW+3ZjqsyS9GR4k2A==}
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
+    resolution: {integrity: sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==}
     cpu: [arm]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.12.2':
-    resolution: {integrity: sha512-BiPI+IrIlwcW4nLLMM21+B1dFPzd55yAVgVGrdgDjNef+ch03GdxrcyaIz8X9SsQirh/kCQ7mviyWlMxdh2D7g==}
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
+    resolution: {integrity: sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==}
     cpu: [arm]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-arm64-gnu@1.12.2':
-    resolution: {integrity: sha512-zJc0H99FEPoFfSrNpa91HYfxzfAJCr502oxNK1cfdC9hlaFI43RT+JFCann9JUgZmLzzntChHyn13Sgn9ljHNg==}
+  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
+    resolution: {integrity: sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@unrs/resolver-binding-linux-arm64-musl@1.12.2':
-    resolution: {integrity: sha512-KQ3Lki6l+Pz1k/eBipN41ES+YUK30beLGb9YqcB1O542cyLCNE6GaxrfcY3T6EezmGGk84wb5XyO9loTM9tkcA==}
+  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
+    resolution: {integrity: sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@unrs/resolver-binding-linux-loong64-gnu@1.12.2':
-    resolution: {integrity: sha512-3SJGEh1DborhG6pyxvhPzCT4bbSIVihsvgJc13P1bHG7KLdNDaF9T3gsTwFc7Jw/5Y5/iWOjkEx7Zy0NvCGX3Q==}
-    cpu: [loong64]
-    os: [linux]
-    libc: [glibc]
-
-  '@unrs/resolver-binding-linux-loong64-musl@1.12.2':
-    resolution: {integrity: sha512-jiuG/Obbel7uw1PwHNFfrkiKhLAF6mnyZ6aWlOAVN9WqKm8v0OFGnciJIHu8+CMvXLQ8AD51LPzAoUfT21D5Ew==}
-    cpu: [loong64]
-    os: [linux]
-    libc: [musl]
-
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.12.2':
-    resolution: {integrity: sha512-q7xRvVpmcfeL+LlZg8Pbbo6QaTZwDU5BaGZbwfhkEsXJn3Was8xYfE0RBH266xZt0rM6B7i8xAYIvjthuUIWHg==}
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
+    resolution: {integrity: sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
 
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.12.2':
-    resolution: {integrity: sha512-0CVdx6lcnT3Q9inOH8tsMIOJ6ImndllMjqJHg8RLVdB7Vq4SfkEXl9mCSsVNuNA4MCYycRicCUxPCabVHJRr6A==}
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
+    resolution: {integrity: sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==}
     cpu: [riscv64]
     os: [linux]
     libc: [glibc]
 
-  '@unrs/resolver-binding-linux-riscv64-musl@1.12.2':
-    resolution: {integrity: sha512-iOwlRo9vnp6R6ohHQS11n0NnfdXx/omhkocmIfaPRpQhKZ+3BDMkkdRVh53qjkFkpPddf+FETA28NwGN7l5l+w==}
+  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
+    resolution: {integrity: sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==}
     cpu: [riscv64]
     os: [linux]
     libc: [musl]
 
-  '@unrs/resolver-binding-linux-s390x-gnu@1.12.2':
-    resolution: {integrity: sha512-HYJtLfXq94q8iZNFT1lknx258wlkkWhZeUXJRqzKBBUJ00CvZ+N33zgbCqimLjsyw5Va6uUxhVa12mI+kaveEw==}
+  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
+    resolution: {integrity: sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
-  '@unrs/resolver-binding-linux-x64-gnu@1.12.2':
-    resolution: {integrity: sha512-mPsUhunKKDih5O96Y6enDQyHc1SqBPlY1E/SfMWDM3EdJ95Z9CArPeCVwCCqbP45ljvivdEk8Fxn+SIb1rDAJQ==}
+  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
+    resolution: {integrity: sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@unrs/resolver-binding-linux-x64-musl@1.12.2':
-    resolution: {integrity: sha512-azrt6+5ydLd8Vt210AAFis/lZevSfPw93EJRIJG+xPu4WCJ8K0kppCTpMyLPcKT7H15M4Jnt2tMp5bOvCkRC6A==}
+  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
+    resolution: {integrity: sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@unrs/resolver-binding-openharmony-arm64@1.12.2':
-    resolution: {integrity: sha512-YZ9hP4O0X9PQb8eO980qmLNGH4zT3I9+SZTdt0Pr0YyuGQhYKoOZkV02VzrzyOZJ5xIJ3UFIenKkUkGg8GjgWQ==}
-    cpu: [arm64]
-    os: [openharmony]
-
-  '@unrs/resolver-binding-wasm32-wasi@1.12.2':
-    resolution: {integrity: sha512-tYFDIkMxSflfEc/h92ZWNsZlHSwgimbNHSO3PL2JWQHfCuC2q316jMyYU9TIWZsFK2bQwyK5VAdYgn8ygPj69A==}
+  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
+    resolution: {integrity: sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@unrs/resolver-binding-win32-arm64-msvc@1.12.2':
-    resolution: {integrity: sha512-qzNyg3xL0VPQmCaUh+N5jSitce6k+uCBfMDesWRnlULOZaqUkaJ0ybdT+UqlAWJoQjuqfIU/0Ptx9bteN4D82g==}
+  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
+    resolution: {integrity: sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==}
     cpu: [arm64]
     os: [win32]
 
-  '@unrs/resolver-binding-win32-ia32-msvc@1.12.2':
-    resolution: {integrity: sha512-WD9sY00OfpHVGfsnHZoA8jVT+esS/Bg8z8jzxp5BnDCjjwsuKsPQrzswwpFy4J1AUJbXPRfkpcX0mXrzeXW79g==}
+  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
+    resolution: {integrity: sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==}
     cpu: [ia32]
     os: [win32]
 
-  '@unrs/resolver-binding-win32-x64-msvc@1.12.2':
-    resolution: {integrity: sha512-nAB74NfSNKknqQ1RrYj6uz8FcXEomu/MATJZxh/x+BArzN2U3JbOYC0APYzUIGhVY3m5hRxA8VPNdPBoG8txlA==}
+  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
+    resolution: {integrity: sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==}
     cpu: [x64]
     os: [win32]
 
@@ -1828,11 +1915,11 @@ packages:
   '@vitest/expect@2.0.5':
     resolution: {integrity: sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==}
 
-  '@vitest/expect@4.1.10':
-    resolution: {integrity: sha512-YsCn+qAk1GWjQOWFEsEcL2gNQ0zmVmQu3T03qP6UyjhtmdtwtbuI+DASn/7iQB3HGTXkdBwGddzxPlmiql5vlA==}
+  '@vitest/expect@4.1.8':
+    resolution: {integrity: sha512-h3nDO677RDLEGlBxyQ5CW8RlMThSKSRLUePLOx09gNIWRL40edgA1GCZSZgf1W55MFAG6/Sw14KeaAnqv0NKdQ==}
 
-  '@vitest/mocker@4.1.10':
-    resolution: {integrity: sha512-v0xaezt+DKEmKfaxg133ldzADrwLGd7Ze1MfQQTYfvs8OqZIwbxyxaYURivwV7sWy5fqn3rH5uOrSp07bp44Ow==}
+  '@vitest/mocker@4.1.8':
+    resolution: {integrity: sha512-LEiN/xe4OSIbKe9HQIp5OC24agGD9J5CnmMgsLohVVoOPWL9a2sBoR6VBx43jQZb7Kr1l4RCuyCJzcAa0+dojw==}
     peerDependencies:
       msw: ^2.4.9
       vite: '>=6.4.3'
@@ -1848,20 +1935,20 @@ packages:
   '@vitest/pretty-format@2.1.9':
     resolution: {integrity: sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==}
 
-  '@vitest/pretty-format@4.1.10':
-    resolution: {integrity: sha512-W1HsjSH4MXQ9YfmmhLAoIYf1HRfekQCGngeIgcei6MP5QQGWUe0gkopdZQaVCFO+JDJMrAJGwa5pRpNpvy4P8Q==}
+  '@vitest/pretty-format@4.1.8':
+    resolution: {integrity: sha512-9GasEBxpZ1VYIpqHf/0+YGg121uSNwCKOJqIrTwWP/TB7DmFCiaBpNl3aPZzoLWfWkuqhbH8vJIVobZkvdo2cA==}
 
-  '@vitest/runner@4.1.10':
-    resolution: {integrity: sha512-IKI6kpIH+LmpROplyLwBBaCfMgOZOMsygVa6BARD6ahA04VRuJSa6OaVG7kRvSEMD870Vd91rSSw0eegtWyLGg==}
+  '@vitest/runner@4.1.8':
+    resolution: {integrity: sha512-EmVxeBAfMJvycdjd6Hm+RbFBbA9fKvo0Kx37hNpBYoYeavH3RNsBXWDooR1mgD52dCrxIIuP7UotpfiwOikvcg==}
 
-  '@vitest/snapshot@4.1.10':
-    resolution: {integrity: sha512-xRkfOT1qpTAi/Ti4Y1LtfRc3kEuqxGw59eN2jN9pRWMtS/XDevekhcFSqvQqjUNGksfjMJu3Y+oJ+4Ypn2OaJw==}
+  '@vitest/snapshot@4.1.8':
+    resolution: {integrity: sha512-acfZboRmAIf05DEKcBQy33VXojFJjtUdLyo7oOmV9kebb2xdU01UknNiPuPZoJZQyO7DF0gZdTGTpeAzET9QPQ==}
 
   '@vitest/spy@2.0.5':
     resolution: {integrity: sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==}
 
-  '@vitest/spy@4.1.10':
-    resolution: {integrity: sha512-PLf/Ugvoq5wO/b4rwYCR1h2PSIdXz7wnkQFMiUpLdtM7l6pqVFcQIBEHyT1+l+cj7mNwAfZHzqXqDyjvOuwbDw==}
+  '@vitest/spy@4.1.8':
+    resolution: {integrity: sha512-6EevtBp6OZOPF7bmz36HrGMeP3txgVSrgebWxHOafDXGkhIzfXK14f8KF6MuFfgXXUeHxmpD3BQxkV00/3s5mA==}
 
   '@vitest/utils@2.0.5':
     resolution: {integrity: sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==}
@@ -1869,8 +1956,8 @@ packages:
   '@vitest/utils@2.1.9':
     resolution: {integrity: sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==}
 
-  '@vitest/utils@4.1.10':
-    resolution: {integrity: sha512-fy9am/HWxbaGt/Sawrp90vt6Y6jQwf1RX77cz3uwoJwJVMli/e1IEwRPnMNJ7vKfPTwo0diXifkpPvwH9v7nGA==}
+  '@vitest/utils@4.1.8':
+    resolution: {integrity: sha512-uOJamYALNhfJ6iolExyQM40yIQwDqYnkKtQ5VCiSe17E33H0aQ/u+1GlRuz4LZBk6Mm3sg90G9hEbmEt37C1Zg==}
 
   '@volar/language-core@2.4.15':
     resolution: {integrity: sha512-3VHw+QZU0ZG9IuQmzT68IyN4hZNd9GchGPhbD9+pa8CVv7rnoOZwo7T8weIbrRmihqy3ATpdfXFnqRrfPVK6CA==}
@@ -1890,29 +1977,29 @@ packages:
   '@volar/typescript@2.4.28':
     resolution: {integrity: sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==}
 
-  '@vue/compiler-core@3.5.39':
-    resolution: {integrity: sha512-16KBTEXAJCpDr0mwlw+AZyhu8iyC7R3S2vBwsI7QnWJU6X3WKc9VKeNEZpiMdZ569qWhz9574L3vV55qRL0Vtw==}
+  '@vue/compiler-core@3.5.33':
+    resolution: {integrity: sha512-3PZLQwFw4Za3TC8t0FvTy3wI16Kt+pmwcgNZca4Pj9iWL2E72a/gZlpBtAJvEdDMdCxdG/qq0C7PN0bsJuv0Rw==}
 
-  '@vue/compiler-dom@3.5.39':
-    resolution: {integrity: sha512-oQPigALqYbNxTNPvNgSOe+czwVExfbVF02lz8jP0S3AXJiu3jxYDygNUiqSep4ezzW8XgnubqH63My2A7JR/vg==}
+  '@vue/compiler-dom@3.5.33':
+    resolution: {integrity: sha512-PXq0yrfCLzzL07rbXO4awtXY1Z06LG2eu6Adg3RJFa/j3Cii217XxxLXG22N330gw7GmALCY0Z8RgXEviwgpjA==}
 
-  '@vue/compiler-sfc@3.5.39':
-    resolution: {integrity: sha512-d0ki86iOyN8LoZPBmk5SJWNwHP19CnDDCfuo//+2WJa2g5Ke0Jay983PIBIcSSzldC68I8DrD5GrHV3OSDfodg==}
+  '@vue/compiler-sfc@3.5.33':
+    resolution: {integrity: sha512-UTUvRO9cY+rROrx/pvN9P5Z7FgA6QGfokUCfhQE4EnmUj3rVnK+CHI0LsEO1pg+I7//iRYMUfcNcCPe7tg0CoA==}
 
-  '@vue/compiler-ssr@3.5.39':
-    resolution: {integrity: sha512-Ce7/wvwMHai74bdszfXExdazFigYnlF9zgCmEQUcM1j0fOymlouZ7XilTYNo8oUjhlnjYOZbGrcYKuqjz89Ucw==}
+  '@vue/compiler-ssr@3.5.33':
+    resolution: {integrity: sha512-IErjYdnj1qIupG5xxiVIYiiRvDhGWV4zuh/RCrwfYpuL+HWQzeU6lCk/nF9r7olWMnjKxCAkOctT2qFWFkzb1A==}
 
   '@vue/compiler-vue2@2.7.16':
     resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==}
 
-  '@vue/devtools-api@7.7.10':
-    resolution: {integrity: sha512-KxtEpUOOpFz/qOGRrAwA36QF7DqIA+FXgCYit9mk9wjbaZt0sXOFz81ElOZtKA4HbWHUdwNjZHBFsFFyp5BZiA==}
+  '@vue/devtools-api@7.7.9':
+    resolution: {integrity: sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==}
 
-  '@vue/devtools-kit@7.7.10':
-    resolution: {integrity: sha512-3WNi2Kq4tbpVbmhml7RiphmAt0279oh3fKNeWMQIrltfX8Q91b4i5PL8DtyNKdwmcsGrV4fg+erwWOmD05CLIw==}
+  '@vue/devtools-kit@7.7.9':
+    resolution: {integrity: sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==}
 
-  '@vue/devtools-shared@7.7.10':
-    resolution: {integrity: sha512-wOPslzB8vTvpxwdaOcR2qAbwmuSP0L+rhpoC6Cf56V3Jip+HWb7PQQXOUPgBNQARpXsbQX/+mvi8kKucmBGRwQ==}
+  '@vue/devtools-shared@7.7.9':
+    resolution: {integrity: sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==}
 
   '@vue/eslint-config-prettier@7.1.0':
     resolution: {integrity: sha512-Pv/lVr0bAzSIHLd9iz0KnvAr4GKyCEl+h52bc4e5yWuDVtLgFwycF7nrbWTAQAS+FU6q1geVd07lc6EWfJiWKQ==}
@@ -1920,10 +2007,9 @@ packages:
       eslint: '>= 7.28.0'
       prettier: '>= 2.0.0'
 
-  '@vue/eslint-config-typescript@14.9.0':
-    resolution: {integrity: sha512-E3j9hDlfVf10F30MRcLTPY2IIhWIx1nsvkVukk14kTcuA+oBVot9zsP1hzsO+PAMDxV3Fd9FimBJtUBNBL5KFA==}
+  '@vue/eslint-config-typescript@14.7.0':
+    resolution: {integrity: sha512-iegbMINVc+seZ/QxtzWiOBozctrHiF2WvGedruu2EbLujg9VuU0FQiNcN2z1ycuaoKKpF4m2qzB5HDEMKbxtIg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    hasBin: true
     peerDependencies:
       eslint: ^9.10.0 || ^10.0.0
       eslint-plugin-vue: ^9.28.0 || ^10.0.0
@@ -1940,25 +2026,25 @@ packages:
       typescript:
         optional: true
 
-  '@vue/language-core@3.3.6':
-    resolution: {integrity: sha512-LgBMZAy2sR3cQWknpyaxnI6yBkqDfLBPkbdhwRhQCvzfNJRQXPilgQIrdI/v4ytJ0sAq9bWhaPsjqBqneomJ3Q==}
+  '@vue/language-core@3.2.7':
+    resolution: {integrity: sha512-Gn4q/tRxbpVGLEuARQ43p3YELlNAFgRUVCgW9U5Cr+5q4vfD2bWDWpl3ABbJMXUt5xlE1dF8dkigg2aUq7JYYw==}
 
-  '@vue/reactivity@3.5.39':
-    resolution: {integrity: sha512-TpsuBJ9gGlZa5d23XcM2y8EXanz9dZeVDQBXRwzy46ItgvM+rWpzs+UVM0wcRLxGvcav0HE5jz2gNL53xlRAog==}
+  '@vue/reactivity@3.5.33':
+    resolution: {integrity: sha512-p8UfIqyIhb0rYGlSgSBV+lPhF2iUSBcRy7enhTmPqKWadHy9kcOFYF1AejYBP9P+avnd3OBbD49DU4pLWX/94A==}
 
-  '@vue/runtime-core@3.5.39':
-    resolution: {integrity: sha512-9GLtNyRvPAUMbX+7ono0RC2j0guo2LXVi8LvcmAooImACUKm0oFf0jjwbX8/H0AE/t1nxhAkn8RSl9PMCzzxZw==}
+  '@vue/runtime-core@3.5.33':
+    resolution: {integrity: sha512-UpFF45RI9//a7rvq7RdOQblb4tup7hHG9QsmIrxkFQLzQ7R8/iNQ5LE15NhLZ1/WcHMU2b47u6P33CPUelHyIQ==}
 
-  '@vue/runtime-dom@3.5.39':
-    resolution: {integrity: sha512-7Y6aAGboKcXAZ3ECuUy7RrS5yy2r47dhTp2SKaJmYxjopImaVFaNa5Ne66NwGovsrxVAl5S5rwc7m22UG7Lmww==}
+  '@vue/runtime-dom@3.5.33':
+    resolution: {integrity: sha512-IOxMsAOwquhfITgmOgaPYl7/j8gKUxUFoflRc+u4LxyD3+783xne8vNta1PONVCvCV9A0w7hkyEepINDqfO0tw==}
 
-  '@vue/server-renderer@3.5.39':
-    resolution: {integrity: sha512-yZSakiAGw85rZfG7UM8akMnIF+FmeiNk47uvHf2nVBBSe+dIKUhZuZq9+XgJhbV3nS5Z4ALH23/MpXofW+mbcw==}
+  '@vue/server-renderer@3.5.33':
+    resolution: {integrity: sha512-0xylq/8/h44lVG0pZFknv1XIdEgymq2E9n59uTWJBG+dIgiT0TMCSsxrN7nO16Z0MU0MPjFcguBbZV8Itk52Hw==}
     peerDependencies:
-      vue: 3.5.39
+      vue: 3.5.33
 
-  '@vue/shared@3.5.39':
-    resolution: {integrity: sha512-l1rrBtBfTnmxvtsvdQDXltUUy8S1Y+ZaqdfUzmAnJkTd8Z8rv5v/ytW+TKiqEOWyHPoqtPlNFSs0lhRmYVSHVA==}
+  '@vue/shared@3.5.33':
+    resolution: {integrity: sha512-5vR2QIlmaLG77Ygd4pMP6+SGQ5yox9VhtnbDWTy9DzMzdmeLxZ1QqxrywEZ9sa1AVubfIJyaCG3ytyWU81ufcQ==}
 
   '@vueuse/core@10.11.1':
     resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
@@ -1996,8 +2082,8 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  acorn@8.17.0:
-    resolution: {integrity: sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==}
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
@@ -2026,8 +2112,8 @@ packages:
   alien-signals@1.0.13:
     resolution: {integrity: sha512-OGj9yyTnJEttvzhTUWuscOvtqxq5vrhF7vL9oS0xJ2mK0ItPYP1/y+vCFebfxoEyAz0++1AIwJ5CMr+Fk3nDmg==}
 
-  alien-signals@3.2.1:
-    resolution: {integrity: sha512-I8FjmltrfnDFoZedi5CG8DghVYNhzb/Ijluz7tCSJH0xpd0484Kowhbb1XDYOxfJpU1p5wnM2X54dA+IfGyD1g==}
+  alien-signals@3.1.2:
+    resolution: {integrity: sha512-d9dYqZTS90WLiU0I5c6DHj/HcKkF8ZyGN3G5x8wSbslulz70KOxaqCT0hQCo9KOyhVqzqGojvNdJXoTumZOtcw==}
 
   ansi-align@3.0.1:
     resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
@@ -2138,8 +2224,8 @@ packages:
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
-  autoprefixer@10.5.2:
-    resolution: {integrity: sha512-rD5t5DwOjJdmSORcTq64j8MawTC+tbQ+HHqjR4NDumamy/ambn1UJrlKL+KdwujWxMkFjPM3pPHOEA9tl4767Q==}
+  autoprefixer@10.5.0:
+    resolution: {integrity: sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
@@ -2149,8 +2235,8 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  axios@1.18.1:
-    resolution: {integrity: sha512-3nTvFlvpn9Zu/RkHUqtc7/+al4UpRW5az71ap5zccp6e8RAYEzhMTecX8Dz1wWDYrPpUoB1HAQEGEAEvUr7S9g==}
+  axios@1.16.1:
+    resolution: {integrity: sha512-caYkukvroVPO8KrzuJEb50Hm07KwfBZPEC3VeFHTsqWHvKTsy54hjJz9BS/cdaypROE2rH6xvm9mHX4fgWkr3A==}
 
   babel-walk@3.0.0-canary-5:
     resolution: {integrity: sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==}
@@ -2163,8 +2249,8 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  baseline-browser-mapping@2.10.42:
-    resolution: {integrity: sha512-c/jurFrDLyui7o1J86yLkRu4LMsTYcBohveus7/I2Hzdn9KIP2bdJPTue/lR1KH46enoPbD77GKeSYNdyPoD3Q==}
+  baseline-browser-mapping@2.10.24:
+    resolution: {integrity: sha512-I2NkZOOrj2XuguvWCK6OVh9GavsNjZjK908Rq3mIBK25+GD8vPX5w2WdxVqnQ7xx3SrZJiCiZFu+/Oz50oSYSA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -2205,8 +2291,8 @@ packages:
     resolution: {integrity: sha512-JtIQYts08AFAYGF4eSh3pUt3NQkYV/e75pRtQmAVTLNWR/1L7Bsswxlgzgk8nmLEM+gFszsIlA9BgD3XnSqp3g==}
     engines: {node: '>=10'}
 
-  brace-expansion@5.0.7:
-    resolution: {integrity: sha512-7oFy703dxfY3/NLxC1fh2SUCQ0H9rmAY+5EpDVfXjUTTs+HEwR2nYaqLv+GWcTsumwxPfiz6CzCNkwXwBUwqCA==}
+  brace-expansion@5.0.6:
+    resolution: {integrity: sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==}
     engines: {node: 18 || 20 || >=22}
 
   braces@3.0.3:
@@ -2216,18 +2302,14 @@ packages:
   browser-assert@1.2.1:
     resolution: {integrity: sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==}
 
-  browserslist@4.28.5:
-    resolution: {integrity: sha512-Cu2E6QejHWzuDMTkuwgpABFgDfZrXLQq5V13YOACZx4mFAG4IwGTbTfHPMr4WtxlHoXSM8FIuRwYYCz5XiabaQ==}
+  browserslist@4.28.2:
+    resolution: {integrity: sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
-  buffer-image-size@0.6.4:
-    resolution: {integrity: sha512-nEh+kZOPY1w+gcCMobZ6ETUp9WfibndnosbpwB1iJk/8Gt5ZF2bhS6+B6bPYz424KtwsR6Rflc3tCz1/ghX2dQ==}
-    engines: {node: '>=4.0'}
-
   buffer@5.7.1:
     resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
 
@@ -2239,8 +2321,8 @@ packages:
     resolution: {integrity: sha512-hdsUxulXCi5STId78vRVYEtDAjq99ICAUktLTeTYsLoTE6Z8dS0c8pWNCxwdrk9YfJeobDZc2Y186hD/5ZQgFQ==}
     engines: {node: ^18.17.0 || >=20.5.0}
 
-  cacheable@2.5.0:
-    resolution: {integrity: sha512-60cyAOytib/OzBw1JNSoSV/boK1AtHryDIjvVBk7XbN4ugfkM3+Sry7fEjNgPMGgOjuaZPAp8ruZ0Cxafwyq9g==}
+  cacheable@2.3.4:
+    resolution: {integrity: sha512-djgxybDbw9fL/ZWMI3+CE8ZilNxcwFkVtDc1gJ+IlOSSWkSMPQabhV/XCHTQ6pwwN6aivXPZ43omTooZiX06Ew==}
 
   call-bind-apply-helpers@1.0.2:
     resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
@@ -2266,8 +2348,8 @@ packages:
     resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
     engines: {node: '>=10'}
 
-  caniuse-lite@1.0.30001802:
-    resolution: {integrity: sha512-vmv8ub2xwTNmljSKf82mtCk5JH7hC+YgzLj3P5zotvA0tPQ9016tdNNOG8WRca1IxOnhSsivB+J0z5FeE5LOUw==}
+  caniuse-lite@1.0.30001791:
+    resolution: {integrity: sha512-yk0l/YSrOnFZk3UROpDLQD9+kC1l4meK/wed583AXrzoarMGJcbRi2Q4RaUYbKxYAsZ8sWmaSa/DsLmdBeI1vQ==}
 
   case@1.6.3:
     resolution: {integrity: sha512-mzDSXIPaFwVDvZAHqZ9VlbyF4yyXRuX6IvB06WvPYkqJVO24kX1PPhv9bfpKNFZyxYFmmgo03HUiD8iklmJYRQ==}
@@ -2312,28 +2394,25 @@ packages:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
-  chokidar@5.0.0:
-    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
-    engines: {node: '>= 20.19.0'}
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
 
   chownr@3.0.0:
     resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
     engines: {node: '>=18'}
 
-  chromatic@16.10.0:
-    resolution: {integrity: sha512-nFsztmnu7rFiGafUJgXvLUNpqmRylz92eNvzBoJNTKKQj4EQUyxznwnfpf1dTs7hXtWD8JwcH92jADydaHA1sw==}
+  chromatic@13.3.5:
+    resolution: {integrity: sha512-MzPhxpl838qJUo0A55osCF2ifwPbjcIPeElr1d4SHcjnHoIcg7l1syJDrAYK/a+PcCBrOGi06jPNpQAln5hWgw==}
     hasBin: true
     peerDependencies:
       '@chromatic-com/cypress': ^0.*.* || ^1.0.0
       '@chromatic-com/playwright': ^0.*.* || ^1.0.0
-      '@chromatic-com/vitest': ^0.*.* || ^1.0.0
     peerDependenciesMeta:
       '@chromatic-com/cypress':
         optional: true
       '@chromatic-com/playwright':
         optional: true
-      '@chromatic-com/vitest':
-        optional: true
 
   clean-stack@2.2.0:
     resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
@@ -2460,13 +2539,9 @@ packages:
     resolution: {integrity: sha512-ROjNchA9LgfNMTTFSIWPzebCwOGFdgkEq45EnvvrmSLvCtAw0HSmrCs7/ty+wAeYUZyNay0YMUNYFTRL72PkBQ==}
     engines: {node: '>=16'}
 
-  conventional-changelog-angular@9.2.1:
-    resolution: {integrity: sha512-oWSL6ZhnXbYraOFTK3PgRAQJ8fADDAEv5K6AdeyQPLvjFmhG8+ejL0jZZp/R7vTmGJaBvZEE+sE7dB4bCv7sAw==}
-    engines: {node: '>=22'}
-
-  conventional-changelog-conventionalcommits@10.2.1:
-    resolution: {integrity: sha512-n4Kr1HFMTf3iMbES0TMxKIcYtUUv4rKqyQQp2JwfOEfFCOfGT3Tq4mCyJ8S9/YPyWhydjfKrrvnyl+gCjA+mJQ==}
-    engines: {node: '>=22'}
+  conventional-changelog-angular@8.3.1:
+    resolution: {integrity: sha512-6gfI3otXK5Ph5DfCOI1dblr+kN3FAm5a97hYoQkqNZxOaYa5WKfXH+AnpsmS+iUH2mgVC2Cg2Qw9m5OKcmNrIg==}
+    engines: {node: '>=18'}
 
   conventional-changelog-conventionalcommits@7.0.2:
     resolution: {integrity: sha512-NKXYmMR/Hr1DevQegFB4MwfM5Vv0m4UIxKZTTYuD98lpTknaZlSRrDOG4X7wIXpGkfsYxZTghUN+Qq+T0YQI7w==}
@@ -2490,9 +2565,9 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
-  conventional-commits-parser@7.0.1:
-    resolution: {integrity: sha512-6VtskFpPsNkGVk/TY2RnV/MEdKfvCPBtQZN9x8jh9+k5RWBQ+tiaWn5UFCzTr0Dd88iKx7xghxbjBRp5uIzp3g==}
-    engines: {node: '>=22'}
+  conventional-commits-parser@6.4.0:
+    resolution: {integrity: sha512-tvRg7FIBNlyPzjdG8wWRlPHQJJHI7DylhtRGeU9Lq+JuoPh5BKpPRX83ZdLrvXuOSu5Eo/e7SzOQhU4Hd2Miuw==}
+    engines: {node: '>=18'}
     hasBin: true
 
   convert-hrtime@5.0.0:
@@ -2521,8 +2596,8 @@ packages:
       cosmiconfig: '>=9'
       typescript: '>=5'
 
-  cosmiconfig@9.0.2:
-    resolution: {integrity: sha512-gtTZxTDau1wL7Y7zifc2dd8jHSK/k6BTx/2Xp/BpdlAdnlYWFVt7qhJqgwi7637yRwRQ3qL4ZidbB4I8tA5VOg==}
+  cosmiconfig@9.0.1:
+    resolution: {integrity: sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==}
     engines: {node: '>=14'}
     peerDependencies:
       typescript: '>=4.9.5'
@@ -2702,8 +2777,8 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
-  electron-to-chromium@1.5.387:
-    resolution: {integrity: sha512-TaxwufTFDufvPEoXdhwVrA3UdFWBeWGkYoJ1K8ldF1xe6gKfth6iRNS5lTQ5JPNOHdGQm8PT1QYKUqFLCiUefQ==}
+  electron-to-chromium@1.5.345:
+    resolution: {integrity: sha512-F9JXQGiMrz6yVNPI2qOVPvB9HzjH5cGzhs8oJ6A28V5L/YnzN/0KsuiibqF+F1Fd9qxFzD1BUnYSd8JfULxTwg==}
 
   emoji-regex@10.6.0:
     resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
@@ -2720,6 +2795,10 @@ packages:
   encoding@0.1.13:
     resolution: {integrity: sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==}
 
+  enhanced-resolve@5.21.6:
+    resolution: {integrity: sha512-aNnGCvbJ/RIyWo1IuhNdVjnNF+EjH9wpzpNHt+ci/m9He9LJvUN8wrCcXjp9cWsGNAuvSpVFTx/vraAFQ8qGjQ==}
+    engines: {node: '>=10.13.0'}
+
   entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
@@ -2750,10 +2829,6 @@ packages:
   error-ex@1.3.4:
     resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
 
-  es-abstract-get@1.0.0:
-    resolution: {integrity: sha512-6PMWXpdhshVvFp+FoWYs1EvG1Nj0tvk0dZM+XcK0xMEM1czRVcP6ohqPWHy6qPagSpC8j4+p89WXlT+xXJs/fg==}
-    engines: {node: '>= 0.4'}
-
   es-abstract@1.24.2:
     resolution: {integrity: sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==}
     engines: {node: '>= 0.4'}
@@ -2766,11 +2841,11 @@ packages:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
-  es-module-lexer@2.3.0:
-    resolution: {integrity: sha512-KLdwQm2NvGLDkQDCGvmiQrhkd0JbMzXthwQAUgWjQuQdBLFa3eiBP5arXZyA+f8x+x7OXgud6bq2rxjGtHV2tw==}
+  es-module-lexer@2.1.0:
+    resolution: {integrity: sha512-n27zTYMjYu1aj4MjCWzSP7G9r75utsaoc8m61weK+W8JMBGGQybd43GstCXZ3WNmSFtGT9wi59qQTW6mhTR5LQ==}
 
-  es-object-atoms@1.1.2:
-    resolution: {integrity: sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==}
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
     engines: {node: '>= 0.4'}
 
   es-set-tostringtag@2.1.0:
@@ -2781,12 +2856,12 @@ packages:
     resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
     engines: {node: '>= 0.4'}
 
-  es-to-primitive@1.3.4:
-    resolution: {integrity: sha512-yPDz7wqpg1/mmHLmS3tcfTfbw5f1eryXvyghYBffGdERwe+mV7ZcWzTR8LR17Kvqt3qfPurjlonmnq3MKXIOXw==}
+  es-to-primitive@1.3.0:
+    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
-  es-toolkit@1.49.0:
-    resolution: {integrity: sha512-G5iZ6Pc/FNRY/soKZHC+TxGDD83rHUDXxzaWhGCX44vAv/tMs56WMusnm/KMNK+luUPsgA9U28cGr4RDlSzL2g==}
+  es-toolkit@1.47.1:
+    resolution: {integrity: sha512-5RAqEwf4P4E17p+W75KLOWw/nOvKZzSQpxM32IpI2KZLaVonjTrZ0Ai5ghMaVI9eKC2p8eoQgcBdkEDgzFk6+Q==}
 
   es5-ext@0.10.64:
     resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
@@ -2846,8 +2921,8 @@ packages:
   eslint-import-resolver-node@0.3.10:
     resolution: {integrity: sha512-tRrKqFyCaKict5hOd244sL6EQFNycnMQnBe+j8uqGNXYzsImGbGUU4ibtoaBmv5FLwJwcFJNeg1GeVjQfbMrDQ==}
 
-  eslint-import-resolver-typescript@4.4.5:
-    resolution: {integrity: sha512-nbE5XLph6TLtGYcu/U6e6ZVXyKBhbDWK5cLGk76eJ7NdZpwf1P9EFkpt1Z01mNZNrrilsAYWKH6zUkL4reoXbw==}
+  eslint-import-resolver-typescript@4.4.4:
+    resolution: {integrity: sha512-1iM2zeBvrYmUNTj2vSC/90JTHDth+dfOfiNKkxApWRsTJYNrc8rOdxxIf5vazX+BiAXTeOT0UvWpGI/7qIWQOw==}
     engines: {node: ^16.17.0 || >=18.6.0}
     peerDependencies:
       eslint: '*'
@@ -2859,8 +2934,8 @@ packages:
       eslint-plugin-import-x:
         optional: true
 
-  eslint-module-utils@2.14.0:
-    resolution: {integrity: sha512-W2WCRZ9Dqntd+2u8jJcVMV2PKulc6RdLgUUoh/yQr3uB6lo/ZOeGx11sv60/8S4QFFKNslAlWhr9u0Ef7ZW6Ig==}
+  eslint-module-utils@2.12.1:
+    resolution: {integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
@@ -3029,8 +3104,8 @@ packages:
     resolution: {integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==}
     engines: {node: ^18.19.0 || >=20.5.0}
 
-  expect-type@1.4.0:
-    resolution: {integrity: sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==}
+  expect-type@1.3.0:
+    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
     engines: {node: '>=12.0.0'}
 
   exponential-backoff@3.1.3:
@@ -3066,8 +3141,8 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
-  fast-uri@4.1.0:
-    resolution: {integrity: sha512-ZodJ2cRiLVWGi9IgPb3mbgSqM4CD3LexCHkuv0FfBXHJI1ADfucTD06m6clO2Cy5RZYsw/SiCVl/dyrFI/SYWA==}
+  fast-uri@3.1.2:
+    resolution: {integrity: sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==}
 
   fastest-levenshtein@1.0.16:
     resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
@@ -3093,8 +3168,8 @@ packages:
     resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
     engines: {node: '>=18'}
 
-  file-entry-cache@11.1.5:
-    resolution: {integrity: sha512-+PFTHITI08JIGhnNpGNI8T8inUpgZfk3GNEqfT9R2zZV2iFXg3CvqzSl/uEhs7TSGujYRELEANyDvS8Fj7+S7Q==}
+  file-entry-cache@11.1.2:
+    resolution: {integrity: sha512-N2WFfK12gmrK1c1GXOqiAJ1tc5YE+R53zvQ+t5P8S5XhnmKYVB5eZEiLNZKDSmoG8wqqbF9EXYBBW/nef19log==}
 
   file-entry-cache@8.0.0:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
@@ -3103,6 +3178,10 @@ packages:
   file-uri-to-path@1.0.0:
     resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==}
 
+  filesize@10.1.6:
+    resolution: {integrity: sha512-sJslQKU2uM33qH5nqewAwVB2QgR6w1aMNsYUp3aN5rMRyXEwJGmZvaWzeJFNTOXWlHQyBFCWrdj3fV/fsTOX8w==}
+    engines: {node: '>= 10.4.0'}
+
   fill-range@7.1.1:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
@@ -3130,8 +3209,8 @@ packages:
     resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
     engines: {node: '>=16'}
 
-  flat-cache@6.1.23:
-    resolution: {integrity: sha512-f++BY9pTk+983xK1FLzlLpmM0i0z+jHmx3QESGkURMXujQZz1k5wzwX6hjnQ8goaD0B+sYnDK1yZ6MTyZfUaqA==}
+  flat-cache@6.1.22:
+    resolution: {integrity: sha512-N2dnzVJIphnNsjHcrxGW7DePckJ6haPrSFqpsBUhHYgwtKGVq4JrBGielEGD2fCVnsGm1zlBVZ8wGhkyuetgug==}
 
   flatted@3.4.2:
     resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==}
@@ -3163,8 +3242,8 @@ packages:
   from2@2.3.0:
     resolution: {integrity: sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==}
 
-  fs-extra@11.3.6:
-    resolution: {integrity: sha512-w8ZNZr2mKIc7qeNaQ9AVPT1+iFaI+Avd4xudVOvdDJ8VytREi1Ft5Ih7hd9jjehod8vAM5GMsfQ/TpPf4EyoEA==}
+  fs-extra@11.3.4:
+    resolution: {integrity: sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==}
     engines: {node: '>=14.14'}
 
   fs-minipass@3.0.3:
@@ -3183,8 +3262,8 @@ packages:
     resolution: {integrity: sha512-939eZS4gJ3htTHAldmyyuzlrD58P03fHG49v2JfFXbV6OhvZKRC9j2yAtdHw/zrp2zXHuv05zMIy40F0ge7spA==}
     engines: {node: '>=18'}
 
-  function.prototype.name@1.2.0:
-    resolution: {integrity: sha512-jObKIik1P2QjPHP5nz5BaOtUlfgS0fWo8IUByNXkM+o+02sJOi94em77GwJKQSJ3gfPHdgzLNrHc1uokV4P/ew==}
+  function.prototype.name@1.1.8:
+    resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
     engines: {node: '>= 0.4'}
 
   functions-have-names@1.2.3:
@@ -3202,8 +3281,8 @@ packages:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
 
-  get-east-asian-width@1.6.0:
-    resolution: {integrity: sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==}
+  get-east-asian-width@1.5.0:
+    resolution: {integrity: sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==}
     engines: {node: '>=18'}
 
   get-intrinsic@1.3.0:
@@ -3297,8 +3376,8 @@ packages:
     resolution: {integrity: sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==}
     engines: {node: '>=18'}
 
-  globby@16.2.1:
-    resolution: {integrity: sha512-JmsqJalahxxgW8V2ecSQ2G7UjPlI9cpKdrkG9KoNiXhd/YslXOTEB0cViENWUznuovIuNT+FkMbraDGjr4FCUg==}
+  globby@16.2.0:
+    resolution: {integrity: sha512-QrJia2qDf5BB/V6HYlDTs0I0lBahyjLzpGQg3KT7FnCdTonAyPy2RtY802m2k4ALx6Dp752f82WsOczEVr3l6Q==}
     engines: {node: '>=20'}
 
   globjoin@0.1.4:
@@ -3326,8 +3405,8 @@ packages:
     engines: {node: '>=0.4.7'}
     hasBin: true
 
-  happy-dom@20.10.6:
-    resolution: {integrity: sha512-6QD0ilzDDt93tX44y8tbmZdAcdTRYDhUP+Asgi6pC8Pp5IA3cvaZGyoVN/EGtlq9ziT65iPuBBn3ASLr6hCgVw==}
+  happy-dom@20.9.0:
+    resolution: {integrity: sha512-GZZ9mKe8r646NUAf/zemnGbjYh4Bt8/MqASJY+pSm5ZDtc3YQox+4gsLI7yi1hba6o+eCsGxpHn5+iEVn31/FQ==}
     engines: {node: '>=20.0.0'}
 
   has-bigints@1.1.0:
@@ -3368,6 +3447,10 @@ packages:
     resolution: {integrity: sha512-iZyKG96/JwPz1N55vj2Ie2vXbhu440zfUfJvSwEqEbeLluk7NnapfGqa7LH0mOsnDxTF85Mx8/dyR6HfqcbmbQ==}
     engines: {node: '>=20'}
 
+  hasown@2.0.3:
+    resolution: {integrity: sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==}
+    engines: {node: '>= 0.4'}
+
   hasown@2.0.4:
     resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==}
     engines: {node: '>= 0.4'}
@@ -3467,8 +3550,8 @@ packages:
     resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
     engines: {node: '>= 4'}
 
-  immutable@5.1.9:
-    resolution: {integrity: sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==}
+  immutable@5.1.5:
+    resolution: {integrity: sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==}
 
   import-fresh@3.3.1:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
@@ -3519,8 +3602,8 @@ packages:
     resolution: {integrity: sha512-2dYz766i9HprMBasCMvHMuazJ7u4WzhJwo5kb3iPSiW/iRYV6uPari3zHoqZlnuaR7V1bEiNMxikhp37rdBXbw==}
     engines: {node: '>=12'}
 
-  ip-address@10.2.0:
-    resolution: {integrity: sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==}
+  ip-address@10.1.1:
+    resolution: {integrity: sha512-1FMu8/N15Ck1BL551Jf42NYIoin2unWjLQ2Fze/DXryJRl5twqtwNHlO39qERGbIOcKYWHdgRryhOC+NG4eaLw==}
     engines: {node: '>= 12'}
 
   is-arguments@1.2.0:
@@ -3557,8 +3640,8 @@ packages:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
 
-  is-core-module@2.16.2:
-    resolution: {integrity: sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==}
+  is-core-module@2.16.1:
+    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
     engines: {node: '>= 0.4'}
 
   is-data-view@1.0.2:
@@ -3574,10 +3657,6 @@ packages:
     engines: {node: '>=8'}
     hasBin: true
 
-  is-document.all@1.0.0:
-    resolution: {integrity: sha512-+XSoyS05OdBbhFuELhgTCpFNHkpBOJqtsZfUFFpe5QTw+9Sjbh8zitxhQkYAo6wV7e1Vb8cAPvpCk9jGam/82g==}
-    engines: {node: '>= 0.4'}
-
   is-expression@4.0.0:
     resolution: {integrity: sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==}
 
@@ -3732,8 +3811,8 @@ packages:
     resolution: {integrity: sha512-zKa/Dxq2lGsBIXQ7CUZWTHfvxPC2ej0KfO7fIPqLlHB9J2hJ7rGhZ5rilhuufylr4RXYPzJUeFjKxz305OsNlA==}
     engines: {node: '>=10.13'}
 
-  issue-parser@7.0.2:
-    resolution: {integrity: sha512-7atWPjhGEIX3JEtMrOYd8TKzboYlq+5sNbdl9POiLYOI14G5HZiQbZP0Xj5EZdrufQVXfJlpTV0hys0CuxwxZw==}
+  issue-parser@7.0.1:
+    resolution: {integrity: sha512-3YZcUUR2Wt1WsapF+S/WiA2WmlW0cWAoPccMqne7AxEBhCdFeTPjfv/Axb8V2gyCgY3nRw+ksZ3xSUX+R47iAg==}
     engines: {node: ^18.17 || >=20.6.1}
 
   jackspeak@3.4.3:
@@ -3755,8 +3834,12 @@ packages:
     resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
     hasBin: true
 
-  js-base64@3.8.0:
-    resolution: {integrity: sha512-65kvbemyZhj+ExQt1PEFyBEjL5vAHysu1lJdW1AwhhChkO8ZBPizYk/m9GVrpbS2Je1hF+UYZ+6KywqtZV8mHw==}
+  jiti@2.7.0:
+    resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
+    hasBin: true
+
+  js-base64@3.7.8:
+    resolution: {integrity: sha512-hNngCeKxIUQiEUN3GPJOkz4wF/YvdUdbNL9hsBcMQTkKzboD7T/q3OYOuuPZLUE6dBxSGpwhk5mwuDud7JVAow==}
 
   js-stringify@1.0.2:
     resolution: {integrity: sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g==}
@@ -3996,8 +4079,8 @@ packages:
   lru-cache@10.4.3:
     resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
-  lru-cache@11.5.1:
-    resolution: {integrity: sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==}
+  lru-cache@11.3.5:
+    resolution: {integrity: sha512-NxVFwLAnrd9i7KUBxC4DrUhmgjzOs+1Qm50D3oF1/oL+r1NpZ4gA7xvG0/zJ8evR7zIKn4vLf7qTNduWFtCrRw==}
     engines: {node: 20 || >=22}
 
   lru-cache@5.1.1:
@@ -4049,6 +4132,9 @@ packages:
   mdn-data@2.27.1:
     resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
 
+  mdn-data@2.28.0:
+    resolution: {integrity: sha512-uy9AS1yt+wW5eUEefgE3lOpqPghanUttycV0GXKbiXyBjwvbeE8XPj4u1C+voRfz7dEjwU4NDHTMfZ/s/JtZrQ==}
+
   memoizee@0.4.17:
     resolution: {integrity: sha512-DGqD7Hjpi/1or4F/aYAspXKNm5Yili0QDAFAY4QYvpqpgiY6+1jOfqpmByzjxbWd/T9mChbCArXAbDAsTm5oXA==}
     engines: {node: '>=0.12'}
@@ -4171,11 +4257,11 @@ packages:
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
-  nan@2.28.0:
-    resolution: {integrity: sha512-fTsDz99OTq2sVePhGdp4qQhggZFtKr64ZNVyVajRKtMOkJxYekplBh577PiJB12v/D3s2E5cGtOI45LWp6rnLQ==}
+  nan@2.26.2:
+    resolution: {integrity: sha512-0tTvBTYkt3tdGw22nrAy50x7gpbGCCFH3AFcyS5WiUu7Eu4vWlri1woE6qHBSfy11vksDqkiwjOnlR7WV8G1Hw==}
 
-  nanoid@3.3.15:
-    resolution: {integrity: sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==}
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
@@ -4207,8 +4293,8 @@ packages:
     resolution: {integrity: sha512-Z3lTE9pLaJF47NyMhd4ww1yFTAP8YhYI8SleJiHzM46Fgpm5cnNzSl9XfzFNqbaz+VlJrIj3fXQ4DeN1Rjm6cw==}
     engines: {node: '>=18'}
 
-  node-exports-info@1.6.2:
-    resolution: {integrity: sha512-kXs9Go0cah0qHVV2v389IXQLdLCeE1xfFtjOAF+iobu0OIoG1pje8At2vMHyaPMiPMnG/LWP50twML21eMcAag==}
+  node-exports-info@1.6.0:
+    resolution: {integrity: sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==}
     engines: {node: '>= 0.4'}
 
   node-gyp@11.5.0:
@@ -4216,9 +4302,8 @@ packages:
     engines: {node: ^18.17.0 || >=20.5.0}
     hasBin: true
 
-  node-releases@2.0.50:
-    resolution: {integrity: sha512-J6l92tKHX6w8Jy5nO1Vuc01NoIiRGi/d6qBKVxh+IQ8Cr3b6HbVNfKiF8ZpFKufTwpwxMmce2W3iQZ861ZRyTg==}
-    engines: {node: '>=18'}
+  node-releases@2.0.38:
+    resolution: {integrity: sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==}
 
   nopt@8.1.0:
     resolution: {integrity: sha512-ieGu42u/Qsa4TFktmaKEwM6MQH0pOWnaB3htzh0JRtx84+Mebc0cbZYN5bC+6WTZ4+77xrL9Pn5m7CV6VIkV7A==}
@@ -4326,8 +4411,8 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
-  nwsapi@2.2.24:
-    resolution: {integrity: sha512-7YRhZ3jS45LwmSCT4b2sVFHt/WuovaktDU07QrtOBY2PXskss5a9jfmR9jptyumwXST+rFjrmppMY1KT/yn35A==}
+  nwsapi@2.2.23:
+    resolution: {integrity: sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==}
 
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
@@ -4365,9 +4450,8 @@ packages:
     resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
     engines: {node: '>= 0.4'}
 
-  obug@2.1.3:
-    resolution: {integrity: sha512-9miFgM2OFba7hB+pRgvtV84pYTBaoTHohvmIgiRt6dRIzbwEOIaNaP+dIlGs2fNFoB0SeISs0Jz5WFVRid6Xyg==}
-    engines: {node: '>=12.20.0'}
+  obug@2.1.1:
+    resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
 
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
@@ -4436,8 +4520,8 @@ packages:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
 
-  p-map@7.0.5:
-    resolution: {integrity: sha512-e8vJF4XdVkzqqSHguEMz41mQO1wKwxKm5ENrUJQUu9kLDCtn83cxbyHZcszr4QC5zEA7WffRRC4gsTecC7J9oA==}
+  p-map@7.0.4:
+    resolution: {integrity: sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==}
     engines: {node: '>=18'}
 
   p-reduce@2.1.0:
@@ -4548,8 +4632,8 @@ packages:
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
-  picomatch@4.0.5:
-    resolution: {integrity: sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==}
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
     engines: {node: '>=12'}
 
   pify@2.3.0:
@@ -4568,8 +4652,8 @@ packages:
     resolution: {integrity: sha512-C+VUP+8jis7EsQZIhDYmS5qlNtjv2yP4SNtjXK9AP1ZcTRlnSfuumaTnRfYZnYgUUYVIKqL0fRvmUGDV2fmp6g==}
     engines: {node: '>=4'}
 
-  pnpm@11.10.0:
-    resolution: {integrity: sha512-C3+LmAYAMZBMAX46QesYehbUDuuCm5XE+MsDaBdh/Eq1PdIZEVubRH9NzhoFohR2RGHn03AzkqnzL5URzoyGyA==}
+  pnpm@11.9.0:
+    resolution: {integrity: sha512-vWgtXQP+Ul73yf1ngMaITR51asTJyf4AxTh4KCQxDc+Q493E9Tg18G3669UIXkGFXgvLs7YN4qxburieUDbwOw==}
     engines: {node: '>=22.13'}
     hasBin: true
 
@@ -4653,12 +4737,12 @@ packages:
     resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
     engines: {node: '>=4'}
 
-  postcss-selector-parser@6.1.4:
-    resolution: {integrity: sha512-bIoJLOmjCO1S9XdY/DcnR5hJxvrDir1PbGChrzXG3vw0/FOliy/fA3dmdhQ441kah4gKv+TwckGzex6wNS5cnQ==}
+  postcss-selector-parser@6.1.2:
+    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
     engines: {node: '>=4'}
 
-  postcss-selector-parser@7.1.4:
-    resolution: {integrity: sha512-HeP7D2wyhkR+XaK6v4W8oRF62Dsz4flyuczALJp61GckGm42u1saSSJ/0auvcBqxs3jMRFEcPK34At/0JBKdOg==}
+  postcss-selector-parser@7.1.1:
+    resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
     engines: {node: '>=4'}
 
   postcss-sorting@10.0.0:
@@ -4669,8 +4753,8 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.5.16:
-    resolution: {integrity: sha512-vuwillviilfKZsg0VGj5R/YwwcHx4SLsIOI/7K6mQkWx+l5cUHTjj5g0AasTBcyXsbfTgrwsUNmVUb5xVwyPwg==}
+  postcss@8.5.12:
+    resolution: {integrity: sha512-W62t/Se6rA0Az3DfCL0AqJwXuKwBeYg6nOaIgzP+xZ7N5BFCI7DYi1qs6ygUYT6rvfi6t9k65UMLJC+PHZpDAA==}
     engines: {node: ^10 || ^12 || >=14}
 
   prelude-ls@1.2.1:
@@ -4686,8 +4770,8 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
 
-  prettier@3.9.4:
-    resolution: {integrity: sha512-yWG/o/4oJfo036EKAfK6ACAoDOfHeRHx4tuxkfBZiauURiaSmYwlpOr5LQqKtIkRD2z1PLteme2WoxEnj4tHTg==}
+  prettier@3.8.3:
+    resolution: {integrity: sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -4702,11 +4786,6 @@ packages:
   primeflex@3.3.1:
     resolution: {integrity: sha512-zaOq3YvcOYytbAmKv3zYc+0VNS9Wg5d37dfxZnveKBFPr7vEIwfV5ydrpiouTft8MVW6qNjfkaQphHSnvgQbpQ==}
 
-  primevue@3.35.0:
-    resolution: {integrity: sha512-p1YTxBtxG9SyGvHKRqO0LbacJZUYJfUOPgLu7kwhXR34E1Rcmu6iDBnZ2c3jkH+wmRL4fMzQmNnpX6DUrLtGfQ==}
-    peerDependencies:
-      vue: ^3.0.0
-
   primevue@3.47.2:
     resolution: {integrity: sha512-/vgIhc2vxNW8amBGBJX/NMBgWi/THOwT0DIPgy/aswJ86x+uwLwGtjNz22c/uSE5UkHu4E5rpktWOJtFvTbRPg==}
     peerDependencies:
@@ -4784,12 +4863,12 @@ packages:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
-  qified@0.10.1:
-    resolution: {integrity: sha512-+Owyggi9IxT1ePKGafcI87ubSmxol6smwJ+RAHDQlx9+9cPwFWDiKFFCPuWhr9ignlGpZ9vDQLw67N4dcTVFEA==}
+  qified@0.9.1:
+    resolution: {integrity: sha512-n7mar4T0xQ+39dE2vGTAlbxUEpndwPANH0kDef1/MYsB8Bba9wshkybIRx74qgcvKQPEWErf9AqAdYjhzY2Ilg==}
     engines: {node: '>=20'}
 
-  qs@6.15.3:
-    resolution: {integrity: sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==}
+  qs@6.15.2:
+    resolution: {integrity: sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==}
     engines: {node: '>=0.6'}
 
   querystringify@2.2.0:
@@ -4802,16 +4881,16 @@ packages:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
 
-  react-dom@19.2.7:
-    resolution: {integrity: sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==}
+  react-dom@19.2.5:
+    resolution: {integrity: sha512-J5bAZz+DXMMwW/wV3xzKke59Af6CHY7G4uYLN1OvBcKEsWOs4pQExj86BBKamxl/Ik5bx9whOrvBlSDfWzgSag==}
     peerDependencies:
-      react: ^19.2.7
+      react: ^19.2.5
 
   react-is@17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
 
-  react@19.2.7:
-    resolution: {integrity: sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==}
+  react@19.2.5:
+    resolution: {integrity: sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA==}
     engines: {node: '>=0.10.0'}
 
   read-cache@1.0.0:
@@ -4841,12 +4920,12 @@ packages:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
 
-  readdirp@5.0.0:
-    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
-    engines: {node: '>= 20.19.0'}
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
 
-  recast@0.23.12:
-    resolution: {integrity: sha512-dEWRjcINDu/F4l2dYx57ugBtD7HV9KXESyxhzw/MqWLeglJrsjJKqACPyUPg+6AF8mIgm+Zi0dZ3ACoIg+QtpA==}
+  recast@0.23.11:
+    resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
 
   redent@3.0.0:
@@ -4892,8 +4971,8 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
-  resolve@2.0.0-next.7:
-    resolution: {integrity: sha512-tqt+NBWwyaMgw3zDsnygx4CByWjQEJHOPMdslYhppaQSJUtL/D4JO9CcBBlhPoI8lz9oJIDXkwXfhF4aWqP8xQ==}
+  resolve@2.0.0-next.6:
+    resolution: {integrity: sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA==}
     engines: {node: '>= 0.4'}
     hasBin: true
 
@@ -4916,9 +4995,9 @@ packages:
   rfdc@1.4.1:
     resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
 
-  rolldown@1.1.4:
-    resolution: {integrity: sha512-IjZYiLxZwpnhwhdBH2ugdTGVSdhCQUmLxLoqyjiL0JxYjyRst+5a0P3xfrTxJ5F638j4Mvvw5FAX5XE6eHpXbA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  rollup@4.60.2:
+    resolution: {integrity: sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
   rrweb-cssom@0.7.1:
@@ -4951,9 +5030,9 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  sass@1.101.0:
-    resolution: {integrity: sha512-OL3GoQyoUdDt843DpVmDO6y2k1sc5IhUDSpu8XucEI+35neq5QivZ1iuegnpraEVTJXlQGK1gl27zKcTLEPbQw==}
-    engines: {node: '>=20.19.0'}
+  sass@1.99.0:
+    resolution: {integrity: sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==}
+    engines: {node: '>=14.0.0'}
     hasBin: true
 
   sax@1.6.0:
@@ -4987,8 +5066,8 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  semver@7.8.5:
-    resolution: {integrity: sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==}
+  semver@7.7.4:
+    resolution: {integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -5024,8 +5103,8 @@ packages:
     resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
     engines: {node: '>= 0.4'}
 
-  side-channel@1.1.1:
-    resolution: {integrity: sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==}
+  side-channel@1.1.0:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
   siginfo@2.0.0:
@@ -5077,8 +5156,8 @@ packages:
     resolution: {integrity: sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==}
     engines: {node: '>= 14'}
 
-  socks@2.8.9:
-    resolution: {integrity: sha512-LJhUYUvItdQ0LkJTmPeaEObWXAqFyfmP85x0tch/ez9cahmhlBBLbIqDFnvBnUJGagb0JbIQrkBs1wJ+yRYpEw==}
+  socks@2.8.8:
+    resolution: {integrity: sha512-NlGELfPrgX2f1TAAcz0WawlLn+0r3FyhhCRpFFK2CemXenPYvzMWWZINv3eDNo9ucdwme7oCHRY0Jnbs4aIkog==}
     engines: {node: '>= 10.0.0', npm: '>= 3.0.0'}
 
   source-map-js@1.2.1:
@@ -5168,12 +5247,12 @@ packages:
     resolution: {integrity: sha512-IIaP0g3iy9Cyy18w3M9YcaDudujEAVHKt3a3QJg1+sr/oX96TbaGUubG0hJyCjCBThFH+tFpcIyoUHUn1ogaLA==}
     engines: {node: '>=20'}
 
-  string.prototype.trim@1.2.11:
-    resolution: {integrity: sha512-PwvK7BU+CMTJGYQCTZb5RWXIML92lftJLhQz1tBzgKiqGxJaMlBAa48POXaNAC2s4y8jr3EFqrkF9+44neS46w==}
+  string.prototype.trim@1.2.10:
+    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
     engines: {node: '>= 0.4'}
 
-  string.prototype.trimend@1.0.10:
-    resolution: {integrity: sha512-2+3aDAOmPTmuFwjDnmJG2ctEkQKVki7vOSqaxkv42Mowj1V6PnvuwFCRrR5lChUux1TBskPjfkeTOhqczDMxTw==}
+  string.prototype.trimend@1.0.9:
+    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
     engines: {node: '>= 0.4'}
 
   string.prototype.trimstart@1.0.8:
@@ -5274,14 +5353,14 @@ packages:
     peerDependencies:
       stylelint: ^16.18.0 || ^17.0.0
 
-  stylelint-scss@7.2.0:
-    resolution: {integrity: sha512-6E79Bachv0Iz0gqRUZgdqdXCsiq26DWBWIBNHYtjTmAp3wJu6cp/I37VfW7BPntmh2puF3bY09XWl4HZGrLhzw==}
+  stylelint-scss@7.0.0:
+    resolution: {integrity: sha512-H88kCC+6Vtzj76NsC8rv6x/LW8slBzIbyeSjsKVlS+4qaEJoDrcJR4L+8JdrR2ORdTscrBzYWiiT2jq6leYR1Q==}
     engines: {node: '>=20.19.0'}
     peerDependencies:
       stylelint: ^16.8.2 || ^17.0.0
 
-  stylelint@17.14.0:
-    resolution: {integrity: sha512-8xkHPpdqYryeIsOgfsYTmr6cIeC4nLYWk5S8BPxpodq8mIuepggkMljsHewWfuAjj/+qpRKou2QerhjMH3iasg==}
+  stylelint@17.9.1:
+    resolution: {integrity: sha512-THTmnAPJTrg/JhkTWZlSyrO+HUYMx6ELthIHeMyD2WOKqXIJUFQv2Yxn91bvUrZdbBJaW2dUuQdPST2wcQ6C3g==}
     engines: {node: '>=20.19.0'}
     hasBin: true
 
@@ -5314,8 +5393,8 @@ packages:
     resolution: {integrity: sha512-zFObLMyZeEwzAoKCyu1B91U79K2t7ApXuQfo8OuxwXLDgcKxuwM+YvcbIhm6QWqz7mHUH1TVytR1PwVVjEuMig==}
     engines: {node: '>=14.18'}
 
-  supports-hyperlinks@4.5.0:
-    resolution: {integrity: sha512-ZW2OvfeCXrNTbLakPUzjQG922EeGCOteFSVoek5DKStTh898wf7zgtuFlzQN8HfZCxC3Eh02yJVrRW51hADf+w==}
+  supports-hyperlinks@4.4.0:
+    resolution: {integrity: sha512-UKbpT93hN5Nr9go5UY7bopIB9YQlMz9nm/ct4IXt/irb5YRkn9WaqrOBJGZ5Pwvsd5FQzSVeYlGdXoCAPQZrPg==}
     engines: {node: '>=20'}
 
   supports-preserve-symlinks-flag@1.0.0:
@@ -5329,8 +5408,8 @@ packages:
   svg-tags@1.0.0:
     resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
 
-  svg2ttf@6.1.0:
-    resolution: {integrity: sha512-EjxgcmhKcBpx/3fR1hPwVtJAbUc/ZsDpwOTF74SI3PbzCg4pDHnxVmoSuqgEqxVJGqqkSCI6+82cucpn2D5aOw==}
+  svg2ttf@6.0.3:
+    resolution: {integrity: sha512-CgqMyZrbOPpc+WqH7aga4JWkDPso23EgypLsbQ6gN3uoPWwwiLjXvzgrwGADBExvCRJrWFzAeK1bSoSpE7ixSQ==}
     hasBin: true
 
   svgicons2svgfont@15.0.1:
@@ -5359,6 +5438,13 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
+  tailwindcss@4.3.2:
+    resolution: {integrity: sha512-WtctNNSH8A9jlMIqxzuYumOHU5uGZyRv0Q5svQl+oEPy5w84YpBxdb7MdqyiSPQge5jTJ6zFQLq0PFygdccSBA==}
+
+  tapable@2.3.3:
+    resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
+    engines: {node: '>=6'}
+
   tar@7.5.19:
     resolution: {integrity: sha512-4LeEWl96twnS2Q7Bz4MGqgazLqO+hJN63GZxXoIqh1T3VweYD997gbU1ItNsQafqqXTXd5WFyFdReLtwvRBNiw==}
     engines: {node: '>=18'}
@@ -5371,8 +5457,8 @@ packages:
     resolution: {integrity: sha512-d79HhZya5Djd7am0q+W4RTsSU+D/aJzM+4Y4AGJGuGlgM2L6sx5ZvOYTmZjqPhrDrV6xJTtRSm1JCLj6V6LHLQ==}
     engines: {node: '>=14.16'}
 
-  terser@5.48.0:
-    resolution: {integrity: sha512-J/9An6vs9Us6wKRriSFXBWdRZapREHqFzdNUKk0pmu804EMR6dr6winwo7e5JDxN4xahxQsuysyYFwlwj4XN/Q==}
+  terser@5.46.2:
+    resolution: {integrity: sha512-uxfo9fPcSgLDYob/w1FuL0c99MWiJDnv+5qXSQc5+Ki5NjVNsYi66INnMFBjf6uFz6OnX12piJQPF4IpjJTNTw==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -5413,12 +5499,12 @@ packages:
   tinycolor2@1.6.0:
     resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
 
-  tinyexec@1.2.4:
-    resolution: {integrity: sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==}
+  tinyexec@1.1.2:
+    resolution: {integrity: sha512-dAqSqE/RabpBKI8+h26GfLq6Vb3JVXs30XYQjdMjaj/c2tS8IYYMbIzP599KtRj7c57/wYApb3QjgRgXmrCukA==}
     engines: {node: '>=18'}
 
-  tinyglobby@0.2.17:
-    resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
+  tinyglobby@0.2.16:
+    resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==}
     engines: {node: '>=12.0.0'}
 
   tinyrainbow@1.2.0:
@@ -5461,8 +5547,8 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4'
 
-  ts-dedent@2.3.0:
-    resolution: {integrity: sha512-JfJeIHke7y2egdGGgRAvpCwYFUsHlM2gPcrVOxFkznt/4uzQ7HFmvE63iFHVLBJNDuyDOQgijDK/tXH/f6Msjg==}
+  ts-dedent@2.2.0:
+    resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
     engines: {node: '>=6.10'}
 
   ts-interface-checker@0.1.13:
@@ -5546,12 +5632,12 @@ packages:
     resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
     engines: {node: '>= 0.4'}
 
-  typed-array-length@1.0.8:
-    resolution: {integrity: sha512-phPGCwqr2+Qo0fwniCE8e4pKnGu/yFb5nD5Y8bf0EEeiI5GklnACYA9GFy/DrAeRrKHXvHn+1SUsOWgJp6RO+g==}
+  typed-array-length@1.0.7:
+    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
-  typescript-eslint@8.62.1:
-    resolution: {integrity: sha512-vymnnM5g0AKQDSAyfP12nMIBvgwgA42syg74kkuZ4x1VuTzwQKwc5h9rGxeShCjny5o+zWAb6OEoz7XLgrIkIw==}
+  typescript-eslint@8.59.1:
+    resolution: {integrity: sha512-xqDcFVBmlrltH64lklOVp1wYxgJr6LVdg3NamBgH2OOQDLFdTKfIZXF5PfghrnXQKXZGTQs8tr1vL7fJvq8CTQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
@@ -5576,12 +5662,12 @@ packages:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
 
-  undici-types@8.3.0:
-    resolution: {integrity: sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==}
+  undici-types@7.19.2:
+    resolution: {integrity: sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==}
 
-  undici@8.7.0:
-    resolution: {integrity: sha512-N7iQtfyLhIMOFgQubvmLV26svHpO0bqKnAiWotTQCVKCmWrcGbBotPuW1x+xwYZ2VHdSTVUfPQQnlEt1/LouTQ==}
-    engines: {node: '>=22.19.0'}
+  undici@7.28.0:
+    resolution: {integrity: sha512-cRZYrTDwWznlnRiPjggAGxZXanty6M8RV1ff8Wm4LWXBp7/IG8v5DnOm74DtUBp9OONpK75YlPnIjQqX0dBDtA==}
+    engines: {node: '>=20.18.1'}
 
   unicode-emoji-modifier-base@1.0.0:
     resolution: {integrity: sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g==}
@@ -5636,8 +5722,8 @@ packages:
     resolution: {integrity: sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==}
     engines: {node: '>=14.0.0'}
 
-  unrs-resolver@1.12.2:
-    resolution: {integrity: sha512-dmlRxBJJayXjqTwC+JtF1HhJmgf3ftQ3YejFcZrf4+KKtJv0qDsK1pjqaaVjG7wJ5NJ6UVP1OqRMQ71Z4C3rxQ==}
+  unrs-resolver@1.11.1:
+    resolution: {integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==}
 
   update-browserslist-db@1.2.3:
     resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
@@ -5664,8 +5750,8 @@ packages:
   util@0.12.5:
     resolution: {integrity: sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==}
 
-  uuid@14.0.1:
-    resolution: {integrity: sha512-6ZxzVpzDXDa3bJWaHilVayA+BH/1zmxCJoVgvmqJnid/gPoKHxUrS/aC/T6LGQtNHT+XHG9fXPJB4d+IrU30Ew==}
+  uuid@14.0.0:
+    resolution: {integrity: sha512-Qo+uWgilfSmAhXCMav1uYFynlQO7fMFiMVZsQqZRMIXp0O7rR7qjkj+cPvBHLgBqi960QCoo/PH2/6ZtVqKvrg==}
     hasBin: true
 
   validate-npm-package-license@3.0.4:
@@ -5676,34 +5762,31 @@ packages:
     peerDependencies:
       vue: ^3.4.26
 
-  vite@8.1.3:
-    resolution: {integrity: sha512-Ds+gBRbj0lwRO2Y5hwnUBdxSwlAve9LeRyU4sNnAr0ewW0gWF0n5bgXgUzbgZ49MV9BVUAQUFYVcDUcilUExMA==}
-    engines: {node: ^20.19.0 || >=22.12.0}
+  vite@6.4.3:
+    resolution: {integrity: sha512-NTKlcQjlAK7MlQoyb6LgaqHc8sso/pVyUJYWMws3jg21uTJw/LddqIFPcPqP6PzpgbIcZyKI85sFE4HBrQDA8A==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
-      '@types/node': ^20.19.0 || >=22.12.0
-      '@vitejs/devtools': ^0.3.0
-      esbuild: ^0.27.0 || ^0.28.0
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
       jiti: '>=1.21.0'
-      less: ^4.0.0
-      sass: ^1.70.0
-      sass-embedded: ^1.70.0
-      stylus: '>=0.54.8'
-      sugarss: ^5.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      sass-embedded: '*'
+      stylus: '*'
+      sugarss: '*'
       terser: ^5.16.0
       tsx: ^4.8.1
       yaml: ^2.4.2
     peerDependenciesMeta:
       '@types/node':
         optional: true
-      '@vitejs/devtools':
-        optional: true
-      esbuild:
-        optional: true
       jiti:
         optional: true
       less:
         optional: true
+      lightningcss:
+        optional: true
       sass:
         optional: true
       sass-embedded:
@@ -5719,20 +5802,20 @@ packages:
       yaml:
         optional: true
 
-  vitest@4.1.10:
-    resolution: {integrity: sha512-R9jUTe5S4Qb0HCd4TNqpC7oGcrMssMRGXLW80ubjWsW9VH5GF8y1Y0SFLY9AbqSk6nt0PnOx4H4WNJYZ13GUPw==}
+  vitest@4.1.8:
+    resolution: {integrity: sha512-flY6ScbCIt9HThs+C5HS7jvGOB560DJtk/Z15IQROTA6zEy49Nh8T/dofWTQL+n3vswqn87sbJNiuqw1SDp5Ig==}
     engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@opentelemetry/api': ^1.9.0
       '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
-      '@vitest/browser-playwright': 4.1.10
-      '@vitest/browser-preview': 4.1.10
-      '@vitest/browser-webdriverio': 4.1.10
-      '@vitest/coverage-istanbul': 4.1.10
-      '@vitest/coverage-v8': 4.1.10
-      '@vitest/ui': 4.1.10
+      '@vitest/browser-playwright': 4.1.8
+      '@vitest/browser-preview': 4.1.8
+      '@vitest/browser-webdriverio': 4.1.8
+      '@vitest/coverage-istanbul': 4.1.8
+      '@vitest/coverage-v8': 4.1.8
+      '@vitest/ui': 4.1.8
       happy-dom: '*'
       jsdom: '*'
       vite: '>=6.4.3'
@@ -5797,8 +5880,8 @@ packages:
     peerDependencies:
       vue: '>=2'
 
-  vue-eslint-parser@10.4.1:
-    resolution: {integrity: sha512-Gk6gRDj0n/fkRa3C3l0bBheoBckUq/Rs0F/TvMWIS6nzzx67amAViMe9CkNgsP2tXyQONvGiHQESHwFtZ3aYDA==}
+  vue-eslint-parser@10.4.0:
+    resolution: {integrity: sha512-Vxi9pJdbN3ZnVGLODVtZ7y4Y2kzAAE2Cm0CZ3ZDRvydVYxZ6VrnBhLikBsRS+dpwj4Jv4UCv21PTEwF5rQ9WXg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
@@ -5814,8 +5897,8 @@ packages:
     peerDependencies:
       vue: '>=2'
 
-  vue-tsc@3.3.6:
-    resolution: {integrity: sha512-ERXGgbKSBGFUkavrJ1Iwj0ZVxKqB/5UOx65IXy7fPf2UsoI21n3ssQLwdvx8xyUGgJe9PvSZTM/FYzIdwUDPFA==}
+  vue-tsc@3.2.7:
+    resolution: {integrity: sha512-zc1tL3HoQni1zGTGrwBVRQb7rGP5SWdu/m4rGB6JcnAC5MT5LFZIxF7Y+EJEnt4hGF23d60rXH7gRjHGb5KQQQ==}
     hasBin: true
     peerDependencies:
       typescript: '>=5.0.0'
@@ -5838,8 +5921,8 @@ packages:
       vue: ^3.2.6
       vue-types: ^4.1.0
 
-  vue@3.5.39:
-    resolution: {integrity: sha512-xmZCYabFGcirU8r0fTuvl/LICc1OU620rnqepaJDL/a141ZigkG7AyaxQLdqJ02ZRYzWe6YPaDHeQx7MfknQfA==}
+  vue@3.5.33:
+    resolution: {integrity: sha512-1AgChhx5w3ALgT4oK3acm2Es/7jyZhWSVUfs3rOBlGQC0rjEDkS7G4lWlJJGGNQD+BV3reCwbQrOe1mPNwKHBQ==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -5897,8 +5980,8 @@ packages:
     resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
     engines: {node: '>= 0.4'}
 
-  which-typed-array@1.1.22:
-    resolution: {integrity: sha512-fvO4ExWMFsqyhG3AiPAObMuY1lxaqgYcxbc49CNdWDDECOJNgQyvsOWVwbZc+qf3rzRtxojBK+CMEv0Ld5CYpw==}
+  which-typed-array@1.1.20:
+    resolution: {integrity: sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==}
     engines: {node: '>= 0.4'}
 
   which@1.3.1:
@@ -5995,8 +6078,8 @@ packages:
     resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
     engines: {node: '>=18'}
 
-  yaml@2.9.0:
-    resolution: {integrity: sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==}
+  yaml@2.8.3:
+    resolution: {integrity: sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==}
     engines: {node: '>= 14.6'}
     hasBin: true
 
@@ -6012,12 +6095,12 @@ packages:
     resolution: {integrity: sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=23}
 
-  yargs@16.2.2:
-    resolution: {integrity: sha512-Nt9ZJjXTv5R8MHbqby/wXQ6Gi0Bb3TcYZkR1bzuL4yB2OxWPkXknz513gEF0GoA6tn00UpbPvERW8rzCuWCA6w==}
+  yargs@16.2.0:
+    resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
     engines: {node: '>=10'}
 
-  yargs@17.7.3:
-    resolution: {integrity: sha512-GZtjxm/J/4TSxuL3FNYjCmLktBTnIw/rVmKSIyKeYAZpmJB2ig9VauCC5xsa82GNKVKDAqpOn3KVzNt0zmrU0g==}
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
     engines: {node: '>=12'}
 
   yargs@18.0.0:
@@ -6061,6 +6144,12 @@ snapshots:
       '@csstools/css-tokenizer': 3.0.4
       lru-cache: 10.4.3
 
+  '@babel/code-frame@7.29.0':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.29.7
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
   '@babel/code-frame@7.29.7':
     dependencies:
       '@babel/helper-validator-identifier': 7.29.7
@@ -6101,7 +6190,7 @@ snapshots:
     dependencies:
       '@babel/compat-data': 7.29.7
       '@babel/helper-validator-option': 7.29.7
-      browserslist: 4.28.5
+      browserslist: 4.28.2
       lru-cache: 5.1.1
       semver: 6.3.1
 
@@ -6134,11 +6223,15 @@ snapshots:
       '@babel/template': 7.29.7
       '@babel/types': 7.29.7
 
+  '@babel/parser@7.29.2':
+    dependencies:
+      '@babel/types': 7.29.7
+
   '@babel/parser@7.29.7':
     dependencies:
       '@babel/types': 7.29.7
 
-  '@babel/runtime@7.29.7': {}
+  '@babel/runtime@7.29.2': {}
 
   '@babel/template@7.29.7':
     dependencies:
@@ -6163,42 +6256,41 @@ snapshots:
       '@babel/helper-string-parser': 7.29.7
       '@babel/helper-validator-identifier': 7.29.7
 
-  '@cacheable/memory@2.2.0':
+  '@cacheable/memory@2.0.8':
     dependencies:
-      '@cacheable/utils': 2.5.0
+      '@cacheable/utils': 2.4.1
       '@keyv/bigmap': 1.3.1(keyv@5.6.0)
       hookified: 1.15.1
       keyv: 5.6.0
 
-  '@cacheable/utils@2.5.0':
+  '@cacheable/utils@2.4.1':
     dependencies:
       hashery: 1.5.1
       keyv: 5.6.0
 
-  '@chromatic-com/storybook@5.2.1(storybook@8.6.18(prettier@3.9.4))':
+  '@chromatic-com/storybook@5.1.2(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
       '@neoconfetti/react': 1.0.0
-      chromatic: 16.10.0
+      chromatic: 13.3.5
+      filesize: 10.1.6
       jsonfile: 6.2.1
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
       strip-ansi: 7.2.0
     transitivePeerDependencies:
       - '@chromatic-com/cypress'
       - '@chromatic-com/playwright'
-      - '@chromatic-com/vitest'
 
   '@colors/colors@1.5.0':
     optional: true
 
-  '@commitlint/cli@21.2.0(@types/node@26.1.0)(typescript@6.0.3)':
+  '@commitlint/cli@21.0.2(@types/node@25.6.0)(conventional-commits-parser@6.4.0)(typescript@6.0.3)':
     dependencies:
-      '@commitlint/config-conventional': 21.2.0
-      '@commitlint/format': 21.2.0
-      '@commitlint/lint': 21.2.0
-      '@commitlint/load': 21.2.0(@types/node@26.1.0)(typescript@6.0.3)
-      '@commitlint/read': 21.2.0
-      '@commitlint/types': 21.2.0
-      tinyexec: 1.2.4
+      '@commitlint/format': 21.0.1
+      '@commitlint/lint': 21.0.2
+      '@commitlint/load': 21.0.2(@types/node@25.6.0)(typescript@6.0.3)
+      '@commitlint/read': 21.0.2(conventional-commits-parser@6.4.0)
+      '@commitlint/types': 21.0.1
+      tinyexec: 1.1.2
       yargs: 18.0.0
     transitivePeerDependencies:
       - '@types/node'
@@ -6206,106 +6298,101 @@ snapshots:
       - conventional-commits-parser
       - typescript
 
-  '@commitlint/config-conventional@21.2.0':
-    dependencies:
-      '@commitlint/types': 21.2.0
-      conventional-changelog-conventionalcommits: 10.2.1
-
-  '@commitlint/config-validator@21.2.0':
+  '@commitlint/config-validator@21.0.1':
     dependencies:
-      '@commitlint/types': 21.2.0
+      '@commitlint/types': 21.0.1
       ajv: 8.20.0
 
-  '@commitlint/ensure@21.2.0':
+  '@commitlint/ensure@21.0.1':
     dependencies:
-      '@commitlint/types': 21.2.0
-      es-toolkit: 1.49.0
+      '@commitlint/types': 21.0.1
+      es-toolkit: 1.47.1
 
   '@commitlint/execute-rule@21.0.1': {}
 
-  '@commitlint/format@21.2.0':
+  '@commitlint/format@21.0.1':
     dependencies:
-      '@commitlint/types': 21.2.0
+      '@commitlint/types': 21.0.1
       picocolors: 1.1.1
 
-  '@commitlint/is-ignored@21.2.0':
+  '@commitlint/is-ignored@21.0.2':
     dependencies:
-      '@commitlint/types': 21.2.0
-      semver: 7.8.5
+      '@commitlint/types': 21.0.1
+      semver: 7.7.4
 
-  '@commitlint/lint@21.2.0':
+  '@commitlint/lint@21.0.2':
     dependencies:
-      '@commitlint/is-ignored': 21.2.0
-      '@commitlint/parse': 21.2.0
-      '@commitlint/rules': 21.2.0
-      '@commitlint/types': 21.2.0
+      '@commitlint/is-ignored': 21.0.2
+      '@commitlint/parse': 21.0.2
+      '@commitlint/rules': 21.0.2
+      '@commitlint/types': 21.0.1
 
-  '@commitlint/load@21.2.0(@types/node@26.1.0)(typescript@6.0.3)':
+  '@commitlint/load@21.0.2(@types/node@25.6.0)(typescript@6.0.3)':
     dependencies:
-      '@commitlint/config-validator': 21.2.0
+      '@commitlint/config-validator': 21.0.1
       '@commitlint/execute-rule': 21.0.1
-      '@commitlint/resolve-extends': 21.2.0
-      '@commitlint/types': 21.2.0
-      cosmiconfig: 9.0.2(typescript@6.0.3)
-      cosmiconfig-typescript-loader: 6.3.0(@types/node@26.1.0)(cosmiconfig@9.0.2(typescript@6.0.3))(typescript@6.0.3)
-      es-toolkit: 1.49.0
+      '@commitlint/resolve-extends': 21.0.1
+      '@commitlint/types': 21.0.1
+      cosmiconfig: 9.0.1(typescript@6.0.3)
+      cosmiconfig-typescript-loader: 6.3.0(@types/node@25.6.0)(cosmiconfig@9.0.1(typescript@6.0.3))(typescript@6.0.3)
+      es-toolkit: 1.47.1
       is-plain-obj: 4.1.0
       picocolors: 1.1.1
     transitivePeerDependencies:
       - '@types/node'
       - typescript
 
-  '@commitlint/message@21.2.0': {}
+  '@commitlint/message@21.0.2': {}
 
-  '@commitlint/parse@21.2.0':
+  '@commitlint/parse@21.0.2':
     dependencies:
-      '@commitlint/types': 21.2.0
-      conventional-changelog-angular: 9.2.1
-      conventional-commits-parser: 7.0.1
+      '@commitlint/types': 21.0.1
+      conventional-changelog-angular: 8.3.1
+      conventional-commits-parser: 6.4.0
 
-  '@commitlint/read@21.2.0':
+  '@commitlint/read@21.0.2(conventional-commits-parser@6.4.0)':
     dependencies:
-      '@commitlint/top-level': 21.2.0
-      '@commitlint/types': 21.2.0
-      git-raw-commits: 5.0.1
-      tinyexec: 1.2.4
+      '@commitlint/top-level': 21.0.2
+      '@commitlint/types': 21.0.1
+      git-raw-commits: 5.0.1(conventional-commits-parser@6.4.0)
+      tinyexec: 1.1.2
     transitivePeerDependencies:
       - conventional-commits-filter
       - conventional-commits-parser
 
-  '@commitlint/resolve-extends@21.2.0':
+  '@commitlint/resolve-extends@21.0.1':
     dependencies:
-      '@commitlint/config-validator': 21.2.0
-      '@commitlint/types': 21.2.0
-      es-toolkit: 1.49.0
+      '@commitlint/config-validator': 21.0.1
+      '@commitlint/types': 21.0.1
+      es-toolkit: 1.47.1
       global-directory: 5.0.0
       resolve-from: 5.0.0
 
-  '@commitlint/rules@21.2.0':
+  '@commitlint/rules@21.0.2':
     dependencies:
-      '@commitlint/ensure': 21.2.0
-      '@commitlint/message': 21.2.0
+      '@commitlint/ensure': 21.0.1
+      '@commitlint/message': 21.0.2
       '@commitlint/to-lines': 21.0.1
-      '@commitlint/types': 21.2.0
+      '@commitlint/types': 21.0.1
 
   '@commitlint/to-lines@21.0.1': {}
 
-  '@commitlint/top-level@21.2.0':
+  '@commitlint/top-level@21.0.2':
     dependencies:
       escalade: 3.2.0
 
-  '@commitlint/types@21.2.0':
+  '@commitlint/types@21.0.1':
     dependencies:
-      conventional-commits-parser: 7.0.1
+      conventional-commits-parser: 6.4.0
       picocolors: 1.1.1
 
-  '@conventional-changelog/git-client@2.7.0':
+  '@conventional-changelog/git-client@2.7.0(conventional-commits-parser@6.4.0)':
     dependencies:
       '@simple-libs/child-process-utils': 1.0.2
       '@simple-libs/stream-utils': 1.2.0
-      semver: 7.8.5
-
-  '@conventional-changelog/template@1.2.1': {}
+      semver: 7.7.4
+    optionalDependencies:
+      conventional-commits-parser: 6.4.0
 
   '@csstools/color-helpers@5.1.0': {}
 
@@ -6314,7 +6401,7 @@ snapshots:
       '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
       '@csstools/css-tokenizer': 3.0.4
 
-  '@csstools/css-calc@3.2.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)':
+  '@csstools/css-calc@3.2.0(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)':
     dependencies:
       '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
       '@csstools/css-tokenizer': 4.0.0
@@ -6334,7 +6421,7 @@ snapshots:
     dependencies:
       '@csstools/css-tokenizer': 4.0.0
 
-  '@csstools/css-syntax-patches-for-csstree@1.1.6(css-tree@3.2.1)':
+  '@csstools/css-syntax-patches-for-csstree@1.1.3(css-tree@3.2.1)':
     optionalDependencies:
       css-tree: 3.2.1
 
@@ -6347,13 +6434,13 @@ snapshots:
       '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
       '@csstools/css-tokenizer': 4.0.0
 
-  '@csstools/selector-resolve-nested@4.0.0(postcss-selector-parser@7.1.4)':
+  '@csstools/selector-resolve-nested@4.0.0(postcss-selector-parser@7.1.1)':
     dependencies:
-      postcss-selector-parser: 7.1.4
+      postcss-selector-parser: 7.1.1
 
-  '@csstools/selector-specificity@6.0.0(postcss-selector-parser@7.1.4)':
+  '@csstools/selector-specificity@6.0.0(postcss-selector-parser@7.1.1)':
     dependencies:
-      postcss-selector-parser: 7.1.4
+      postcss-selector-parser: 7.1.1
 
   '@emnapi/core@1.10.0':
     dependencies:
@@ -6361,32 +6448,16 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/core@1.11.1':
-    dependencies:
-      '@emnapi/wasi-threads': 1.2.2
-      tslib: 2.8.1
-    optional: true
-
   '@emnapi/runtime@1.10.0':
     dependencies:
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/runtime@1.11.1':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
   '@emnapi/wasi-threads@1.2.1':
     dependencies:
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/wasi-threads@1.2.2':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
   '@esbuild/aix-ppc64@0.25.12':
     optional: true
 
@@ -6516,7 +6587,7 @@ snapshots:
       '@eslint/core': 0.17.0
       levn: 0.4.1
 
-  '@figma/code-connect@1.4.9':
+  '@figma/code-connect@1.4.5':
     dependencies:
       boxen: 5.1.1
       chalk: 4.1.2
@@ -6537,7 +6608,7 @@ snapshots:
       strip-ansi: 6.0.1
       ts-morph: 27.0.2
       typescript: 6.0.3
-      undici: 8.7.0
+      undici: 7.28.0
       zod: 3.25.58
       zod-validation-error: 3.5.4(zod@3.25.58)
     transitivePeerDependencies:
@@ -6610,24 +6681,17 @@ snapshots:
 
   '@keyv/serialize@1.1.1': {}
 
-  '@mdx-js/react@3.1.1(@types/react@19.2.17)(react@19.2.7)':
+  '@mdx-js/react@3.1.1(@types/react@19.2.14)(react@19.2.5)':
     dependencies:
-      '@types/mdx': 2.0.14
-      '@types/react': 19.2.17
-      react: 19.2.7
+      '@types/mdx': 2.0.13
+      '@types/react': 19.2.14
+      react: 19.2.5
 
-  '@napi-rs/wasm-runtime@1.1.6(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)':
+  '@napi-rs/wasm-runtime@0.2.12':
     dependencies:
       '@emnapi/core': 1.10.0
       '@emnapi/runtime': 1.10.0
-      '@tybys/wasm-util': 0.10.3
-    optional: true
-
-  '@napi-rs/wasm-runtime@1.1.6(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)':
-    dependencies:
-      '@emnapi/core': 1.11.1
-      '@emnapi/runtime': 1.11.1
-      '@tybys/wasm-util': 0.10.3
+      '@tybys/wasm-util': 0.10.1
     optional: true
 
   '@neoconfetti/react@1.0.0': {}
@@ -6656,7 +6720,7 @@ snapshots:
 
   '@npmcli/fs@4.0.0':
     dependencies:
-      semver: 7.8.5
+      semver: 7.7.4
 
   '@octokit/auth-token@4.0.0': {}
 
@@ -6783,8 +6847,6 @@ snapshots:
     dependencies:
       '@octokit/openapi-types': 25.1.0
 
-  '@oxc-project/types@0.138.0': {}
-
   '@parcel/watcher-android-arm64@2.5.6':
     optional: true
 
@@ -6829,7 +6891,7 @@ snapshots:
       detect-libc: 2.1.2
       is-glob: 4.0.3
       node-addon-api: 7.1.1
-      picomatch: 4.0.5
+      picomatch: 4.0.4
     optionalDependencies:
       '@parcel/watcher-android-arm64': 2.5.6
       '@parcel/watcher-darwin-arm64': 2.5.6
@@ -6855,7 +6917,7 @@ snapshots:
     dependencies:
       graceful-fs: 4.2.10
 
-  '@pnpm/npm-conf@3.0.3':
+  '@pnpm/npm-conf@3.0.2':
     dependencies:
       '@pnpm/config.env-replace': 1.1.0
       '@pnpm/network.ca-file': 1.0.2
@@ -6863,56 +6925,80 @@ snapshots:
 
   '@popperjs/core@2.11.8': {}
 
-  '@rolldown/binding-android-arm64@1.1.4':
+  '@rollup/rollup-android-arm-eabi@4.60.2':
     optional: true
 
-  '@rolldown/binding-darwin-arm64@1.1.4':
+  '@rollup/rollup-android-arm64@4.60.2':
     optional: true
 
-  '@rolldown/binding-darwin-x64@1.1.4':
+  '@rollup/rollup-darwin-arm64@4.60.2':
     optional: true
 
-  '@rolldown/binding-freebsd-x64@1.1.4':
+  '@rollup/rollup-darwin-x64@4.60.2':
     optional: true
 
-  '@rolldown/binding-linux-arm-gnueabihf@1.1.4':
+  '@rollup/rollup-freebsd-arm64@4.60.2':
     optional: true
 
-  '@rolldown/binding-linux-arm64-gnu@1.1.4':
+  '@rollup/rollup-freebsd-x64@4.60.2':
     optional: true
 
-  '@rolldown/binding-linux-arm64-musl@1.1.4':
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.2':
     optional: true
 
-  '@rolldown/binding-linux-ppc64-gnu@1.1.4':
+  '@rollup/rollup-linux-arm-musleabihf@4.60.2':
     optional: true
 
-  '@rolldown/binding-linux-s390x-gnu@1.1.4':
+  '@rollup/rollup-linux-arm64-gnu@4.60.2':
     optional: true
 
-  '@rolldown/binding-linux-x64-gnu@1.1.4':
+  '@rollup/rollup-linux-arm64-musl@4.60.2':
     optional: true
 
-  '@rolldown/binding-linux-x64-musl@1.1.4':
+  '@rollup/rollup-linux-loong64-gnu@4.60.2':
     optional: true
 
-  '@rolldown/binding-openharmony-arm64@1.1.4':
+  '@rollup/rollup-linux-loong64-musl@4.60.2':
     optional: true
 
-  '@rolldown/binding-wasm32-wasi@1.1.4':
-    dependencies:
-      '@emnapi/core': 1.11.1
-      '@emnapi/runtime': 1.11.1
-      '@napi-rs/wasm-runtime': 1.1.6(@emnapi/core@1.11.1)(@emnapi/runtime@1.11.1)
+  '@rollup/rollup-linux-ppc64-gnu@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.2':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.60.2':
     optional: true
 
-  '@rolldown/binding-win32-arm64-msvc@1.1.4':
+  '@rollup/rollup-linux-x64-musl@4.60.2':
     optional: true
 
-  '@rolldown/binding-win32-x64-msvc@1.1.4':
+  '@rollup/rollup-openbsd-x64@4.60.2':
     optional: true
 
-  '@rolldown/pluginutils@1.0.1': {}
+  '@rollup/rollup-openharmony-arm64@4.60.2':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.2':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.2':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.60.2':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.60.2':
+    optional: true
 
   '@rtsao/scc@1.1.0': {}
 
@@ -6924,7 +7010,7 @@ snapshots:
     dependencies:
       '@semantic-release/error': 3.0.0
       aggregate-error: 3.1.0
-      fs-extra: 11.3.6
+      fs-extra: 11.3.4
       lodash: 4.18.1
       semantic-release: 23.1.1(typescript@6.0.3)
 
@@ -6997,7 +7083,7 @@ snapshots:
       globby: 14.1.0
       http-proxy-agent: 7.0.2
       https-proxy-agent: 7.0.6
-      issue-parser: 7.0.2
+      issue-parser: 7.0.1
       lodash-es: 4.18.1
       mime: 4.1.0
       p-filter: 4.1.0
@@ -7033,7 +7119,7 @@ snapshots:
       '@semantic-release/error': 4.0.0
       aggregate-error: 5.0.0
       execa: 8.0.1
-      fs-extra: 11.3.6
+      fs-extra: 11.3.4
       lodash-es: 4.18.1
       nerf-dart: 1.0.0
       normalize-url: 8.1.1
@@ -7042,7 +7128,7 @@ snapshots:
       read-pkg: 9.0.1
       registry-auth-token: 5.1.1
       semantic-release: 23.1.1(typescript@6.0.3)
-      semver: 7.8.5
+      semver: 7.7.4
       tempy: 3.2.0
 
   '@semantic-release/npm@12.0.2(semantic-release@23.1.1(typescript@6.0.3))':
@@ -7050,7 +7136,7 @@ snapshots:
       '@semantic-release/error': 4.0.0
       aggregate-error: 5.0.0
       execa: 9.6.1
-      fs-extra: 11.3.6
+      fs-extra: 11.3.4
       lodash-es: 4.18.1
       nerf-dart: 1.0.0
       normalize-url: 8.1.1
@@ -7059,7 +7145,7 @@ snapshots:
       read-pkg: 9.0.1
       registry-auth-token: 5.1.1
       semantic-release: 23.1.1(typescript@6.0.3)
-      semver: 7.8.5
+      semver: 7.7.4
       tempy: 3.2.0
 
   '@semantic-release/release-notes-generator@12.1.0(semantic-release@23.1.1(typescript@6.0.3))':
@@ -7100,8 +7186,6 @@ snapshots:
 
   '@simple-libs/stream-utils@1.2.0': {}
 
-  '@simple-libs/stream-utils@2.0.0': {}
-
   '@sindresorhus/is@4.6.0': {}
 
   '@sindresorhus/merge-streams@2.3.0': {}
@@ -7110,239 +7194,307 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@storybook/addon-actions@8.6.14(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/addon-actions@8.6.14(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
       '@storybook/global': 5.0.0
       '@types/uuid': 9.0.8
       dequal: 2.0.3
       polished: 4.3.1
-      storybook: 8.6.18(prettier@3.9.4)
-      uuid: 14.0.1
+      storybook: 8.6.18(prettier@3.8.3)
+      uuid: 14.0.0
 
-  '@storybook/addon-backgrounds@8.6.14(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/addon-backgrounds@8.6.14(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
       '@storybook/global': 5.0.0
       memoizerific: 1.11.3
-      storybook: 8.6.18(prettier@3.9.4)
-      ts-dedent: 2.3.0
+      storybook: 8.6.18(prettier@3.8.3)
+      ts-dedent: 2.2.0
 
-  '@storybook/addon-controls@8.6.14(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/addon-controls@8.6.14(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
       '@storybook/global': 5.0.0
       dequal: 2.0.3
-      storybook: 8.6.18(prettier@3.9.4)
-      ts-dedent: 2.3.0
-
-  '@storybook/addon-docs@8.6.14(@types/react@19.2.17)(storybook@8.6.18(prettier@3.9.4))':
-    dependencies:
-      '@mdx-js/react': 3.1.1(@types/react@19.2.17)(react@19.2.7)
-      '@storybook/blocks': 8.6.14(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/csf-plugin': 8.6.14(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/react-dom-shim': 8.6.14(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(storybook@8.6.18(prettier@3.9.4))
-      react: 19.2.7
-      react-dom: 19.2.7(react@19.2.7)
-      storybook: 8.6.18(prettier@3.9.4)
-      ts-dedent: 2.3.0
+      storybook: 8.6.18(prettier@3.8.3)
+      ts-dedent: 2.2.0
+
+  '@storybook/addon-docs@8.6.14(@types/react@19.2.14)(storybook@8.6.18(prettier@3.8.3))':
+    dependencies:
+      '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.5)
+      '@storybook/blocks': 8.6.14(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/csf-plugin': 8.6.14(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/react-dom-shim': 8.6.14(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(storybook@8.6.18(prettier@3.8.3))
+      react: 19.2.5
+      react-dom: 19.2.5(react@19.2.5)
+      storybook: 8.6.18(prettier@3.8.3)
+      ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@storybook/addon-essentials@8.6.14(@types/react@19.2.17)(storybook@8.6.18(prettier@3.9.4))':
-    dependencies:
-      '@storybook/addon-actions': 8.6.14(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/addon-backgrounds': 8.6.14(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/addon-controls': 8.6.14(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/addon-docs': 8.6.14(@types/react@19.2.17)(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/addon-highlight': 8.6.14(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/addon-measure': 8.6.14(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/addon-outline': 8.6.14(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/addon-toolbars': 8.6.14(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/addon-viewport': 8.6.14(storybook@8.6.18(prettier@3.9.4))
-      storybook: 8.6.18(prettier@3.9.4)
-      ts-dedent: 2.3.0
+  '@storybook/addon-essentials@8.6.14(@types/react@19.2.14)(storybook@8.6.18(prettier@3.8.3))':
+    dependencies:
+      '@storybook/addon-actions': 8.6.14(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/addon-backgrounds': 8.6.14(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/addon-controls': 8.6.14(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/addon-docs': 8.6.14(@types/react@19.2.14)(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/addon-highlight': 8.6.14(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/addon-measure': 8.6.14(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/addon-outline': 8.6.14(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/addon-toolbars': 8.6.14(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/addon-viewport': 8.6.14(storybook@8.6.18(prettier@3.8.3))
+      storybook: 8.6.18(prettier@3.8.3)
+      ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@storybook/addon-highlight@8.6.14(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/addon-highlight@8.6.14(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
 
-  '@storybook/addon-links@8.6.18(react@19.2.7)(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/addon-links@8.6.18(react@19.2.5)(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.6.18(prettier@3.9.4)
-      ts-dedent: 2.3.0
+      storybook: 8.6.18(prettier@3.8.3)
+      ts-dedent: 2.2.0
     optionalDependencies:
-      react: 19.2.7
+      react: 19.2.5
 
-  '@storybook/addon-measure@8.6.14(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/addon-measure@8.6.14(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
       tiny-invariant: 1.3.3
 
-  '@storybook/addon-outline@8.6.14(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/addon-outline@8.6.14(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.6.18(prettier@3.9.4)
-      ts-dedent: 2.3.0
+      storybook: 8.6.18(prettier@3.8.3)
+      ts-dedent: 2.2.0
 
-  '@storybook/addon-themes@8.6.18(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/addon-themes@8.6.18(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      storybook: 8.6.18(prettier@3.9.4)
-      ts-dedent: 2.3.0
+      storybook: 8.6.18(prettier@3.8.3)
+      ts-dedent: 2.2.0
 
-  '@storybook/addon-toolbars@8.6.14(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/addon-toolbars@8.6.14(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
 
-  '@storybook/addon-viewport@8.6.14(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/addon-viewport@8.6.14(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
       memoizerific: 1.11.3
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
 
-  '@storybook/blocks@8.6.14(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/blocks@8.6.14(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      '@storybook/icons': 1.6.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      storybook: 8.6.18(prettier@3.9.4)
-      ts-dedent: 2.3.0
+      '@storybook/icons': 1.6.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
+      storybook: 8.6.18(prettier@3.8.3)
+      ts-dedent: 2.2.0
     optionalDependencies:
-      react: 19.2.7
-      react-dom: 19.2.7(react@19.2.7)
+      react: 19.2.5
+      react-dom: 19.2.5(react@19.2.5)
 
-  '@storybook/builder-vite@8.6.18(storybook@8.6.18(prettier@3.9.4))(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0))':
+  '@storybook/builder-vite@8.6.18(storybook@8.6.18(prettier@3.8.3))(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))':
     dependencies:
-      '@storybook/csf-plugin': 8.6.18(storybook@8.6.18(prettier@3.9.4))
+      '@storybook/csf-plugin': 8.6.18(storybook@8.6.18(prettier@3.8.3))
       browser-assert: 1.2.1
-      storybook: 8.6.18(prettier@3.9.4)
-      ts-dedent: 2.3.0
-      vite: 8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0)
+      storybook: 8.6.18(prettier@3.8.3)
+      ts-dedent: 2.2.0
+      vite: 6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3)
 
-  '@storybook/components@8.6.18(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/components@8.6.18(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
 
-  '@storybook/core@8.6.18(prettier@3.9.4)(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/core@8.6.18(prettier@3.8.3)(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      '@storybook/theming': 8.6.18(storybook@8.6.18(prettier@3.9.4))
+      '@storybook/theming': 8.6.18(storybook@8.6.18(prettier@3.8.3))
       better-opn: 3.0.2
       browser-assert: 1.2.1
       esbuild: 0.25.12
       esbuild-register: 3.6.0(esbuild@0.25.12)
       jsdoc-type-pratt-parser: 4.8.0
       process: 0.11.10
-      recast: 0.23.12
-      semver: 7.8.5
+      recast: 0.23.11
+      semver: 7.7.4
       util: 0.12.5
       ws: 8.21.0
     optionalDependencies:
-      prettier: 3.9.4
+      prettier: 3.8.3
     transitivePeerDependencies:
       - bufferutil
       - storybook
       - supports-color
       - utf-8-validate
 
-  '@storybook/csf-plugin@8.6.14(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/csf-plugin@8.6.14(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
       unplugin: 1.16.1
 
-  '@storybook/csf-plugin@8.6.18(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/csf-plugin@8.6.18(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
       unplugin: 1.16.1
 
   '@storybook/global@5.0.0': {}
 
-  '@storybook/icons@1.6.0(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+  '@storybook/icons@1.6.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5)':
     dependencies:
-      react: 19.2.7
-      react-dom: 19.2.7(react@19.2.7)
+      react: 19.2.5
+      react-dom: 19.2.5(react@19.2.5)
 
-  '@storybook/instrumenter@8.6.15(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/instrumenter@8.6.15(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
       '@storybook/global': 5.0.0
       '@vitest/utils': 2.1.9
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
 
-  '@storybook/manager-api@8.6.14(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/manager-api@8.6.14(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
 
-  '@storybook/manager-api@8.6.18(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/manager-api@8.6.18(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
 
-  '@storybook/preview-api@8.6.18(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/preview-api@8.6.18(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
 
-  '@storybook/react-dom-shim@8.6.14(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/react-dom-shim@8.6.14(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      react: 19.2.7
-      react-dom: 19.2.7(react@19.2.7)
-      storybook: 8.6.18(prettier@3.9.4)
+      react: 19.2.5
+      react-dom: 19.2.5(react@19.2.5)
+      storybook: 8.6.18(prettier@3.8.3)
 
-  '@storybook/test@8.6.15(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/test@8.6.15(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/instrumenter': 8.6.15(storybook@8.6.18(prettier@3.9.4))
+      '@storybook/instrumenter': 8.6.15(storybook@8.6.18(prettier@3.8.3))
       '@testing-library/dom': 10.4.0
       '@testing-library/jest-dom': 6.5.0
       '@testing-library/user-event': 14.5.2(@testing-library/dom@10.4.0)
       '@vitest/expect': 2.0.5
       '@vitest/spy': 2.0.5
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
 
-  '@storybook/theming@8.6.18(storybook@8.6.18(prettier@3.9.4))':
+  '@storybook/theming@8.6.18(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
 
-  '@storybook/vue3-vite@8.6.18(storybook@8.6.18(prettier@3.9.4))(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0))(vue@3.5.39(typescript@5.9.3))':
+  '@storybook/vue3-vite@8.6.18(storybook@8.6.18(prettier@3.8.3))(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))(vue@3.5.33(typescript@5.9.3))':
     dependencies:
-      '@storybook/builder-vite': 8.6.18(storybook@8.6.18(prettier@3.9.4))(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0))
-      '@storybook/vue3': 8.6.18(storybook@8.6.18(prettier@3.9.4))(vue@3.5.39(typescript@5.9.3))
+      '@storybook/builder-vite': 8.6.18(storybook@8.6.18(prettier@3.8.3))(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))
+      '@storybook/vue3': 8.6.18(storybook@8.6.18(prettier@3.8.3))(vue@3.5.33(typescript@5.9.3))
       find-package-json: 1.2.0
       magic-string: 0.30.21
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
       typescript: 5.9.3
-      vite: 8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0)
+      vite: 6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3)
       vue-component-meta: 2.2.12(typescript@5.9.3)
-      vue-docgen-api: 4.79.2(vue@3.5.39(typescript@5.9.3))
+      vue-docgen-api: 4.79.2(vue@3.5.33(typescript@5.9.3))
     transitivePeerDependencies:
       - vue
 
-  '@storybook/vue3@8.6.18(storybook@8.6.18(prettier@3.9.4))(vue@3.5.39(typescript@5.9.3))':
+  '@storybook/vue3@8.6.18(storybook@8.6.18(prettier@3.8.3))(vue@3.5.33(typescript@5.9.3))':
     dependencies:
-      '@storybook/components': 8.6.18(storybook@8.6.18(prettier@3.9.4))
+      '@storybook/components': 8.6.18(storybook@8.6.18(prettier@3.8.3))
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 8.6.18(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/preview-api': 8.6.18(storybook@8.6.18(prettier@3.9.4))
-      '@storybook/theming': 8.6.18(storybook@8.6.18(prettier@3.9.4))
-      '@vue/compiler-core': 3.5.39
-      storybook: 8.6.18(prettier@3.9.4)
-      ts-dedent: 2.3.0
+      '@storybook/manager-api': 8.6.18(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/preview-api': 8.6.18(storybook@8.6.18(prettier@3.8.3))
+      '@storybook/theming': 8.6.18(storybook@8.6.18(prettier@3.8.3))
+      '@vue/compiler-core': 3.5.33
+      storybook: 8.6.18(prettier@3.8.3)
+      ts-dedent: 2.2.0
       type-fest: 2.19.0
-      vue: 3.5.39(typescript@5.9.3)
+      vue: 3.5.33(typescript@5.9.3)
       vue-component-type-helpers: 3.3.6
 
-  '@tailwindcss/typography@0.5.20(tailwindcss@3.4.19(yaml@2.9.0))':
+  '@tailwindcss/node@4.3.2':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.21.6
+      jiti: 2.7.0
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.3.2
+
+  '@tailwindcss/oxide-android-arm64@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.2':
+    optional: true
+
+  '@tailwindcss/oxide@4.3.2':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.3.2
+      '@tailwindcss/oxide-darwin-arm64': 4.3.2
+      '@tailwindcss/oxide-darwin-x64': 4.3.2
+      '@tailwindcss/oxide-freebsd-x64': 4.3.2
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.3.2
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.3.2
+      '@tailwindcss/oxide-linux-arm64-musl': 4.3.2
+      '@tailwindcss/oxide-linux-x64-gnu': 4.3.2
+      '@tailwindcss/oxide-linux-x64-musl': 4.3.2
+      '@tailwindcss/oxide-wasm32-wasi': 4.3.2
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.3.2
+      '@tailwindcss/oxide-win32-x64-msvc': 4.3.2
+
+  '@tailwindcss/typography@0.5.19(tailwindcss@3.4.19(yaml@2.8.3))':
     dependencies:
       postcss-selector-parser: 6.0.10
-      tailwindcss: 3.4.19(yaml@2.9.0)
+      tailwindcss: 3.4.19(yaml@2.8.3)
+
+  '@tailwindcss/vite@4.3.2(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))':
+    dependencies:
+      '@tailwindcss/node': 4.3.2
+      '@tailwindcss/oxide': 4.3.2
+      tailwindcss: 4.3.2
+      vite: 6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3)
 
   '@tanstack/table-core@8.21.3': {}
 
-  '@tanstack/vue-table@8.21.3(vue@3.5.39(typescript@6.0.3))':
+  '@tanstack/vue-table@8.21.3(vue@3.5.33(typescript@6.0.3))':
     dependencies:
       '@tanstack/table-core': 8.21.3
-      vue: 3.5.39(typescript@6.0.3)
+      vue: 3.5.33(typescript@6.0.3)
 
   '@testing-library/dom@10.4.0':
     dependencies:
-      '@babel/code-frame': 7.29.7
-      '@babel/runtime': 7.29.7
+      '@babel/code-frame': 7.29.0
+      '@babel/runtime': 7.29.2
       '@types/aria-query': 5.0.4
       aria-query: 5.3.0
       chalk: 4.1.2
@@ -7368,9 +7520,9 @@ snapshots:
     dependencies:
       minimatch: 10.2.5
       path-browserify: 1.0.1
-      tinyglobby: 0.2.17
+      tinyglobby: 0.2.16
 
-  '@tybys/wasm-util@0.10.3':
+  '@tybys/wasm-util@0.10.1':
     dependencies:
       tslib: 2.8.1
     optional: true
@@ -7386,27 +7538,27 @@ snapshots:
 
   '@types/esrecurse@4.3.1': {}
 
-  '@types/estree@1.0.9': {}
+  '@types/estree@1.0.8': {}
 
   '@types/json-schema@7.0.15': {}
 
   '@types/json5@0.0.29': {}
 
-  '@types/mdx@2.0.14': {}
+  '@types/mdx@2.0.13': {}
 
-  '@types/node@26.1.0':
+  '@types/node@25.6.0':
     dependencies:
-      undici-types: 8.3.0
+      undici-types: 7.19.2
 
   '@types/normalize-package-data@2.4.4': {}
 
-  '@types/react@19.2.17':
+  '@types/react@19.2.14':
     dependencies:
       csstype: 3.2.3
 
   '@types/sax@1.2.7':
     dependencies:
-      '@types/node': 26.1.0
+      '@types/node': 25.6.0
 
   '@types/uuid@9.0.8': {}
 
@@ -7416,16 +7568,16 @@ snapshots:
 
   '@types/ws@8.18.1':
     dependencies:
-      '@types/node': 26.1.0
+      '@types/node': 25.6.0
 
-  '@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)':
+  '@typescript-eslint/eslint-plugin@8.59.1(@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/type-utils': 8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
-      '@typescript-eslint/visitor-keys': 8.62.1
+      '@typescript-eslint/parser': 8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/scope-manager': 8.59.1
+      '@typescript-eslint/type-utils': 8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/visitor-keys': 8.59.1
       eslint: 9.39.4(jiti@1.21.7)
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -7434,41 +7586,41 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)':
+  '@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/visitor-keys': 8.62.1
+      '@typescript-eslint/scope-manager': 8.59.1
+      '@typescript-eslint/types': 8.59.1
+      '@typescript-eslint/typescript-estree': 8.59.1(typescript@6.0.3)
+      '@typescript-eslint/visitor-keys': 8.59.1
       debug: 4.4.3
       eslint: 9.39.4(jiti@1.21.7)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.62.1(typescript@6.0.3)':
+  '@typescript-eslint/project-service@8.59.1(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/tsconfig-utils': 8.59.1(typescript@6.0.3)
+      '@typescript-eslint/types': 8.59.1
       debug: 4.4.3
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.62.1':
+  '@typescript-eslint/scope-manager@8.59.1':
     dependencies:
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/visitor-keys': 8.62.1
+      '@typescript-eslint/types': 8.59.1
+      '@typescript-eslint/visitor-keys': 8.59.1
 
-  '@typescript-eslint/tsconfig-utils@8.62.1(typescript@6.0.3)':
+  '@typescript-eslint/tsconfig-utils@8.59.1(typescript@6.0.3)':
     dependencies:
       typescript: 6.0.3
 
-  '@typescript-eslint/type-utils@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)':
+  '@typescript-eslint/type-utils@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/types': 8.59.1
+      '@typescript-eslint/typescript-estree': 8.59.1(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
       debug: 4.4.3
       eslint: 9.39.4(jiti@1.21.7)
       ts-api-utils: 2.5.0(typescript@6.0.3)
@@ -7476,118 +7628,107 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.62.1': {}
+  '@typescript-eslint/types@8.59.1': {}
 
-  '@typescript-eslint/typescript-estree@8.62.1(typescript@6.0.3)':
+  '@typescript-eslint/typescript-estree@8.59.1(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/tsconfig-utils': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/visitor-keys': 8.62.1
+      '@typescript-eslint/project-service': 8.59.1(typescript@6.0.3)
+      '@typescript-eslint/tsconfig-utils': 8.59.1(typescript@6.0.3)
+      '@typescript-eslint/types': 8.59.1
+      '@typescript-eslint/visitor-keys': 8.59.1
       debug: 4.4.3
       minimatch: 10.2.5
-      semver: 7.8.5
-      tinyglobby: 0.2.17
+      semver: 7.7.4
+      tinyglobby: 0.2.16
       ts-api-utils: 2.5.0(typescript@6.0.3)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)':
+  '@typescript-eslint/utils@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@1.21.7))
-      '@typescript-eslint/scope-manager': 8.62.1
-      '@typescript-eslint/types': 8.62.1
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
+      '@typescript-eslint/scope-manager': 8.59.1
+      '@typescript-eslint/types': 8.59.1
+      '@typescript-eslint/typescript-estree': 8.59.1(typescript@6.0.3)
       eslint: 9.39.4(jiti@1.21.7)
       typescript: 6.0.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.62.1':
+  '@typescript-eslint/visitor-keys@8.59.1':
     dependencies:
-      '@typescript-eslint/types': 8.62.1
+      '@typescript-eslint/types': 8.59.1
       eslint-visitor-keys: 5.0.1
 
-  '@unrs/resolver-binding-android-arm-eabi@1.12.2':
-    optional: true
-
-  '@unrs/resolver-binding-android-arm64@1.12.2':
-    optional: true
-
-  '@unrs/resolver-binding-darwin-arm64@1.12.2':
+  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-darwin-x64@1.12.2':
+  '@unrs/resolver-binding-android-arm64@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-freebsd-x64@1.12.2':
+  '@unrs/resolver-binding-darwin-arm64@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.12.2':
+  '@unrs/resolver-binding-darwin-x64@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.12.2':
+  '@unrs/resolver-binding-freebsd-x64@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-arm64-gnu@1.12.2':
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-arm64-musl@1.12.2':
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-loong64-gnu@1.12.2':
+  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-loong64-musl@1.12.2':
+  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.12.2':
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.12.2':
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-riscv64-musl@1.12.2':
+  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-s390x-gnu@1.12.2':
+  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-x64-gnu@1.12.2':
+  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-linux-x64-musl@1.12.2':
+  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-openharmony-arm64@1.12.2':
-    optional: true
-
-  '@unrs/resolver-binding-wasm32-wasi@1.12.2':
+  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
     dependencies:
-      '@emnapi/core': 1.10.0
-      '@emnapi/runtime': 1.10.0
-      '@napi-rs/wasm-runtime': 1.1.6(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)
+      '@napi-rs/wasm-runtime': 0.2.12
     optional: true
 
-  '@unrs/resolver-binding-win32-arm64-msvc@1.12.2':
+  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-win32-ia32-msvc@1.12.2':
+  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
     optional: true
 
-  '@unrs/resolver-binding-win32-x64-msvc@1.12.2':
+  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
     optional: true
 
-  '@vitejs/plugin-vue@5.2.4(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0))(vue@3.5.39(typescript@5.9.3))':
+  '@vitejs/plugin-vue@5.2.4(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))(vue@3.5.33(typescript@5.9.3))':
     dependencies:
-      vite: 8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0)
-      vue: 3.5.39(typescript@5.9.3)
+      vite: 6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3)
+      vue: 3.5.33(typescript@5.9.3)
 
-  '@vitejs/plugin-vue@5.2.4(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0))(vue@3.5.39(typescript@6.0.3))':
+  '@vitejs/plugin-vue@5.2.4(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))(vue@3.5.33(typescript@6.0.3))':
     dependencies:
-      vite: 8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0)
-      vue: 3.5.39(typescript@6.0.3)
+      vite: 6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3)
+      vue: 3.5.33(typescript@6.0.3)
 
   '@vitest/expect@2.0.5':
     dependencies:
@@ -7596,22 +7737,22 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 1.2.0
 
-  '@vitest/expect@4.1.10':
+  '@vitest/expect@4.1.8':
     dependencies:
       '@standard-schema/spec': 1.1.0
       '@types/chai': 5.2.3
-      '@vitest/spy': 4.1.10
-      '@vitest/utils': 4.1.10
+      '@vitest/spy': 4.1.8
+      '@vitest/utils': 4.1.8
       chai: 6.2.2
       tinyrainbow: 3.1.0
 
-  '@vitest/mocker@4.1.10(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.8(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))':
     dependencies:
-      '@vitest/spy': 4.1.10
+      '@vitest/spy': 4.1.8
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0)
+      vite: 6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3)
 
   '@vitest/pretty-format@2.0.5':
     dependencies:
@@ -7621,19 +7762,19 @@ snapshots:
     dependencies:
       tinyrainbow: 1.2.0
 
-  '@vitest/pretty-format@4.1.10':
+  '@vitest/pretty-format@4.1.8':
     dependencies:
       tinyrainbow: 3.1.0
 
-  '@vitest/runner@4.1.10':
+  '@vitest/runner@4.1.8':
     dependencies:
-      '@vitest/utils': 4.1.10
+      '@vitest/utils': 4.1.8
       pathe: 2.0.3
 
-  '@vitest/snapshot@4.1.10':
+  '@vitest/snapshot@4.1.8':
     dependencies:
-      '@vitest/pretty-format': 4.1.10
-      '@vitest/utils': 4.1.10
+      '@vitest/pretty-format': 4.1.8
+      '@vitest/utils': 4.1.8
       magic-string: 0.30.21
       pathe: 2.0.3
 
@@ -7641,7 +7782,7 @@ snapshots:
     dependencies:
       tinyspy: 3.0.2
 
-  '@vitest/spy@4.1.10': {}
+  '@vitest/spy@4.1.8': {}
 
   '@vitest/utils@2.0.5':
     dependencies:
@@ -7656,9 +7797,9 @@ snapshots:
       loupe: 3.2.1
       tinyrainbow: 1.2.0
 
-  '@vitest/utils@4.1.10':
+  '@vitest/utils@4.1.8':
     dependencies:
-      '@vitest/pretty-format': 4.1.10
+      '@vitest/pretty-format': 4.1.8
       convert-source-map: 2.0.0
       tinyrainbow: 3.1.0
 
@@ -7686,48 +7827,48 @@ snapshots:
       path-browserify: 1.0.1
       vscode-uri: 3.1.0
 
-  '@vue/compiler-core@3.5.39':
+  '@vue/compiler-core@3.5.33':
     dependencies:
-      '@babel/parser': 7.29.7
-      '@vue/shared': 3.5.39
+      '@babel/parser': 7.29.2
+      '@vue/shared': 3.5.33
       entities: 7.0.1
       estree-walker: 2.0.2
       source-map-js: 1.2.1
 
-  '@vue/compiler-dom@3.5.39':
+  '@vue/compiler-dom@3.5.33':
     dependencies:
-      '@vue/compiler-core': 3.5.39
-      '@vue/shared': 3.5.39
+      '@vue/compiler-core': 3.5.33
+      '@vue/shared': 3.5.33
 
-  '@vue/compiler-sfc@3.5.39':
+  '@vue/compiler-sfc@3.5.33':
     dependencies:
-      '@babel/parser': 7.29.7
-      '@vue/compiler-core': 3.5.39
-      '@vue/compiler-dom': 3.5.39
-      '@vue/compiler-ssr': 3.5.39
-      '@vue/shared': 3.5.39
+      '@babel/parser': 7.29.2
+      '@vue/compiler-core': 3.5.33
+      '@vue/compiler-dom': 3.5.33
+      '@vue/compiler-ssr': 3.5.33
+      '@vue/shared': 3.5.33
       estree-walker: 2.0.2
       magic-string: 0.30.21
-      postcss: 8.5.16
+      postcss: 8.5.12
       source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.5.39':
+  '@vue/compiler-ssr@3.5.33':
     dependencies:
-      '@vue/compiler-dom': 3.5.39
-      '@vue/shared': 3.5.39
+      '@vue/compiler-dom': 3.5.33
+      '@vue/shared': 3.5.33
 
   '@vue/compiler-vue2@2.7.16':
     dependencies:
       de-indent: 1.0.2
       he: 1.2.0
 
-  '@vue/devtools-api@7.7.10':
+  '@vue/devtools-api@7.7.9':
     dependencies:
-      '@vue/devtools-kit': 7.7.10
+      '@vue/devtools-kit': 7.7.9
 
-  '@vue/devtools-kit@7.7.10':
+  '@vue/devtools-kit@7.7.9':
     dependencies:
-      '@vue/devtools-shared': 7.7.10
+      '@vue/devtools-shared': 7.7.9
       birpc: 2.9.0
       hookable: 5.5.3
       mitt: 3.0.1
@@ -7735,25 +7876,25 @@ snapshots:
       speakingurl: 14.0.1
       superjson: 2.2.6
 
-  '@vue/devtools-shared@7.7.10':
+  '@vue/devtools-shared@7.7.9':
     dependencies:
       rfdc: 1.4.1
 
-  '@vue/eslint-config-prettier@7.1.0(eslint@9.39.4(jiti@1.21.7))(prettier@3.9.4)':
+  '@vue/eslint-config-prettier@7.1.0(eslint@9.39.4(jiti@1.21.7))(prettier@3.8.3)':
     dependencies:
       eslint: 9.39.4(jiti@1.21.7)
       eslint-config-prettier: 8.10.2(eslint@9.39.4(jiti@1.21.7))
-      eslint-plugin-prettier: 4.2.5(eslint-config-prettier@8.10.2(eslint@9.39.4(jiti@1.21.7)))(eslint@9.39.4(jiti@1.21.7))(prettier@3.9.4)
-      prettier: 3.9.4
+      eslint-plugin-prettier: 4.2.5(eslint-config-prettier@8.10.2(eslint@9.39.4(jiti@1.21.7)))(eslint@9.39.4(jiti@1.21.7))(prettier@3.8.3)
+      prettier: 3.8.3
 
-  '@vue/eslint-config-typescript@14.9.0(eslint-plugin-vue@9.33.0(eslint@9.39.4(jiti@1.21.7)))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)':
+  '@vue/eslint-config-typescript@14.7.0(eslint-plugin-vue@9.33.0(eslint@9.39.4(jiti@1.21.7)))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/utils': 8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
       eslint: 9.39.4(jiti@1.21.7)
       eslint-plugin-vue: 9.33.0(eslint@9.39.4(jiti@1.21.7))
       fast-glob: 3.3.3
-      typescript-eslint: 8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
-      vue-eslint-parser: 10.4.1(eslint@9.39.4(jiti@1.21.7))
+      typescript-eslint: 8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      vue-eslint-parser: 10.4.0(eslint@9.39.4(jiti@1.21.7))
     optionalDependencies:
       typescript: 6.0.3
     transitivePeerDependencies:
@@ -7762,9 +7903,9 @@ snapshots:
   '@vue/language-core@2.2.12(typescript@5.9.3)':
     dependencies:
       '@volar/language-core': 2.4.15
-      '@vue/compiler-dom': 3.5.39
+      '@vue/compiler-dom': 3.5.33
       '@vue/compiler-vue2': 2.7.16
-      '@vue/shared': 3.5.39
+      '@vue/shared': 3.5.33
       alien-signals: 1.0.13
       minimatch: 10.2.5
       muggle-string: 0.4.1
@@ -7772,68 +7913,68 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
-  '@vue/language-core@3.3.6':
+  '@vue/language-core@3.2.7':
     dependencies:
       '@volar/language-core': 2.4.28
-      '@vue/compiler-dom': 3.5.39
-      '@vue/shared': 3.5.39
-      alien-signals: 3.2.1
+      '@vue/compiler-dom': 3.5.33
+      '@vue/shared': 3.5.33
+      alien-signals: 3.1.2
       muggle-string: 0.4.1
       path-browserify: 1.0.1
-      picomatch: 4.0.5
+      picomatch: 4.0.4
 
-  '@vue/reactivity@3.5.39':
+  '@vue/reactivity@3.5.33':
     dependencies:
-      '@vue/shared': 3.5.39
+      '@vue/shared': 3.5.33
 
-  '@vue/runtime-core@3.5.39':
+  '@vue/runtime-core@3.5.33':
     dependencies:
-      '@vue/reactivity': 3.5.39
-      '@vue/shared': 3.5.39
+      '@vue/reactivity': 3.5.33
+      '@vue/shared': 3.5.33
 
-  '@vue/runtime-dom@3.5.39':
+  '@vue/runtime-dom@3.5.33':
     dependencies:
-      '@vue/reactivity': 3.5.39
-      '@vue/runtime-core': 3.5.39
-      '@vue/shared': 3.5.39
+      '@vue/reactivity': 3.5.33
+      '@vue/runtime-core': 3.5.33
+      '@vue/shared': 3.5.33
       csstype: 3.2.3
 
-  '@vue/server-renderer@3.5.39(vue@3.5.39(typescript@5.9.3))':
+  '@vue/server-renderer@3.5.33(vue@3.5.33(typescript@5.9.3))':
     dependencies:
-      '@vue/compiler-ssr': 3.5.39
-      '@vue/shared': 3.5.39
-      vue: 3.5.39(typescript@5.9.3)
+      '@vue/compiler-ssr': 3.5.33
+      '@vue/shared': 3.5.33
+      vue: 3.5.33(typescript@5.9.3)
 
-  '@vue/server-renderer@3.5.39(vue@3.5.39(typescript@6.0.3))':
+  '@vue/server-renderer@3.5.33(vue@3.5.33(typescript@6.0.3))':
     dependencies:
-      '@vue/compiler-ssr': 3.5.39
-      '@vue/shared': 3.5.39
-      vue: 3.5.39(typescript@6.0.3)
+      '@vue/compiler-ssr': 3.5.33
+      '@vue/shared': 3.5.33
+      vue: 3.5.33(typescript@6.0.3)
 
-  '@vue/shared@3.5.39': {}
+  '@vue/shared@3.5.33': {}
 
-  '@vueuse/core@10.11.1(vue@3.5.39(typescript@6.0.3))':
+  '@vueuse/core@10.11.1(vue@3.5.33(typescript@6.0.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.11.1
-      '@vueuse/shared': 10.11.1(vue@3.5.39(typescript@6.0.3))
-      vue-demi: 0.14.10(vue@3.5.39(typescript@6.0.3))
+      '@vueuse/shared': 10.11.1(vue@3.5.33(typescript@6.0.3))
+      vue-demi: 0.14.10(vue@3.5.33(typescript@6.0.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
   '@vueuse/metadata@10.11.1': {}
 
-  '@vueuse/shared@10.11.1(vue@3.5.39(typescript@6.0.3))':
+  '@vueuse/shared@10.11.1(vue@3.5.33(typescript@6.0.3))':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.39(typescript@6.0.3))
+      vue-demi: 0.14.10(vue@3.5.33(typescript@6.0.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@whitespace/storybook-addon-html@7.0.0(storybook@8.6.18(prettier@3.9.4))':
+  '@whitespace/storybook-addon-html@7.0.0(storybook@8.6.18(prettier@3.8.3))':
     dependencies:
-      storybook: 8.6.18(prettier@3.9.4)
+      storybook: 8.6.18(prettier@3.8.3)
 
   '@xmldom/xmldom@0.9.10': {}
 
@@ -7844,13 +7985,13 @@ snapshots:
 
   abbrev@3.0.1: {}
 
-  acorn-jsx@5.3.2(acorn@8.17.0):
+  acorn-jsx@5.3.2(acorn@8.16.0):
     dependencies:
-      acorn: 8.17.0
+      acorn: 8.16.0
 
   acorn@7.4.1: {}
 
-  acorn@8.17.0: {}
+  acorn@8.16.0: {}
 
   agent-base@6.0.2:
     dependencies:
@@ -7880,13 +8021,13 @@ snapshots:
   ajv@8.20.0:
     dependencies:
       fast-deep-equal: 3.1.3
-      fast-uri: 4.1.0
+      fast-uri: 3.1.2
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
   alien-signals@1.0.13: {}
 
-  alien-signals@3.2.1: {}
+  alien-signals@3.1.2: {}
 
   ansi-align@3.0.1:
     dependencies:
@@ -7917,7 +8058,7 @@ snapshots:
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
-      picomatch: 4.0.5
+      picomatch: 4.0.4
 
   arg@5.0.2: {}
 
@@ -7944,7 +8085,7 @@ snapshots:
       call-bound: 1.0.4
       define-properties: 1.2.1
       es-abstract: 1.24.2
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
       get-intrinsic: 1.3.0
       is-string: 1.1.1
       math-intrinsics: 1.1.0
@@ -7956,7 +8097,7 @@ snapshots:
       define-properties: 1.2.1
       es-abstract: 1.24.2
       es-errors: 1.3.0
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
       es-shim-unscopables: 1.1.0
 
   array.prototype.flat@1.3.3:
@@ -8001,20 +8142,20 @@ snapshots:
 
   asynckit@0.4.0: {}
 
-  autoprefixer@10.5.2(postcss@8.5.16):
+  autoprefixer@10.5.0(postcss@8.5.12):
     dependencies:
-      browserslist: 4.28.5
-      caniuse-lite: 1.0.30001802
+      browserslist: 4.28.2
+      caniuse-lite: 1.0.30001791
       fraction.js: 5.3.4
       picocolors: 1.1.1
-      postcss: 8.5.16
+      postcss: 8.5.12
       postcss-value-parser: 4.2.0
 
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.1.0
 
-  axios@1.18.1:
+  axios@1.16.1:
     dependencies:
       follow-redirects: 1.16.0
       form-data: 4.0.6
@@ -8032,7 +8173,7 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  baseline-browser-mapping@2.10.42: {}
+  baseline-browser-mapping@2.10.24: {}
 
   basic-auth@2.0.1:
     dependencies:
@@ -8075,7 +8216,7 @@ snapshots:
       widest-line: 3.1.0
       wrap-ansi: 7.0.0
 
-  brace-expansion@5.0.7:
+  brace-expansion@5.0.6:
     dependencies:
       balanced-match: 4.0.4
 
@@ -8085,21 +8226,17 @@ snapshots:
 
   browser-assert@1.2.1: {}
 
-  browserslist@4.28.5:
+  browserslist@4.28.2:
     dependencies:
-      baseline-browser-mapping: 2.10.42
-      caniuse-lite: 1.0.30001802
-      electron-to-chromium: 1.5.387
-      node-releases: 2.0.50
-      update-browserslist-db: 1.2.3(browserslist@4.28.5)
+      baseline-browser-mapping: 2.10.24
+      caniuse-lite: 1.0.30001791
+      electron-to-chromium: 1.5.345
+      node-releases: 2.0.38
+      update-browserslist-db: 1.2.3(browserslist@4.28.2)
 
   buffer-from@1.1.2:
     optional: true
 
-  buffer-image-size@0.6.4:
-    dependencies:
-      '@types/node': 26.1.0
-
   buffer@5.7.1:
     dependencies:
       base64-js: 1.5.1
@@ -8120,18 +8257,18 @@ snapshots:
       minipass-collect: 2.0.1
       minipass-flush: 1.0.7
       minipass-pipeline: 1.2.4
-      p-map: 7.0.5
+      p-map: 7.0.4
       ssri: 12.0.0
       tar: 7.5.19
       unique-filename: 4.0.0
 
-  cacheable@2.5.0:
+  cacheable@2.3.4:
     dependencies:
-      '@cacheable/memory': 2.2.0
-      '@cacheable/utils': 2.5.0
+      '@cacheable/memory': 2.0.8
+      '@cacheable/utils': 2.4.1
       hookified: 1.15.1
       keyv: 5.6.0
-      qified: 0.10.1
+      qified: 0.9.1
 
   call-bind-apply-helpers@1.0.2:
     dependencies:
@@ -8156,7 +8293,7 @@ snapshots:
 
   camelcase@6.3.0: {}
 
-  caniuse-lite@1.0.30001802: {}
+  caniuse-lite@1.0.30001791: {}
 
   case@1.6.3: {}
 
@@ -8208,15 +8345,13 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  chokidar@5.0.0:
+  chokidar@4.0.3:
     dependencies:
-      readdirp: 5.0.0
+      readdirp: 4.1.2
 
   chownr@3.0.0: {}
 
-  chromatic@16.10.0:
-    dependencies:
-      semver: 7.8.5
+  chromatic@13.3.5: {}
 
   clean-stack@2.2.0: {}
 
@@ -8249,7 +8384,7 @@ snapshots:
       mz: 2.7.0
       parse5: 5.1.1
       parse5-htmlparser2-tree-adapter: 6.0.1
-      yargs: 16.2.2
+      yargs: 16.2.0
 
   cli-spinners@2.9.2: {}
 
@@ -8344,13 +8479,9 @@ snapshots:
     dependencies:
       compare-func: 2.0.0
 
-  conventional-changelog-angular@9.2.1:
+  conventional-changelog-angular@8.3.1:
     dependencies:
-      '@conventional-changelog/template': 1.2.1
-
-  conventional-changelog-conventionalcommits@10.2.1:
-    dependencies:
-      '@conventional-changelog/template': 1.2.1
+      compare-func: 2.0.0
 
   conventional-changelog-conventionalcommits@7.0.2:
     dependencies:
@@ -8362,7 +8493,7 @@ snapshots:
       handlebars: 4.7.9
       json-stringify-safe: 5.0.1
       meow: 12.1.1
-      semver: 7.8.5
+      semver: 7.7.4
       split2: 4.2.0
 
   conventional-commits-filter@3.0.0:
@@ -8379,10 +8510,10 @@ snapshots:
       meow: 12.1.1
       split2: 4.2.0
 
-  conventional-commits-parser@7.0.1:
+  conventional-commits-parser@6.4.0:
     dependencies:
-      '@simple-libs/stream-utils': 2.0.0
-      meow: 14.1.0
+      '@simple-libs/stream-utils': 1.2.0
+      meow: 13.2.0
 
   convert-hrtime@5.0.0: {}
 
@@ -8396,14 +8527,14 @@ snapshots:
 
   corser@2.0.1: {}
 
-  cosmiconfig-typescript-loader@6.3.0(@types/node@26.1.0)(cosmiconfig@9.0.2(typescript@6.0.3))(typescript@6.0.3):
+  cosmiconfig-typescript-loader@6.3.0(@types/node@25.6.0)(cosmiconfig@9.0.1(typescript@6.0.3))(typescript@6.0.3):
     dependencies:
-      '@types/node': 26.1.0
-      cosmiconfig: 9.0.2(typescript@6.0.3)
+      '@types/node': 25.6.0
+      cosmiconfig: 9.0.1(typescript@6.0.3)
       jiti: 2.6.1
       typescript: 6.0.3
 
-  cosmiconfig@9.0.2(typescript@6.0.3):
+  cosmiconfig@9.0.1(typescript@6.0.3):
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.1
@@ -8568,7 +8699,7 @@ snapshots:
 
   eastasianwidth@0.2.0: {}
 
-  electron-to-chromium@1.5.387: {}
+  electron-to-chromium@1.5.345: {}
 
   emoji-regex@10.6.0: {}
 
@@ -8583,6 +8714,11 @@ snapshots:
       iconv-lite: 0.6.3
     optional: true
 
+  enhanced-resolve@5.21.6:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.3
+
   entities@4.5.0: {}
 
   entities@6.0.1: {}
@@ -8604,13 +8740,6 @@ snapshots:
     dependencies:
       is-arrayish: 0.2.1
 
-  es-abstract-get@1.0.0:
-    dependencies:
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.2
-      is-callable: 1.2.7
-      object-inspect: 1.13.4
-
   es-abstract@1.24.2:
     dependencies:
       array-buffer-byte-length: 1.0.2
@@ -8623,10 +8752,10 @@ snapshots:
       data-view-byte-offset: 1.0.1
       es-define-property: 1.0.1
       es-errors: 1.3.0
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
       es-set-tostringtag: 2.1.0
-      es-to-primitive: 1.3.4
-      function.prototype.name: 1.2.0
+      es-to-primitive: 1.3.0
+      function.prototype.name: 1.1.8
       get-intrinsic: 1.3.0
       get-proto: 1.0.1
       get-symbol-description: 1.1.0
@@ -8635,7 +8764,7 @@ snapshots:
       has-property-descriptors: 1.0.2
       has-proto: 1.2.0
       has-symbols: 1.1.0
-      hasown: 2.0.4
+      hasown: 2.0.3
       internal-slot: 1.1.0
       is-array-buffer: 3.0.5
       is-callable: 1.2.7
@@ -8658,23 +8787,23 @@ snapshots:
       safe-regex-test: 1.1.0
       set-proto: 1.0.0
       stop-iteration-iterator: 1.1.0
-      string.prototype.trim: 1.2.11
-      string.prototype.trimend: 1.0.10
+      string.prototype.trim: 1.2.10
+      string.prototype.trimend: 1.0.9
       string.prototype.trimstart: 1.0.8
       typed-array-buffer: 1.0.3
       typed-array-byte-length: 1.0.3
       typed-array-byte-offset: 1.0.4
-      typed-array-length: 1.0.8
+      typed-array-length: 1.0.7
       unbox-primitive: 1.1.0
-      which-typed-array: 1.1.22
+      which-typed-array: 1.1.20
 
   es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
 
-  es-module-lexer@2.3.0: {}
+  es-module-lexer@2.1.0: {}
 
-  es-object-atoms@1.1.2:
+  es-object-atoms@1.1.1:
     dependencies:
       es-errors: 1.3.0
 
@@ -8687,18 +8816,15 @@ snapshots:
 
   es-shim-unscopables@1.1.0:
     dependencies:
-      hasown: 2.0.4
+      hasown: 2.0.3
 
-  es-to-primitive@1.3.4:
+  es-to-primitive@1.3.0:
     dependencies:
-      es-abstract-get: 1.0.0
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
       is-callable: 1.2.7
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
-  es-toolkit@1.49.0: {}
+  es-toolkit@1.47.1: {}
 
   es5-ext@0.10.64:
     dependencies:
@@ -8773,48 +8899,48 @@ snapshots:
     dependencies:
       eslint: 9.39.4(jiti@1.21.7)
 
-  eslint-import-context@0.1.9(unrs-resolver@1.12.2):
+  eslint-import-context@0.1.9(unrs-resolver@1.11.1):
     dependencies:
       get-tsconfig: 4.14.0
       stable-hash-x: 0.2.0
     optionalDependencies:
-      unrs-resolver: 1.12.2
+      unrs-resolver: 1.11.1
 
   eslint-import-resolver-node@0.3.10:
     dependencies:
       debug: 3.2.7
-      is-core-module: 2.16.2
-      resolve: 2.0.0-next.7
+      is-core-module: 2.16.1
+      resolve: 2.0.0-next.6
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@4.4.5(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@1.21.7)):
+  eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
       debug: 4.4.3
       eslint: 9.39.4(jiti@1.21.7)
-      eslint-import-context: 0.1.9(unrs-resolver@1.12.2)
+      eslint-import-context: 0.1.9(unrs-resolver@1.11.1)
       get-tsconfig: 4.14.0
       is-bun-module: 2.0.0
       stable-hash-x: 0.2.0
-      tinyglobby: 0.2.17
-      unrs-resolver: 1.12.2
+      tinyglobby: 0.2.16
+      unrs-resolver: 1.11.1
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-typescript@4.4.5)(eslint@9.39.4(jiti@1.21.7))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-typescript@4.4.4)(eslint@9.39.4(jiti@1.21.7))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.14.0(@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@4.4.5)(eslint@9.39.4(jiti@1.21.7)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@4.4.4)(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
       eslint: 9.39.4(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.10
-      eslint-import-resolver-typescript: 4.4.5(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@1.21.7))
+      eslint-import-resolver-typescript: 4.4.4(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@1.21.7))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-typescript@4.4.5)(eslint@9.39.4(jiti@1.21.7)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-typescript@4.4.4)(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -8825,28 +8951,28 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.39.4(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.10
-      eslint-module-utils: 2.14.0(@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@4.4.5)(eslint@9.39.4(jiti@1.21.7))
-      hasown: 2.0.4
-      is-core-module: 2.16.2
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@4.4.4)(eslint@9.39.4(jiti@1.21.7))
+      hasown: 2.0.3
+      is-core-module: 2.16.1
       is-glob: 4.0.3
       minimatch: 10.2.5
       object.fromentries: 2.0.8
       object.groupby: 1.0.3
       object.values: 1.2.1
       semver: 6.3.1
-      string.prototype.trimend: 1.0.10
+      string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-prettier@4.2.5(eslint-config-prettier@8.10.2(eslint@9.39.4(jiti@1.21.7)))(eslint@9.39.4(jiti@1.21.7))(prettier@3.9.4):
+  eslint-plugin-prettier@4.2.5(eslint-config-prettier@8.10.2(eslint@9.39.4(jiti@1.21.7)))(eslint@9.39.4(jiti@1.21.7))(prettier@3.8.3):
     dependencies:
       eslint: 9.39.4(jiti@1.21.7)
-      prettier: 3.9.4
+      prettier: 3.8.3
       prettier-linter-helpers: 1.0.1
     optionalDependencies:
       eslint-config-prettier: 8.10.2(eslint@9.39.4(jiti@1.21.7))
@@ -8855,11 +8981,11 @@ snapshots:
     dependencies:
       eslint: 9.39.4(jiti@1.21.7)
 
-  eslint-plugin-unused-imports@4.4.1(@typescript-eslint/eslint-plugin@8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7)):
+  eslint-plugin-unused-imports@4.4.1(@typescript-eslint/eslint-plugin@8.59.1(@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
       eslint: 9.39.4(jiti@1.21.7)
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/eslint-plugin': 8.59.1(@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
 
   eslint-plugin-vue@9.33.0(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
@@ -8868,8 +8994,8 @@ snapshots:
       globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
-      postcss-selector-parser: 6.1.4
-      semver: 7.8.5
+      postcss-selector-parser: 6.1.2
+      semver: 7.7.4
       vue-eslint-parser: 9.4.3(eslint@9.39.4(jiti@1.21.7))
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
@@ -8882,8 +9008,8 @@ snapshots:
       globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
-      postcss-selector-parser: 6.1.4
-      semver: 7.8.5
+      postcss-selector-parser: 6.1.2
+      semver: 7.7.4
       vue-eslint-parser: 9.4.3(eslint@9.39.4(jiti@2.6.1))
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
@@ -8894,7 +9020,7 @@ snapshots:
       aria-query: 5.3.2
       eslint: 9.39.4(jiti@1.21.7)
       globals: 14.0.0
-      vue-eslint-parser: 10.4.1(eslint@9.39.4(jiti@1.21.7))
+      vue-eslint-parser: 10.4.0(eslint@9.39.4(jiti@1.21.7))
     transitivePeerDependencies:
       - supports-color
 
@@ -8911,7 +9037,7 @@ snapshots:
   eslint-scope@9.1.2:
     dependencies:
       '@types/esrecurse': 4.3.1
-      '@types/estree': 1.0.9
+      '@types/estree': 1.0.8
       esrecurse: 4.3.0
       estraverse: 5.3.0
 
@@ -8934,7 +9060,7 @@ snapshots:
       '@humanfs/node': 0.16.8
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.4.3
-      '@types/estree': 1.0.9
+      '@types/estree': 1.0.8
       ajv: 6.15.0
       chalk: 4.1.2
       cross-spawn: 7.0.6
@@ -8975,7 +9101,7 @@ snapshots:
       '@humanfs/node': 0.16.8
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.4.3
-      '@types/estree': 1.0.9
+      '@types/estree': 1.0.8
       ajv: 6.15.0
       chalk: 4.1.2
       cross-spawn: 7.0.6
@@ -9014,20 +9140,20 @@ snapshots:
 
   espree@10.4.0:
     dependencies:
-      acorn: 8.17.0
-      acorn-jsx: 5.3.2(acorn@8.17.0)
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
       eslint-visitor-keys: 4.2.1
 
   espree@11.2.0:
     dependencies:
-      acorn: 8.17.0
-      acorn-jsx: 5.3.2(acorn@8.17.0)
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
       eslint-visitor-keys: 5.0.1
 
   espree@9.6.1:
     dependencies:
-      acorn: 8.17.0
-      acorn-jsx: 5.3.2(acorn@8.17.0)
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
       eslint-visitor-keys: 3.4.3
 
   esprima@4.0.1: {}
@@ -9046,7 +9172,7 @@ snapshots:
 
   estree-walker@3.0.3:
     dependencies:
-      '@types/estree': 1.0.9
+      '@types/estree': 1.0.8
 
   esutils@2.0.3: {}
 
@@ -9098,7 +9224,7 @@ snapshots:
       strip-final-newline: 4.0.0
       yoctocolors: 2.1.2
 
-  expect-type@1.4.0: {}
+  expect-type@1.3.0: {}
 
   exponential-backoff@3.1.3: {}
 
@@ -9114,7 +9240,7 @@ snapshots:
       glob: 13.0.6
       handlebars: 4.7.9
       slugify: 1.6.9
-      svg2ttf: 6.1.0
+      svg2ttf: 6.0.3
       svgicons2svgfont: 15.0.1
       ttf2eot: 3.1.0
       ttf2woff: 3.0.0
@@ -9144,7 +9270,7 @@ snapshots:
 
   fast-levenshtein@2.0.6: {}
 
-  fast-uri@4.1.0: {}
+  fast-uri@3.1.2: {}
 
   fastest-levenshtein@1.0.16: {}
 
@@ -9152,9 +9278,9 @@ snapshots:
     dependencies:
       reusify: 1.1.0
 
-  fdir@6.5.0(picomatch@4.0.5):
+  fdir@6.5.0(picomatch@4.0.4):
     optionalDependencies:
-      picomatch: 4.0.5
+      picomatch: 4.0.4
 
   figures@2.0.0:
     dependencies:
@@ -9164,9 +9290,9 @@ snapshots:
     dependencies:
       is-unicode-supported: 2.1.0
 
-  file-entry-cache@11.1.5:
+  file-entry-cache@11.1.2:
     dependencies:
-      flat-cache: 6.1.23
+      flat-cache: 6.1.22
 
   file-entry-cache@8.0.0:
     dependencies:
@@ -9174,6 +9300,8 @@ snapshots:
 
   file-uri-to-path@1.0.0: {}
 
+  filesize@10.1.6: {}
+
   fill-range@7.1.1:
     dependencies:
       to-regex-range: 5.0.1
@@ -9201,9 +9329,9 @@ snapshots:
       flatted: 3.4.2
       keyv: 4.5.4
 
-  flat-cache@6.1.23:
+  flat-cache@6.1.22:
     dependencies:
-      cacheable: 2.5.0
+      cacheable: 2.3.4
       flatted: 3.4.2
       hookified: 1.15.1
 
@@ -9235,7 +9363,7 @@ snapshots:
       inherits: 2.0.4
       readable-stream: 2.3.8
 
-  fs-extra@11.3.6:
+  fs-extra@11.3.4:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 6.2.1
@@ -9252,17 +9380,14 @@ snapshots:
 
   function-timeout@1.0.2: {}
 
-  function.prototype.name@1.2.0:
+  function.prototype.name@1.1.8:
     dependencies:
       call-bind: 1.0.9
       call-bound: 1.0.4
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
+      define-properties: 1.2.1
       functions-have-names: 1.2.3
-      has-property-descriptors: 1.0.2
-      hasown: 2.0.4
+      hasown: 2.0.3
       is-callable: 1.2.7
-      is-document.all: 1.0.0
 
   functions-have-names@1.2.3: {}
 
@@ -9272,25 +9397,25 @@ snapshots:
 
   get-caller-file@2.0.5: {}
 
-  get-east-asian-width@1.6.0: {}
+  get-east-asian-width@1.5.0: {}
 
   get-intrinsic@1.3.0:
     dependencies:
       call-bind-apply-helpers: 1.0.2
       es-define-property: 1.0.1
       es-errors: 1.3.0
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
       function-bind: 1.1.2
       get-proto: 1.0.1
       gopd: 1.2.0
       has-symbols: 1.1.0
-      hasown: 2.0.4
+      hasown: 2.0.3
       math-intrinsics: 1.1.0
 
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
 
   get-stream@6.0.1: {}
 
@@ -9322,9 +9447,9 @@ snapshots:
       through2: 2.0.5
       traverse: 0.6.8
 
-  git-raw-commits@5.0.1:
+  git-raw-commits@5.0.1(conventional-commits-parser@6.4.0):
     dependencies:
-      '@conventional-changelog/git-client': 2.7.0
+      '@conventional-changelog/git-client': 2.7.0(conventional-commits-parser@6.4.0)
       meow: 13.2.0
     transitivePeerDependencies:
       - conventional-commits-filter
@@ -9396,7 +9521,7 @@ snapshots:
       slash: 5.1.0
       unicorn-magic: 0.3.0
 
-  globby@16.2.1:
+  globby@16.2.0:
     dependencies:
       '@sindresorhus/merge-streams': 4.0.0
       fast-glob: 3.3.3
@@ -9417,7 +9542,7 @@ snapshots:
 
   graphemesplit@2.6.0:
     dependencies:
-      js-base64: 3.8.0
+      js-base64: 3.7.8
       unicode-trie: 2.0.0
 
   handlebars@4.7.9:
@@ -9429,12 +9554,11 @@ snapshots:
     optionalDependencies:
       uglify-js: 3.19.3
 
-  happy-dom@20.10.6:
+  happy-dom@20.9.0:
     dependencies:
-      '@types/node': 26.1.0
+      '@types/node': 25.6.0
       '@types/whatwg-mimetype': 3.0.2
       '@types/ws': 8.18.1
-      buffer-image-size: 0.6.4
       entities: 7.0.1
       whatwg-mimetype: 3.0.0
       ws: 8.21.0
@@ -9470,6 +9594,10 @@ snapshots:
     dependencies:
       hookified: 1.15.1
 
+  hasown@2.0.3:
+    dependencies:
+      function-bind: 1.1.2
+
   hasown@2.0.4:
     dependencies:
       function-bind: 1.1.2
@@ -9575,7 +9703,7 @@ snapshots:
 
   ignore@7.0.5: {}
 
-  immutable@5.1.9: {}
+  immutable@5.1.5: {}
 
   import-fresh@3.3.1:
     dependencies:
@@ -9610,15 +9738,15 @@ snapshots:
   internal-slot@1.1.0:
     dependencies:
       es-errors: 1.3.0
-      hasown: 2.0.4
-      side-channel: 1.1.1
+      hasown: 2.0.3
+      side-channel: 1.1.0
 
   into-stream@7.0.0:
     dependencies:
       from2: 2.3.0
       p-is-promise: 3.0.0
 
-  ip-address@10.2.0: {}
+  ip-address@10.1.1: {}
 
   is-arguments@1.2.0:
     dependencies:
@@ -9656,13 +9784,13 @@ snapshots:
 
   is-bun-module@2.0.0:
     dependencies:
-      semver: 7.8.5
+      semver: 7.7.4
 
   is-callable@1.2.7: {}
 
-  is-core-module@2.16.2:
+  is-core-module@2.16.1:
     dependencies:
-      hasown: 2.0.4
+      hasown: 2.0.3
 
   is-data-view@1.0.2:
     dependencies:
@@ -9677,10 +9805,6 @@ snapshots:
 
   is-docker@2.2.1: {}
 
-  is-document.all@1.0.0:
-    dependencies:
-      call-bound: 1.0.4
-
   is-expression@4.0.0:
     dependencies:
       acorn: 7.4.1
@@ -9696,7 +9820,7 @@ snapshots:
 
   is-fullwidth-code-point@5.1.0:
     dependencies:
-      get-east-asian-width: 1.6.0
+      get-east-asian-width: 1.5.0
 
   is-generator-function@1.1.2:
     dependencies:
@@ -9740,7 +9864,7 @@ snapshots:
       call-bound: 1.0.4
       gopd: 1.2.0
       has-tostringtag: 1.0.2
-      hasown: 2.0.4
+      hasown: 2.0.3
 
   is-set@2.0.3: {}
 
@@ -9771,7 +9895,7 @@ snapshots:
 
   is-typed-array@1.1.15:
     dependencies:
-      which-typed-array: 1.1.22
+      which-typed-array: 1.1.20
 
   is-unicode-supported@0.1.0: {}
 
@@ -9810,7 +9934,7 @@ snapshots:
       lodash.isstring: 4.0.1
       lodash.uniqby: 4.7.0
 
-  issue-parser@7.0.2:
+  issue-parser@7.0.1:
     dependencies:
       lodash.capitalize: 4.2.1
       lodash.escaperegexp: 4.1.2
@@ -9834,7 +9958,9 @@ snapshots:
 
   jiti@2.6.1: {}
 
-  js-base64@3.8.0: {}
+  jiti@2.7.0: {}
+
+  js-base64@3.7.8: {}
 
   js-stringify@1.0.2: {}
 
@@ -9858,7 +9984,7 @@ snapshots:
       http-proxy-agent: 7.0.2
       https-proxy-agent: 7.0.6
       is-potential-custom-element-name: 1.0.1
-      nwsapi: 2.2.24
+      nwsapi: 2.2.23
       parse5: 7.3.0
       rrweb-cssom: 0.7.1
       saxes: 6.0.0
@@ -9987,10 +10113,10 @@ snapshots:
     dependencies:
       commander: 14.0.3
       listr2: 9.0.5
-      picomatch: 4.0.5
+      picomatch: 4.0.4
       string-argv: 0.3.2
-      tinyexec: 1.2.4
-      yaml: 2.9.0
+      tinyexec: 1.1.2
+      yaml: 2.8.3
 
   listr2@9.0.5:
     dependencies:
@@ -10054,7 +10180,7 @@ snapshots:
 
   lru-cache@10.4.3: {}
 
-  lru-cache@11.5.1: {}
+  lru-cache@11.3.5: {}
 
   lru-cache@5.1.1:
     dependencies:
@@ -10115,6 +10241,8 @@ snapshots:
 
   mdn-data@2.27.1: {}
 
+  mdn-data@2.28.0: {}
+
   memoizee@0.4.17:
     dependencies:
       d: 1.0.2
@@ -10145,7 +10273,7 @@ snapshots:
   micromatch@4.0.8:
     dependencies:
       braces: 3.0.3
-      picomatch: 4.0.5
+      picomatch: 4.0.4
 
   mime-db@1.52.0: {}
 
@@ -10167,7 +10295,7 @@ snapshots:
 
   minimatch@10.2.5:
     dependencies:
-      brace-expansion: 5.0.7
+      brace-expansion: 5.0.6
 
   minimist@1.2.8: {}
 
@@ -10219,9 +10347,9 @@ snapshots:
       object-assign: 4.1.1
       thenify-all: 1.6.0
 
-  nan@2.28.0: {}
+  nan@2.26.2: {}
 
-  nanoid@3.3.15: {}
+  nanoid@3.3.11: {}
 
   napi-postinstall@0.3.4: {}
 
@@ -10245,7 +10373,7 @@ snapshots:
       emojilib: 2.4.0
       skin-tone: 2.0.0
 
-  node-exports-info@1.6.2:
+  node-exports-info@1.6.0:
     dependencies:
       array.prototype.flatmap: 1.3.3
       es-errors: 1.3.0
@@ -10260,14 +10388,14 @@ snapshots:
       make-fetch-happen: 14.0.3
       nopt: 8.1.0
       proc-log: 5.0.0
-      semver: 7.8.5
+      semver: 7.7.4
       tar: 7.5.19
-      tinyglobby: 0.2.17
+      tinyglobby: 0.2.16
       which: 5.0.0
     transitivePeerDependencies:
       - supports-color
 
-  node-releases@2.0.50: {}
+  node-releases@2.0.38: {}
 
   nopt@8.1.0:
     dependencies:
@@ -10276,7 +10404,7 @@ snapshots:
   normalize-package-data@6.0.2:
     dependencies:
       hosted-git-info: 7.0.2
-      semver: 7.8.5
+      semver: 7.7.4
       validate-npm-package-license: 3.0.4
 
   normalize-path@3.0.0: {}
@@ -10302,7 +10430,7 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nwsapi@2.2.24: {}
+  nwsapi@2.2.23: {}
 
   object-assign@4.1.1: {}
 
@@ -10317,7 +10445,7 @@ snapshots:
       call-bind: 1.0.9
       call-bound: 1.0.4
       define-properties: 1.2.1
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
       has-symbols: 1.1.0
       object-keys: 1.1.1
 
@@ -10326,14 +10454,14 @@ snapshots:
       call-bind: 1.0.9
       call-bound: 1.0.4
       define-properties: 1.2.1
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
 
   object.fromentries@2.0.8:
     dependencies:
       call-bind: 1.0.9
       define-properties: 1.2.1
       es-abstract: 1.24.2
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
 
   object.groupby@1.0.3:
     dependencies:
@@ -10346,9 +10474,9 @@ snapshots:
       call-bind: 1.0.9
       call-bound: 1.0.4
       define-properties: 1.2.1
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
 
-  obug@2.1.3: {}
+  obug@2.1.1: {}
 
   once@1.4.0:
     dependencies:
@@ -10409,7 +10537,7 @@ snapshots:
 
   p-filter@4.1.0:
     dependencies:
-      p-map: 7.0.5
+      p-map: 7.0.4
 
   p-is-promise@3.0.0: {}
 
@@ -10429,7 +10557,7 @@ snapshots:
     dependencies:
       p-limit: 3.1.0
 
-  p-map@7.0.5: {}
+  p-map@7.0.4: {}
 
   p-reduce@2.1.0: {}
 
@@ -10456,7 +10584,7 @@ snapshots:
 
   parse-json@5.2.0:
     dependencies:
-      '@babel/code-frame': 7.29.7
+      '@babel/code-frame': 7.29.0
       error-ex: 1.3.4
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -10500,7 +10628,7 @@ snapshots:
 
   path-scurry@2.0.2:
     dependencies:
-      lru-cache: 11.5.1
+      lru-cache: 11.3.5
       minipass: 7.1.3
 
   path-type@4.0.0: {}
@@ -10515,7 +10643,7 @@ snapshots:
 
   picocolors@1.1.1: {}
 
-  picomatch@4.0.5: {}
+  picomatch@4.0.4: {}
 
   pify@2.3.0: {}
 
@@ -10528,11 +10656,11 @@ snapshots:
       find-up: 2.1.0
       load-json-file: 4.0.0
 
-  pnpm@11.10.0: {}
+  pnpm@11.9.0: {}
 
   polished@4.3.1:
     dependencies:
-      '@babel/runtime': 7.29.7
+      '@babel/runtime': 7.29.2
 
   portfinder@1.0.38:
     dependencies:
@@ -10547,74 +10675,74 @@ snapshots:
     dependencies:
       htmlparser2: 8.0.2
       js-tokens: 9.0.1
-      postcss: 8.5.16
-      postcss-safe-parser: 6.0.0(postcss@8.5.16)
+      postcss: 8.5.12
+      postcss-safe-parser: 6.0.0(postcss@8.5.12)
 
-  postcss-import@15.1.0(postcss@8.5.16):
+  postcss-import@15.1.0(postcss@8.5.12):
     dependencies:
-      postcss: 8.5.16
+      postcss: 8.5.12
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.12
 
-  postcss-js@4.1.0(postcss@8.5.16):
+  postcss-js@4.1.0(postcss@8.5.12):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.5.16
+      postcss: 8.5.12
 
-  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.16)(yaml@2.9.0):
+  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.12)(yaml@2.8.3):
     dependencies:
       lilconfig: 3.1.3
     optionalDependencies:
       jiti: 1.21.7
-      postcss: 8.5.16
-      yaml: 2.9.0
+      postcss: 8.5.12
+      yaml: 2.8.3
 
   postcss-media-query-parser@0.2.3: {}
 
-  postcss-nested@6.2.0(postcss@8.5.16):
+  postcss-nested@6.2.0(postcss@8.5.12):
     dependencies:
-      postcss: 8.5.16
-      postcss-selector-parser: 6.1.4
+      postcss: 8.5.12
+      postcss-selector-parser: 6.1.2
 
   postcss-resolve-nested-selector@0.1.6: {}
 
-  postcss-safe-parser@6.0.0(postcss@8.5.16):
+  postcss-safe-parser@6.0.0(postcss@8.5.12):
     dependencies:
-      postcss: 8.5.16
+      postcss: 8.5.12
 
-  postcss-safe-parser@7.0.1(postcss@8.5.16):
+  postcss-safe-parser@7.0.1(postcss@8.5.12):
     dependencies:
-      postcss: 8.5.16
+      postcss: 8.5.12
 
-  postcss-scss@4.0.9(postcss@8.5.16):
+  postcss-scss@4.0.9(postcss@8.5.12):
     dependencies:
-      postcss: 8.5.16
+      postcss: 8.5.12
 
   postcss-selector-parser@6.0.10:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-selector-parser@6.1.4:
+  postcss-selector-parser@6.1.2:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-selector-parser@7.1.4:
+  postcss-selector-parser@7.1.1:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-sorting@10.0.0(postcss@8.5.16):
+  postcss-sorting@10.0.0(postcss@8.5.12):
     dependencies:
-      postcss: 8.5.16
+      postcss: 8.5.12
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.5.16:
+  postcss@8.5.12:
     dependencies:
-      nanoid: 3.3.15
+      nanoid: 3.3.11
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
@@ -10626,7 +10754,7 @@ snapshots:
 
   prettier@2.8.8: {}
 
-  prettier@3.9.4: {}
+  prettier@3.8.3: {}
 
   pretty-format@27.5.1:
     dependencies:
@@ -10640,13 +10768,9 @@ snapshots:
 
   primeflex@3.3.1: {}
 
-  primevue@3.35.0(vue@3.5.39(typescript@5.9.3)):
-    dependencies:
-      vue: 3.5.39(typescript@5.9.3)
-
-  primevue@3.47.2(vue@3.5.39(typescript@6.0.3)):
+  primevue@3.47.2(vue@3.5.33(typescript@6.0.3)):
     dependencies:
-      vue: 3.5.39(typescript@6.0.3)
+      vue: 3.5.33(typescript@6.0.3)
 
   proc-log@5.0.0: {}
 
@@ -10745,14 +10869,13 @@ snapshots:
 
   punycode@2.3.1: {}
 
-  qified@0.10.1:
+  qified@0.9.1:
     dependencies:
       hookified: 2.2.0
 
-  qs@6.15.3:
+  qs@6.15.2:
     dependencies:
-      es-define-property: 1.0.1
-      side-channel: 1.1.1
+      side-channel: 1.1.0
 
   querystringify@2.2.0: {}
 
@@ -10765,14 +10888,14 @@ snapshots:
       minimist: 1.2.8
       strip-json-comments: 2.0.1
 
-  react-dom@19.2.7(react@19.2.7):
+  react-dom@19.2.5(react@19.2.5):
     dependencies:
-      react: 19.2.7
+      react: 19.2.5
       scheduler: 0.27.0
 
   react-is@17.0.2: {}
 
-  react@19.2.7: {}
+  react@19.2.5: {}
 
   read-cache@1.0.0:
     dependencies:
@@ -10816,11 +10939,11 @@ snapshots:
 
   readdirp@3.6.0:
     dependencies:
-      picomatch: 4.0.5
+      picomatch: 4.0.4
 
-  readdirp@5.0.0: {}
+  readdirp@4.1.2: {}
 
-  recast@0.23.12:
+  recast@0.23.11:
     dependencies:
       ast-types: 0.16.1
       esprima: 4.0.1
@@ -10839,7 +10962,7 @@ snapshots:
       define-properties: 1.2.1
       es-abstract: 1.24.2
       es-errors: 1.3.0
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
       get-intrinsic: 1.3.0
       get-proto: 1.0.1
       which-builtin-type: 1.2.1
@@ -10855,7 +10978,7 @@ snapshots:
 
   registry-auth-token@5.1.1:
     dependencies:
-      '@pnpm/npm-conf': 3.0.3
+      '@pnpm/npm-conf': 3.0.2
 
   require-directory@2.1.1: {}
 
@@ -10872,15 +10995,15 @@ snapshots:
   resolve@1.22.12:
     dependencies:
       es-errors: 1.3.0
-      is-core-module: 2.16.2
+      is-core-module: 2.16.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  resolve@2.0.0-next.7:
+  resolve@2.0.0-next.6:
     dependencies:
       es-errors: 1.3.0
-      is-core-module: 2.16.2
-      node-exports-info: 1.6.2
+      is-core-module: 2.16.1
+      node-exports-info: 1.6.0
       object-keys: 1.1.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
@@ -10901,26 +11024,36 @@ snapshots:
 
   rfdc@1.4.1: {}
 
-  rolldown@1.1.4:
+  rollup@4.60.2:
     dependencies:
-      '@oxc-project/types': 0.138.0
-      '@rolldown/pluginutils': 1.0.1
+      '@types/estree': 1.0.8
     optionalDependencies:
-      '@rolldown/binding-android-arm64': 1.1.4
-      '@rolldown/binding-darwin-arm64': 1.1.4
-      '@rolldown/binding-darwin-x64': 1.1.4
-      '@rolldown/binding-freebsd-x64': 1.1.4
-      '@rolldown/binding-linux-arm-gnueabihf': 1.1.4
-      '@rolldown/binding-linux-arm64-gnu': 1.1.4
-      '@rolldown/binding-linux-arm64-musl': 1.1.4
-      '@rolldown/binding-linux-ppc64-gnu': 1.1.4
-      '@rolldown/binding-linux-s390x-gnu': 1.1.4
-      '@rolldown/binding-linux-x64-gnu': 1.1.4
-      '@rolldown/binding-linux-x64-musl': 1.1.4
-      '@rolldown/binding-openharmony-arm64': 1.1.4
-      '@rolldown/binding-wasm32-wasi': 1.1.4
-      '@rolldown/binding-win32-arm64-msvc': 1.1.4
-      '@rolldown/binding-win32-x64-msvc': 1.1.4
+      '@rollup/rollup-android-arm-eabi': 4.60.2
+      '@rollup/rollup-android-arm64': 4.60.2
+      '@rollup/rollup-darwin-arm64': 4.60.2
+      '@rollup/rollup-darwin-x64': 4.60.2
+      '@rollup/rollup-freebsd-arm64': 4.60.2
+      '@rollup/rollup-freebsd-x64': 4.60.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.60.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.60.2
+      '@rollup/rollup-linux-arm64-gnu': 4.60.2
+      '@rollup/rollup-linux-arm64-musl': 4.60.2
+      '@rollup/rollup-linux-loong64-gnu': 4.60.2
+      '@rollup/rollup-linux-loong64-musl': 4.60.2
+      '@rollup/rollup-linux-ppc64-gnu': 4.60.2
+      '@rollup/rollup-linux-ppc64-musl': 4.60.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.60.2
+      '@rollup/rollup-linux-riscv64-musl': 4.60.2
+      '@rollup/rollup-linux-s390x-gnu': 4.60.2
+      '@rollup/rollup-linux-x64-gnu': 4.60.2
+      '@rollup/rollup-linux-x64-musl': 4.60.2
+      '@rollup/rollup-openbsd-x64': 4.60.2
+      '@rollup/rollup-openharmony-arm64': 4.60.2
+      '@rollup/rollup-win32-arm64-msvc': 4.60.2
+      '@rollup/rollup-win32-ia32-msvc': 4.60.2
+      '@rollup/rollup-win32-x64-gnu': 4.60.2
+      '@rollup/rollup-win32-x64-msvc': 4.60.2
+      fsevents: 2.3.3
 
   rrweb-cssom@0.7.1: {}
 
@@ -10955,10 +11088,10 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  sass@1.101.0:
+  sass@1.99.0:
     dependencies:
-      chokidar: 5.0.0
-      immutable: 5.1.9
+      chokidar: 4.0.3
+      immutable: 5.1.5
       source-map-js: 1.2.1
     optionalDependencies:
       '@parcel/watcher': 2.5.6
@@ -10981,7 +11114,7 @@ snapshots:
       '@semantic-release/npm': 12.0.2(semantic-release@23.1.1(typescript@6.0.3))
       '@semantic-release/release-notes-generator': 13.0.0(semantic-release@23.1.1(typescript@6.0.3))
       aggregate-error: 5.0.0
-      cosmiconfig: 9.0.2(typescript@6.0.3)
+      cosmiconfig: 9.0.1(typescript@6.0.3)
       debug: 4.4.3
       env-ci: 11.2.0
       execa: 9.6.1
@@ -11000,23 +11133,23 @@ snapshots:
       p-reduce: 3.0.0
       read-package-up: 11.0.0
       resolve-from: 5.0.0
-      semver: 7.8.5
+      semver: 7.7.4
       semver-diff: 4.0.0
       signale: 1.4.0
-      yargs: 17.7.3
+      yargs: 17.7.2
     transitivePeerDependencies:
       - supports-color
       - typescript
 
   semver-diff@4.0.0:
     dependencies:
-      semver: 7.8.5
+      semver: 7.7.4
 
   semver-regex@4.0.5: {}
 
   semver@6.3.1: {}
 
-  semver@7.8.5: {}
+  semver@7.7.4: {}
 
   set-function-length@1.2.2:
     dependencies:
@@ -11038,7 +11171,7 @@ snapshots:
     dependencies:
       dunder-proto: 1.0.1
       es-errors: 1.3.0
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
 
   shebang-command@2.0.0:
     dependencies:
@@ -11066,7 +11199,7 @@ snapshots:
       object-inspect: 1.13.4
       side-channel-map: 1.0.1
 
-  side-channel@1.1.1:
+  side-channel@1.1.0:
     dependencies:
       es-errors: 1.3.0
       object-inspect: 1.13.4
@@ -11118,13 +11251,13 @@ snapshots:
     dependencies:
       agent-base: 7.1.4
       debug: 4.4.3
-      socks: 2.8.9
+      socks: 2.8.8
     transitivePeerDependencies:
       - supports-color
 
-  socks@2.8.9:
+  socks@2.8.8:
     dependencies:
-      ip-address: 10.2.0
+      ip-address: 10.1.1
       smart-buffer: 4.2.0
 
   source-map-js@1.2.1: {}
@@ -11176,11 +11309,11 @@ snapshots:
       es-errors: 1.3.0
       internal-slot: 1.1.0
 
-  storybook@8.6.18(prettier@3.9.4):
+  storybook@8.6.18(prettier@3.8.3):
     dependencies:
-      '@storybook/core': 8.6.18(prettier@3.9.4)(storybook@8.6.18(prettier@3.9.4))
+      '@storybook/core': 8.6.18(prettier@3.8.3)(storybook@8.6.18(prettier@3.8.3))
     optionalDependencies:
-      prettier: 3.9.4
+      prettier: 3.8.3
     transitivePeerDependencies:
       - bufferutil
       - supports-color
@@ -11208,37 +11341,36 @@ snapshots:
   string-width@7.2.0:
     dependencies:
       emoji-regex: 10.6.0
-      get-east-asian-width: 1.6.0
+      get-east-asian-width: 1.5.0
       strip-ansi: 7.2.0
 
   string-width@8.2.1:
     dependencies:
-      get-east-asian-width: 1.6.0
+      get-east-asian-width: 1.5.0
       strip-ansi: 7.2.0
 
-  string.prototype.trim@1.2.11:
+  string.prototype.trim@1.2.10:
     dependencies:
       call-bind: 1.0.9
       call-bound: 1.0.4
       define-data-property: 1.1.4
       define-properties: 1.2.1
       es-abstract: 1.24.2
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
       has-property-descriptors: 1.0.2
-      safe-regex-test: 1.1.0
 
-  string.prototype.trimend@1.0.10:
+  string.prototype.trimend@1.0.9:
     dependencies:
       call-bind: 1.0.9
       call-bound: 1.0.4
       define-properties: 1.2.1
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
 
   string.prototype.trimstart@1.0.8:
     dependencies:
       call-bind: 1.0.9
       define-properties: 1.2.1
-      es-object-atoms: 1.1.2
+      es-object-atoms: 1.1.1
 
   string_decoder@1.1.1:
     dependencies:
@@ -11272,100 +11404,98 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  stylelint-config-html@1.1.0(postcss-html@1.8.1)(stylelint@17.14.0(typescript@6.0.3)):
+  stylelint-config-html@1.1.0(postcss-html@1.8.1)(stylelint@17.9.1(typescript@6.0.3)):
     dependencies:
       postcss-html: 1.8.1
-      stylelint: 17.14.0(typescript@6.0.3)
+      stylelint: 17.9.1(typescript@6.0.3)
 
-  stylelint-config-recommended-scss@17.0.1(postcss@8.5.16)(stylelint@17.14.0(typescript@6.0.3)):
+  stylelint-config-recommended-scss@17.0.1(postcss@8.5.12)(stylelint@17.9.1(typescript@6.0.3)):
     dependencies:
-      postcss-scss: 4.0.9(postcss@8.5.16)
-      stylelint: 17.14.0(typescript@6.0.3)
-      stylelint-config-recommended: 18.0.0(stylelint@17.14.0(typescript@6.0.3))
-      stylelint-scss: 7.2.0(stylelint@17.14.0(typescript@6.0.3))
+      postcss-scss: 4.0.9(postcss@8.5.12)
+      stylelint: 17.9.1(typescript@6.0.3)
+      stylelint-config-recommended: 18.0.0(stylelint@17.9.1(typescript@6.0.3))
+      stylelint-scss: 7.0.0(stylelint@17.9.1(typescript@6.0.3))
     optionalDependencies:
-      postcss: 8.5.16
+      postcss: 8.5.12
 
-  stylelint-config-recommended-vue@1.6.1(postcss-html@1.8.1)(stylelint@17.14.0(typescript@6.0.3)):
+  stylelint-config-recommended-vue@1.6.1(postcss-html@1.8.1)(stylelint@17.9.1(typescript@6.0.3)):
     dependencies:
       postcss-html: 1.8.1
-      semver: 7.8.5
-      stylelint: 17.14.0(typescript@6.0.3)
-      stylelint-config-html: 1.1.0(postcss-html@1.8.1)(stylelint@17.14.0(typescript@6.0.3))
-      stylelint-config-recommended: 18.0.0(stylelint@17.14.0(typescript@6.0.3))
+      semver: 7.7.4
+      stylelint: 17.9.1(typescript@6.0.3)
+      stylelint-config-html: 1.1.0(postcss-html@1.8.1)(stylelint@17.9.1(typescript@6.0.3))
+      stylelint-config-recommended: 18.0.0(stylelint@17.9.1(typescript@6.0.3))
 
-  stylelint-config-recommended@18.0.0(stylelint@17.14.0(typescript@6.0.3)):
+  stylelint-config-recommended@18.0.0(stylelint@17.9.1(typescript@6.0.3)):
     dependencies:
-      stylelint: 17.14.0(typescript@6.0.3)
+      stylelint: 17.9.1(typescript@6.0.3)
 
-  stylelint-config-standard-scss@17.0.0(postcss@8.5.16)(stylelint@17.14.0(typescript@6.0.3)):
+  stylelint-config-standard-scss@17.0.0(postcss@8.5.12)(stylelint@17.9.1(typescript@6.0.3)):
     dependencies:
-      stylelint: 17.14.0(typescript@6.0.3)
-      stylelint-config-recommended-scss: 17.0.1(postcss@8.5.16)(stylelint@17.14.0(typescript@6.0.3))
-      stylelint-config-standard: 40.0.0(stylelint@17.14.0(typescript@6.0.3))
+      stylelint: 17.9.1(typescript@6.0.3)
+      stylelint-config-recommended-scss: 17.0.1(postcss@8.5.12)(stylelint@17.9.1(typescript@6.0.3))
+      stylelint-config-standard: 40.0.0(stylelint@17.9.1(typescript@6.0.3))
     optionalDependencies:
-      postcss: 8.5.16
+      postcss: 8.5.12
 
-  stylelint-config-standard@40.0.0(stylelint@17.14.0(typescript@6.0.3)):
+  stylelint-config-standard@40.0.0(stylelint@17.9.1(typescript@6.0.3)):
     dependencies:
-      stylelint: 17.14.0(typescript@6.0.3)
-      stylelint-config-recommended: 18.0.0(stylelint@17.14.0(typescript@6.0.3))
+      stylelint: 17.9.1(typescript@6.0.3)
+      stylelint-config-recommended: 18.0.0(stylelint@17.9.1(typescript@6.0.3))
 
-  stylelint-order@8.1.1(stylelint@17.14.0(typescript@6.0.3)):
+  stylelint-order@8.1.1(stylelint@17.9.1(typescript@6.0.3)):
     dependencies:
-      postcss: 8.5.16
-      postcss-sorting: 10.0.0(postcss@8.5.16)
-      stylelint: 17.14.0(typescript@6.0.3)
+      postcss: 8.5.12
+      postcss-sorting: 10.0.0(postcss@8.5.12)
+      stylelint: 17.9.1(typescript@6.0.3)
 
-  stylelint-scss@7.2.0(stylelint@17.14.0(typescript@6.0.3)):
+  stylelint-scss@7.0.0(stylelint@17.9.1(typescript@6.0.3)):
     dependencies:
-      '@csstools/css-calc': 3.2.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
-      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
-      '@csstools/css-syntax-patches-for-csstree': 1.1.6(css-tree@3.2.1)
-      '@csstools/css-tokenizer': 4.0.0
       css-tree: 3.2.1
       is-plain-object: 5.0.0
       known-css-properties: 0.37.0
+      mdn-data: 2.28.0
       postcss-media-query-parser: 0.2.3
       postcss-resolve-nested-selector: 0.1.6
-      postcss-selector-parser: 7.1.4
+      postcss-selector-parser: 7.1.1
       postcss-value-parser: 4.2.0
-      stylelint: 17.14.0(typescript@6.0.3)
+      stylelint: 17.9.1(typescript@6.0.3)
 
-  stylelint@17.14.0(typescript@6.0.3):
+  stylelint@17.9.1(typescript@6.0.3):
     dependencies:
-      '@csstools/css-calc': 3.2.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-calc': 3.2.0(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
       '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
-      '@csstools/css-syntax-patches-for-csstree': 1.1.6(css-tree@3.2.1)
+      '@csstools/css-syntax-patches-for-csstree': 1.1.3(css-tree@3.2.1)
       '@csstools/css-tokenizer': 4.0.0
       '@csstools/media-query-list-parser': 5.0.0(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
-      '@csstools/selector-resolve-nested': 4.0.0(postcss-selector-parser@7.1.4)
-      '@csstools/selector-specificity': 6.0.0(postcss-selector-parser@7.1.4)
+      '@csstools/selector-resolve-nested': 4.0.0(postcss-selector-parser@7.1.1)
+      '@csstools/selector-specificity': 6.0.0(postcss-selector-parser@7.1.1)
       colord: 2.9.3
-      cosmiconfig: 9.0.2(typescript@6.0.3)
+      cosmiconfig: 9.0.1(typescript@6.0.3)
       css-functions-list: 3.3.3
       css-tree: 3.2.1
       debug: 4.4.3
       fast-glob: 3.3.3
       fastest-levenshtein: 1.0.16
-      file-entry-cache: 11.1.5
+      file-entry-cache: 11.1.2
       global-modules: 2.0.0
-      globby: 16.2.1
+      globby: 16.2.0
       globjoin: 0.1.4
       html-tags: 5.1.0
       ignore: 7.0.5
       import-meta-resolve: 4.2.0
+      is-plain-object: 5.0.0
       mathml-tag-names: 4.0.0
       meow: 14.1.0
       micromatch: 4.0.8
       normalize-path: 3.0.0
       picocolors: 1.1.1
-      postcss: 8.5.16
-      postcss-safe-parser: 7.0.1(postcss@8.5.16)
-      postcss-selector-parser: 7.1.4
+      postcss: 8.5.12
+      postcss-safe-parser: 7.0.1(postcss@8.5.12)
+      postcss-selector-parser: 7.1.1
       postcss-value-parser: 4.2.0
       string-width: 8.2.1
-      supports-hyperlinks: 4.5.0
+      supports-hyperlinks: 4.4.0
       svg-tags: 1.0.0
       table: 6.9.0
       write-file-atomic: 7.0.1
@@ -11380,7 +11510,7 @@ snapshots:
       lines-and-columns: 1.2.4
       mz: 2.7.0
       pirates: 4.0.7
-      tinyglobby: 0.2.17
+      tinyglobby: 0.2.16
       ts-interface-checker: 0.1.13
 
   super-regex@1.1.0:
@@ -11408,7 +11538,7 @@ snapshots:
       has-flag: 4.0.0
       supports-color: 7.2.0
 
-  supports-hyperlinks@4.5.0:
+  supports-hyperlinks@4.4.0:
     dependencies:
       has-flag: 5.0.1
       supports-color: 10.2.2
@@ -11419,7 +11549,7 @@ snapshots:
 
   svg-tags@1.0.0: {}
 
-  svg2ttf@6.1.0:
+  svg2ttf@6.0.3:
     dependencies:
       '@xmldom/xmldom': 0.9.10
       argparse: 2.0.1
@@ -11457,7 +11587,7 @@ snapshots:
 
   tailwind-merge@3.6.0: {}
 
-  tailwindcss@3.4.19(yaml@2.9.0):
+  tailwindcss@3.4.19(yaml@2.8.3):
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
@@ -11473,18 +11603,22 @@ snapshots:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.1.1
-      postcss: 8.5.16
-      postcss-import: 15.1.0(postcss@8.5.16)
-      postcss-js: 4.1.0(postcss@8.5.16)
-      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.16)(yaml@2.9.0)
-      postcss-nested: 6.2.0(postcss@8.5.16)
-      postcss-selector-parser: 6.1.4
+      postcss: 8.5.12
+      postcss-import: 15.1.0(postcss@8.5.12)
+      postcss-js: 4.1.0(postcss@8.5.12)
+      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.12)(yaml@2.8.3)
+      postcss-nested: 6.2.0(postcss@8.5.12)
+      postcss-selector-parser: 6.1.2
       resolve: 1.22.12
       sucrase: 3.35.1
     transitivePeerDependencies:
       - tsx
       - yaml
 
+  tailwindcss@4.3.2: {}
+
+  tapable@2.3.3: {}
+
   tar@7.5.19:
     dependencies:
       '@isaacs/fs-minipass': 4.0.1
@@ -11502,10 +11636,10 @@ snapshots:
       type-fest: 2.19.0
       unique-string: 3.0.0
 
-  terser@5.48.0:
+  terser@5.46.2:
     dependencies:
       '@jridgewell/source-map': 0.3.11
-      acorn: 8.17.0
+      acorn: 8.16.0
       commander: 2.20.3
       source-map-support: 0.5.21
     optional: true
@@ -11544,12 +11678,12 @@ snapshots:
 
   tinycolor2@1.6.0: {}
 
-  tinyexec@1.2.4: {}
+  tinyexec@1.1.2: {}
 
-  tinyglobby@0.2.17:
+  tinyglobby@0.2.16:
     dependencies:
-      fdir: 6.5.0(picomatch@4.0.5)
-      picomatch: 4.0.5
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
 
   tinyrainbow@1.2.0: {}
 
@@ -11582,7 +11716,7 @@ snapshots:
     dependencies:
       typescript: 6.0.3
 
-  ts-dedent@2.3.0: {}
+  ts-dedent@2.2.0: {}
 
   ts-interface-checker@0.1.13: {}
 
@@ -11618,7 +11752,7 @@ snapshots:
       bindings: 1.5.0
       bufferstreams: 4.0.0
       debug: 4.4.3
-      nan: 2.28.0
+      nan: 2.26.2
       node-gyp: 11.5.0
       yerror: 8.0.0
     transitivePeerDependencies:
@@ -11684,7 +11818,7 @@ snapshots:
       is-typed-array: 1.1.15
       reflect.getprototypeof: 1.0.10
 
-  typed-array-length@1.0.8:
+  typed-array-length@1.0.7:
     dependencies:
       call-bind: 1.0.9
       for-each: 0.3.5
@@ -11693,12 +11827,12 @@ snapshots:
       possible-typed-array-names: 1.1.0
       reflect.getprototypeof: 1.0.10
 
-  typescript-eslint@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3):
+  typescript-eslint@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.62.1(@typescript-eslint/parser@8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
-      '@typescript-eslint/parser': 8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
-      '@typescript-eslint/typescript-estree': 8.62.1(typescript@6.0.3)
-      '@typescript-eslint/utils': 8.62.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/eslint-plugin': 8.59.1(@typescript-eslint/parser@8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3))(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/parser': 8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
+      '@typescript-eslint/typescript-estree': 8.59.1(typescript@6.0.3)
+      '@typescript-eslint/utils': 8.59.1(eslint@9.39.4(jiti@1.21.7))(typescript@6.0.3)
       eslint: 9.39.4(jiti@1.21.7)
       typescript: 6.0.3
     transitivePeerDependencies:
@@ -11718,9 +11852,9 @@ snapshots:
       has-symbols: 1.1.0
       which-boxed-primitive: 1.1.1
 
-  undici-types@8.3.0: {}
+  undici-types@7.19.2: {}
 
-  undici@8.7.0: {}
+  undici@7.28.0: {}
 
   unicode-emoji-modifier-base@1.0.0: {}
 
@@ -11737,7 +11871,7 @@ snapshots:
 
   union@0.5.0:
     dependencies:
-      qs: 6.15.3
+      qs: 6.15.2
 
   unique-filename@4.0.0:
     dependencies:
@@ -11761,39 +11895,36 @@ snapshots:
 
   unplugin@1.16.1:
     dependencies:
-      acorn: 8.17.0
+      acorn: 8.16.0
       webpack-virtual-modules: 0.6.2
 
-  unrs-resolver@1.12.2:
+  unrs-resolver@1.11.1:
     dependencies:
       napi-postinstall: 0.3.4
     optionalDependencies:
-      '@unrs/resolver-binding-android-arm-eabi': 1.12.2
-      '@unrs/resolver-binding-android-arm64': 1.12.2
-      '@unrs/resolver-binding-darwin-arm64': 1.12.2
-      '@unrs/resolver-binding-darwin-x64': 1.12.2
-      '@unrs/resolver-binding-freebsd-x64': 1.12.2
-      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.12.2
-      '@unrs/resolver-binding-linux-arm-musleabihf': 1.12.2
-      '@unrs/resolver-binding-linux-arm64-gnu': 1.12.2
-      '@unrs/resolver-binding-linux-arm64-musl': 1.12.2
-      '@unrs/resolver-binding-linux-loong64-gnu': 1.12.2
-      '@unrs/resolver-binding-linux-loong64-musl': 1.12.2
-      '@unrs/resolver-binding-linux-ppc64-gnu': 1.12.2
-      '@unrs/resolver-binding-linux-riscv64-gnu': 1.12.2
-      '@unrs/resolver-binding-linux-riscv64-musl': 1.12.2
-      '@unrs/resolver-binding-linux-s390x-gnu': 1.12.2
-      '@unrs/resolver-binding-linux-x64-gnu': 1.12.2
-      '@unrs/resolver-binding-linux-x64-musl': 1.12.2
-      '@unrs/resolver-binding-openharmony-arm64': 1.12.2
-      '@unrs/resolver-binding-wasm32-wasi': 1.12.2
-      '@unrs/resolver-binding-win32-arm64-msvc': 1.12.2
-      '@unrs/resolver-binding-win32-ia32-msvc': 1.12.2
-      '@unrs/resolver-binding-win32-x64-msvc': 1.12.2
-
-  update-browserslist-db@1.2.3(browserslist@4.28.5):
-    dependencies:
-      browserslist: 4.28.5
+      '@unrs/resolver-binding-android-arm-eabi': 1.11.1
+      '@unrs/resolver-binding-android-arm64': 1.11.1
+      '@unrs/resolver-binding-darwin-arm64': 1.11.1
+      '@unrs/resolver-binding-darwin-x64': 1.11.1
+      '@unrs/resolver-binding-freebsd-x64': 1.11.1
+      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.11.1
+      '@unrs/resolver-binding-linux-arm-musleabihf': 1.11.1
+      '@unrs/resolver-binding-linux-arm64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-arm64-musl': 1.11.1
+      '@unrs/resolver-binding-linux-ppc64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-riscv64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-riscv64-musl': 1.11.1
+      '@unrs/resolver-binding-linux-s390x-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-x64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-x64-musl': 1.11.1
+      '@unrs/resolver-binding-wasm32-wasi': 1.11.1
+      '@unrs/resolver-binding-win32-arm64-msvc': 1.11.1
+      '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
+      '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
+
+  update-browserslist-db@1.2.3(browserslist@4.28.2):
+    dependencies:
+      browserslist: 4.28.2
       escalade: 3.2.0
       picocolors: 1.1.1
 
@@ -11818,84 +11949,86 @@ snapshots:
       is-arguments: 1.2.0
       is-generator-function: 1.1.2
       is-typed-array: 1.1.15
-      which-typed-array: 1.1.22
+      which-typed-array: 1.1.20
 
-  uuid@14.0.1: {}
+  uuid@14.0.0: {}
 
   validate-npm-package-license@3.0.4:
     dependencies:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
 
-  vee-validate@4.15.1(vue@3.5.39(typescript@5.9.3)):
+  vee-validate@4.15.1(vue@3.5.33(typescript@5.9.3)):
     dependencies:
-      '@vue/devtools-api': 7.7.10
+      '@vue/devtools-api': 7.7.9
       type-fest: 4.41.0
-      vue: 3.5.39(typescript@5.9.3)
+      vue: 3.5.33(typescript@5.9.3)
 
-  vee-validate@4.15.1(vue@3.5.39(typescript@6.0.3)):
+  vee-validate@4.15.1(vue@3.5.33(typescript@6.0.3)):
     dependencies:
-      '@vue/devtools-api': 7.7.10
+      '@vue/devtools-api': 7.7.9
       type-fest: 4.41.0
-      vue: 3.5.39(typescript@6.0.3)
+      vue: 3.5.33(typescript@6.0.3)
 
-  vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@1.21.7)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0):
+  vite@6.4.3(@types/node@25.6.0)(jiti@1.21.7)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3):
     dependencies:
-      lightningcss: 1.32.0
-      picomatch: 4.0.5
-      postcss: 8.5.16
-      rolldown: 1.1.4
-      tinyglobby: 0.2.17
-    optionalDependencies:
-      '@types/node': 26.1.0
       esbuild: 0.25.12
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.12
+      rollup: 4.60.2
+      tinyglobby: 0.2.16
+    optionalDependencies:
+      '@types/node': 25.6.0
       fsevents: 2.3.3
       jiti: 1.21.7
-      sass: 1.101.0
-      terser: 5.48.0
-      yaml: 2.9.0
+      lightningcss: 1.32.0
+      sass: 1.99.0
+      terser: 5.46.2
+      yaml: 2.8.3
 
-  vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0):
+  vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3):
     dependencies:
-      lightningcss: 1.32.0
-      picomatch: 4.0.5
-      postcss: 8.5.16
-      rolldown: 1.1.4
-      tinyglobby: 0.2.17
-    optionalDependencies:
-      '@types/node': 26.1.0
       esbuild: 0.25.12
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.12
+      rollup: 4.60.2
+      tinyglobby: 0.2.16
+    optionalDependencies:
+      '@types/node': 25.6.0
       fsevents: 2.3.3
       jiti: 2.6.1
-      sass: 1.101.0
-      terser: 5.48.0
-      yaml: 2.9.0
-
-  vitest@4.1.10(@types/node@26.1.0)(happy-dom@20.10.6)(jsdom@24.1.3)(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0)):
-    dependencies:
-      '@vitest/expect': 4.1.10
-      '@vitest/mocker': 4.1.10(vite@8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0))
-      '@vitest/pretty-format': 4.1.10
-      '@vitest/runner': 4.1.10
-      '@vitest/snapshot': 4.1.10
-      '@vitest/spy': 4.1.10
-      '@vitest/utils': 4.1.10
-      es-module-lexer: 2.3.0
-      expect-type: 1.4.0
+      lightningcss: 1.32.0
+      sass: 1.99.0
+      terser: 5.46.2
+      yaml: 2.8.3
+
+  vitest@4.1.8(@types/node@25.6.0)(happy-dom@20.9.0)(jsdom@24.1.3)(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3)):
+    dependencies:
+      '@vitest/expect': 4.1.8
+      '@vitest/mocker': 4.1.8(vite@6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3))
+      '@vitest/pretty-format': 4.1.8
+      '@vitest/runner': 4.1.8
+      '@vitest/snapshot': 4.1.8
+      '@vitest/spy': 4.1.8
+      '@vitest/utils': 4.1.8
+      es-module-lexer: 2.1.0
+      expect-type: 1.3.0
       magic-string: 0.30.21
-      obug: 2.1.3
+      obug: 2.1.1
       pathe: 2.0.3
-      picomatch: 4.0.5
+      picomatch: 4.0.4
       std-env: 4.1.0
       tinybench: 2.9.0
-      tinyexec: 1.2.4
-      tinyglobby: 0.2.17
+      tinyexec: 1.1.2
+      tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vite: 8.1.3(@types/node@26.1.0)(esbuild@0.25.12)(jiti@2.6.1)(sass@1.101.0)(terser@5.48.0)(yaml@2.9.0)
+      vite: 6.4.3(@types/node@25.6.0)(jiti@2.6.1)(lightningcss@1.32.0)(sass@1.99.0)(terser@5.46.2)(yaml@2.8.3)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 26.1.0
-      happy-dom: 20.10.6
+      '@types/node': 25.6.0
+      happy-dom: 20.9.0
       jsdom: 24.1.3
     transitivePeerDependencies:
       - msw
@@ -11917,27 +12050,27 @@ snapshots:
 
   vue-component-type-helpers@3.3.6: {}
 
-  vue-demi@0.14.10(vue@3.5.39(typescript@6.0.3)):
+  vue-demi@0.14.10(vue@3.5.33(typescript@6.0.3)):
     dependencies:
-      vue: 3.5.39(typescript@6.0.3)
+      vue: 3.5.33(typescript@6.0.3)
 
-  vue-docgen-api@4.79.2(vue@3.5.39(typescript@5.9.3)):
+  vue-docgen-api@4.79.2(vue@3.5.33(typescript@5.9.3)):
     dependencies:
       '@babel/parser': 7.29.7
       '@babel/types': 7.29.7
-      '@vue/compiler-dom': 3.5.39
-      '@vue/compiler-sfc': 3.5.39
+      '@vue/compiler-dom': 3.5.33
+      '@vue/compiler-sfc': 3.5.33
       ast-types: 0.16.1
       esm-resolve: 1.0.11
       hash-sum: 2.0.0
       lru-cache: 8.0.5
       pug: 3.0.4
-      recast: 0.23.12
+      recast: 0.23.11
       ts-map: 1.0.3
-      vue: 3.5.39(typescript@5.9.3)
-      vue-inbrowser-compiler-independent-utils: 4.71.1(vue@3.5.39(typescript@5.9.3))
+      vue: 3.5.33(typescript@5.9.3)
+      vue-inbrowser-compiler-independent-utils: 4.71.1(vue@3.5.33(typescript@5.9.3))
 
-  vue-eslint-parser@10.4.1(eslint@9.39.4(jiti@1.21.7)):
+  vue-eslint-parser@10.4.0(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
       debug: 4.4.3
       eslint: 9.39.4(jiti@1.21.7)
@@ -11945,7 +12078,7 @@ snapshots:
       eslint-visitor-keys: 5.0.1
       espree: 11.2.0
       esquery: 1.7.0
-      semver: 7.8.5
+      semver: 7.7.4
     transitivePeerDependencies:
       - supports-color
 
@@ -11958,7 +12091,7 @@ snapshots:
       espree: 9.6.1
       esquery: 1.7.0
       lodash: 4.18.1
-      semver: 7.8.5
+      semver: 7.7.4
     transitivePeerDependencies:
       - supports-color
 
@@ -11971,53 +12104,53 @@ snapshots:
       espree: 9.6.1
       esquery: 1.7.0
       lodash: 4.18.1
-      semver: 7.8.5
+      semver: 7.7.4
     transitivePeerDependencies:
       - supports-color
 
-  vue-inbrowser-compiler-independent-utils@4.71.1(vue@3.5.39(typescript@5.9.3)):
+  vue-inbrowser-compiler-independent-utils@4.71.1(vue@3.5.33(typescript@5.9.3)):
     dependencies:
-      vue: 3.5.39(typescript@5.9.3)
+      vue: 3.5.33(typescript@5.9.3)
 
-  vue-tsc@3.3.6(typescript@6.0.3):
+  vue-tsc@3.2.7(typescript@6.0.3):
     dependencies:
       '@volar/typescript': 2.4.28
-      '@vue/language-core': 3.3.6
+      '@vue/language-core': 3.2.7
       typescript: 6.0.3
 
-  vue-types@4.2.1(vue@3.5.39(typescript@6.0.3)):
+  vue-types@4.2.1(vue@3.5.33(typescript@6.0.3)):
     dependencies:
       is-plain-object: 5.0.0
-      vue: 3.5.39(typescript@6.0.3)
+      vue: 3.5.33(typescript@6.0.3)
 
-  vue3-colorpicker@2.3.0(@aesoper/normal-utils@0.1.5)(@popperjs/core@2.11.8)(@vueuse/core@10.11.1(vue@3.5.39(typescript@6.0.3)))(gradient-parser@1.2.0)(lodash-es@4.18.1)(tinycolor2@1.6.0)(vue-types@4.2.1(vue@3.5.39(typescript@6.0.3)))(vue@3.5.39(typescript@6.0.3)):
+  vue3-colorpicker@2.3.0(@aesoper/normal-utils@0.1.5)(@popperjs/core@2.11.8)(@vueuse/core@10.11.1(vue@3.5.33(typescript@6.0.3)))(gradient-parser@1.2.0)(lodash-es@4.18.1)(tinycolor2@1.6.0)(vue-types@4.2.1(vue@3.5.33(typescript@6.0.3)))(vue@3.5.33(typescript@6.0.3)):
     dependencies:
       '@aesoper/normal-utils': 0.1.5
       '@popperjs/core': 2.11.8
-      '@vueuse/core': 10.11.1(vue@3.5.39(typescript@6.0.3))
+      '@vueuse/core': 10.11.1(vue@3.5.33(typescript@6.0.3))
       gradient-parser: 1.2.0
       lodash-es: 4.18.1
       tinycolor2: 1.6.0
-      vue: 3.5.39(typescript@6.0.3)
-      vue-types: 4.2.1(vue@3.5.39(typescript@6.0.3))
+      vue: 3.5.33(typescript@6.0.3)
+      vue-types: 4.2.1(vue@3.5.33(typescript@6.0.3))
 
-  vue@3.5.39(typescript@5.9.3):
+  vue@3.5.33(typescript@5.9.3):
     dependencies:
-      '@vue/compiler-dom': 3.5.39
-      '@vue/compiler-sfc': 3.5.39
-      '@vue/runtime-dom': 3.5.39
-      '@vue/server-renderer': 3.5.39(vue@3.5.39(typescript@5.9.3))
-      '@vue/shared': 3.5.39
+      '@vue/compiler-dom': 3.5.33
+      '@vue/compiler-sfc': 3.5.33
+      '@vue/runtime-dom': 3.5.33
+      '@vue/server-renderer': 3.5.33(vue@3.5.33(typescript@5.9.3))
+      '@vue/shared': 3.5.33
     optionalDependencies:
       typescript: 5.9.3
 
-  vue@3.5.39(typescript@6.0.3):
+  vue@3.5.33(typescript@6.0.3):
     dependencies:
-      '@vue/compiler-dom': 3.5.39
-      '@vue/compiler-sfc': 3.5.39
-      '@vue/runtime-dom': 3.5.39
-      '@vue/server-renderer': 3.5.39(vue@3.5.39(typescript@6.0.3))
-      '@vue/shared': 3.5.39
+      '@vue/compiler-dom': 3.5.33
+      '@vue/compiler-sfc': 3.5.33
+      '@vue/runtime-dom': 3.5.33
+      '@vue/server-renderer': 3.5.33(vue@3.5.33(typescript@6.0.3))
+      '@vue/shared': 3.5.33
     optionalDependencies:
       typescript: 6.0.3
 
@@ -12063,7 +12196,7 @@ snapshots:
   which-builtin-type@1.2.1:
     dependencies:
       call-bound: 1.0.4
-      function.prototype.name: 1.2.0
+      function.prototype.name: 1.1.8
       has-tostringtag: 1.0.2
       is-async-function: 2.1.1
       is-date-object: 1.1.0
@@ -12074,7 +12207,7 @@ snapshots:
       isarray: 2.0.5
       which-boxed-primitive: 1.1.1
       which-collection: 1.0.2
-      which-typed-array: 1.1.22
+      which-typed-array: 1.1.20
 
   which-collection@1.0.2:
     dependencies:
@@ -12083,7 +12216,7 @@ snapshots:
       is-weakmap: 2.0.2
       is-weakset: 2.0.4
 
-  which-typed-array@1.1.22:
+  which-typed-array@1.1.20:
     dependencies:
       available-typed-arrays: 1.0.7
       call-bind: 1.0.9
@@ -12167,7 +12300,7 @@ snapshots:
 
   yallist@5.0.0: {}
 
-  yaml@2.9.0: {}
+  yaml@2.8.3: {}
 
   yargs-parser@20.2.9: {}
 
@@ -12175,7 +12308,7 @@ snapshots:
 
   yargs-parser@22.0.0: {}
 
-  yargs@16.2.2:
+  yargs@16.2.0:
     dependencies:
       cliui: 7.0.4
       escalade: 3.2.0
@@ -12185,7 +12318,7 @@ snapshots:
       y18n: 5.0.8
       yargs-parser: 20.2.9
 
-  yargs@17.7.3:
+  yargs@17.7.2:
     dependencies:
       cliui: 8.0.1
       escalade: 3.2.0