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/flow/dashboard/index.vue

@@ -1,10 +1,6 @@
 <script setup lang="ts">
 import { Activity, CreditCard, DollarSign, Users, UserCheck, UsersRound, Calendar, Hospital } from 'lucide-vue-next'
 
-definePageMeta({
-  roles: ['sys', 'doc'],
-})
-
 const dataCard = ref({
   totalRevenue: 0,
   totalRevenueDesc: 0,
@@ -165,11 +161,8 @@ onMounted(() => {
             </div>
           </CardHeader>
           <CardContent class="grid cursor-pointer gap-8 md:grid-cols-4 md:gap-8">
-            <Card
-              v-for="item in linkItems"
-              :key="item"
-              class="border-primary hover:bg-primary my-2 h-32 border transition-colors duration-200 hover:bg-gray-200"
-            >
+            <Card v-for="item in linkItems" :key="item"
+              class="border-primary hover:bg-primary my-2 h-32 border transition-colors duration-200 hover:bg-gray-200">
               <NuxtLink :to="item.link">
                 <CardContent class="my-2 grid h-full grid-rows-2 place-items-center">
                   <Icon :name="item.icon" class="text-primary h-9 w-[60px]" />

app/components/pub/nav/data-table.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/pub/ui/table'
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '~/components/pub/ui/table'
 
 defineProps<{
   rows: unknown[]

app/components/pub/ui/accordion/AccordionContent.vue

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

app/components/pub/ui/accordion/AccordionItem.vue

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

app/components/pub/ui/accordion/AccordionTrigger.vue

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

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'] }>()
 

app/components/pub/ui/alert/Alert.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import type { AlertVariants } from '.'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { alertVariants } from '.'
 
 const props = defineProps<{

app/components/pub/ui/alert/AlertDescription.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/AlertTitle.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/avatar/Avatar.vue

@@ -2,7 +2,8 @@
 import type { HTMLAttributes } from 'vue'
 import type { AvatarVariants } from '.'
 import { AvatarRoot } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { avatarVariant } from '.'
 
 const props = withDefaults(defineProps<{

app/components/pub/ui/badge/Badge.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import type { BadgeVariants } from '.'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { badgeVariants } from '.'
 
 const props = defineProps<{

app/components/pub/ui/breadcrumb/BreadcrumbEllipsis.vue

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

app/components/pub/ui/breadcrumb/BreadcrumbItem.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 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/breadcrumb/BreadcrumbLink.vue

@@ -2,7 +2,8 @@
 import type { PrimitiveProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import { Primitive } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = withDefaults(defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>(), {
   as: 'a',

app/components/pub/ui/breadcrumb/BreadcrumbList.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 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/breadcrumb/BreadcrumbPage.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 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/breadcrumb/BreadcrumbSeparator.vue

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

app/components/pub/ui/calendar/Calendar.vue

@@ -3,7 +3,8 @@ import type { CalendarRootEmits, CalendarRootProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import { CalendarRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNextButton, CalendarPrevButton } from '.'
 
 const props = defineProps<CalendarRootProps & { class?: HTMLAttributes['class'] }>()

app/components/pub/ui/calendar/CalendarCell.vue

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

app/components/pub/ui/calendar/CalendarCellTrigger.vue

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

app/components/pub/ui/calendar/CalendarGrid.vue

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

app/components/pub/ui/calendar/CalendarGridRow.vue

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

app/components/pub/ui/calendar/CalendarHeadCell.vue

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

app/components/pub/ui/calendar/CalendarHeader.vue

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

app/components/pub/ui/calendar/CalendarHeading.vue

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

app/components/pub/ui/calendar/CalendarNextButton.vue

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

app/components/pub/ui/calendar/CalendarPrevButton.vue

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

app/components/pub/ui/card/Card.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/card/CardContent.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/card/CardDescription.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/card/CardFooter.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/card/CardHeader.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/card/CardTitle.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/carousel/Carousel.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { CarouselEmits, CarouselProps, WithClassAsProps } from './interface'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { useProvideCarousel } from './useCarousel'
 
 const props = withDefaults(defineProps<CarouselProps & WithClassAsProps>(), {

app/components/pub/ui/carousel/CarouselContent.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { WithClassAsProps } from './interface'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { useCarousel } from './useCarousel'
 
 defineOptions({

app/components/pub/ui/carousel/CarouselItem.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { WithClassAsProps } from './interface'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { useCarousel } from './useCarousel'
 
 const props = defineProps<WithClassAsProps>()

app/components/pub/ui/carousel/CarouselNext.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import type { WithClassAsProps } from './interface'
 import { ArrowRight } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { Button } from '../button'
 import { useCarousel } from './useCarousel'
 

app/components/pub/ui/carousel/CarouselPrevious.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import type { WithClassAsProps } from './interface'
 import { ArrowLeft } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { Button } from '../button'
 import { useCarousel } from './useCarousel'
 

app/components/pub/ui/chart-area/AreaChart.vue

@@ -6,7 +6,8 @@ import { Area, Axis, CurveType, Line } from '@unovis/ts'
 import { VisArea, VisAxis, VisLine, VisXYContainer } from '@unovis/vue'
 import { useMounted } from '@vueuse/core'
 import { computed, ref } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { ChartCrosshair, ChartLegend, defaultColors } from '../chart'
 
 const props = withDefaults(defineProps<BaseChartProps<T> & {

app/components/pub/ui/chart-bar/BarChart.vue

@@ -6,7 +6,8 @@ import { Axis, GroupedBar, StackedBar } from '@unovis/ts'
 import { VisAxis, VisGroupedBar, VisStackedBar, VisXYContainer } from '@unovis/vue'
 import { useMounted } from '@vueuse/core'
 import { computed, ref } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { ChartCrosshair, ChartLegend, defaultColors } from '../chart'
 
 const props = withDefaults(defineProps<BaseChartProps<T> & {

app/components/pub/ui/chart-donut/DonutChart.vue

@@ -5,7 +5,8 @@ import { Donut } from '@unovis/ts'
 import { VisDonut, VisSingleContainer } from '@unovis/vue'
 import { useMounted } from '@vueuse/core'
 import { computed, ref } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { ChartSingleTooltip, defaultColors } from '../chart'
 
 const props = withDefaults(defineProps<Pick<BaseChartProps<T>, 'data' | 'colors' | 'index' | 'margin' | 'showLegend' | 'showTooltip' | 'filterOpacity'> & {

app/components/pub/ui/chart-line/LineChart.vue

@@ -6,7 +6,8 @@ import { Axis, CurveType, Line } from '@unovis/ts'
 import { VisAxis, VisLine, VisXYContainer } from '@unovis/vue'
 import { useMounted } from '@vueuse/core'
 import { computed, ref } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { ChartCrosshair, ChartLegend, defaultColors } from '../chart'
 
 const props = withDefaults(defineProps<BaseChartProps<T> & {

app/components/pub/ui/checkbox/Checkbox.vue

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

app/components/pub/ui/command/Command.vue

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

app/components/pub/ui/command/CommandEmpty.vue

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

app/components/pub/ui/command/CommandGroup.vue

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

app/components/pub/ui/command/CommandInput.vue

@@ -4,7 +4,8 @@ import type { HTMLAttributes } from 'vue'
 import { Search } from 'lucide-vue-next'
 import { ComboboxInput, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 defineOptions({
   inheritAttrs: false,

app/components/pub/ui/command/CommandItem.vue

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

app/components/pub/ui/command/CommandList.vue

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

app/components/pub/ui/command/CommandSeparator.vue

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

app/components/pub/ui/command/CommandShortcut.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/context-menu/ContextMenuCheckboxItem.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<ContextMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuCheckboxItemEmits>()

app/components/pub/ui/context-menu/ContextMenuContent.vue

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

app/components/pub/ui/context-menu/ContextMenuItem.vue

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

app/components/pub/ui/context-menu/ContextMenuLabel.vue

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

app/components/pub/ui/context-menu/ContextMenuRadioItem.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<ContextMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuRadioItemEmits>()

app/components/pub/ui/context-menu/ContextMenuSeparator.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<ContextMenuSeparatorProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/context-menu/ContextMenuShortcut.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/context-menu/ContextMenuSubContent.vue

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

app/components/pub/ui/context-menu/ContextMenuSubTrigger.vue

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

app/components/pub/ui/dialog/DialogContent.vue

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

app/components/pub/ui/dialog/DialogDescription.vue

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

app/components/pub/ui/dialog/DialogFooter.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'] }>()
 </script>

app/components/pub/ui/dialog/DialogHeader.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/dialog/DialogScrollContent.vue

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

app/components/pub/ui/dialog/DialogTitle.vue

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

app/components/pub/ui/drawer/DrawerContent.vue

@@ -3,7 +3,8 @@ import type { DialogContentEmits, DialogContentProps } from 'radix-vue'
 import type { HtmlHTMLAttributes } from 'vue'
 import { useForwardPropsEmits } from 'radix-vue'
 import { DrawerContent, DrawerPortal } from 'vaul-vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import DrawerOverlay from './DrawerOverlay.vue'
 
 const props = defineProps<DialogContentProps & { class?: HtmlHTMLAttributes['class'] }>()

app/components/pub/ui/drawer/DrawerDescription.vue

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

app/components/pub/ui/drawer/DrawerFooter.vue

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

app/components/pub/ui/drawer/DrawerHeader.vue

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

app/components/pub/ui/drawer/DrawerOverlay.vue

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

app/components/pub/ui/drawer/DrawerTitle.vue

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

app/components/pub/ui/dropdown-menu/DropdownMenuCheckboxItem.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<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>()

app/components/pub/ui/dropdown-menu/DropdownMenuContent.vue

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

app/components/pub/ui/dropdown-menu/DropdownMenuItem.vue

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

app/components/pub/ui/dropdown-menu/DropdownMenuLabel.vue

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

app/components/pub/ui/dropdown-menu/DropdownMenuRadioItem.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<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/dropdown-menu/DropdownMenuSeparator.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<DropdownMenuSeparatorProps & {
   class?: HTMLAttributes['class']

app/components/pub/ui/dropdown-menu/DropdownMenuShortcut.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/dropdown-menu/DropdownMenuSubContent.vue

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

app/components/pub/ui/dropdown-menu/DropdownMenuSubTrigger.vue

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

app/components/pub/ui/form/FormDescription.vue

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

app/components/pub/ui/form/FormItem.vue

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from 'vue'
 import { provide } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { FORM_ITEM_INJECTION_KEY } from './injectionKeys'
 
 const props = defineProps<{

app/components/pub/ui/form/FormLabel.vue

@@ -1,8 +1,9 @@
 <script lang="ts" setup>
 import type { LabelProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { Label } from '@/components/pub/ui/label'
-import { cn } from '@/lib/utils'
+import { Label } from '~/components/pub/ui/label'
+import { cn } from '~/lib/utils'
+
 import { useFormField } from './useFormField'
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>()

app/components/pub/ui/hover-card/HoverCardContent.vue

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

app/components/pub/ui/input/Input.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import { useVModel } from '@vueuse/core'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<{
   defaultValue?: string | number

app/components/pub/ui/label/Label.vue

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

app/components/pub/ui/menubar/Menubar.vue

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

app/components/pub/ui/menubar/MenubarCheckboxItem.vue

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

app/components/pub/ui/menubar/MenubarContent.vue

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

app/components/pub/ui/menubar/MenubarItem.vue

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

app/components/pub/ui/menubar/MenubarLabel.vue

@@ -2,7 +2,8 @@
 import type { MenubarLabelProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import { MenubarLabel } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<MenubarLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 </script>

app/components/pub/ui/menubar/MenubarRadioItem.vue

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

app/components/pub/ui/menubar/MenubarSeparator.vue

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