chore: 更新依赖

package.json

@@ -35,7 +35,7 @@
     "disable-devtool": "^0.3.8",
     "element-plus": "^2.9.3",
     "eruda": "^3.4.1",
-    "es-toolkit": "^1.31.0",
+    "es-toolkit": "^1.32.0",
     "hotkeys-js": "^3.13.9",
     "lucide-vue-next": "^0.474.0",
     "mitt": "^3.0.1",
@@ -44,10 +44,10 @@
     "path-to-regexp": "^8.2.0",
     "pinia": "^2.3.1",
     "qs": "^6.14.0",
-    "radix-vue": "^1.9.12",
+    "radix-vue": "^1.9.13",
     "scule": "^1.3.0",
-    "tailwind-merge": "^2.6.0",
-    "ua-parser-js": "^2.0.0",
+    "tailwind-merge": "^3.0.1",
+    "ua-parser-js": "^2.0.1",
     "vconsole": "^3.15.1",
     "vee-validate": "^4.15.0",
     "vue": "^3.5.13",
@@ -56,9 +56,9 @@
     "zod": "^3.24.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "3.16.0",
+    "@antfu/eslint-config": "4.1.1",
     "@faker-js/faker": "^9.4.0",
-    "@iconify/json": "^2.2.299",
+    "@iconify/json": "^2.2.303",
     "@iconify/vue": "^4.3.0",
     "@stylistic/stylelint-config": "^2.0.0",
     "@types/nprogress": "^0.2.3",
@@ -66,19 +66,19 @@
     "@types/qs": "^6.9.18",
     "@unocss/eslint-plugin": "^65.4.3",
     "@unocss/preset-legacy-compat": "^65.4.3",
-    "@vitejs/plugin-legacy": "^6.0.0",
+    "@vitejs/plugin-legacy": "^6.0.1",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
     "autoprefixer": "^10.4.20",
     "boxen": "^8.0.1",
-    "bumpp": "^9.10.2",
+    "bumpp": "^10.0.2",
     "cz-git": "^1.11.0",
-    "eslint": "^9.18.0",
+    "eslint": "^9.19.0",
     "esno": "^4.8.0",
     "fs-extra": "^11.3.0",
     "http-server": "^14.1.1",
-    "inquirer": "^12.3.2",
-    "lint-staged": "^15.4.2",
+    "inquirer": "^12.4.1",
+    "lint-staged": "^15.4.3",
     "npm-run-all2": "^7.0.2",
     "picocolors": "^1.1.1",
     "plop": "^4.0.1",
@@ -86,20 +86,20 @@
     "postcss-nested": "^7.0.2",
     "sass-embedded": "^1.83.4",
     "simple-git-hooks": "^2.11.1",
-    "stylelint": "^16.12.0",
+    "stylelint": "^16.14.1",
     "stylelint-config-recess-order": "^6.0.0",
     "stylelint-config-standard-scss": "^14.0.0",
     "stylelint-config-standard-vue": "^1.0.0",
-    "stylelint-scss": "^6.10.1",
+    "stylelint-scss": "^6.11.0",
     "svgo": "^3.3.2",
     "typescript": "^5.7.3",
     "unocss": "^65.4.3",
     "unocss-preset-animations": "^1.1.1",
-    "unocss-preset-scrollbar": "^0.3.1",
+    "unocss-preset-scrollbar": "^3.2.0",
     "unplugin-auto-import": "^19.0.0",
-    "unplugin-turbo-console": "^1.11.1",
+    "unplugin-turbo-console": "^1.11.2",
     "unplugin-vue-components": "^28.0.0",
-    "vite": "^6.0.11",
+    "vite": "^6.1.0",
     "vite-plugin-app-loading": "^0.3.0",
     "vite-plugin-archiver": "^0.1.1",
     "vite-plugin-banner": "^0.8.0",

src/layouts/components/Header/index.vue

@@ -22,7 +22,7 @@ const { switchTo } = useMenu()
       <div class="header-container">
         <Logo class="title" />
         <component :is="useSlots('header-after-logo')" />
-        <FaScrollArea horizontal :scrollbar="false" mask gradient-color="var(--g-header-bg)" class="menu-container h-full flex-1">
+        <FaScrollArea :scrollbar="false" mask horizontal gradient-color="var(--g-header-bg)" class="menu-container h-full flex-1">
           <!-- 顶部模式 -->
           <div class="menu h-full flex of-hidden transition-all">
             <template v-for="(item, index) in menuStore.allMenus" :key="index">

