@dynect/base 0.13.0 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynect/base",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Reusable Nuxt base module — components, composables, utils, plugins and i18n from the Dynect design system.",
   "type": "module",
   "license": "MIT",
@@ -81,8 +81,11 @@
     "reka-ui": "^2.9.7",
     "shadcn-nuxt": "^2.6.2",
     "signature_pad": "^5.1.3",
+    "@tailwindcss/vite": "^4.3.0",
     "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.3.0",
     "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "^1.4.0",
     "vaul-vue": "^0.4.1",
     "vee-validate": "^4.15.1",
     "vue-echarts": "^8.0.1",
@@ -97,10 +100,7 @@
     "@iconify-json/heroicons": "^1.2.3",
     "@iconify-json/lucide": "^1.2.106",
     "@iconify-json/mdi": "^1.2.3",
-    "@tailwindcss/vite": "^4.3.0",
     "@types/node": "^25.6.2",
-    "tailwindcss": "^4.3.0",
-    "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3"
   }
 }

package/src/runtime/components/base/event-calendar/AgendaView.vue

@@ -6,7 +6,7 @@ import type { CalendarEvent } from './types';
 import LocationDisplay from './LocationDisplay.vue';
 import { useColorManager } from './composables/useColorManager';
 import { useDragAndDropSystem } from './composables/useDragAndDrop';
