diff --git a/resources/js/packages/ui/src/calendar/Calendar.vue b/resources/js/packages/ui/src/calendar/Calendar.vue
index 9595894c..c2693133 100644
--- a/resources/js/packages/ui/src/calendar/Calendar.vue
+++ b/resources/js/packages/ui/src/calendar/Calendar.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import {
     CalendarRoot,
     type CalendarRootEmits,
diff --git a/resources/js/packages/ui/src/calendar/CalendarGrid.vue b/resources/js/packages/ui/src/calendar/CalendarGrid.vue
index 906ebeba..002d7274 100644
--- a/resources/js/packages/ui/src/calendar/CalendarGrid.vue
+++ b/resources/js/packages/ui/src/calendar/CalendarGrid.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { CalendarGrid, type CalendarGridProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/calendar/CalendarGridRow.vue b/resources/js/packages/ui/src/calendar/CalendarGridRow.vue
index 7c892a06..4544a4d5 100644
--- a/resources/js/packages/ui/src/calendar/CalendarGridRow.vue
+++ b/resources/js/packages/ui/src/calendar/CalendarGridRow.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { CalendarGridRow, type CalendarGridRowProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/calendar/CalendarHeadCell.vue b/resources/js/packages/ui/src/calendar/CalendarHeadCell.vue
index 16868c42..7879d96d 100644
--- a/resources/js/packages/ui/src/calendar/CalendarHeadCell.vue
+++ b/resources/js/packages/ui/src/calendar/CalendarHeadCell.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { CalendarHeadCell, type CalendarHeadCellProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/calendar/CalendarHeader.vue b/resources/js/packages/ui/src/calendar/CalendarHeader.vue
index 70aa2d22..4e6c1874 100644
--- a/resources/js/packages/ui/src/calendar/CalendarHeader.vue
+++ b/resources/js/packages/ui/src/calendar/CalendarHeader.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { CalendarHeader, type CalendarHeaderProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/calendar/CalendarHeading.vue b/resources/js/packages/ui/src/calendar/CalendarHeading.vue
index b90463d7..b478e553 100644
--- a/resources/js/packages/ui/src/calendar/CalendarHeading.vue
+++ b/resources/js/packages/ui/src/calendar/CalendarHeading.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { CalendarHeading, type CalendarHeadingProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/context-menu/ContextMenuCheckboxItem.vue b/resources/js/packages/ui/src/context-menu/ContextMenuCheckboxItem.vue
index 69e72863..ce4ce5c8 100644
--- a/resources/js/packages/ui/src/context-menu/ContextMenuCheckboxItem.vue
+++ b/resources/js/packages/ui/src/context-menu/ContextMenuCheckboxItem.vue
@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { Check } from 'lucide-vue-next';
 import { ContextMenuCheckboxItem, ContextMenuItemIndicator, useForwardPropsEmits } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<ContextMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>();
 const emits = defineEmits<ContextMenuCheckboxItemEmits>();
diff --git a/resources/js/packages/ui/src/context-menu/ContextMenuContent.vue b/resources/js/packages/ui/src/context-menu/ContextMenuContent.vue
index 0c2310cb..61662ca8 100644
--- a/resources/js/packages/ui/src/context-menu/ContextMenuContent.vue
+++ b/resources/js/packages/ui/src/context-menu/ContextMenuContent.vue
@@ -3,7 +3,7 @@ import type { ContextMenuContentEmits, ContextMenuContentProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { ContextMenuContent, ContextMenuPortal, useForwardPropsEmits } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<ContextMenuContentProps & { class?: HTMLAttributes['class'] }>();
 const emits = defineEmits<ContextMenuContentEmits>();
diff --git a/resources/js/packages/ui/src/context-menu/ContextMenuItem.vue b/resources/js/packages/ui/src/context-menu/ContextMenuItem.vue
index bc008368..12d091d0 100644
--- a/resources/js/packages/ui/src/context-menu/ContextMenuItem.vue
+++ b/resources/js/packages/ui/src/context-menu/ContextMenuItem.vue
@@ -3,7 +3,7 @@ import type { ContextMenuItemEmits, ContextMenuItemProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { ContextMenuItem, useForwardPropsEmits } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<
     ContextMenuItemProps & { class?: HTMLAttributes['class']; inset?: boolean }
diff --git a/resources/js/packages/ui/src/context-menu/ContextMenuLabel.vue b/resources/js/packages/ui/src/context-menu/ContextMenuLabel.vue
index 9113b5cc..e8c19a37 100644
--- a/resources/js/packages/ui/src/context-menu/ContextMenuLabel.vue
+++ b/resources/js/packages/ui/src/context-menu/ContextMenuLabel.vue
@@ -3,7 +3,7 @@ import type { ContextMenuLabelProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { ContextMenuLabel } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<
     ContextMenuLabelProps & { class?: HTMLAttributes['class']; inset?: boolean }
diff --git a/resources/js/packages/ui/src/context-menu/ContextMenuRadioItem.vue b/resources/js/packages/ui/src/context-menu/ContextMenuRadioItem.vue
index 2e9f0e55..0eb44e0b 100644
--- a/resources/js/packages/ui/src/context-menu/ContextMenuRadioItem.vue
+++ b/resources/js/packages/ui/src/context-menu/ContextMenuRadioItem.vue
@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { Circle } from 'lucide-vue-next';
 import { ContextMenuItemIndicator, ContextMenuRadioItem, useForwardPropsEmits } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<ContextMenuRadioItemProps & { class?: HTMLAttributes['class'] }>();
 const emits = defineEmits<ContextMenuRadioItemEmits>();
diff --git a/resources/js/packages/ui/src/context-menu/ContextMenuSeparator.vue b/resources/js/packages/ui/src/context-menu/ContextMenuSeparator.vue
index aaf385c6..408983f3 100644
--- a/resources/js/packages/ui/src/context-menu/ContextMenuSeparator.vue
+++ b/resources/js/packages/ui/src/context-menu/ContextMenuSeparator.vue
@@ -3,7 +3,7 @@ import type { ContextMenuSeparatorProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { ContextMenuSeparator } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<ContextMenuSeparatorProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/resources/js/packages/ui/src/context-menu/ContextMenuShortcut.vue b/resources/js/packages/ui/src/context-menu/ContextMenuShortcut.vue
index 22697fac..bfe14a12 100644
--- a/resources/js/packages/ui/src/context-menu/ContextMenuShortcut.vue
+++ b/resources/js/packages/ui/src/context-menu/ContextMenuShortcut.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{
     class?: HTMLAttributes['class'];
diff --git a/resources/js/packages/ui/src/context-menu/ContextMenuSubContent.vue b/resources/js/packages/ui/src/context-menu/ContextMenuSubContent.vue
index 2eb238db..9ec22233 100644
--- a/resources/js/packages/ui/src/context-menu/ContextMenuSubContent.vue
+++ b/resources/js/packages/ui/src/context-menu/ContextMenuSubContent.vue
@@ -3,7 +3,7 @@ import type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from 'r
 import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { ContextMenuSubContent, useForwardPropsEmits } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>();
 const emits = defineEmits<DropdownMenuSubContentEmits>();
diff --git a/resources/js/packages/ui/src/context-menu/ContextMenuSubTrigger.vue b/resources/js/packages/ui/src/context-menu/ContextMenuSubTrigger.vue
index 7996b275..a974d608 100644
--- a/resources/js/packages/ui/src/context-menu/ContextMenuSubTrigger.vue
+++ b/resources/js/packages/ui/src/context-menu/ContextMenuSubTrigger.vue
@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { ChevronRight } from 'lucide-vue-next';
 import { ContextMenuSubTrigger, useForwardProps } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<
     ContextMenuSubTriggerProps & { class?: HTMLAttributes['class']; inset?: boolean }
diff --git a/resources/js/packages/ui/src/dialog/DialogContent.vue b/resources/js/packages/ui/src/dialog/DialogContent.vue
index 0d36b8c8..eff71141 100644
--- a/resources/js/packages/ui/src/dialog/DialogContent.vue
+++ b/resources/js/packages/ui/src/dialog/DialogContent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import {
     DialogContent,
     type DialogContentEmits,
diff --git a/resources/js/packages/ui/src/dialog/DialogDescription.vue b/resources/js/packages/ui/src/dialog/DialogDescription.vue
index 7dae2cd1..09928afb 100644
--- a/resources/js/packages/ui/src/dialog/DialogDescription.vue
+++ b/resources/js/packages/ui/src/dialog/DialogDescription.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { DialogDescription, type DialogDescriptionProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/dialog/DialogFooter.vue b/resources/js/packages/ui/src/dialog/DialogFooter.vue
index fe1b9617..bc06d01b 100644
--- a/resources/js/packages/ui/src/dialog/DialogFooter.vue
+++ b/resources/js/packages/ui/src/dialog/DialogFooter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{ class?: HTMLAttributes['class'] }>();
 </script>
diff --git a/resources/js/packages/ui/src/dialog/DialogHeader.vue b/resources/js/packages/ui/src/dialog/DialogHeader.vue
index 296d4253..d6dda354 100644
--- a/resources/js/packages/ui/src/dialog/DialogHeader.vue
+++ b/resources/js/packages/ui/src/dialog/DialogHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{
     class?: HTMLAttributes['class'];
diff --git a/resources/js/packages/ui/src/dialog/DialogScrollContent.vue b/resources/js/packages/ui/src/dialog/DialogScrollContent.vue
index 889787f4..b7980a42 100644
--- a/resources/js/packages/ui/src/dialog/DialogScrollContent.vue
+++ b/resources/js/packages/ui/src/dialog/DialogScrollContent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { X } from 'lucide-vue-next';
 import {
     DialogClose,
diff --git a/resources/js/packages/ui/src/dialog/DialogTitle.vue b/resources/js/packages/ui/src/dialog/DialogTitle.vue
index 3d7e97df..54610bd3 100644
--- a/resources/js/packages/ui/src/dialog/DialogTitle.vue
+++ b/resources/js/packages/ui/src/dialog/DialogTitle.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { DialogTitle, type DialogTitleProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuCheckboxItem.vue b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuCheckboxItem.vue
index bbce02ad..4796f954 100644
--- a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { Check } from 'lucide-vue-next';
 import {
     DropdownMenuCheckboxItem,
diff --git a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuContent.vue b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuContent.vue
index 45065b12..eb0ed10e 100644
--- a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuContent.vue
+++ b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuContent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import {
     DropdownMenuContent,
     type DropdownMenuContentEmits,
diff --git a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuItem.vue b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuItem.vue
index de277c92..39d00d6b 100644
--- a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuItem.vue
+++ b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuItem.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuLabel.vue b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuLabel.vue
index 59e33222..4931f704 100644
--- a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuLabel.vue
+++ b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuLabel.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuRadioItem.vue b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuRadioItem.vue
index d62582d6..ea660b99 100644
--- a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuRadioItem.vue
+++ b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuRadioItem.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { Circle } from 'lucide-vue-next';
 import {
     DropdownMenuItemIndicator,
diff --git a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSeparator.vue b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSeparator.vue
index b0cb794a..45b25c70 100644
--- a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSeparator.vue
+++ b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSeparator.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { DropdownMenuSeparator, type DropdownMenuSeparatorProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuShortcut.vue b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuShortcut.vue
index d85e7fd6..328a2066 100644
--- a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuShortcut.vue
+++ b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuShortcut.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{
     class?: HTMLAttributes['class'];
diff --git a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSubContent.vue b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSubContent.vue
index 0da143ab..1aef98da 100644
--- a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSubContent.vue
+++ b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSubContent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import {
     DropdownMenuSubContent,
     type DropdownMenuSubContentEmits,
diff --git a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSubTrigger.vue b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSubTrigger.vue
index 04320567..ee0282fa 100644
--- a/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSubTrigger.vue
+++ b/resources/js/packages/ui/src/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { ChevronRight } from 'lucide-vue-next';
 import { DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
diff --git a/resources/js/packages/ui/src/field/Field.vue b/resources/js/packages/ui/src/field/Field.vue
index 6b7f9f5b..2f9261d4 100644
--- a/resources/js/packages/ui/src/field/Field.vue
+++ b/resources/js/packages/ui/src/field/Field.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 import type { FieldVariants } from '.';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { fieldVariants } from '.';
 
 const props = defineProps<{
diff --git a/resources/js/packages/ui/src/field/FieldContent.vue b/resources/js/packages/ui/src/field/FieldContent.vue
index 7b2c025a..89e01d32 100644
--- a/resources/js/packages/ui/src/field/FieldContent.vue
+++ b/resources/js/packages/ui/src/field/FieldContent.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{
     class?: HTMLAttributes['class'];
diff --git a/resources/js/packages/ui/src/field/FieldDescription.vue b/resources/js/packages/ui/src/field/FieldDescription.vue
index a1f67b4b..e31bb2b2 100644
--- a/resources/js/packages/ui/src/field/FieldDescription.vue
+++ b/resources/js/packages/ui/src/field/FieldDescription.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{
     class?: HTMLAttributes['class'];
diff --git a/resources/js/packages/ui/src/field/FieldError.vue b/resources/js/packages/ui/src/field/FieldError.vue
index ca9521ab..27b1731b 100644
--- a/resources/js/packages/ui/src/field/FieldError.vue
+++ b/resources/js/packages/ui/src/field/FieldError.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 import { computed } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{
     class?: HTMLAttributes['class'];
diff --git a/resources/js/packages/ui/src/field/FieldGroup.vue b/resources/js/packages/ui/src/field/FieldGroup.vue
index 4781e63c..b5d0a02f 100644
--- a/resources/js/packages/ui/src/field/FieldGroup.vue
+++ b/resources/js/packages/ui/src/field/FieldGroup.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{
     class?: HTMLAttributes['class'];
diff --git a/resources/js/packages/ui/src/field/FieldLabel.vue b/resources/js/packages/ui/src/field/FieldLabel.vue
index 603d2e04..c8019332 100644
--- a/resources/js/packages/ui/src/field/FieldLabel.vue
+++ b/resources/js/packages/ui/src/field/FieldLabel.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Component, HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { Label } from '../label/index';
 
 const props = defineProps<{
diff --git a/resources/js/packages/ui/src/field/FieldLegend.vue b/resources/js/packages/ui/src/field/FieldLegend.vue
index 167b9560..54950a6c 100644
--- a/resources/js/packages/ui/src/field/FieldLegend.vue
+++ b/resources/js/packages/ui/src/field/FieldLegend.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{
     class?: HTMLAttributes['class'];
diff --git a/resources/js/packages/ui/src/field/FieldSeparator.vue b/resources/js/packages/ui/src/field/FieldSeparator.vue
index b2156b70..c7e91c80 100644
--- a/resources/js/packages/ui/src/field/FieldSeparator.vue
+++ b/resources/js/packages/ui/src/field/FieldSeparator.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { Separator } from '../separator';
 
 const props = defineProps<{
diff --git a/resources/js/packages/ui/src/field/FieldSet.vue b/resources/js/packages/ui/src/field/FieldSet.vue
index 6332d4c7..2e39f9b7 100644
--- a/resources/js/packages/ui/src/field/FieldSet.vue
+++ b/resources/js/packages/ui/src/field/FieldSet.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{
     class?: HTMLAttributes['class'];
diff --git a/resources/js/packages/ui/src/field/FieldTitle.vue b/resources/js/packages/ui/src/field/FieldTitle.vue
index b7981e49..4ca47b96 100644
--- a/resources/js/packages/ui/src/field/FieldTitle.vue
+++ b/resources/js/packages/ui/src/field/FieldTitle.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{
     class?: HTMLAttributes['class'];
diff --git a/resources/js/packages/ui/src/label/Label.vue b/resources/js/packages/ui/src/label/Label.vue
index a2b7ae4a..df9235bc 100644
--- a/resources/js/packages/ui/src/label/Label.vue
+++ b/resources/js/packages/ui/src/label/Label.vue
@@ -3,7 +3,7 @@ import type { LabelProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { Label } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>();
 
diff --git a/resources/js/packages/ui/src/number-field/NumberField.vue b/resources/js/packages/ui/src/number-field/NumberField.vue
index b8b8b1a0..ae2b0052 100644
--- a/resources/js/packages/ui/src/number-field/NumberField.vue
+++ b/resources/js/packages/ui/src/number-field/NumberField.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { NumberFieldRootEmits, NumberFieldRootProps } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { NumberFieldRoot, useForwardPropsEmits } from 'reka-ui';
 import { computed, type HTMLAttributes, inject, type ComputedRef } from 'vue';
 import type { Organization } from '@/packages/api/src';
diff --git a/resources/js/packages/ui/src/number-field/NumberFieldContent.vue b/resources/js/packages/ui/src/number-field/NumberFieldContent.vue
index f4beeaae..df86ad8e 100644
--- a/resources/js/packages/ui/src/number-field/NumberFieldContent.vue
+++ b/resources/js/packages/ui/src/number-field/NumberFieldContent.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = defineProps<{
     class?: HTMLAttributes['class'];
diff --git a/resources/js/packages/ui/src/number-field/NumberFieldDecrement.vue b/resources/js/packages/ui/src/number-field/NumberFieldDecrement.vue
index fc0be3cd..18cc89fd 100644
--- a/resources/js/packages/ui/src/number-field/NumberFieldDecrement.vue
+++ b/resources/js/packages/ui/src/number-field/NumberFieldDecrement.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { NumberFieldDecrementProps } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { Minus } from 'lucide-vue-next';
 import { NumberFieldDecrement, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
diff --git a/resources/js/packages/ui/src/number-field/NumberFieldIncrement.vue b/resources/js/packages/ui/src/number-field/NumberFieldIncrement.vue
index 6a92b75b..1b8f14be 100644
--- a/resources/js/packages/ui/src/number-field/NumberFieldIncrement.vue
+++ b/resources/js/packages/ui/src/number-field/NumberFieldIncrement.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { NumberFieldIncrementProps } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { Plus } from 'lucide-vue-next';
 import { NumberFieldIncrement, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
diff --git a/resources/js/packages/ui/src/number-field/NumberFieldInput.vue b/resources/js/packages/ui/src/number-field/NumberFieldInput.vue
index 418800c5..b15f7cd8 100644
--- a/resources/js/packages/ui/src/number-field/NumberFieldInput.vue
+++ b/resources/js/packages/ui/src/number-field/NumberFieldInput.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { NumberFieldInput } from 'reka-ui';
 
 const props = defineProps<{
diff --git a/resources/js/packages/ui/src/popover/PopoverContent.vue b/resources/js/packages/ui/src/popover/PopoverContent.vue
index fa08793d..3b752ba8 100644
--- a/resources/js/packages/ui/src/popover/PopoverContent.vue
+++ b/resources/js/packages/ui/src/popover/PopoverContent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import {
     PopoverContent,
     type PopoverContentEmits,
diff --git a/resources/js/packages/ui/src/range-calendar/RangeCalendar.vue b/resources/js/packages/ui/src/range-calendar/RangeCalendar.vue
index 690756fb..03a52a7c 100644
--- a/resources/js/packages/ui/src/range-calendar/RangeCalendar.vue
+++ b/resources/js/packages/ui/src/range-calendar/RangeCalendar.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import {
     RangeCalendarRoot,
     type RangeCalendarRootEmits,
diff --git a/resources/js/packages/ui/src/range-calendar/RangeCalendarCell.vue b/resources/js/packages/ui/src/range-calendar/RangeCalendarCell.vue
index cdf68766..cc1db026 100644
--- a/resources/js/packages/ui/src/range-calendar/RangeCalendarCell.vue
+++ b/resources/js/packages/ui/src/range-calendar/RangeCalendarCell.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { RangeCalendarCell, type RangeCalendarCellProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/range-calendar/RangeCalendarGrid.vue b/resources/js/packages/ui/src/range-calendar/RangeCalendarGrid.vue
index 6ce2bf6e..24db7e78 100644
--- a/resources/js/packages/ui/src/range-calendar/RangeCalendarGrid.vue
+++ b/resources/js/packages/ui/src/range-calendar/RangeCalendarGrid.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { RangeCalendarGrid, type RangeCalendarGridProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/range-calendar/RangeCalendarGridRow.vue b/resources/js/packages/ui/src/range-calendar/RangeCalendarGridRow.vue
index 58aee517..820613ef 100644
--- a/resources/js/packages/ui/src/range-calendar/RangeCalendarGridRow.vue
+++ b/resources/js/packages/ui/src/range-calendar/RangeCalendarGridRow.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { RangeCalendarGridRow, type RangeCalendarGridRowProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/range-calendar/RangeCalendarHeadCell.vue b/resources/js/packages/ui/src/range-calendar/RangeCalendarHeadCell.vue
index c0349279..0b664e8b 100644
--- a/resources/js/packages/ui/src/range-calendar/RangeCalendarHeadCell.vue
+++ b/resources/js/packages/ui/src/range-calendar/RangeCalendarHeadCell.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { RangeCalendarHeadCell, type RangeCalendarHeadCellProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/range-calendar/RangeCalendarHeader.vue b/resources/js/packages/ui/src/range-calendar/RangeCalendarHeader.vue
index 81d84a0c..5c6784f9 100644
--- a/resources/js/packages/ui/src/range-calendar/RangeCalendarHeader.vue
+++ b/resources/js/packages/ui/src/range-calendar/RangeCalendarHeader.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { RangeCalendarHeader, type RangeCalendarHeaderProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/range-calendar/RangeCalendarHeading.vue b/resources/js/packages/ui/src/range-calendar/RangeCalendarHeading.vue
index 9a3c2bca..a238b365 100644
--- a/resources/js/packages/ui/src/range-calendar/RangeCalendarHeading.vue
+++ b/resources/js/packages/ui/src/range-calendar/RangeCalendarHeading.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { RangeCalendarHeading, type RangeCalendarHeadingProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/select/SelectContent.vue b/resources/js/packages/ui/src/select/SelectContent.vue
index 7bbceb40..6fdb8d13 100644
--- a/resources/js/packages/ui/src/select/SelectContent.vue
+++ b/resources/js/packages/ui/src/select/SelectContent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import {
     SelectContent,
     type SelectContentEmits,
diff --git a/resources/js/packages/ui/src/select/SelectGroup.vue b/resources/js/packages/ui/src/select/SelectGroup.vue
index 2f1b075a..4bbb8e3e 100644
--- a/resources/js/packages/ui/src/select/SelectGroup.vue
+++ b/resources/js/packages/ui/src/select/SelectGroup.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { SelectGroup, type SelectGroupProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/select/SelectItem.vue b/resources/js/packages/ui/src/select/SelectItem.vue
index efa035a0..f41a6ff2 100644
--- a/resources/js/packages/ui/src/select/SelectItem.vue
+++ b/resources/js/packages/ui/src/select/SelectItem.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { Check } from 'lucide-vue-next';
 import {
     SelectItem,
diff --git a/resources/js/packages/ui/src/select/SelectLabel.vue b/resources/js/packages/ui/src/select/SelectLabel.vue
index d4c73ee7..a9d30670 100644
--- a/resources/js/packages/ui/src/select/SelectLabel.vue
+++ b/resources/js/packages/ui/src/select/SelectLabel.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { SelectLabel, type SelectLabelProps } from 'reka-ui';
 
 const props = defineProps<SelectLabelProps & { class?: HTMLAttributes['class'] }>();
diff --git a/resources/js/packages/ui/src/select/SelectScrollDownButton.vue b/resources/js/packages/ui/src/select/SelectScrollDownButton.vue
index 8e767237..95995973 100644
--- a/resources/js/packages/ui/src/select/SelectScrollDownButton.vue
+++ b/resources/js/packages/ui/src/select/SelectScrollDownButton.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { ChevronDown } from 'lucide-vue-next';
 import { SelectScrollDownButton, type SelectScrollDownButtonProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
diff --git a/resources/js/packages/ui/src/select/SelectScrollUpButton.vue b/resources/js/packages/ui/src/select/SelectScrollUpButton.vue
index 50675a53..6ae6ea16 100644
--- a/resources/js/packages/ui/src/select/SelectScrollUpButton.vue
+++ b/resources/js/packages/ui/src/select/SelectScrollUpButton.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { ChevronUp } from 'lucide-vue-next';
 import { SelectScrollUpButton, type SelectScrollUpButtonProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
diff --git a/resources/js/packages/ui/src/select/SelectSeparator.vue b/resources/js/packages/ui/src/select/SelectSeparator.vue
index 7f41ff25..fc9f8471 100644
--- a/resources/js/packages/ui/src/select/SelectSeparator.vue
+++ b/resources/js/packages/ui/src/select/SelectSeparator.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { SelectSeparator, type SelectSeparatorProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
 
diff --git a/resources/js/packages/ui/src/select/SelectTrigger.vue b/resources/js/packages/ui/src/select/SelectTrigger.vue
index 45d8383e..4c8a6f75 100644
--- a/resources/js/packages/ui/src/select/SelectTrigger.vue
+++ b/resources/js/packages/ui/src/select/SelectTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 import { ChevronDown } from 'lucide-vue-next';
 import { SelectIcon, SelectTrigger, type SelectTriggerProps, useForwardProps } from 'reka-ui';
 import { computed, type HTMLAttributes } from 'vue';
diff --git a/resources/js/packages/ui/src/separator/Separator.vue b/resources/js/packages/ui/src/separator/Separator.vue
index 1e23e3fc..89f7b5ea 100644
--- a/resources/js/packages/ui/src/separator/Separator.vue
+++ b/resources/js/packages/ui/src/separator/Separator.vue
@@ -3,7 +3,7 @@ import type { SeparatorProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { Separator } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 const props = withDefaults(defineProps<SeparatorProps & { class?: HTMLAttributes['class'] }>(), {
     orientation: 'horizontal',
diff --git a/resources/js/packages/ui/src/tooltip/TooltipContent.vue b/resources/js/packages/ui/src/tooltip/TooltipContent.vue
index 1bf344ff..604a5e2c 100644
--- a/resources/js/packages/ui/src/tooltip/TooltipContent.vue
+++ b/resources/js/packages/ui/src/tooltip/TooltipContent.vue
@@ -3,7 +3,7 @@ import type { TooltipContentEmits, TooltipContentProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { TooltipContent, TooltipPortal, useForwardPropsEmits } from 'reka-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../utils/cn';
 
 defineOptions({
     inheritAttrs: false,