From 3240276e40bd71aff7a03a7dcf7fff486ee76195 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Sun, 16 Nov 2025 02:32:36 +0800
Subject: [PATCH] style: lint & build naming

---
 apps/stage-tamagotchi/src/renderer/App.vue    |  2 +-
 .../StageIslands/ControlsIsland/index.vue     |  2 +-
 .../src/components/Layouts/HeaderLink.vue     |  2 +-
 docs/.vitepress/components/BlogPosts.vue      | 12 +++----
 docs/.vitepress/components/CardLink.vue       |  6 ++--
 docs/.vitepress/components/Contributors.vue   |  4 +--
 docs/.vitepress/components/DocCommunity.vue   |  2 +-
 docs/.vitepress/components/DocFooter.vue      |  8 ++---
 docs/.vitepress/components/DocOutline.vue     |  2 +-
 docs/.vitepress/components/DocOutlineItem.vue |  2 +-
 docs/.vitepress/components/DocSidebar.vue     |  4 +--
 docs/.vitepress/components/DocSidebarItem.vue |  2 +-
 docs/.vitepress/components/DocTopbar.vue      | 16 ++++-----
 docs/.vitepress/components/DropdownMenu.vue   |  4 +--
 docs/.vitepress/components/MotionToggle.vue   |  4 +--
 docs/.vitepress/components/Navbar.vue         | 22 ++++++------
 .../components/NavbarLanguageSubMenu.vue      |  4 +--
 .../components/SearchCommandBox.vue           | 10 +++---
 docs/.vitepress/components/SearchTrigger.vue  | 10 +++---
 docs/.vitepress/components/ThemeToggle.vue    |  4 +--
 docs/.vitepress/custom/Docs.vue               | 10 +++---
 docs/.vitepress/custom/Showcase.vue           |  4 +--
 packages/audio/package.json                   | 20 +++++------
 packages/core-character/package.json          |  8 ++---
 packages/i18n/package.json                    | 36 +++++++++----------
 packages/pipelines-audio/package.json         |  8 ++---
 packages/server-sdk/package.json              | 12 +++----
 packages/server-shared/package.json           |  8 ++---
 packages/tauri-plugin-mcp/package.json        | 10 +++---
 .../src/components/LoadingSciFiCircle/CRT.vue |  2 +-
 .../components/LoadingSciFiCircle/index.vue   |  2 +-
 packages/unocss-preset-fonts/package.json     |  4 +--
 32 files changed, 123 insertions(+), 123 deletions(-)

diff --git a/apps/stage-tamagotchi/src/renderer/App.vue b/apps/stage-tamagotchi/src/renderer/App.vue
index 1e13e929a..6441a895f 100644
--- a/apps/stage-tamagotchi/src/renderer/App.vue
+++ b/apps/stage-tamagotchi/src/renderer/App.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { defineInvoke, defineInvokeHandler } from '@moeru/eventa'
 import { useDisplayModelsStore } from '@proj-airi/stage-ui/stores/display-models'
 import { useOnboardingStore } from '@proj-airi/stage-ui/stores/onboarding'
 import { useSettings } from '@proj-airi/stage-ui/stores/settings'
-import { defineInvoke, defineInvokeHandler } from '@moeru/eventa'
 import { storeToRefs } from 'pinia'
 import { onMounted, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
diff --git a/apps/stage-tamagotchi/src/renderer/components/StageIslands/ControlsIsland/index.vue b/apps/stage-tamagotchi/src/renderer/components/StageIslands/ControlsIsland/index.vue
index ce647f5d7..77d0da7ef 100644
--- a/apps/stage-tamagotchi/src/renderer/components/StageIslands/ControlsIsland/index.vue
+++ b/apps/stage-tamagotchi/src/renderer/components/StageIslands/ControlsIsland/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useSettingsAudioDevice } from '@proj-airi/stage-ui/stores/settings'
 import { defineInvoke } from '@moeru/eventa'
+import { useSettingsAudioDevice } from '@proj-airi/stage-ui/stores/settings'
 import { useDark, useToggle } from '@vueuse/core'
 import { storeToRefs } from 'pinia'
 import { ref } from 'vue'
diff --git a/apps/stage-web/src/components/Layouts/HeaderLink.vue b/apps/stage-web/src/components/Layouts/HeaderLink.vue
index 3c50730d5..c74ffb82d 100644
--- a/apps/stage-web/src/components/Layouts/HeaderLink.vue
+++ b/apps/stage-web/src/components/Layouts/HeaderLink.vue
@@ -19,7 +19,7 @@ const dark = useDark()
     <template v-else>
       <img :src="Logo" h-8 w-8 class="theme-colored">
     </template>
-    <div translate-y="[2px]" font-quicksand font-semibold>
+    <div translate-y="[2px]" font-semibold font-quicksand>
       <span>AIRI</span>
     </div>
   </RouterLink>