-import { ScrollArea } from '@/components/ui/scroll-area';
+import { ScrollArea } from '../../ui/scroll-area';
 
 const props = defineProps<{
 	events: CalendarEvent[]; // Expects events already sorted and filtered by the parent

package/src/runtime/components/base/event-calendar/EventModal.vue

@@ -12,7 +12,7 @@ import type { CalendarEvent, EventColor, EventStatus } from './types';
 import { DefaultEndHour, DefaultStartHour, EndHour, StartHour } from './constants';
 import { useTimezone } from './composables/useTimezone';
 import { eventModalSchema } from './eventModal.schema';
-import DynectButton from '@/components/dynect/Button.vue';
+import DynectButton from '../../dynect/Button.vue';
 
 const uuidv4 = useId();
 

package/src/runtime/components/dynect/Autocomplete.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { toLowerCase } from '../../utils/function';
 import { useField } from 'vee-validate';
 import { computed, ref } from 'vue';
 import { useId } from 'nuxt/app';

package/src/runtime/components/dynect/Button.vue

@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from 'vue';
 import { Primitive, type PrimitiveProps } from 'reka-ui';
 import { cn } from '../../lib/utils';
-import { buttonVariants, type ButtonVariants } from '@/components/ui/button';
+import { buttonVariants, type ButtonVariants } from '../ui/button';
 
 // ── Props ─────────────────────────────────────────────────────────────────────
 interface Props extends PrimitiveProps {

package/src/runtime/components/dynect/EventCalendar.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { computed } from 'vue';
-import type { CalendarEvent, ViewMode } from '@/components/base/event-calendar/types';
+import type { CalendarEvent, ViewMode } from '../base/event-calendar/types';
 
 // Re-export types for convenience
-export type { CalendarEvent, ViewMode, EventColor, EventStatus, RecurringPattern } from '@/components/base/event-calendar/types';
+export type { CalendarEvent, ViewMode, EventColor, EventStatus, RecurringPattern } from '../base/event-calendar/types';
 
 // ── Props ────────────────────────────────────────────────────────────────────
 interface Props {

package/src/runtime/components/ui/alert-dialog/AlertDialogAction.vue

@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { AlertDialogAction } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { buttonVariants } from '@/components/ui/button';
+import { buttonVariants } from '../button';
 
 const props = defineProps<AlertDialogActionProps & { class?: HTMLAttributes['class'] }>();
 

package/src/runtime/components/ui/alert-dialog/AlertDialogCancel.vue

@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { AlertDialogCancel } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { buttonVariants } from '@/components/ui/button';
+import { buttonVariants } from '../button';
 
 const props = defineProps<AlertDialogCancelProps & { class?: HTMLAttributes['class'] }>();
 
@@ -12,7 +12,7 @@ const delegatedProps = reactiveOmit(props, 'class');
 </script>
 
 <template>
-	<AlertDialogCancel v-bind="delegatedProps" :class="cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', props.class)">
+	<AlertDialogCancel v-bind="delegatedProps" :class="cn(buttonVariants({ color: 'outline-info' }), 'mt-2 sm:mt-0', props.class)">
 		<slot />
 	</AlertDialogCancel>
 </template>

package/src/runtime/components/ui/button-group/ButtonGroupSeparator.vue

@@ -3,7 +3,7 @@ import type { SeparatorProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { cn } from '@/lib/utils';
-import { Separator } from '@/components/ui/separator';
+import { Separator } from '../separator';
 
 const props = withDefaults(defineProps<SeparatorProps & { class?: HTMLAttributes['class'] }>(), {
 	orientation: 'vertical',

package/src/runtime/components/ui/calendar/Calendar.vue

@@ -8,7 +8,7 @@ import { CalendarRoot, useDateFormatter, useForwardPropsEmits } from 'reka-ui';
 import { createYear, createYearRange, toDate } from 'reka-ui/date';
 import { computed, toRaw } from 'vue';
 import { cn } from '@/lib/utils';
-import { NativeSelect, NativeSelectOption } from '@/components/ui/native-select';
+import { NativeSelect, NativeSelectOption } from '../native-select';
 import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNextButton, CalendarPrevButton } from '.';
 
 const props = withDefaults(defineProps<CalendarRootProps & { class?: HTMLAttributes['class']; layout?: LayoutTypes; yearRange?: DateValue[] }>(), {

package/src/runtime/components/ui/calendar/CalendarNextButton.vue

@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { CalendarNext, useForwardProps } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { buttonVariants } from '@/components/ui/button';
+import { buttonVariants } from '../button';
 
 const props = defineProps<CalendarNextProps & { class?: HTMLAttributes['class'] }>();
 

package/src/runtime/components/ui/calendar/CalendarPrevButton.vue

@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { CalendarPrev, useForwardProps } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { buttonVariants } from '@/components/ui/button';
+import { buttonVariants } from '../button';
 
 const props = defineProps<CalendarPrevProps & { class?: HTMLAttributes['class'] }>();
 

package/src/runtime/components/ui/carousel/CarouselNext.vue

@@ -1,21 +1,20 @@
 <script setup lang="ts">
 import type { WithClassAsProps } from './interface';
-import type { ButtonVariants } from '@/components/ui/button';
 import { ArrowRight } from 'lucide-vue-next';
 import { cn } from '@/lib/utils';
-import { Button } from '@/components/ui/button';
+import { Button, type ButtonVariants } from '../button';
 import { useCarousel } from './useCarousel';
 
 const props = withDefaults(
 	defineProps<
 		{
-			variant?: ButtonVariants['variant'];
+			color?: ButtonVariants['color'];
 			size?: ButtonVariants['size'];
 		} & WithClassAsProps
 	>(),
 	{
-		variant: 'outline',
-		size: 'icon',
+		color: 'outline-info',
+		size: 'sm',
 	}
 );
 

package/src/runtime/components/ui/carousel/CarouselPrevious.vue

@@ -1,21 +1,20 @@
 <script setup lang="ts">
 import type { WithClassAsProps } from './interface';
-import type { ButtonVariants } from '@/components/ui/button';
 import { ArrowLeft } from 'lucide-vue-next';
 import { cn } from '@/lib/utils';
-import { Button } from '@/components/ui/button';
+import { Button, type ButtonVariants } from '../button';
 import { useCarousel } from './useCarousel';
 
 const props = withDefaults(
 	defineProps<
 		{
-			variant?: ButtonVariants['variant'];
+			color?: ButtonVariants['color'];
 			size?: ButtonVariants['size'];
 		} & WithClassAsProps
 	>(),
 	{
-		variant: 'outline',
-		size: 'icon',
+		color: 'outline-info',
+		size: 'sm',
 	}
 );
 
@@ -23,7 +22,7 @@ const { orientation, canScrollPrev, scrollPrev } = useCarousel();
 </script>
 
 <template>
-	<Button data-slot="carousel-previous" :disabled="!canScrollPrev" :class="cn('absolute size-8 rounded-full', orientation === 'horizontal' ? 'top-1/2 -left-12 -translate-y-1/2' : '-top-12 left-1/2 -translate-x-1/2 rotate-90', props.class)" :variant="variant" :size="size" @click="scrollPrev">
+	<Button data-slot="carousel-previous" :disabled="!canScrollPrev" :class="cn('absolute size-8 rounded-full', orientation === 'horizontal' ? 'top-1/2 -left-12 -translate-y-1/2' : '-top-12 left-1/2 -translate-x-1/2 rotate-90', props.class)" :variant="color" :size="size" @click="scrollPrev">
 		<slot>
 			<ArrowLeft />
 			<span class="sr-only">Previous Slide</span>

package/src/runtime/components/ui/command/CommandDialog.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { DialogRootEmits, DialogRootProps } from 'reka-ui';
 import { useForwardPropsEmits } from 'reka-ui';
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../dialog';
 import Command from './Command.vue';
 
 const props = withDefaults(

package/src/runtime/components/ui/dialog/DialogFooter.vue

@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from 'vue';
 import { DialogClose } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { Button } from '@/components/ui/button';
+import { Button } from '../button';
 
 const props = withDefaults(
 	defineProps<{

package/src/runtime/components/ui/field/FieldLabel.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
-import { Label as FieldLabel } from '@/components/ui/label';
+import { Label as FieldLabel } from '../label';
 
 const props = defineProps<{
 	class?: HTMLAttributes['class'];

package/src/runtime/components/ui/field/FieldSeparator.vue

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

package/src/runtime/components/ui/form/FormLabel.vue

@@ -2,7 +2,7 @@
 import type { LabelProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
-import { Label } from '@/components/ui/label';
+import { Label } from '../label';
 import { useFormField } from './useFormField';
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>();

package/src/runtime/components/ui/input-group/InputGroupButton.vue

@@ -1,25 +1,24 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue';
 import type { InputGroupButtonVariants } from '.';
-import type { ButtonVariants } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
-import { Button } from '@/components/ui/button';
+import { Button, type ButtonVariants } from '../button';
 import { inputGroupButtonVariants } from '.';
 
 interface InputGroupButtonProps {
-	variant?: ButtonVariants['variant'];
+	color?: ButtonVariants['color'];
 	size?: InputGroupButtonVariants['size'];
 	class?: HTMLAttributes['class'];
 }
 
 const props = withDefaults(defineProps<InputGroupButtonProps>(), {
 	size: 'xs',
-	variant: 'ghost',
+	color: 'brand',
 });
 </script>
 
 <template>
-	<Button :data-size="props.size" :variant="props.variant" :class="cn(inputGroupButtonVariants({ size: props.size }), props.class)">
+	<Button :data-size="props.size" :color="props.color" :class="cn(inputGroupButtonVariants({ size: props.size }), props.class)">
 		<slot />
 	</Button>
 </template>

package/src/runtime/components/ui/input-group/InputGroupInput.vue

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

package/src/runtime/components/ui/input-group/InputGroupTextarea.vue

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

package/src/runtime/components/ui/item/ItemSeparator.vue

@@ -2,7 +2,7 @@
 import type { SeparatorProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
-import { Separator } from '@/components/ui/separator';
+import { Separator } from '../separator';
 
 const props = defineProps<SeparatorProps & { class?: HTMLAttributes['class'] }>();
 </script>

package/src/runtime/components/ui/pagination/PaginationFirst.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import type { PaginationFirstProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
-import type { ButtonVariants } from '@/components/ui/button';
 import { reactiveOmit } from '@vueuse/core';
 import { ChevronLeftIcon } from 'lucide-vue-next';
 import { PaginationFirst, useForwardProps } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { buttonVariants } from '@/components/ui/button';
+import { buttonVariants, type ButtonVariants } from '../button';
 
 const props = withDefaults(
 	defineProps<

package/src/runtime/components/ui/pagination/PaginationItem.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts">
 import type { PaginationListItemProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
-import type { ButtonVariants } from '@/components/ui/button';
 import { reactiveOmit } from '@vueuse/core';
 import { PaginationListItem } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { buttonVariants } from '@/components/ui/button';
+import { buttonVariants, type ButtonVariants } from '../button';
 
 const props = withDefaults(
 	defineProps<

package/src/runtime/components/ui/pagination/PaginationLast.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import type { PaginationLastProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
-import type { ButtonVariants } from '@/components/ui/button';
 import { reactiveOmit } from '@vueuse/core';
 import { ChevronRightIcon } from 'lucide-vue-next';
 import { PaginationLast, useForwardProps } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { buttonVariants } from '@/components/ui/button';
+import { buttonVariants, type ButtonVariants } from '../button';
 
 const props = withDefaults(
 	defineProps<

package/src/runtime/components/ui/pagination/PaginationNext.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import type { PaginationNextProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
-import type { ButtonVariants } from '@/components/ui/button';
 import { reactiveOmit } from '@vueuse/core';
 import { ChevronRightIcon } from 'lucide-vue-next';
 import { PaginationNext, useForwardProps } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { buttonVariants } from '@/components/ui/button';
+import { buttonVariants, type ButtonVariants } from '../button';
 
 const props = withDefaults(
 	defineProps<

package/src/runtime/components/ui/pagination/PaginationPrevious.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import type { PaginationPrevProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
-import type { ButtonVariants } from '@/components/ui/button';
 import { reactiveOmit } from '@vueuse/core';
 import { ChevronLeftIcon } from 'lucide-vue-next';
 import { PaginationPrev, useForwardProps } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { buttonVariants } from '@/components/ui/button';
+import { buttonVariants, type ButtonVariants } from '../button';
 
 const props = withDefaults(
 	defineProps<

package/src/runtime/components/ui/range-calendar/RangeCalendarNextButton.vue

@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { RangeCalendarNext, useForwardProps } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { buttonVariants } from '@/components/ui/button';
+import { buttonVariants } from '../button';
 
 const props = defineProps<RangeCalendarNextProps & { class?: HTMLAttributes['class'] }>();
 

package/src/runtime/components/ui/range-calendar/RangeCalendarPrevButton.vue

@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { RangeCalendarPrev, useForwardProps } from 'reka-ui';
 import { cn } from '@/lib/utils';
-import { buttonVariants } from '@/components/ui/button';
+import { buttonVariants } from '../button';
 
 const props = defineProps<RangeCalendarPrevProps & { class?: HTMLAttributes['class'] }>();
 

package/src/runtime/components/ui/sidebar/Sidebar.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { SidebarProps } from '.';
 import { cn } from '@/lib/utils';
-import { Sheet, SheetContent } from '@/components/ui/sheet';
-import SheetDescription from '@/components/ui/sheet/SheetDescription.vue';
-import SheetHeader from '@/components/ui/sheet/SheetHeader.vue';
-import SheetTitle from '@/components/ui/sheet/SheetTitle.vue';
+import { Sheet, SheetContent } from '../sheet';
+import SheetDescription from '../sheet/SheetDescription.vue';
+import SheetHeader from '../sheet/SheetHeader.vue';
+import SheetTitle from '../sheet/SheetTitle.vue';
 import { SIDEBAR_WIDTH_MOBILE, useSidebar } from './utils';
 
 defineOptions({

package/src/runtime/components/ui/sidebar/SidebarInput.vue

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

package/src/runtime/components/ui/sidebar/SidebarMenuButton.vue

@@ -2,7 +2,7 @@
 import type { Component } from 'vue';
 import type { SidebarMenuButtonProps } from './SidebarMenuButtonChild.vue';
 import { reactiveOmit } from '@vueuse/core';
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../tooltip';
 import SidebarMenuButtonChild from './SidebarMenuButtonChild.vue';
 import { useSidebar } from './utils';
 

package/src/runtime/components/ui/sidebar/SidebarMenuSkeleton.vue

@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from 'vue';
 import { computed } from 'vue';
 import { cn } from '@/lib/utils';
-import { Skeleton } from '@/components/ui/skeleton';
+import { Skeleton } from '../skeleton';
 
 const props = defineProps<{
 	showIcon?: boolean;

package/src/runtime/components/ui/sidebar/SidebarSeparator.vue

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

package/src/runtime/components/ui/tiptap/TiptapMobileToolbar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Editor } from '@tiptap/vue-3';
 import type { HTMLAttributes } from 'vue';
-import { Button } from '@/components/ui/button';
+import { Button } from '../button';
 import { cn } from '@/lib/utils';
 import { computed, ref } from 'vue';
 import { useTiptapContext } from '.';

package/src/runtime/components/ui/tiptap/TiptapSlotPanel.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { Editor } from '@tiptap/vue-3';
 import type { HTMLAttributes } from 'vue';
-import { Label } from '@/components/ui/label';
-import { Textarea } from '@/components/ui/textarea';
+import { Label } from '../label';
+import { Textarea } from '../textarea';
 import { cn } from '@/lib/utils';
 import { computed, reactive, watch } from 'vue';
 import { useTiptapContext } from '.';

package/src/runtime/components/ui/tiptap/TiptapStatusBar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Editor } from '@tiptap/vue-3';
 import type { HTMLAttributes } from 'vue';
-import { Badge } from '@/components/ui/badge';
+import { Badge } from '../badge';
 import { cn } from '@/lib/utils';
 import { computed, ref, watch } from 'vue';
 import { useTiptapContext } from '.';

package/src/runtime/components/ui/tiptap/TiptapTableToolbar.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import type { Editor } from '@tiptap/vue-3';
 import type { HTMLAttributes } from 'vue';
-import { Button } from '@/components/ui/button';
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Separator } from '@/components/ui/separator';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
+import { Button } from '../button';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '../dialog';
+import { Input } from '../input';
+import { Label } from '../label';
+import { Separator } from '../separator';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../tooltip';
 import { cn } from '@/lib/utils';
 import { computed, ref } from 'vue';
 import { useTiptapContext } from '.';

package/src/runtime/components/ui/tiptap/TiptapToolbar.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { Editor } from '@tiptap/vue-3';
 import type { HTMLAttributes } from 'vue';
-import { Button } from '@/components/ui/button';
-import { Separator } from '@/components/ui/separator';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
+import { Button } from '../button';
+import { Separator } from '../separator';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../tooltip';
 import { cn } from '@/lib/utils';
 import { computed } from 'vue';
 import { useTiptapContext } from '.';

package/src/runtime/components/ui/tiptap/TiptapTreeItem.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { Instruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';
 import type { FlattenedItem } from 'reka-ui';
-import { Button } from '@/components/ui/button';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
+import { Button } from '../button';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../tooltip';
 import { attachInstruction, extractInstruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';

package/src/runtime/components/ui/toggle-group/ToggleGroup.vue

@@ -2,7 +2,7 @@
 import type { VariantProps } from 'class-variance-authority';
 import type { ToggleGroupRootEmits, ToggleGroupRootProps } from 'reka-ui';
 import type { HTMLAttributes } from 'vue';
-import type { toggleVariants } from '@/components/ui/toggle';
+import type { toggleVariants } from '../toggle';
 import { reactiveOmit } from '@vueuse/core';
 import { ToggleGroupRoot, useForwardPropsEmits } from 'reka-ui';
 import { provide } from 'vue';

package/src/runtime/components/ui/toggle-group/ToggleGroupItem.vue

@@ -6,7 +6,7 @@ import { reactiveOmit } from '@vueuse/core';
 import { ToggleGroupItem, useForwardProps } from 'reka-ui';
 import { inject } from 'vue';
 import { cn } from '@/lib/utils';
-import { toggleVariants } from '@/components/ui/toggle';
+import { toggleVariants } from '../toggle';
 
 type ToggleGroupVariants = VariantProps<typeof toggleVariants> & {
 	spacing?: number;