src/ui/components/FaAvatar/avatar/Avatar.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
+import type { AvatarVariants } from '.'
 import { cn } from '@/utils'
 import { AvatarRoot } from 'radix-vue'
-import { avatarVariant, type AvatarVariants } from '.'
+import { avatarVariant } from '.'
 
 const props = withDefaults(defineProps<{
   class?: HTMLAttributes['class']

src/ui/components/FaAvatar/avatar/AvatarFallback.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { AvatarFallback, type AvatarFallbackProps } from 'radix-vue'
+import type { AvatarFallbackProps } from 'radix-vue'
+import { AvatarFallback } from 'radix-vue'
 
 const props = defineProps<AvatarFallbackProps>()
 </script>

src/ui/components/FaAvatar/avatar/AvatarImage.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { AvatarImage, type AvatarImageProps } from 'radix-vue'
+import type { AvatarImageProps } from 'radix-vue'
+import { AvatarImage } from 'radix-vue'
 
 const props = defineProps<AvatarImageProps>()
 </script>

src/ui/components/FaAvatar/avatar/index.ts

@@ -1,4 +1,5 @@
-import { cva, type VariantProps } from 'class-variance-authority'
+import type { VariantProps } from 'class-variance-authority'
+import { cva } from 'class-variance-authority'
 
 export { default as Avatar } from './Avatar.vue'
 export { default as AvatarFallback } from './AvatarFallback.vue'

src/ui/components/FaButton/button/Button.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import type { PrimitiveProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
+import type { ButtonVariants } from '.'
 import { cn } from '@/utils'
-import { Primitive, type PrimitiveProps } from 'radix-vue'
-import { type ButtonVariants, buttonVariants } from '.'
+import { Primitive } from 'radix-vue'
+import { buttonVariants } from '.'
 
 interface Props extends PrimitiveProps {
   variant?: ButtonVariants['variant']

src/ui/components/FaButton/button/index.ts

@@ -1,4 +1,5 @@
-import { cva, type VariantProps } from 'class-variance-authority'
+import type { VariantProps } from 'class-variance-authority'
+import { cva } from 'class-variance-authority'
 
 export { default as Button } from './Button.vue'
 

src/ui/components/FaCheckbox/checkbox/Checkbox.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import type { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { Check } from 'lucide-vue-next'
 import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<CheckboxRootEmits>()

src/ui/components/FaContextMenu/context-menu/ContextMenuCheckboxItem.vue

@@ -1,14 +1,15 @@
 <script setup lang="ts">
+import type { ContextMenuCheckboxItemEmits, ContextMenuCheckboxItemProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { Check } from 'lucide-vue-next'
 import {
   ContextMenuCheckboxItem,
-  type ContextMenuCheckboxItemEmits,
-  type ContextMenuCheckboxItemProps,
+
   ContextMenuItemIndicator,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<ContextMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuCheckboxItemEmits>()
@@ -30,7 +31,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       props.class,
     )"
   >
-    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+    <span class="absolute left-2 h-3.5 w-3.5 flex items-center justify-center">
       <ContextMenuItemIndicator>
         <Check class="h-4 w-4" />
       </ContextMenuItemIndicator>

src/ui/components/FaContextMenu/context-menu/ContextMenuContent.vue

@@ -1,13 +1,14 @@
 <script setup lang="ts">
+import type { ContextMenuContentEmits, ContextMenuContentProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
   ContextMenuContent,
-  type ContextMenuContentEmits,
-  type ContextMenuContentProps,
+
   ContextMenuPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<ContextMenuContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuContentEmits>()

src/ui/components/FaContextMenu/context-menu/ContextMenuGroup.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { ContextMenuGroup, type ContextMenuGroupProps } from 'radix-vue'
+import type { ContextMenuGroupProps } from 'radix-vue'
+import { ContextMenuGroup } from 'radix-vue'
 
 const props = defineProps<ContextMenuGroupProps>()
 </script>

src/ui/components/FaContextMenu/context-menu/ContextMenuItem.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
+import type { ContextMenuItemEmits, ContextMenuItemProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
   ContextMenuItem,
-  type ContextMenuItemEmits,
-  type ContextMenuItemProps,
+
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<ContextMenuItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 const emits = defineEmits<ContextMenuItemEmits>()

src/ui/components/FaContextMenu/context-menu/ContextMenuLabel.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { ContextMenuLabelProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { ContextMenuLabel, type ContextMenuLabelProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { ContextMenuLabel } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<ContextMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 

src/ui/components/FaContextMenu/context-menu/ContextMenuPortal.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { ContextMenuPortal, type ContextMenuPortalProps } from 'radix-vue'
+import type { ContextMenuPortalProps } from 'radix-vue'
+import { ContextMenuPortal } from 'radix-vue'
 
 const props = defineProps<ContextMenuPortalProps>()
 </script>

src/ui/components/FaContextMenu/context-menu/ContextMenuRadioGroup.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import type { ContextMenuRadioGroupEmits, ContextMenuRadioGroupProps } from 'radix-vue'
 import {
   ContextMenuRadioGroup,
-  type ContextMenuRadioGroupEmits,
-  type ContextMenuRadioGroupProps,
+
   useForwardPropsEmits,
 } from 'radix-vue'
 

src/ui/components/FaContextMenu/context-menu/ContextMenuRadioItem.vue

@@ -1,14 +1,15 @@
 <script setup lang="ts">
+import type { ContextMenuRadioItemEmits, ContextMenuRadioItemProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { Circle } from 'lucide-vue-next'
 import {
   ContextMenuItemIndicator,
   ContextMenuRadioItem,
-  type ContextMenuRadioItemEmits,
-  type ContextMenuRadioItemProps,
+
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<ContextMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuRadioItemEmits>()
@@ -30,7 +31,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       props.class,
     )"
   >
-    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+    <span class="absolute left-2 h-3.5 w-3.5 flex items-center justify-center">
       <ContextMenuItemIndicator>
         <Circle class="h-2 w-2 fill-current" />
       </ContextMenuItemIndicator>

src/ui/components/FaContextMenu/context-menu/ContextMenuSeparator.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
+import type { ContextMenuSeparatorProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
   ContextMenuSeparator,
-  type ContextMenuSeparatorProps,
+
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<ContextMenuSeparatorProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaContextMenu/context-menu/ContextMenuSub.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import type { ContextMenuSubEmits, ContextMenuSubProps } from 'radix-vue'
 import {
   ContextMenuSub,
-  type ContextMenuSubEmits,
-  type ContextMenuSubProps,
+
   useForwardPropsEmits,
 } from 'radix-vue'
 

src/ui/components/FaContextMenu/context-menu/ContextMenuSubContent.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
+import type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
   ContextMenuSubContent,
-  type DropdownMenuSubContentEmits,
-  type DropdownMenuSubContentProps,
+
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()

src/ui/components/FaContextMenu/context-menu/ContextMenuSubTrigger.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
+import type { ContextMenuSubTriggerProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { ChevronRight } from 'lucide-vue-next'
 import {
   ContextMenuSubTrigger,
-  type ContextMenuSubTriggerProps,
+
   useForwardProps,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<ContextMenuSubTriggerProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 

src/ui/components/FaContextMenu/context-menu/ContextMenuTrigger.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { ContextMenuTrigger, type ContextMenuTriggerProps, useForwardProps } from 'radix-vue'
+import type { ContextMenuTriggerProps } from 'radix-vue'
+import { ContextMenuTrigger, useForwardProps } from 'radix-vue'
 
 const props = defineProps<ContextMenuTriggerProps>()
 

src/ui/components/FaDrawer/sheet/Sheet.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { DialogRoot, type DialogRootEmits, type DialogRootProps, useForwardPropsEmits } from 'radix-vue'
+import type { DialogRootEmits, DialogRootProps } from 'radix-vue'
+import { DialogRoot, useForwardPropsEmits } from 'radix-vue'
 
 const props = defineProps<DialogRootProps>()
 const emits = defineEmits<DialogRootEmits>()

src/ui/components/FaDrawer/sheet/SheetClose.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { DialogClose, type DialogCloseProps } from 'radix-vue'
+import type { DialogCloseProps } from 'radix-vue'
+import { DialogClose } from 'radix-vue'
 
 const props = defineProps<DialogCloseProps>()
 </script>

src/ui/components/FaDrawer/sheet/SheetContent.vue

@@ -1,16 +1,18 @@
 <script setup lang="ts">
+import type { DialogContentEmits, DialogContentProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
+import type { SheetVariants } from '.'
 import { cn } from '@/utils'
 import { X } from 'lucide-vue-next'
 import {
   DialogClose,
   DialogContent,
-  type DialogContentEmits,
-  type DialogContentProps,
+
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
-import { type SheetVariants, sheetVariants } from '.'
+import { computed } from 'vue'
+import { sheetVariants } from '.'
 
 interface SheetContentProps extends DialogContentProps {
   class?: HTMLAttributes['class']

src/ui/components/FaDrawer/sheet/SheetDescription.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { DialogDescriptionProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { DialogDescription, type DialogDescriptionProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { DialogDescription } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaDrawer/sheet/SheetTitle.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { DialogTitleProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { DialogTitle, type DialogTitleProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { DialogTitle } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaDrawer/sheet/index.ts

@@ -1,4 +1,5 @@
-import { cva, type VariantProps } from 'class-variance-authority'
+import type { VariantProps } from 'class-variance-authority'
+import { cva } from 'class-variance-authority'
 
 export { default as Sheet } from './Sheet.vue'
 export { default as SheetClose } from './SheetClose.vue'

src/ui/components/FaDropdown/dropdown-menu/DropdownMenu.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { DropdownMenuRoot, type DropdownMenuRootEmits, type DropdownMenuRootProps, useForwardPropsEmits } from 'radix-vue'
+import type { DropdownMenuRootEmits, DropdownMenuRootProps } from 'radix-vue'
+import { DropdownMenuRoot, useForwardPropsEmits } from 'radix-vue'
 
 const props = defineProps<DropdownMenuRootProps>()
 const emits = defineEmits<DropdownMenuRootEmits>()

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuCheckboxItem.vue

@@ -1,14 +1,15 @@
 <script setup lang="ts">
+import type { DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { Check } from 'lucide-vue-next'
 import {
   DropdownMenuCheckboxItem,
-  type DropdownMenuCheckboxItemEmits,
-  type DropdownMenuCheckboxItemProps,
+
   DropdownMenuItemIndicator,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>()

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuContent.vue

@@ -1,13 +1,14 @@
 <script setup lang="ts">
+import type { DropdownMenuContentEmits, DropdownMenuContentProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
   DropdownMenuContent,
-  type DropdownMenuContentEmits,
-  type DropdownMenuContentProps,
+
   DropdownMenuPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = withDefaults(
   defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuGroup.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { DropdownMenuGroup, type DropdownMenuGroupProps } from 'radix-vue'
+import type { DropdownMenuGroupProps } from 'radix-vue'
+import { DropdownMenuGroup } from 'radix-vue'
 
 const props = defineProps<DropdownMenuGroupProps>()
 </script>

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuItem.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { DropdownMenuItemProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { DropdownMenuItem, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuLabel.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { DropdownMenuLabelProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { DropdownMenuLabel, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuRadioGroup.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import type { DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps } from 'radix-vue'
 import {
   DropdownMenuRadioGroup,
-  type DropdownMenuRadioGroupEmits,
-  type DropdownMenuRadioGroupProps,
+
   useForwardPropsEmits,
 } from 'radix-vue'
 

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuRadioItem.vue

@@ -1,14 +1,15 @@
 <script setup lang="ts">
+import type { DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { Circle } from 'lucide-vue-next'
 import {
   DropdownMenuItemIndicator,
   DropdownMenuRadioItem,
-  type DropdownMenuRadioItemEmits,
-  type DropdownMenuRadioItemProps,
+
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuSeparator.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
+import type { DropdownMenuSeparatorProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
   DropdownMenuSeparator,
-  type DropdownMenuSeparatorProps,
+
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<DropdownMenuSeparatorProps & {
   class?: HTMLAttributes['class']

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuSub.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import type { DropdownMenuSubEmits, DropdownMenuSubProps } from 'radix-vue'
 import {
   DropdownMenuSub,
-  type DropdownMenuSubEmits,
-  type DropdownMenuSubProps,
+
   useForwardPropsEmits,
 } from 'radix-vue'
 

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuSubContent.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
+import type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
   DropdownMenuSubContent,
-  type DropdownMenuSubContentEmits,
-  type DropdownMenuSubContentProps,
+
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
+import type { DropdownMenuSubTriggerProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { ChevronRight } from 'lucide-vue-next'
 import {
   DropdownMenuSubTrigger,
-  type DropdownMenuSubTriggerProps,
+
   useForwardProps,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaDropdown/dropdown-menu/DropdownMenuTrigger.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { DropdownMenuTrigger, type DropdownMenuTriggerProps, useForwardProps } from 'radix-vue'
+import type { DropdownMenuTriggerProps } from 'radix-vue'
+import { DropdownMenuTrigger, useForwardProps } from 'radix-vue'
 
 const props = defineProps<DropdownMenuTriggerProps>()
 

src/ui/components/FaModal/dialog/Dialog.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { DialogRoot, type DialogRootEmits, type DialogRootProps, useForwardPropsEmits } from 'radix-vue'
+import type { DialogRootEmits, DialogRootProps } from 'radix-vue'
+import { DialogRoot, useForwardPropsEmits } from 'radix-vue'
 
 const props = defineProps<DialogRootProps>()
 const emits = defineEmits<DialogRootEmits>()

src/ui/components/FaModal/dialog/DialogClose.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { DialogClose, type DialogCloseProps } from 'radix-vue'
+import type { DialogCloseProps } from 'radix-vue'
+import { DialogClose } from 'radix-vue'
 
 const props = defineProps<DialogCloseProps>()
 </script>

src/ui/components/FaModal/dialog/DialogContent.vue

@@ -1,15 +1,16 @@
 <script setup lang="ts">
+import type { DialogContentEmits, DialogContentProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { Maximize, Minimize, X } from 'lucide-vue-next'
 import {
   DialogClose,
   DialogContent,
-  type DialogContentEmits,
-  type DialogContentProps,
+
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<DialogContentProps & {
   class?: HTMLAttributes['class']

src/ui/components/FaModal/dialog/DialogDescription.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { DialogDescriptionProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { DialogDescription, type DialogDescriptionProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { DialogDescription, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaModal/dialog/DialogTitle.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { DialogTitleProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { DialogTitle, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaNotification/toast/Toast.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import type { ToastRootEmits } from 'radix-vue'
+import type { ToastProps } from '.'
 import { cn } from '@/utils'
-import { ToastRoot, type ToastRootEmits, useForwardPropsEmits } from 'radix-vue'
+import { ToastRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
-import { type ToastProps, toastVariants } from '.'
+import { toastVariants } from '.'
 
 const props = defineProps<ToastProps>()
 

src/ui/components/FaNotification/toast/ToastAction.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { ToastActionProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { ToastAction, type ToastActionProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { ToastAction } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<ToastActionProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaNotification/toast/ToastClose.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import type { ToastCloseProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { X } from 'lucide-vue-next'
-import { ToastClose, type ToastCloseProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { ToastClose } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<ToastCloseProps & {
   class?: HTMLAttributes['class']

src/ui/components/FaNotification/toast/ToastDescription.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { ToastDescriptionProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { ToastDescription, type ToastDescriptionProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { ToastDescription } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<ToastDescriptionProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaNotification/toast/ToastProvider.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { ToastProvider, type ToastProviderProps } from 'radix-vue'
+import type { ToastProviderProps } from 'radix-vue'
+import { ToastProvider } from 'radix-vue'
 
 const props = defineProps<ToastProviderProps>()
 </script>

src/ui/components/FaNotification/toast/ToastTitle.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { ToastTitleProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { ToastTitle, type ToastTitleProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { ToastTitle } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<ToastTitleProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaNotification/toast/ToastViewport.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { ToastViewportProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { ToastViewport, type ToastViewportProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { ToastViewport } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<ToastViewportProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaNotification/toast/index.ts

@@ -1,7 +1,8 @@
+import type { VariantProps } from 'class-variance-authority'
 import type { ToastRootProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
 
-import { cva, type VariantProps } from 'class-variance-authority'
+import type { HTMLAttributes } from 'vue'
+import { cva } from 'class-variance-authority'
 
 export { default as Toast } from './Toast.vue'
 export { default as ToastAction } from './ToastAction.vue'

src/ui/components/FaPinInput/pin-input/PinInput.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { PinInputRootEmits, PinInputRootProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { PinInputRoot, type PinInputRootEmits, type PinInputRootProps, useForwardPropsEmits } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { PinInputRoot, useForwardPropsEmits } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = withDefaults(defineProps<PinInputRootProps & { class?: HTMLAttributes['class'] }>(), {
   modelValue: () => [],

src/ui/components/FaPinInput/pin-input/PinInputGroup.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { PrimitiveProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { Primitive, type PrimitiveProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { Primitive, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>()
 const delegatedProps = computed(() => {

src/ui/components/FaPinInput/pin-input/PinInputInput.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { PinInputInputProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { PinInputInput, type PinInputInputProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { PinInputInput, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<PinInputInputProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaPopover/popover/PopoverContent.vue

@@ -1,13 +1,14 @@
 <script setup lang="ts">
+import type { PopoverContentEmits, PopoverContentProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
   PopoverContent,
-  type PopoverContentEmits,
-  type PopoverContentProps,
+
   PopoverPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 defineOptions({
   inheritAttrs: false,

src/ui/components/FaPopover/popover/PopoverTrigger.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { PopoverTrigger, type PopoverTriggerProps } from 'radix-vue'
+import type { PopoverTriggerProps } from 'radix-vue'
+import { PopoverTrigger } from 'radix-vue'
 
 const props = defineProps<PopoverTriggerProps>()
 </script>

src/ui/components/FaScrollArea/scroll-area/ScrollArea.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
+import type { ScrollAreaRootProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
   ScrollAreaCorner,
   ScrollAreaRoot,
-  type ScrollAreaRootProps,
+
   ScrollAreaViewport,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 import ScrollBar from './ScrollBar.vue'
 
 const props = defineProps<ScrollAreaRootProps & {

src/ui/components/FaScrollArea/scroll-area/ScrollBar.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { ScrollAreaScrollbarProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { ScrollAreaScrollbar, ScrollAreaThumb } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes['class'] }>(), {
   orientation: 'vertical',

src/ui/components/FaSelect/select/SelectContent.vue

@@ -1,14 +1,15 @@
 <script setup lang="ts">
+import type { SelectContentEmits, SelectContentProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
   SelectContent,
-  type SelectContentEmits,
-  type SelectContentProps,
+
   SelectPortal,
   SelectViewport,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 import { SelectScrollDownButton, SelectScrollUpButton } from '.'
 
 defineOptions({

src/ui/components/FaSelect/select/SelectGroup.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { SelectGroupProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { SelectGroup, type SelectGroupProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { SelectGroup } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<SelectGroupProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaSelect/select/SelectItem.vue

@@ -1,14 +1,16 @@
 <script setup lang="ts">
+import type { SelectItemProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { Check } from 'lucide-vue-next'
 import {
   SelectItem,
   SelectItemIndicator,
-  type SelectItemProps,
+
   SelectItemText,
   useForwardProps,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<SelectItemProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaSelect/select/SelectItemText.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { SelectItemText, type SelectItemTextProps } from 'radix-vue'
+import type { SelectItemTextProps } from 'radix-vue'
+import { SelectItemText } from 'radix-vue'
 
 const props = defineProps<SelectItemTextProps>()
 </script>

src/ui/components/FaSelect/select/SelectLabel.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import type { SelectLabelProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { SelectLabel, type SelectLabelProps } from 'radix-vue'
+import { SelectLabel } from 'radix-vue'
 
 const props = defineProps<SelectLabelProps & { class?: HTMLAttributes['class'] }>()
 </script>

src/ui/components/FaSelect/select/SelectScrollDownButton.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import type { SelectScrollDownButtonProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { ChevronDown } from 'lucide-vue-next'
-import { SelectScrollDownButton, type SelectScrollDownButtonProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { SelectScrollDownButton, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaSelect/select/SelectScrollUpButton.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import type { SelectScrollUpButtonProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { ChevronUp } from 'lucide-vue-next'
-import { SelectScrollUpButton, type SelectScrollUpButtonProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { SelectScrollUpButton, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaSelect/select/SelectSeparator.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { SelectSeparatorProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { SelectSeparator } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaSelect/select/SelectTrigger.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import type { SelectTriggerProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import { ChevronDown } from 'lucide-vue-next'
-import { SelectIcon, SelectTrigger, type SelectTriggerProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { SelectIcon, SelectTrigger, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaSelect/select/SelectValue.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { SelectValue, type SelectValueProps } from 'radix-vue'
+import type { SelectValueProps } from 'radix-vue'
+import { SelectValue } from 'radix-vue'
 
 const props = defineProps<SelectValueProps>()
 </script>

src/ui/components/FaSwitch/switch/Switch.vue

@@ -1,13 +1,14 @@
 <script setup lang="ts">
+import type { SwitchRootEmits, SwitchRootProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
 import {
   SwitchRoot,
-  type SwitchRootEmits,
-  type SwitchRootProps,
+
   SwitchThumb,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<SwitchRootProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaTabs/tabs/TabsContent.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { TabsContentProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { TabsContent, type TabsContentProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { TabsContent } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<TabsContentProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaTabs/tabs/TabsList.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { TabsListProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { TabsList, type TabsListProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { TabsList } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<TabsListProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaTabs/tabs/TabsTrigger.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { TabsTriggerProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { TabsTrigger, useForwardProps } from 'radix-vue'
+import { computed } from 'vue'
 
 const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes['class'] }>()
 

src/ui/components/FaToast/sonner/Sonner.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { Toaster as Sonner, type ToasterProps } from 'vue-sonner'
+import type { ToasterProps } from 'vue-sonner'
+import { Toaster as Sonner } from 'vue-sonner'
 
 const props = defineProps<ToasterProps>()
 </script>

src/ui/components/FaTooltip/tooltip/Tooltip.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { TooltipRoot, type TooltipRootEmits, type TooltipRootProps, useForwardPropsEmits } from 'radix-vue'
+import type { TooltipRootEmits, TooltipRootProps } from 'radix-vue'
+import { TooltipRoot, useForwardPropsEmits } from 'radix-vue'
 
 const props = defineProps<TooltipRootProps>()
 const emits = defineEmits<TooltipRootEmits>()

src/ui/components/FaTooltip/tooltip/TooltipContent.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import type { TooltipContentEmits, TooltipContentProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils'
-import { TooltipContent, type TooltipContentEmits, type TooltipContentProps, TooltipPortal, useForwardPropsEmits } from 'radix-vue'
-import { computed, type HTMLAttributes } from 'vue'
+import { TooltipContent, TooltipPortal, useForwardPropsEmits } from 'radix-vue'
+import { computed } from 'vue'
 
 defineOptions({
   inheritAttrs: false,

src/ui/components/FaTooltip/tooltip/TooltipProvider.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { TooltipProvider, type TooltipProviderProps } from 'radix-vue'
+import type { TooltipProviderProps } from 'radix-vue'
+import { TooltipProvider } from 'radix-vue'
 
 const props = defineProps<TooltipProviderProps>()
 </script>

src/ui/components/FaTooltip/tooltip/TooltipTrigger.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { TooltipTrigger, type TooltipTriggerProps } from 'radix-vue'
+import type { TooltipTriggerProps } from 'radix-vue'
+import { TooltipTrigger } from 'radix-vue'
 
 const props = defineProps<TooltipTriggerProps>()
 </script>

src/utils/index.ts

@@ -1,4 +1,5 @@
-import { type ClassValue, clsx } from 'clsx'
+import type { ClassValue } from 'clsx'
+import { clsx } from 'clsx'
 import path from 'path-browserify'
 import { twMerge } from 'tailwind-merge'
 

vite/plugins.ts

@@ -1,3 +1,4 @@
+import type { PluginOption } from 'vite'
 import path from 'node:path'
 import process from 'node:process'
 import vueLegacy from '@vitejs/plugin-legacy'
@@ -9,7 +10,7 @@ import Unocss from 'unocss/vite'
 import autoImport from 'unplugin-auto-import/vite'
 import TurboConsole from 'unplugin-turbo-console/vite'
 import components from 'unplugin-vue-components/vite'
-import { loadEnv, type PluginOption } from 'vite'
+import { loadEnv } from 'vite'
 import AppLoading from 'vite-plugin-app-loading'
 import Archiver from 'vite-plugin-archiver'
 import banner from 'vite-plugin-banner'