diff --git a/docs/.vitepress/components/BlogPosts.vue b/docs/.vitepress/components/BlogPosts.vue
index e6090877f..2ac1ae942 100644
--- a/docs/.vitepress/components/BlogPosts.vue
+++ b/docs/.vitepress/components/BlogPosts.vue
@@ -168,10 +168,10 @@ const svgArts = computedAsync(async () => {
 <template>
   <div class="w-full">
     <div>
-      <h1 class="text-foreground text-4xl font-extrabold tracking-tight font-sans-rounded sm:text-5xl">
+      <h1 class="text-4xl text-foreground font-extrabold tracking-tight font-sans-rounded sm:text-5xl">
         {{ t('docs.theme.blog.title') }}
       </h1>
-      <p class="text-muted-foreground mt-4 text-xl">
+      <p class="mt-4 text-xl text-muted-foreground">
         {{ t('docs.theme.blog.subtitle') }}
       </p>
     </div>
@@ -219,10 +219,10 @@ const svgArts = computedAsync(async () => {
           </ClientOnly>
         </div>
         <div class="relative z-1 flex-grow px-3 pb-3 pt-6 md:pt-6">
-          <div class="post-card-title text-card-foreground z-1 text-xl font-semibold transition-colors duration-200 md:text-2xl md:font-bold">
+          <div class="post-card-title z-1 text-xl text-card-foreground font-semibold transition-colors duration-200 md:text-2xl md:font-bold">
             {{ post.title }}
           </div>
-          <div class="text-muted-foreground mb-4 flex items-center gap-4 text-sm">
+          <div class="mb-4 flex items-center gap-4 text-sm text-muted-foreground">
             <div class="flex items-center gap-2">
               <Icon icon="lucide:calendar" />
               <span>{{ post.date.string }}</span>
@@ -232,7 +232,7 @@ const svgArts = computedAsync(async () => {
               <span class="font-medium">{{ post.frontmatter.category }}</span>
             </div>
           </div>
-          <p v-if="post.excerpt || post?.frontmatter?.excerpt" class="text-muted-foreground fade-out-text mt-3 h-[calc(75%-48px)] leading-relaxed" v-html="post.excerpt || post?.frontmatter?.excerpt" />
+          <p v-if="post.excerpt || post?.frontmatter?.excerpt" class="fade-out-text mt-3 h-[calc(75%-48px)] text-muted-foreground leading-relaxed" v-html="post.excerpt || post?.frontmatter?.excerpt" />
         </div>
         <div class="mt-auto p-6 pt-0">
           <a :href="post.url" class="inline-flex items-center text-primary font-semibold hover:underline">
@@ -243,7 +243,7 @@ const svgArts = computedAsync(async () => {
       </a>
     </div>
     <div v-if="posts.length === 0" class="py-16 text-center">
-      <p class="text-muted-foreground text-lg">
+      <p class="text-lg text-muted-foreground">
         {{ t('docs.theme.blog.no-posts') }}
       </p>
     </div>
diff --git a/docs/.vitepress/components/CardLink.vue b/docs/.vitepress/components/CardLink.vue
index 4c314cc8f..01fb4caa2 100644
--- a/docs/.vitepress/components/CardLink.vue
+++ b/docs/.vitepress/components/CardLink.vue
@@ -12,17 +12,17 @@ defineProps<{
 <template>
   <div class="h-full">
     <a
-      class="bg-card border-muted h-full flex flex-col border rounded-2xl p-4 hover:border-primary"
+      class="h-full flex flex-col border border-muted rounded-2xl bg-card p-4 hover:border-primary"
       target="_blank"
       :href="url"
     >
       <h5 class="font-bold">{{ title }}</h5>
-      <p class="text-muted-foreground my-1 flex-1 text-sm">{{ description }}</p>
+      <p class="my-1 flex-1 text-sm text-muted-foreground">{{ description }}</p>
 
       <AspectRatio
         v-if="image"
         :ratio="16 / 9"
-        class="border-muted mt-2 overflow-hidden border rounded-lg"
+        class="mt-2 overflow-hidden border border-muted rounded-lg"
       >
         <img
           class="h-full w-full object-cover"
diff --git a/docs/.vitepress/components/Contributors.vue b/docs/.vitepress/components/Contributors.vue
index 0fc6c6065..05b2b1d41 100644
--- a/docs/.vitepress/components/Contributors.vue
+++ b/docs/.vitepress/components/Contributors.vue
@@ -30,7 +30,7 @@ function getInitials(name: string) {
             :aria-label="`${name} on GitHub`"
             target="_blank"
           >
-            <div class="bg-card outline-background h-12 w-12 flex items-center justify-center overflow-hidden rounded-full outline-[4px] outline">
+            <div class="h-12 w-12 flex items-center justify-center overflow-hidden rounded-full bg-card outline-[4px] outline-background outline">
               <AvatarImage
                 :src="avatar"
                 :alt="`${name}'s avatar`"
@@ -47,7 +47,7 @@ function getInitials(name: string) {
       </TooltipTrigger>
 
       <TooltipContent
-        class="bg-card border-muted border rounded px-2 py-1 text-xs font-semibold"
+        class="border border-muted rounded bg-card px-2 py-1 text-xs font-semibold"
         side="bottom"
       >
         {{ name }}
diff --git a/docs/.vitepress/components/DocCommunity.vue b/docs/.vitepress/components/DocCommunity.vue
index bfff236bc..7a987db58 100644
--- a/docs/.vitepress/components/DocCommunity.vue
+++ b/docs/.vitepress/components/DocCommunity.vue
@@ -30,7 +30,7 @@ const links = computed(() => [
           :key="link.label"
           :href="link.url"
           target="_blank"
-          class="text-muted-foreground hover:text-foreground inline-flex items-center gap-2 text-sm font-medium"
+          class="inline-flex items-center gap-2 text-sm text-muted-foreground font-medium hover:text-foreground"
           transition-colors duration-200 ease-in-out
         >
           <Icon
diff --git a/docs/.vitepress/components/DocFooter.vue b/docs/.vitepress/components/DocFooter.vue
index ec44c3266..e4a1bb66d 100644
--- a/docs/.vitepress/components/DocFooter.vue
+++ b/docs/.vitepress/components/DocFooter.vue
@@ -42,11 +42,11 @@ const showFooter = computed(
   >
     <div
       v-if="hasEditLink || hasLastUpdated"
-      class="text-muted-foreground flex justify-between"
+      class="flex justify-between text-muted-foreground"
     >
       <div
         v-if="hasEditLink"
-        class="text-muted-foreground hover:text-foreground text-sm"
+        class="text-sm text-muted-foreground hover:text-foreground"
         transition-colors duration-200 ease-in-out
       >
         <a
@@ -93,7 +93,7 @@ const showFooter = computed(
           :href="control.prev.link"
         >
           <span
-            class="text-muted-foreground group-hover:text-foreground text-xs transition-all duration-200 ease-in-out"
+            class="text-xs text-muted-foreground transition-all duration-200 ease-in-out group-hover:text-foreground"
             v-html="theme.docFooter?.prev || t('docs.theme.doc.previous-page.title')"
           />
           <p class="mt-2 inline-flex items-center gap-1">
@@ -119,7 +119,7 @@ const showFooter = computed(
           :href="control.next.link"
         >
           <span
-            class="text-muted-foreground group-hover:text-foreground text-xs transition-all duration-200 ease-in-out"
+            class="text-xs text-muted-foreground transition-all duration-200 ease-in-out group-hover:text-foreground"
             v-html="theme.docFooter?.next || t('docs.theme.doc.next-page.title')"
           />
 
diff --git a/docs/.vitepress/components/DocOutline.vue b/docs/.vitepress/components/DocOutline.vue
index 9e74ae0f7..9ee67898b 100644
--- a/docs/.vitepress/components/DocOutline.vue
+++ b/docs/.vitepress/components/DocOutline.vue
@@ -44,7 +44,7 @@ useActiveAnchor(container, marker)
       {{ t('docs.theme.doc.outline.title') }}
     </div>
 
-    <div class="border-muted border-l font-sans">
+    <div class="border-l border-muted font-sans">
       <DocOutlineItem
         :headers="page.headers"
         :root="true"
diff --git a/docs/.vitepress/components/DocOutlineItem.vue b/docs/.vitepress/components/DocOutlineItem.vue
index 9b7de2b41..d454af39f 100644
--- a/docs/.vitepress/components/DocOutlineItem.vue
+++ b/docs/.vitepress/components/DocOutlineItem.vue
@@ -20,7 +20,7 @@ function onClick({ target: el }: Event) {
       :key="title"
     >
       <a
-        class="text-muted-foreground outline-link w-full"
+        class="outline-link w-full text-muted-foreground"
         :class="{ 'font-medium': root }"
         :href="link"
         :title="title"
diff --git a/docs/.vitepress/components/DocSidebar.vue b/docs/.vitepress/components/DocSidebar.vue
index cfd837dfc..3de8c0591 100644
--- a/docs/.vitepress/components/DocSidebar.vue
+++ b/docs/.vitepress/components/DocSidebar.vue
@@ -26,11 +26,11 @@ defineProps<{
         <span>{{ item.text }}</span>
         <Icon
           icon="lucide:chevron-down"
-          class="text-muted-foreground group-hover:text-foreground text-lg transition"
+          class="text-lg text-muted-foreground transition group-hover:text-foreground"
           :class="{ '-rotate-90': !open }"
         />
       </CollapsibleTrigger>
-      <CollapsibleContent class="data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp overflow-hidden">
+      <CollapsibleContent class="overflow-hidden data-[state=closed]:animate-slideUp data-[state=open]:animate-slideDown">
         <DocSidebarItem
           v-for="subitem in item.items"
           :key="subitem.text"
diff --git a/docs/.vitepress/components/DocSidebarItem.vue b/docs/.vitepress/components/DocSidebarItem.vue
index cc6e138ba..0818787b4 100644
--- a/docs/.vitepress/components/DocSidebarItem.vue
+++ b/docs/.vitepress/components/DocSidebarItem.vue
@@ -24,7 +24,7 @@ watch(isActiveLink, () => {
 
 <template>
   <div
-    class="text-muted-foreground hover:bg-card flex items-center rounded-lg text-sm transition-colors duration-150 ease-in-out"
+    class="flex items-center rounded-lg text-sm text-muted-foreground transition-colors duration-150 ease-in-out hover:bg-card"
     :class="{ 'is-active !bg-primary/10 !text-primary font-semibold': isActiveLink }"
   >
     <a
diff --git a/docs/.vitepress/components/DocTopbar.vue b/docs/.vitepress/components/DocTopbar.vue
index 2763dd152..76b8adf43 100644
--- a/docs/.vitepress/components/DocTopbar.vue
+++ b/docs/.vitepress/components/DocTopbar.vue
@@ -44,17 +44,17 @@ watch(path, () => {
 
 <template>
   <div
-    class="border-muted-foreground/10 sticky top-[4.25rem] z-10 h-12 w-full border-y px-4 transition-all duration-500"
+    class="sticky top-[4.25rem] z-10 h-12 w-full border-y border-muted-foreground/10 px-4 transition-all duration-500"
     :class="[top ? 'bg-transparent backdrop-blur-0' : 'bg-background/80 backdrop-blur supports-[backdrop-filter]:bg-background/80']"
   >
-    <div class="h-full items-center justify-between hidden md:flex">
+    <div class="hidden h-full items-center justify-between md:flex">
       <div class="h-full flex items-center">
         <a
           v-for="tab in sectionTabs.filter(i => !isCharacterPage(i.link))"
           :key="tab.label"
           :href="tab.link"
           :class="{ '!after:bg-primary !text-foreground': withBase(`/${page.relativePath}`).includes(tab.link?.split('/').slice(0, -1).join('/') || '') }"
-          class="text-muted-foreground hover:text-foreground hover:border-b-muted relative mx-4 h-full inline-flex items-center py-2 text-sm font-semibold after:absolute after:bottom-0 after:h-0.5 after:w-full after:rounded-t-full after:bg-transparent after:content-['']"
+          class="relative mx-4 h-full inline-flex items-center py-2 text-sm text-muted-foreground font-semibold after:absolute after:bottom-0 after:h-0.5 after:w-full hover:border-b-muted after:rounded-t-full after:bg-transparent hover:text-foreground after:content-['']"
           transition-colors duration-200 ease-in-out
         >
           <Icon
@@ -72,7 +72,7 @@ watch(path, () => {
           :key="tab.label"
           :href="tab.link"
           :class="{ '!after:bg-primary !text-foreground': withBase(page.relativePath).includes(tab.label?.toLowerCase() ?? '') }"
-          class="text-muted-foreground hover:text-foreground hover:border-b-muted relative mx-4 h-full inline-flex items-center py-2 text-sm font-semibold after:absolute after:bottom-0 after:h-0.5 after:w-full after:rounded-t-full after:bg-transparent after:content-['']"
+          class="relative mx-4 h-full inline-flex items-center py-2 text-sm text-muted-foreground font-semibold after:absolute after:bottom-0 after:h-0.5 after:w-full hover:border-b-muted after:rounded-t-full after:bg-transparent hover:text-foreground after:content-['']"
           transition-colors duration-200 ease-in-out
         >
           <Icon
@@ -89,7 +89,7 @@ watch(path, () => {
       <DialogRoot v-model:open="isSidebarOpen">
         <DialogTrigger
           aria-label="Menu button"
-          class="hover:bg-muted flex items-center rounded-lg p-2"
+          class="flex items-center rounded-lg p-2 hover:bg-muted"
           transition-colors duration-200 ease-in-out
         >
           <Icon
@@ -101,7 +101,7 @@ watch(path, () => {
 
         <DialogPortal>
           <DialogOverlay class="fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-fadeOut data-[state=open]:animate-fadeIn" />
-          <DialogContent class="bg-background border-muted data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left data-[state=open]:animate-enterFromLeft data-[state=closed]:animate-exitToLeft fixed inset-y-0 left-0 z-50 h-full w-3/4 gap-4 border-r pr-0 shadow-lg transition ease-in-out sm:max-w-sm">
+          <DialogContent class="data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left fixed inset-y-0 left-0 z-50 h-full w-3/4 gap-4 border-r border-muted bg-background pr-0 shadow-lg transition ease-in-out sm:max-w-sm data-[state=closed]:animate-exitToLeft data-[state=open]:animate-enterFromLeft">
             <DialogTitle class="sr-only">
               Sidebar menu
             </DialogTitle>
@@ -113,7 +113,7 @@ watch(path, () => {
               <div
                 v-for="group in theme.sidebar"
                 :key="group.text"
-                class="border-muted mb-4 flex flex-col gap-1 border-b px-4 pb-4"
+                class="mb-4 flex flex-col gap-1 border-b border-muted px-4 pb-4"
               >
                 <div class="mb-2 ml-2 flex items-center">
                   <Icon
@@ -158,7 +158,7 @@ watch(path, () => {
         <a
           href="/characters/"
           :class="{ '!border-b-primary !font-semibold !text-foreground': withBase(page.relativePath).includes('characters') }"
-          class="text-muted-foreground hover:border-b-muted hover:text-foreground mx-4 h-full inline-flex items-center gap-2 border-b border-b-transparent py-2 text-sm font-medium"
+          class="mx-4 h-full inline-flex items-center gap-2 border-b border-b-transparent py-2 text-sm text-muted-foreground font-medium hover:border-b-muted hover:text-foreground"
         >
           <Icon
             icon="lucide:scan-face"
diff --git a/docs/.vitepress/components/DropdownMenu.vue b/docs/.vitepress/components/DropdownMenu.vue
index 0a1d620f0..84ac31b73 100644
--- a/docs/.vitepress/components/DropdownMenu.vue
+++ b/docs/.vitepress/components/DropdownMenu.vue
@@ -15,7 +15,7 @@ defineProps<{
 <template>
   <!-- eslint-disable vue/prefer-separate-static-class -->
   <DropdownMenuRoot>
-    <DropdownMenuTrigger class="text-muted-foreground hover:text-foreground data-[state=open]:text-foreground mx-0 h-full inline-flex items-center justify-between px-2 py-2 text-nowrap text-sm font-semibold md:mx-3 md:px-0">
+    <DropdownMenuTrigger class="mx-0 h-full inline-flex items-center justify-between px-2 py-2 text-nowrap text-sm text-muted-foreground font-semibold md:mx-3 md:px-0 data-[state=open]:text-foreground hover:text-foreground">
       <slot name="trigger">
         <span>{{ label }}</span>
         <Icon
@@ -48,7 +48,7 @@ defineProps<{
               :key="item.text"
               :value="item.text"
               as-child
-              class="text-muted-foreground h-full flex items-center rounded px-2 py-2 text-sm font-semibold transition-colors duration-200 ease-in-out hover:text-primary"
+              class="h-full flex items-center rounded px-2 py-2 text-sm text-muted-foreground font-semibold transition-colors duration-200 ease-in-out hover:text-primary"
             >
               <a
                 v-if="item.link"
diff --git a/docs/.vitepress/components/MotionToggle.vue b/docs/.vitepress/components/MotionToggle.vue
index a1d128e8b..355199bb3 100644
--- a/docs/.vitepress/components/MotionToggle.vue
+++ b/docs/.vitepress/components/MotionToggle.vue
@@ -20,11 +20,11 @@ watchPostEffect(() => {
     <SwitchRoot
       id="motion-toggle"
       v-model="shouldReduceMotion"
-      class="bg-muted border-muted-foreground/10 relative h-6 w-11 flex flex-shrink-0 border rounded-full"
+      class="relative h-6 w-11 flex flex-shrink-0 border border-muted-foreground/10 rounded-full bg-muted"
       :aria-label="switchTitle"
     >
       <SwitchThumb
-        class="bg-background text-muted-foreground border-muted my-auto h-5 w-5 flex translate-x-0.5 items-center justify-center border rounded-full text-xs will-change-transform data-[state=checked]:translate-x-5 !transition-transform"
+        class="my-auto h-5 w-5 flex translate-x-0.5 items-center justify-center border border-muted rounded-full bg-background text-xs text-muted-foreground will-change-transform data-[state=checked]:translate-x-5 !transition-transform"
       >
         <Icon v-if="shouldReduceMotion" icon="lucide:square-dashed-mouse-pointer" />
         <Icon v-else icon="lucide:square-mouse-pointer" />
diff --git a/docs/.vitepress/components/Navbar.vue b/docs/.vitepress/components/Navbar.vue
index cc3713f32..25a8449a6 100644
--- a/docs/.vitepress/components/Navbar.vue
+++ b/docs/.vitepress/components/Navbar.vue
@@ -33,7 +33,7 @@ function isNavLinkActive(link: string, path: string) {
 
 <template>
   <!-- eslint-disable vue/prefer-separate-static-class -->
-  <nav class="items-center hidden lg:flex">
+  <nav class="hidden items-center lg:flex">
     <template
       v-for="nav in theme.nav"
       :key="nav.text"
@@ -41,7 +41,7 @@ function isNavLinkActive(link: string, path: string) {
       <a
         v-if="nav.link"
         :href="nav.link"
-        class="text-muted-foreground hover:text-foreground mx-3 h-full inline-flex items-center py-2 text-nowrap text-sm font-semibold"
+        class="mx-3 h-full inline-flex items-center py-2 text-nowrap text-sm text-muted-foreground font-semibold hover:text-foreground"
         transition-colors duration-200 ease-in-out
         :class="{ '!text-primary': isNavLinkActive(nav.link, path) }"
       >
@@ -55,7 +55,7 @@ function isNavLinkActive(link: string, path: string) {
     </template>
 
     <Separator
-      class="bg-muted ml-2 mr-2 h-4 w-px"
+      class="ml-2 mr-2 h-4 w-px bg-muted"
       decorative
       orientation="vertical"
     />
@@ -68,7 +68,7 @@ function isNavLinkActive(link: string, path: string) {
     </div>
 
     <Separator
-      class="bg-muted mx-4 h-4 w-px"
+      class="mx-4 h-4 w-px bg-muted"
       decorative
       orientation="vertical"
     />
@@ -79,7 +79,7 @@ function isNavLinkActive(link: string, path: string) {
       :href="link.link"
       :aria-label="link.icon"
       target="_blank"
-      class="text-muted-foreground hover:text-foreground hover:bg-muted h-9 w-9 flex flex-shrink-0 items-center justify-center rounded-lg bg-transparent text-xl"
+      class="h-9 w-9 flex flex-shrink-0 items-center justify-center rounded-lg bg-transparent text-xl text-muted-foreground hover:bg-muted hover:text-foreground"
       transition="colors duration-200 ease-in-out"
     >
       <Icon :icon="`simple-icons:${link.icon}`" />
@@ -112,7 +112,7 @@ function isNavLinkActive(link: string, path: string) {
                 v-if="nav.link"
                 as="a"
                 :href="nav.link"
-                class="text-muted-foreground h-full inline-flex items-center rounded-lg p-2 text-sm font-semibold hover:bg-primary/10 hover:text-primary"
+                class="h-full inline-flex items-center rounded-lg p-2 text-sm text-muted-foreground font-semibold hover:bg-primary/10 hover:text-primary"
                 transition="colors duration-200 ease-in-out"
               >
                 {{ nav.text }}
@@ -120,7 +120,7 @@ function isNavLinkActive(link: string, path: string) {
 
               <DropdownMenuSub v-else-if="nav.items">
                 <DropdownMenuSubTrigger
-                  class="text-muted-foreground h-full w-full inline-flex cursor-pointer items-center justify-between rounded-lg p-2 text-sm font-semibold hover:bg-primary/10 hover:text-primary"
+                  class="h-full w-full inline-flex cursor-pointer items-center justify-between rounded-lg p-2 text-sm text-muted-foreground font-semibold hover:bg-primary/10 hover:text-primary"
                   :class="[
                     'transition-all duration-200 ease-in-out',
                   ]"
@@ -140,7 +140,7 @@ function isNavLinkActive(link: string, path: string) {
                     <DropdownMenuItem
                       v-for="item in nav.items"
                       :key="item.text"
-                      class="text-muted-foreground h-full w-full inline-flex items-center rounded-lg p-2 text-sm font-semibold hover:text-primary"
+                      class="h-full w-full inline-flex items-center rounded-lg p-2 text-sm text-muted-foreground font-semibold hover:text-primary"
                       :class="[
                         'hover:bg-primary/10',
                         'transition-all duration-200 ease-in-out',
@@ -165,7 +165,7 @@ function isNavLinkActive(link: string, path: string) {
             </template>
 
             <Separator
-              class="bg-muted my-2 h-px w-full"
+              class="my-2 h-px w-full bg-muted"
               decorative
               orientation="horizontal"
             />
@@ -193,7 +193,7 @@ function isNavLinkActive(link: string, path: string) {
             </div>
 
             <Separator
-              class="bg-muted my-2 h-px w-full"
+              class="my-2 h-px w-full bg-muted"
               decorative
               orientation="horizontal"
             />
@@ -206,7 +206,7 @@ function isNavLinkActive(link: string, path: string) {
                 :href="link.link"
                 :aria-label="link.icon"
                 target="_blank"
-                class="text-muted-foreground hover:text-foreground hover:bg-muted h-9 w-9 flex items-center justify-center rounded-lg bg-transparent text-xl"
+                class="h-9 w-9 flex items-center justify-center rounded-lg bg-transparent text-xl text-muted-foreground hover:bg-muted hover:text-foreground"
                 transition="colors duration-200 ease-in-out"
               >
                 <Icon :icon="`simple-icons:${link.icon}`" />
diff --git a/docs/.vitepress/components/NavbarLanguageSubMenu.vue b/docs/.vitepress/components/NavbarLanguageSubMenu.vue
index 522c56052..081ff9519 100644
--- a/docs/.vitepress/components/NavbarLanguageSubMenu.vue
+++ b/docs/.vitepress/components/NavbarLanguageSubMenu.vue
@@ -25,7 +25,7 @@ const languages = computed(() => {
   <!-- eslint-disable vue/prefer-separate-static-class -->
   <DropdownMenuSub>
     <DropdownMenuSubTrigger
-      class="text-muted-foreground h-full w-full inline-flex cursor-pointer items-center justify-between rounded-lg p-2 text-sm font-semibold hover:bg-primary/10 hover:text-primary"
+      class="h-full w-full inline-flex cursor-pointer items-center justify-between rounded-lg p-2 text-sm text-muted-foreground font-semibold hover:bg-primary/10 hover:text-primary"
       :class="[
         'transition-all duration-200 ease-in-out',
       ]"
@@ -45,7 +45,7 @@ const languages = computed(() => {
         <DropdownMenuItem
           v-for="item in languages"
           :key="item.text"
-          class="text-muted-foreground h-full w-full inline-flex items-center rounded-lg p-2 text-sm font-semibold hover:text-primary"
+          class="h-full w-full inline-flex items-center rounded-lg p-2 text-sm text-muted-foreground font-semibold hover:text-primary"
           :class="[
             'hover:bg-primary/10',
             'transition-all duration-200 ease-in-out',
diff --git a/docs/.vitepress/components/SearchCommandBox.vue b/docs/.vitepress/components/SearchCommandBox.vue
index dbd1e7ff0..44a6b0892 100644
--- a/docs/.vitepress/components/SearchCommandBox.vue
+++ b/docs/.vitepress/components/SearchCommandBox.vue
@@ -142,7 +142,7 @@ function formMarkRegex(terms: Set<string>) {
     <div class="list-box w-full flex items-center px-6">
       <ListboxFilter
         v-model="filterText"
-        class="placeholder:text-muted-foreground h-12 w-full flex-1 bg-transparent text-sm outline-none md:h-14 focus:outline-none"
+        class="h-12 w-full flex-1 bg-transparent text-sm outline-none md:h-14 placeholder:text-muted-foreground focus:outline-none"
         :placeholder="t('docs.theme.search.placeholder')"
         auto-focus
       />
@@ -158,13 +158,13 @@ function formMarkRegex(terms: Set<string>) {
         }
       }"
       as="ul"
-      class="border-muted max-h-[55vh] overflow-auto border-t md:border-y empty:hidden md:empty:block md:empty:border-t-0"
+      class="max-h-[55vh] overflow-auto border-t border-muted empty:hidden md:border-y md:empty:block md:empty:border-t-0"
     >
       <ListboxItem
         v-for="p in results"
         :key="p.id"
         :value="p.id"
-        class="text-muted-foreground text-sm data-[highlighted]:bg-primary/10 data-[highlighted]:text-primary data-[highlighted]:font-semibold"
+        class="text-sm text-muted-foreground data-[highlighted]:bg-primary/10 data-[highlighted]:text-primary data-[highlighted]:font-semibold"
         as-child
         @select="emits('close')"
       >
@@ -201,13 +201,13 @@ function formMarkRegex(terms: Set<string>) {
 
       <li
         v-if="filterText && !results.length && enableNoResults"
-        class="text-foreground flex items-center justify-center p-16 text-sm"
+        class="flex items-center justify-center p-16 text-sm text-foreground"
       >
         No results for "<strong>{{ filterText }}</strong>"
       </li>
     </ListboxContent>
 
-    <div class="list-box-tips items-center gap-4 px-6 py-4 text-sm hidden md:flex">
+    <div class="list-box-tips hidden items-center gap-4 px-6 py-4 text-sm md:flex">
       <span class="inline-flex items-center gap-1 leading-4">
         <kbd aria-label="Up arrow" data-keyboard-key="up-arrow" mr-1 inline-block />
         <kbd aria-label="Down arrow" data-keyboard-key="down-arrow" />
diff --git a/docs/.vitepress/components/SearchTrigger.vue b/docs/.vitepress/components/SearchTrigger.vue
index be2cfccb0..96dd871cb 100644
--- a/docs/.vitepress/components/SearchTrigger.vue
+++ b/docs/.vitepress/components/SearchTrigger.vue
@@ -26,10 +26,10 @@ function handleClose() {
 
 <template>
   <DialogRoot v-model:open="open">
-    <DialogTrigger class="text-muted-foreground border-muted hover:bg-muted text-md md:bg-card flex items-center rounded-lg px-3 py-[7px] transition-colors duration-200 ease-in-out space-x-2 md:border md:text-sm">
+    <DialogTrigger class="text-md flex items-center border-muted rounded-lg px-3 py-[7px] text-muted-foreground transition-colors duration-200 ease-in-out space-x-2 md:border hover:bg-muted md:bg-card md:text-sm">
       <Icon icon="lucide:search" />
-      <span class="w-24 text-left hidden lg:w-40 md:inline-flex">{{ t('docs.theme.search.title') }}</span>
-      <span class="text-xs hidden prose md:inline-flex">
+      <span class="hidden w-24 text-left lg:w-40 md:inline-flex">{{ t('docs.theme.search.title') }}</span>
+      <span class="hidden text-xs prose md:inline-flex">
         <kbd>⌘ K</kbd>
       </span>
     </DialogTrigger>
@@ -38,7 +38,7 @@ function handleClose() {
       <AnimatePresence multiple>
         <DialogOverlay as-child>
           <Motion
-            class="bg-background/50 fixed inset-0 z-30 backdrop-blur-md"
+            class="fixed inset-0 z-30 bg-background/50 backdrop-blur-md"
             :initial="{ opacity: 0, scale: 0 }"
             :animate="{ opacity: 1, scale: 1 }"
             :exit="{ opacity: 0 }"
@@ -46,7 +46,7 @@ function handleClose() {
         </DialogOverlay>
         <DialogContent as-child>
           <Motion
-            class="border-muted bg-card fixed left-[50%] top-[10%] z-[100] max-h-[85vh] max-w-[750px] w-[90vw] translate-x-[-50%] overflow-hidden border rounded-xl shadow-xl will-change-transform focus:outline-none"
+            class="fixed left-[50%] top-[10%] z-[100] max-h-[85vh] max-w-[750px] w-[90vw] translate-x-[-50%] overflow-hidden border border-muted rounded-xl bg-card shadow-xl will-change-transform focus:outline-none"
             :initial="{ opacity: 0, top: '0%', transition: { duration: 0.2, ease: 'easeInOut' } }"
             :animate="{ opacity: 1, top: '10%', transition: { duration: 0.2, ease: 'easeInOut' } }"
             :exit="{ opacity: 0, top: '0%', transition: { duration: 0.2, ease: 'easeInOut' } }"
diff --git a/docs/.vitepress/components/ThemeToggle.vue b/docs/.vitepress/components/ThemeToggle.vue
index 97ebef1dd..9bdf7c0f6 100644
--- a/docs/.vitepress/components/ThemeToggle.vue
+++ b/docs/.vitepress/components/ThemeToggle.vue
@@ -20,11 +20,11 @@ watchPostEffect(() => {
     <SwitchRoot
       id="theme-toggle"
       v-model="isDark"
-      class="bg-muted border-muted-foreground/10 relative h-6 w-11 flex flex-shrink-0 border rounded-full"
+      class="relative h-6 w-11 flex flex-shrink-0 border border-muted-foreground/10 rounded-full bg-muted"
       :aria-label="switchTitle"
     >
       <SwitchThumb
-        class="text-muted-foreground border-muted bg-background my-auto h-5 w-5 flex translate-x-0.5 items-center justify-center border rounded-full text-xs will-change-transform data-[state=checked]:translate-x-5 !transition-transform"
+        class="my-auto h-5 w-5 flex translate-x-0.5 items-center justify-center border border-muted rounded-full bg-background text-xs text-muted-foreground will-change-transform data-[state=checked]:translate-x-5 !transition-transform"
       >
         <Icon v-if="isDark" icon="lucide:moon-star" />
         <Icon v-else icon="lucide:sun" />
diff --git a/docs/.vitepress/custom/Docs.vue b/docs/.vitepress/custom/Docs.vue
index 537ae306f..c17a96d0f 100644
--- a/docs/.vitepress/custom/Docs.vue
+++ b/docs/.vitepress/custom/Docs.vue
@@ -74,7 +74,7 @@ const isCharactersPage = computed(() => path.value.includes('characters'))
     <DocTopbar />
 
     <main class="flex">
-      <aside v-if="isSidebarEnabled" class="sticky top-[7.25rem] h-full max-h-[calc(100vh-7.25rem)] w-[17rem] flex-shrink-0 overflow-y-auto py-4 pl-4 pr-4 hidden md:block">
+      <aside v-if="isSidebarEnabled" class="sticky top-[7.25rem] hidden h-full max-h-[calc(100vh-7.25rem)] w-[17rem] flex-shrink-0 overflow-y-auto py-4 pl-4 pr-4 md:block">
         <div v-if="activeSection" class="h-full flex flex-col gap-1 font-sans">
           <DocSidebar :items="activeSection.items ?? []" />
         </div>
@@ -87,11 +87,11 @@ const isCharactersPage = computed(() => path.value.includes('characters'))
           :key="path"
           class="mb-4 block xl:hidden"
         >
-          <CollapsibleTrigger class="bg-card border-muted data-[state=open]:bg-muted mb-2 border rounded-lg px-4 py-2 text-sm">
+          <CollapsibleTrigger class="mb-2 border border-muted rounded-lg bg-card px-4 py-2 text-sm data-[state=open]:bg-muted">
             On this page
           </CollapsibleTrigger>
 
-          <CollapsibleContent class="data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp ml-4 overflow-hidden">
+          <CollapsibleContent class="ml-4 overflow-hidden data-[state=closed]:animate-slideUp data-[state=open]:animate-slideDown">
             <DocOutline collapsible />
           </CollapsibleContent>
         </CollapsibleRoot>
@@ -112,14 +112,14 @@ const isCharactersPage = computed(() => path.value.includes('characters'))
 
       <div
         v-if="!isCharactersPage && (isOutlineEnabled || isCommunityEnabled)"
-        class="no-scrollbar sticky top-[7.25rem] h-[calc(100vh-7.25rem)] w-64 flex-shrink-0 flex-col overflow-y-auto py-12 pl-2 hidden xl:flex space-y-6 md:overflow-x-hidden"
+        class="no-scrollbar sticky top-[7.25rem] hidden h-[calc(100vh-7.25rem)] w-64 flex-shrink-0 flex-col overflow-y-auto py-12 pl-2 xl:flex space-y-6 md:overflow-x-hidden"
       >
         <DocOutline v-if="isOutlineEnabled" />
         <DocCommunity v-if="isCommunityEnabled" />
         <div class="grow" />
         <!-- <DocCarbonAds /> -->
 
-        <div class="to-background fixed bottom-0 z-10 h-12 w-64 from-transparent bg-gradient-to-b" />
+        <div class="fixed bottom-0 z-10 h-12 w-64 from-transparent to-background bg-gradient-to-b" />
       </div>
     </main>
   </div>
diff --git a/docs/.vitepress/custom/Showcase.vue b/docs/.vitepress/custom/Showcase.vue
index f588807f2..e212d4715 100644
--- a/docs/.vitepress/custom/Showcase.vue
+++ b/docs/.vitepress/custom/Showcase.vue
@@ -13,12 +13,12 @@ const { frontmatter } = useData()
         <h1 class="text-4xl font-bold lg:text-5xl">
           Showcase
         </h1>
-        <h2 class="text-muted-foreground mt-2 max-w-[640px] font-medium md:mt-6 md:text-xl">
+        <h2 class="mt-2 max-w-[640px] text-muted-foreground font-medium md:mt-6 md:text-xl">
           {{ frontmatter.description }}
         </h2>
 
         <a
-          class="text-primary-foreground mt-4 w-max flex items-center justify-center gap-2 whitespace-nowrap rounded-lg bg-primary px-4 py-2.5 text-sm font-semibold hover:bg-primary/90"
+          class="mt-4 w-max flex items-center justify-center gap-2 whitespace-nowrap rounded-lg bg-primary px-4 py-2.5 text-sm text-primary-foreground font-semibold hover:bg-primary/90"
           target="_blank"
           href="https://github.com/unovue/reka-ui/edit/v2/docs/content/showcase.md"
         >
diff --git a/packages/audio/package.json b/packages/audio/package.json
index e3ae14d90..3c2fb445a 100644
--- a/packages/audio/package.json
+++ b/packages/audio/package.json
@@ -16,24 +16,24 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
     },
     "./audio-context": {
-      "types": "./dist/audio-context/index.d.ts",
-      "default": "./dist/audio-context/index.js"
+      "types": "./dist/audio-context/index.d.mts",
+      "default": "./dist/audio-context/index.mjs"
     },
     "./audio-context/processor.worklet": {
-      "types": "./dist/audio-context/processor.worklet.d.ts",
-      "default": "./dist/audio-context/processor.worklet.js"
+      "types": "./dist/audio-context/processor.worklet.d.mts",
+      "default": "./dist/audio-context/processor.worklet.mjs"
     },
     "./encoding": {
-      "types": "./dist/encoding/index.d.ts",
-      "default": "./dist/encoding/index.js"
+      "types": "./dist/encoding/index.d.mts",
+      "default": "./dist/encoding/index.mjs"
     }
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "files": [
     "README.md",
     "dist",
diff --git a/packages/core-character/package.json b/packages/core-character/package.json
index 3dacee304..e22b4aefb 100644
--- a/packages/core-character/package.json
+++ b/packages/core-character/package.json
@@ -16,12 +16,12 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
     }
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "files": [
     "README.md",
     "dist",
diff --git a/packages/i18n/package.json b/packages/i18n/package.json
index 1c70d663a..c161c220f 100644
--- a/packages/i18n/package.json
+++ b/packages/i18n/package.json
@@ -16,43 +16,43 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
     },
     "./locales": {
-      "types": "./dist/locales/index.d.ts",
-      "default": "./dist/locales/index.js"
+      "types": "./dist/locales/index.d.mts",
+      "default": "./dist/locales/index.mjs"
     },
     "./locales/en": {
-      "types": "./dist/locales/en/index.d.ts",
-      "default": "./dist/locales/en/index.js"
+      "types": "./dist/locales/en/index.d.mts",
+      "default": "./dist/locales/en/index.mjs"
     },
     "./locales/zh-Hans": {
-      "types": "./dist/locales/zh-Hans/index.d.ts",
-      "default": "./dist/locales/zh-Hans/index.js"
+      "types": "./dist/locales/zh-Hans/index.d.mts",
+      "default": "./dist/locales/zh-Hans/index.mjs"
     },
     "./locales/es": {
-      "types": "./dist/locales/es/index.d.ts",
-      "default": "./dist/locales/es/index.js"
+      "types": "./dist/locales/es/index.d.mts",
+      "default": "./dist/locales/es/index.mjs"
     },
     "./locales/ru": {
-      "types": "./dist/locales/ru/index.d.ts",
-      "default": "./dist/locales/ru/index.js"
+      "types": "./dist/locales/ru/index.d.mts",
+      "default": "./dist/locales/ru/index.mjs"
     },
     "./locales/fr": {
-      "types": "./dist/locales/fr/index.d.ts",
-      "default": "./dist/locales/fr/index.js"
+      "types": "./dist/locales/fr/index.d.mts",
+      "default": "./dist/locales/fr/index.mjs"
     },
     "./locales/vi": {
-      "types": "./dist/locales/vi/index.d.ts",
-      "default": "./dist/locales/vi/index.js"
+      "types": "./dist/locales/vi/index.d.mts",
+      "default": "./dist/locales/vi/index.mjs"
     },
     "./locales/*.yaml": {
       "default": "./dist/locales/*.yaml"
     }
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "files": [
     "README.md",
     "dist",
diff --git a/packages/pipelines-audio/package.json b/packages/pipelines-audio/package.json
index 278b03239..6cb80f875 100644
--- a/packages/pipelines-audio/package.json
+++ b/packages/pipelines-audio/package.json
@@ -16,12 +16,12 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
     }
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "files": [
     "README.md",
     "dist",
diff --git a/packages/server-sdk/package.json b/packages/server-sdk/package.json
index 46f6612d3..d9007d856 100644
--- a/packages/server-sdk/package.json
+++ b/packages/server-sdk/package.json
@@ -16,16 +16,16 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
     },
     "./utils/node": {
-      "types": "./dist/utils/node/index.d.ts",
-      "default": "./dist/utils/node/index.js"
+      "types": "./dist/utils/node/index.d.mts",
+      "default": "./dist/utils/node/index.mjs"
     }
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "files": [
     "README.md",
     "dist",
diff --git a/packages/server-shared/package.json b/packages/server-shared/package.json
index b20b010f5..400840442 100644
--- a/packages/server-shared/package.json
+++ b/packages/server-shared/package.json
@@ -16,12 +16,12 @@
   },
   "exports": {
     "./types": {
-      "types": "./dist/types/index.d.ts",
-      "default": "./dist/types/index.js"
+      "types": "./dist/types/index.d.mts",
+      "default": "./dist/types/index.mjs"
     }
   },
-  "main": "./dist/types/index.js",
-  "types": "./dist/types/index.d.ts",
+  "main": "./dist/types/index.mjs",
+  "types": "./dist/types/index.d.mts",
   "files": [
     "README.md",
     "dist",
diff --git a/packages/tauri-plugin-mcp/package.json b/packages/tauri-plugin-mcp/package.json
index 71cad2df3..2186842d1 100644
--- a/packages/tauri-plugin-mcp/package.json
+++ b/packages/tauri-plugin-mcp/package.json
@@ -35,12 +35,12 @@
   "publishConfig": {
     "exports": {
       ".": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
       },
-      "main": "./dist/index.js",
-      "module": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "main": "./dist/index.mjs",
+      "module": "./dist/index.mjs",
+      "types": "./dist/index.d.mts"
     }
   }
 }
diff --git a/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRT.vue b/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRT.vue
index 912e1fa0e..292ae7f58 100644
--- a/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRT.vue
+++ b/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRT.vue
@@ -53,7 +53,7 @@ defineExpose({
   <div
     v-bind="$attrs"
     h="[50dvh]" class="terminal-screen after:(pointer-events-none absolute inset-0 rounded-2xl content-[''])"
-    font-retro-mono rounded-8xl relative w-full p-4
+    rounded-8xl relative w-full p-4 font-retro-mono
     :style="{
       '--glitch-blink-speed': props.blinkSpeed,
       '--glitch-flash-freq': props.flashFrequency,
diff --git a/packages/ui-loading-screens/src/components/LoadingSciFiCircle/index.vue b/packages/ui-loading-screens/src/components/LoadingSciFiCircle/index.vue
index aa9b058be..ff5ab5fc3 100644
--- a/packages/ui-loading-screens/src/components/LoadingSciFiCircle/index.vue
+++ b/packages/ui-loading-screens/src/components/LoadingSciFiCircle/index.vue
@@ -419,7 +419,7 @@ defineExpose({
 
 <template>
   <Transition name="fade-out">
-    <div v-if="!done" w="[100dvw]" h="[100dvh]" font-retro-mono absolute inset-0 z-99 flex items-center justify-center>
+    <div v-if="!done" w="[100dvw]" h="[100dvh]" absolute inset-0 z-99 flex items-center justify-center font-retro-mono>
       <div flex flex-col max-w="800px" w="full" p="4">
         <div w="[min(200px,50dvw)]" h="[min(200px,50dvw)]" mx-auto flex justify-center overflow-hidden filter="blur-0.5px">
           <canvas ref="riveCanvas" object-contain />
diff --git a/packages/unocss-preset-fonts/package.json b/packages/unocss-preset-fonts/package.json
index a288869e6..1f5610892 100644
--- a/packages/unocss-preset-fonts/package.json
+++ b/packages/unocss-preset-fonts/package.json
@@ -17,8 +17,8 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
     }
   },
   "scripts": {