From adabe92f720f4af3df709804e9413325853cf40b Mon Sep 17 00:00:00 2001
From: Pujit Mehrotra <pujitm2009@gmail.com>
Date: Fri, 18 Oct 2024 10:59:03 -0400
Subject: [PATCH] refactor(web): move cn utility inside shadcn for
 modularization

---
 web/components.json                                             | 2 +-
 web/components/shadcn/button/Button.vue                         | 2 +-
 .../shadcn/dropdown-menu/DropdownMenuCheckboxItem.vue           | 2 +-
 web/components/shadcn/dropdown-menu/DropdownMenuContent.vue     | 2 +-
 web/components/shadcn/dropdown-menu/DropdownMenuItem.vue        | 2 +-
 web/components/shadcn/dropdown-menu/DropdownMenuLabel.vue       | 2 +-
 web/components/shadcn/dropdown-menu/DropdownMenuRadioItem.vue   | 2 +-
 web/components/shadcn/dropdown-menu/DropdownMenuSeparator.vue   | 2 +-
 web/components/shadcn/dropdown-menu/DropdownMenuShortcut.vue    | 2 +-
 web/components/shadcn/dropdown-menu/DropdownMenuSubContent.vue  | 2 +-
 web/components/shadcn/dropdown-menu/DropdownMenuSubTrigger.vue  | 2 +-
 web/components/shadcn/input/Input.vue                           | 2 +-
 web/components/shadcn/label/Label.vue                           | 2 +-
 web/components/shadcn/scroll-area/ScrollArea.vue                | 2 +-
 web/components/shadcn/scroll-area/ScrollBar.vue                 | 2 +-
 web/components/shadcn/select/SelectContent.vue                  | 2 +-
 web/components/shadcn/select/SelectGroup.vue                    | 2 +-
 web/components/shadcn/select/SelectItem.vue                     | 2 +-
 web/components/shadcn/select/SelectLabel.vue                    | 2 +-
 web/components/shadcn/select/SelectScrollDownButton.vue         | 2 +-
 web/components/shadcn/select/SelectScrollUpButton.vue           | 2 +-
 web/components/shadcn/select/SelectSeparator.vue                | 2 +-
 web/components/shadcn/select/SelectTrigger.vue                  | 2 +-
 web/components/shadcn/sheet/SheetContent.vue                    | 2 +-
 web/components/shadcn/sheet/SheetDescription.vue                | 2 +-
 web/components/shadcn/sheet/SheetFooter.vue                     | 2 +-
 web/components/shadcn/sheet/SheetHeader.vue                     | 2 +-
 web/components/shadcn/sheet/SheetTitle.vue                      | 2 +-
 web/components/shadcn/switch/Switch.vue                         | 2 +-
 web/components/shadcn/tabs/TabsContent.vue                      | 2 +-
 web/components/shadcn/tabs/TabsList.vue                         | 2 +-
 web/components/shadcn/tabs/TabsTrigger.vue                      | 2 +-
 web/components/shadcn/tooltip/TooltipContent.vue                | 2 +-
 web/{helpers => components/shadcn}/utils.ts                     | 0
 34 files changed, 33 insertions(+), 33 deletions(-)
 rename web/{helpers => components/shadcn}/utils.ts (100%)

diff --git a/web/components.json b/web/components.json
index 1513bc9d3..d716eace1 100644
--- a/web/components.json
+++ b/web/components.json
@@ -12,6 +12,6 @@
   "framework": "nuxt",
   "aliases": {
     "components": "@/components",
-    "utils": "@/helpers/utils"
+    "utils": "@/components/shadcn/utils"
   }
 }
