Use relative cn imports in UI package to improve isolation and fix

package build

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,

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';
 

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';
 

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';
 

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';
 

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';
 

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>();

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>();

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 }

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 }

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>();

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

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'];

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>();

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 }

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,

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';
 

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>

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'];

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,

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';
 

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,

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,

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';
 

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';
 

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,

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';
 

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'];

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,

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';

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<{

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'];

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'];

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'];

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'];

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<{

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'];

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<{

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'];

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'];

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

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';

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'];

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';

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';

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<{

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,

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,

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';
 

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';
 

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';
 

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';
 

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';
 

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';
 

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,

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';
 

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,

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

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';

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';

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';
 

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';

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',

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,