refactor(ui): update import paths from @/lib/utils to ~/lib/utils

Standardize import paths across UI components to use ~/lib/utils alias instead of @/lib/utils for better consistency and maintainability.

app/components/pub/ui/alert-dialog/AlertDialogAction.vue

@@ -3,7 +3,8 @@ import type { AlertDialogActionProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import { AlertDialogAction } from 'radix-vue'
 import { computed } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { buttonVariants } from '../button'
 
 const props = defineProps<AlertDialogActionProps & { class?: HTMLAttributes['class'] }>()

app/components/pub/ui/alert-dialog/AlertDialogCancel.vue

@@ -3,7 +3,8 @@ import type { AlertDialogCancelProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import { AlertDialogCancel } from 'radix-vue'
 import { computed } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { buttonVariants } from '../button'
 
 const props = defineProps<AlertDialogCancelProps & { class?: HTMLAttributes['class'] }>()

app/components/pub/ui/alert-dialog/AlertDialogContent.vue

@@ -9,7 +9,8 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue'
 import { computed } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<AlertDialogContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<AlertDialogContentEmits>()

app/components/pub/ui/alert-dialog/AlertDialogDescription.vue

@@ -6,7 +6,8 @@ import {
 
 } from 'radix-vue'
 import { computed } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/alert-dialog/AlertDialogFooter.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<{
   class?: HTMLAttributes['class']

app/components/pub/ui/alert-dialog/AlertDialogHeader.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<{
   class?: HTMLAttributes['class']

app/components/pub/ui/alert-dialog/AlertDialogTitle.vue

@@ -3,7 +3,8 @@ import type { AlertDialogTitleProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import { AlertDialogTitle } from 'radix-vue'
 import { computed } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes['class'] }>()