\ No newline at end of file
diff --git a/web/components/shadcn/button/Button.vue b/web/components/shadcn/button/Button.vue
index 7e3f61d58..c74696ef7 100644
--- a/web/components/shadcn/button/Button.vue
+++ b/web/components/shadcn/button/Button.vue
@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from 'vue'
 import { Primitive, type PrimitiveProps } from 'radix-vue'
 import { type ButtonVariants, buttonVariants } from '.'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 interface Props extends PrimitiveProps {
   variant?: ButtonVariants['variant']
diff --git a/web/components/shadcn/dropdown-menu/DropdownMenuCheckboxItem.vue b/web/components/shadcn/dropdown-menu/DropdownMenuCheckboxItem.vue
index 77ce01fa6..8ba90e3b9 100644
--- a/web/components/shadcn/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ b/web/components/shadcn/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -8,7 +8,7 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue'
 import { Check } from 'lucide-vue-next'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>()
diff --git a/web/components/shadcn/dropdown-menu/DropdownMenuContent.vue b/web/components/shadcn/dropdown-menu/DropdownMenuContent.vue
index a182b9ed6..de3e566e3 100644
--- a/web/components/shadcn/dropdown-menu/DropdownMenuContent.vue
+++ b/web/components/shadcn/dropdown-menu/DropdownMenuContent.vue
@@ -7,7 +7,7 @@ import {
   DropdownMenuPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = withDefaults(
   defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),
diff --git a/web/components/shadcn/dropdown-menu/DropdownMenuItem.vue b/web/components/shadcn/dropdown-menu/DropdownMenuItem.vue
index cee795469..9a939874e 100644
--- a/web/components/shadcn/dropdown-menu/DropdownMenuItem.vue
+++ b/web/components/shadcn/dropdown-menu/DropdownMenuItem.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
diff --git a/web/components/shadcn/dropdown-menu/DropdownMenuLabel.vue b/web/components/shadcn/dropdown-menu/DropdownMenuLabel.vue
index e9f57f75c..c5acb17bf 100644
--- a/web/components/shadcn/dropdown-menu/DropdownMenuLabel.vue
+++ b/web/components/shadcn/dropdown-menu/DropdownMenuLabel.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
diff --git a/web/components/shadcn/dropdown-menu/DropdownMenuRadioItem.vue b/web/components/shadcn/dropdown-menu/DropdownMenuRadioItem.vue
index 59a19c9f5..f6e163cbb 100644
--- a/web/components/shadcn/dropdown-menu/DropdownMenuRadioItem.vue
+++ b/web/components/shadcn/dropdown-menu/DropdownMenuRadioItem.vue
@@ -8,7 +8,7 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue'
 import { Circle } from 'lucide-vue-next'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/dropdown-menu/DropdownMenuSeparator.vue b/web/components/shadcn/dropdown-menu/DropdownMenuSeparator.vue
index 285d36a4a..2a3e8918c 100644
--- a/web/components/shadcn/dropdown-menu/DropdownMenuSeparator.vue
+++ b/web/components/shadcn/dropdown-menu/DropdownMenuSeparator.vue
@@ -4,7 +4,7 @@ import {
   DropdownMenuSeparator,
   type DropdownMenuSeparatorProps,
 } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<DropdownMenuSeparatorProps & {
   class?: HTMLAttributes['class']
diff --git a/web/components/shadcn/dropdown-menu/DropdownMenuShortcut.vue b/web/components/shadcn/dropdown-menu/DropdownMenuShortcut.vue
index 12b03035a..5bb8fe1e3 100644
--- a/web/components/shadcn/dropdown-menu/DropdownMenuShortcut.vue
+++ b/web/components/shadcn/dropdown-menu/DropdownMenuShortcut.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<{
   class?: HTMLAttributes['class']
diff --git a/web/components/shadcn/dropdown-menu/DropdownMenuSubContent.vue b/web/components/shadcn/dropdown-menu/DropdownMenuSubContent.vue
index 494a01e25..15c73f9d2 100644
--- a/web/components/shadcn/dropdown-menu/DropdownMenuSubContent.vue
+++ b/web/components/shadcn/dropdown-menu/DropdownMenuSubContent.vue
@@ -6,7 +6,7 @@ import {
   type DropdownMenuSubContentProps,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()
diff --git a/web/components/shadcn/dropdown-menu/DropdownMenuSubTrigger.vue b/web/components/shadcn/dropdown-menu/DropdownMenuSubTrigger.vue
index e6696075b..5b5235a27 100644
--- a/web/components/shadcn/dropdown-menu/DropdownMenuSubTrigger.vue
+++ b/web/components/shadcn/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -6,7 +6,7 @@ import {
   useForwardProps,
 } from 'radix-vue'
 import { ChevronRight } from 'lucide-vue-next'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/input/Input.vue b/web/components/shadcn/input/Input.vue
index 7731bafb3..2f784b2f0 100644
--- a/web/components/shadcn/input/Input.vue
+++ b/web/components/shadcn/input/Input.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import { useVModel } from '@vueuse/core'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<{
   defaultValue?: string | number
diff --git a/web/components/shadcn/label/Label.vue b/web/components/shadcn/label/Label.vue
index b2455b322..697ffa253 100644
--- a/web/components/shadcn/label/Label.vue
+++ b/web/components/shadcn/label/Label.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { Label, type LabelProps } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/scroll-area/ScrollArea.vue b/web/components/shadcn/scroll-area/ScrollArea.vue
index b40aaf2d2..7ba35ab7c 100644
--- a/web/components/shadcn/scroll-area/ScrollArea.vue
+++ b/web/components/shadcn/scroll-area/ScrollArea.vue
@@ -7,7 +7,7 @@ import {
   ScrollAreaViewport,
 } from 'radix-vue'
 import ScrollBar from './ScrollBar.vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/scroll-area/ScrollBar.vue b/web/components/shadcn/scroll-area/ScrollBar.vue
index 1652e412a..009c3faff 100644
--- a/web/components/shadcn/scroll-area/ScrollBar.vue
+++ b/web/components/shadcn/scroll-area/ScrollBar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes['class'] }>(), {
   orientation: 'vertical',
diff --git a/web/components/shadcn/select/SelectContent.vue b/web/components/shadcn/select/SelectContent.vue
index 6242a7367..504bfadf8 100644
--- a/web/components/shadcn/select/SelectContent.vue
+++ b/web/components/shadcn/select/SelectContent.vue
@@ -9,7 +9,7 @@ import {
   useForwardPropsEmits,
 } from 'radix-vue'
 import { SelectScrollDownButton, SelectScrollUpButton } from '.'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 defineOptions({
   inheritAttrs: false,
diff --git a/web/components/shadcn/select/SelectGroup.vue b/web/components/shadcn/select/SelectGroup.vue
index 614f7c3f8..991834a88 100644
--- a/web/components/shadcn/select/SelectGroup.vue
+++ b/web/components/shadcn/select/SelectGroup.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { SelectGroup, type SelectGroupProps } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<SelectGroupProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/select/SelectItem.vue b/web/components/shadcn/select/SelectItem.vue
index 136ae3ea7..de3ad9ce1 100644
--- a/web/components/shadcn/select/SelectItem.vue
+++ b/web/components/shadcn/select/SelectItem.vue
@@ -8,7 +8,7 @@ import {
   useForwardProps,
 } from 'radix-vue'
 import { Check } from 'lucide-vue-next'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<SelectItemProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/select/SelectLabel.vue b/web/components/shadcn/select/SelectLabel.vue
index e699b8edd..d4494e1df 100644
--- a/web/components/shadcn/select/SelectLabel.vue
+++ b/web/components/shadcn/select/SelectLabel.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import { SelectLabel, type SelectLabelProps } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<SelectLabelProps & { class?: HTMLAttributes['class'] }>()
 </script>
diff --git a/web/components/shadcn/select/SelectScrollDownButton.vue b/web/components/shadcn/select/SelectScrollDownButton.vue
index fb82fcaa1..5ad25b8fb 100644
--- a/web/components/shadcn/select/SelectScrollDownButton.vue
+++ b/web/components/shadcn/select/SelectScrollDownButton.vue
@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from 'vue'
 import { SelectScrollDownButton, type SelectScrollDownButtonProps, useForwardProps } from 'radix-vue'
 import { ChevronDown } from 'lucide-vue-next'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/select/SelectScrollUpButton.vue b/web/components/shadcn/select/SelectScrollUpButton.vue
index ee4040b1f..69d2c97c1 100644
--- a/web/components/shadcn/select/SelectScrollUpButton.vue
+++ b/web/components/shadcn/select/SelectScrollUpButton.vue
@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from 'vue'
 import { SelectScrollUpButton, type SelectScrollUpButtonProps, useForwardProps } from 'radix-vue'
 import { ChevronUp } from 'lucide-vue-next'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/select/SelectSeparator.vue b/web/components/shadcn/select/SelectSeparator.vue
index 395876fc2..41f3a6963 100644
--- a/web/components/shadcn/select/SelectSeparator.vue
+++ b/web/components/shadcn/select/SelectSeparator.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/select/SelectTrigger.vue b/web/components/shadcn/select/SelectTrigger.vue
index 725509309..833204720 100644
--- a/web/components/shadcn/select/SelectTrigger.vue
+++ b/web/components/shadcn/select/SelectTrigger.vue
@@ -2,7 +2,7 @@
 import { type HTMLAttributes, computed } from 'vue'
 import { SelectIcon, SelectTrigger, type SelectTriggerProps, useForwardProps } from 'radix-vue'
 import { ChevronDown } from 'lucide-vue-next'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/sheet/SheetContent.vue b/web/components/shadcn/sheet/SheetContent.vue
index 4c5082840..6905080a8 100644
--- a/web/components/shadcn/sheet/SheetContent.vue
+++ b/web/components/shadcn/sheet/SheetContent.vue
@@ -11,7 +11,7 @@ import {
 } from 'radix-vue'
 import { X } from 'lucide-vue-next'
 import { type SheetVariants, sheetVariants } from '.'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 interface SheetContentProps extends DialogContentProps {
   class?: HTMLAttributes['class']
diff --git a/web/components/shadcn/sheet/SheetDescription.vue b/web/components/shadcn/sheet/SheetDescription.vue
index fa797e04f..16d374f9c 100644
--- a/web/components/shadcn/sheet/SheetDescription.vue
+++ b/web/components/shadcn/sheet/SheetDescription.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { DialogDescription, type DialogDescriptionProps } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/sheet/SheetFooter.vue b/web/components/shadcn/sheet/SheetFooter.vue
index 8f3558ba5..46cb3bc17 100644
--- a/web/components/shadcn/sheet/SheetFooter.vue
+++ b/web/components/shadcn/sheet/SheetFooter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 </script>
diff --git a/web/components/shadcn/sheet/SheetHeader.vue b/web/components/shadcn/sheet/SheetHeader.vue
index 9c9ea3628..a2a1994b8 100644
--- a/web/components/shadcn/sheet/SheetHeader.vue
+++ b/web/components/shadcn/sheet/SheetHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 </script>
diff --git a/web/components/shadcn/sheet/SheetTitle.vue b/web/components/shadcn/sheet/SheetTitle.vue
index 3cae23cba..764ecafba 100644
--- a/web/components/shadcn/sheet/SheetTitle.vue
+++ b/web/components/shadcn/sheet/SheetTitle.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { DialogTitle, type DialogTitleProps } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/switch/Switch.vue b/web/components/shadcn/switch/Switch.vue
index 9e2a9566a..f53dd369c 100644
--- a/web/components/shadcn/switch/Switch.vue
+++ b/web/components/shadcn/switch/Switch.vue
@@ -7,7 +7,7 @@ import {
   SwitchThumb,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<SwitchRootProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/tabs/TabsContent.vue b/web/components/shadcn/tabs/TabsContent.vue
index bbe23b038..0b007bab8 100644
--- a/web/components/shadcn/tabs/TabsContent.vue
+++ b/web/components/shadcn/tabs/TabsContent.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { TabsContent, type TabsContentProps } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<TabsContentProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/tabs/TabsList.vue b/web/components/shadcn/tabs/TabsList.vue
index 0ea0acf0b..1c757587f 100644
--- a/web/components/shadcn/tabs/TabsList.vue
+++ b/web/components/shadcn/tabs/TabsList.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { TabsList, type TabsListProps } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<TabsListProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/tabs/TabsTrigger.vue b/web/components/shadcn/tabs/TabsTrigger.vue
index 598268f76..7faa7bde7 100644
--- a/web/components/shadcn/tabs/TabsTrigger.vue
+++ b/web/components/shadcn/tabs/TabsTrigger.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/web/components/shadcn/tooltip/TooltipContent.vue b/web/components/shadcn/tooltip/TooltipContent.vue
index 128b450a1..40670711b 100644
--- a/web/components/shadcn/tooltip/TooltipContent.vue
+++ b/web/components/shadcn/tooltip/TooltipContent.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from 'vue'
 import { TooltipContent, type TooltipContentEmits, type TooltipContentProps, TooltipPortal, useForwardPropsEmits } from 'radix-vue'
-import { cn } from '@/helpers/utils'
+import { cn } from '~/components/shadcn/utils'
 
 defineOptions({
   inheritAttrs: false,
diff --git a/web/helpers/utils.ts b/web/components/shadcn/utils.ts
similarity index 100%
rename from web/helpers/utils.ts
rename to web/components/shadcn/utils.ts