From 412e625c4a8bf78cf223eb4e2adc52a3d8ea6bd8 Mon Sep 17 00:00:00 2001
From: Kristof Csillag <kristof@oasisprotocol.org>
Date: Mon, 26 May 2025 18:37:31 +0200
Subject: [PATCH] Get rid of the @ path alias

Just use relative imports everywhere, it's easier to resolve
in an environment when we want to include multiple modules
side by side in the same workspace.
---
 src/components/ui/accordion.tsx               |  2 +-
 src/components/ui/alert-dialog.tsx            |  4 +-
 src/components/ui/alert.tsx                   |  2 +-
 src/components/ui/avatar.tsx                  |  2 +-
 src/components/ui/badge.tsx                   |  2 +-
 src/components/ui/breadcrumb.tsx              |  2 +-
 src/components/ui/button.tsx                  |  2 +-
 src/components/ui/calendar.tsx                |  4 +-
 src/components/ui/card.tsx                    |  2 +-
 src/components/ui/carousel.tsx                |  4 +-
 src/components/ui/chart.tsx                   |  2 +-
 src/components/ui/checkbox.tsx                |  2 +-
 src/components/ui/command.tsx                 |  4 +-
 src/components/ui/context-menu.tsx            |  2 +-
 src/components/ui/dialog.tsx                  |  2 +-
 src/components/ui/drawer.tsx                  |  2 +-
 src/components/ui/dropdown-menu.tsx           |  2 +-
 src/components/ui/form.tsx                    |  4 +-
 src/components/ui/hover-card.tsx              |  2 +-
 src/components/ui/input-otp.tsx               |  2 +-
 src/components/ui/input.tsx                   |  2 +-
 src/components/ui/label.tsx                   |  2 +-
 src/components/ui/menubar.tsx                 |  2 +-
 src/components/ui/navigation-menu.tsx         |  2 +-
 src/components/ui/pagination.tsx              |  4 +-
 src/components/ui/popover.tsx                 |  2 +-
 src/components/ui/progress.tsx                |  2 +-
 src/components/ui/radio-group.tsx             |  2 +-
 src/components/ui/resizable.tsx               |  2 +-
 src/components/ui/scroll-area.tsx             |  2 +-
 src/components/ui/select.tsx                  |  2 +-
 src/components/ui/separator.tsx               |  2 +-
 src/components/ui/sheet.tsx                   |  2 +-
 src/components/ui/sidebar.tsx                 | 16 ++--
 src/components/ui/skeleton.tsx                |  2 +-
 src/components/ui/slider.tsx                  |  2 +-
 src/components/ui/switch.tsx                  |  2 +-
 src/components/ui/table.tsx                   |  2 +-
 src/components/ui/tabs.tsx                    |  2 +-
 src/components/ui/textarea.tsx                |  2 +-
 src/components/ui/toggle-group.tsx            |  4 +-
 src/components/ui/toggle.tsx                  |  2 +-
 src/components/ui/tooltip.tsx                 |  2 +-
 src/index.ts                                  | 92 +++++++++----------
 src/stories/Accordion/Accordion.stories.tsx   |  2 +-
 src/stories/Alert/Alert.stories.tsx           |  2 +-
 .../AlertDialog/AlertDialog.stories.tsx       |  4 +-
 .../AspectRatio/AspectRatio.stories.tsx       |  2 +-
 src/stories/Avatar/Avatar.stories.tsx         |  2 +-
 src/stories/Badge/Badge.stories.tsx           |  2 +-
 src/stories/Breadcrumb/Breadcrumb.stories.tsx |  2 +-
 src/stories/Button/Button.stories.tsx         |  2 +-
 src/stories/Calendar/Calendar.stories.tsx     |  2 +-
 src/stories/Card/Card.stories.tsx             |  4 +-
 src/stories/Carousel/Carousel.stories.tsx     |  4 +-
 src/stories/Checkbox/Checkbox.stories.tsx     |  4 +-
 .../Collapsible/Collapsible.stories.tsx       |  4 +-
 src/stories/Command/Command.stories.tsx       |  2 +-
 .../ContextMenu/ContextMenu.stories.tsx       |  2 +-
 src/stories/Dialog/Dialog.stories.tsx         |  4 +-
 src/stories/Drawer/Drawer.stories.tsx         |  4 +-
 .../DropdownMenu/DropdownMenu.stories.tsx     |  4 +-
 src/stories/Form/Form.stories.tsx             |  8 +-
 src/stories/HoverCard/HoverCard.stories.tsx   |  2 +-
 src/stories/Input/Input.stories.tsx           |  4 +-
 src/stories/InputOTP/InputOTP.stories.tsx     |  2 +-
 src/stories/Label/Label.stories.tsx           |  4 +-
 src/stories/Menubar/Menubar.stories.tsx       |  2 +-
 .../NavigationMenu/NavigationMenu.stories.tsx |  2 +-
 src/stories/Pagination/Pagination.stories.tsx |  2 +-
 src/stories/Popover/Popover.stories.tsx       |  8 +-
 src/stories/Progress/Progress.stories.tsx     |  2 +-
 src/stories/RadioGroup/RadioGroup.stories.tsx |  4 +-
 src/stories/Resizable/Resizable.stories.tsx   |  2 +-
 src/stories/ScrollArea/ScrollArea.stories.tsx |  2 +-
 src/stories/Select/Select.stories.tsx         |  2 +-
 src/stories/Separator/Separator.stories.tsx   |  2 +-
 src/stories/Sheet/Sheet.stories.tsx           |  8 +-
 src/stories/Sidebar/Sidebar.stories.tsx       |  2 +-
 src/stories/Skeleton/Skeleton.stories.tsx     |  2 +-
 src/stories/Slider/Slider.stories.tsx         |  2 +-
 src/stories/Switch/Switch.stories.tsx         |  4 +-
 src/stories/Table/Table.stories.tsx           |  2 +-
 src/stories/Tabs/Tabs.stories.tsx             |  2 +-
 src/stories/Textarea/Textarea.stories.tsx     |  2 +-
 src/stories/Toast/Toast.stories.tsx           |  4 +-
 src/stories/Toggle/Toggle.stories.tsx         |  2 +-
 .../ToggleGroup/ToggleGroup.stories.tsx       |  2 +-
 src/stories/Tooltip/Tooltip.stories.tsx       |  4 +-
 tsconfig.json                                 |  3 -
 90 files changed, 171 insertions(+), 174 deletions(-)

diff --git a/src/components/ui/accordion.tsx b/src/components/ui/accordion.tsx
index da2391b0..19972d03 100644
--- a/src/components/ui/accordion.tsx
+++ b/src/components/ui/accordion.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as AccordionPrimitive from '@radix-ui/react-accordion'
 import { ChevronDownIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {
   return <AccordionPrimitive.Root data-slot="accordion" {...props} />
diff --git a/src/components/ui/alert-dialog.tsx b/src/components/ui/alert-dialog.tsx
index ca8f7291..563bf5a4 100644
--- a/src/components/ui/alert-dialog.tsx
+++ b/src/components/ui/alert-dialog.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react'
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'
 
-import { cn } from '@/lib/utils'
-import { buttonVariants } from '@/components/ui/button'
+import { cn } from '../../lib/utils'
+import { buttonVariants } from './button'
 
 function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
   return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />
diff --git a/src/components/ui/alert.tsx b/src/components/ui/alert.tsx
index 2303e29e..8b9ffe63 100644
--- a/src/components/ui/alert.tsx
+++ b/src/components/ui/alert.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 const alertVariants = cva(
   'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',
diff --git a/src/components/ui/avatar.tsx b/src/components/ui/avatar.tsx
index ea084041..264629e3 100644
--- a/src/components/ui/avatar.tsx
+++ b/src/components/ui/avatar.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as AvatarPrimitive from '@radix-ui/react-avatar'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {
   return (
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
index 4046d4d7..6a8a2994 100644
--- a/src/components/ui/badge.tsx
+++ b/src/components/ui/badge.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import { Slot } from '@radix-ui/react-slot'
 import { cva, type VariantProps } from 'class-variance-authority'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 const badgeVariants = cva(
   'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',
diff --git a/src/components/ui/breadcrumb.tsx b/src/components/ui/breadcrumb.tsx
index 97d2a4d2..4d6c5892 100644
--- a/src/components/ui/breadcrumb.tsx
+++ b/src/components/ui/breadcrumb.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import { Slot } from '@radix-ui/react-slot'
 import { ChevronRight, MoreHorizontal } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../..//lib/utils'
 
 function Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {
   return <nav aria-label="breadcrumb" data-slot="breadcrumb" {...props} />
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index dd13a5b8..d09e16d7 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import { Slot } from '@radix-ui/react-slot'
 import { cva, type VariantProps } from 'class-variance-authority'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
index 6f7710da..d508244d 100644
--- a/src/components/ui/calendar.tsx
+++ b/src/components/ui/calendar.tsx
@@ -2,8 +2,8 @@ import * as React from 'react'
 import { ChevronLeft, ChevronRight } from 'lucide-react'
 import { DayPicker } from 'react-day-picker'
 
-import { cn } from '@/lib/utils'
-import { buttonVariants } from '@/components/ui/button'
+import { cn } from '../../lib/utils'
+import { buttonVariants } from './button'
 
 function Calendar({
   className,
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
index bb19a8f3..b763b790 100644
--- a/src/components/ui/card.tsx
+++ b/src/components/ui/card.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../..//lib/utils'
 
 function Card({ className, ...props }: React.ComponentProps<'div'>) {
   return (
diff --git a/src/components/ui/carousel.tsx b/src/components/ui/carousel.tsx
index fe680bd3..fd264450 100644
--- a/src/components/ui/carousel.tsx
+++ b/src/components/ui/carousel.tsx
@@ -2,8 +2,8 @@ import * as React from 'react'
 import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react'
 import { ArrowLeft, ArrowRight } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
-import { Button } from '@/components/ui/button'
+import { cn } from '../../lib/utils'
+import { Button } from './button'
 
 type CarouselApi = UseEmblaCarouselType[1]
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
diff --git a/src/components/ui/chart.tsx b/src/components/ui/chart.tsx
index f532f5e9..22a8b599 100644
--- a/src/components/ui/chart.tsx
+++ b/src/components/ui/chart.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as RechartsPrimitive from 'recharts'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 // Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = { light: '', dark: '.dark' } as const
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
index 2d2e45a6..360fb286 100644
--- a/src/components/ui/checkbox.tsx
+++ b/src/components/ui/checkbox.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox'
 import { CheckIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
   return (
diff --git a/src/components/ui/command.tsx b/src/components/ui/command.tsx
index 88842657..c2a7fa55 100644
--- a/src/components/ui/command.tsx
+++ b/src/components/ui/command.tsx
@@ -2,8 +2,8 @@ import * as React from 'react'
 import { Command as CommandPrimitive } from 'cmdk'
 import { SearchIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'
+import { cn } from '../../lib/utils'
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './dialog'
 
 function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {
   return (
diff --git a/src/components/ui/context-menu.tsx b/src/components/ui/context-menu.tsx
index d9134930..c81d759b 100644
--- a/src/components/ui/context-menu.tsx
+++ b/src/components/ui/context-menu.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu'
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
   return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index af5e5fc3..67f1e0b2 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as DialogPrimitive from '@radix-ui/react-dialog'
 import { XIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {
   return <DialogPrimitive.Root data-slot="dialog" {...props} />
diff --git a/src/components/ui/drawer.tsx b/src/components/ui/drawer.tsx
index 2b43d80f..96f5c032 100644
--- a/src/components/ui/drawer.tsx
+++ b/src/components/ui/drawer.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { Drawer as DrawerPrimitive } from 'vaul'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {
   return <DrawerPrimitive.Root data-slot="drawer" {...props} />
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
index 2ab64c25..bb660773 100644
--- a/src/components/ui/dropdown-menu.tsx
+++ b/src/components/ui/dropdown-menu.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
   return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
diff --git a/src/components/ui/form.tsx b/src/components/ui/form.tsx
index 19a5b1a2..7234d51a 100644
--- a/src/components/ui/form.tsx
+++ b/src/components/ui/form.tsx
@@ -11,8 +11,8 @@ import {
   type FieldValues,
 } from 'react-hook-form'
 
-import { cn } from '@/lib/utils'
-import { Label } from '@/components/ui/label'
+import { cn } from '../..//lib/utils'
+import { Label } from './label'
 
 const Form = FormProvider
 
diff --git a/src/components/ui/hover-card.tsx b/src/components/ui/hover-card.tsx
index b76088ab..bc9740bc 100644
--- a/src/components/ui/hover-card.tsx
+++ b/src/components/ui/hover-card.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>) {
   return <HoverCardPrimitive.Root data-slot="hover-card" {...props} />
diff --git a/src/components/ui/input-otp.tsx b/src/components/ui/input-otp.tsx
index ba5cefb0..20142c4f 100644
--- a/src/components/ui/input-otp.tsx
+++ b/src/components/ui/input-otp.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import { OTPInput, OTPInputContext } from 'input-otp'
 import { MinusIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function InputOTP({
   className,
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index e9d655cd..b10d6a38 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
   return (
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
index d7b4512a..27e28c00 100644
--- a/src/components/ui/label.tsx
+++ b/src/components/ui/label.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as LabelPrimitive from '@radix-ui/react-label'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {
   return (
diff --git a/src/components/ui/menubar.tsx b/src/components/ui/menubar.tsx
index 2584f6a4..7f6cfca9 100644
--- a/src/components/ui/menubar.tsx
+++ b/src/components/ui/menubar.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as MenubarPrimitive from '@radix-ui/react-menubar'
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>) {
   return (
diff --git a/src/components/ui/navigation-menu.tsx b/src/components/ui/navigation-menu.tsx
index fa97ec0e..deff3199 100644
--- a/src/components/ui/navigation-menu.tsx
+++ b/src/components/ui/navigation-menu.tsx
@@ -3,7 +3,7 @@ import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'
 import { cva } from 'class-variance-authority'
 import { ChevronDownIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function NavigationMenu({
   className,
diff --git a/src/components/ui/pagination.tsx b/src/components/ui/pagination.tsx
index 24745909..53fb063f 100644
--- a/src/components/ui/pagination.tsx
+++ b/src/components/ui/pagination.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react'
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
-import { Button, buttonVariants } from '@/components/ui/button'
+import { cn } from '../../lib/utils'
+import { Button, buttonVariants } from './button'
 
 function Pagination({ className, ...props }: React.ComponentProps<'nav'>) {
   return (
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
index 3d380b20..9181c3f2 100644
--- a/src/components/ui/popover.tsx
+++ b/src/components/ui/popover.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as PopoverPrimitive from '@radix-ui/react-popover'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {
   return <PopoverPrimitive.Root data-slot="popover" {...props} />
diff --git a/src/components/ui/progress.tsx b/src/components/ui/progress.tsx
index 12cede00..cef9e807 100644
--- a/src/components/ui/progress.tsx
+++ b/src/components/ui/progress.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as ProgressPrimitive from '@radix-ui/react-progress'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {
   return (
diff --git a/src/components/ui/radio-group.tsx b/src/components/ui/radio-group.tsx
index b7893673..c2126284 100644
--- a/src/components/ui/radio-group.tsx
+++ b/src/components/ui/radio-group.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group'
 import { CircleIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {
   return (
diff --git a/src/components/ui/resizable.tsx b/src/components/ui/resizable.tsx
index 9cba3ac5..22af6226 100644
--- a/src/components/ui/resizable.tsx
+++ b/src/components/ui/resizable.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import { GripVerticalIcon } from 'lucide-react'
 import * as ResizablePrimitive from 'react-resizable-panels'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function ResizablePanelGroup({
   className,
diff --git a/src/components/ui/scroll-area.tsx b/src/components/ui/scroll-area.tsx
index 5a160e0c..10a4685e 100644
--- a/src/components/ui/scroll-area.tsx
+++ b/src/components/ui/scroll-area.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function ScrollArea({
   className,
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index ed62c07a..96850214 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as SelectPrimitive from '@radix-ui/react-select'
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {
   return <SelectPrimitive.Root data-slot="select" {...props} />
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
index 85542d39..6797022e 100644
--- a/src/components/ui/separator.tsx
+++ b/src/components/ui/separator.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as SeparatorPrimitive from '@radix-ui/react-separator'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Separator({
   className,
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index a4d03223..d27e73ac 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as SheetPrimitive from '@radix-ui/react-dialog'
 import { XIcon } from 'lucide-react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
   return <SheetPrimitive.Root data-slot="sheet" {...props} />
diff --git a/src/components/ui/sidebar.tsx b/src/components/ui/sidebar.tsx
index 06bb47f6..ac024c2c 100644
--- a/src/components/ui/sidebar.tsx
+++ b/src/components/ui/sidebar.tsx
@@ -3,14 +3,14 @@ import { Slot } from '@radix-ui/react-slot'
 import { VariantProps, cva } from 'class-variance-authority'
 import { PanelLeftIcon } from 'lucide-react'
 
-import { useIsMobile } from '@/hooks/use-mobile'
-import { cn } from '@/lib/utils'
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { Separator } from '@/components/ui/separator'
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@/components/ui/sheet'
-import { Skeleton } from '@/components/ui/skeleton'
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
+import { useIsMobile } from '../../hooks/use-mobile'
+import { cn } from '../../lib/utils'
+import { Button } from './button'
+import { Input } from './input'
+import { Separator } from './separator'
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from './sheet'
+import { Skeleton } from './skeleton'
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip'
 
 const SIDEBAR_COOKIE_NAME = 'sidebar_state'
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
diff --git a/src/components/ui/skeleton.tsx b/src/components/ui/skeleton.tsx
index 0be26022..ca6378b1 100644
--- a/src/components/ui/skeleton.tsx
+++ b/src/components/ui/skeleton.tsx
@@ -1,4 +1,4 @@
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {
   return (
diff --git a/src/components/ui/slider.tsx b/src/components/ui/slider.tsx
index b8890d1b..0be77b13 100644
--- a/src/components/ui/slider.tsx
+++ b/src/components/ui/slider.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as SliderPrimitive from '@radix-ui/react-slider'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Slider({
   className,
diff --git a/src/components/ui/switch.tsx b/src/components/ui/switch.tsx
index 9649c25c..7aaf0f4e 100644
--- a/src/components/ui/switch.tsx
+++ b/src/components/ui/switch.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as SwitchPrimitive from '@radix-ui/react-switch'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {
   return (
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
index 96fb3dd6..a5355703 100644
--- a/src/components/ui/table.tsx
+++ b/src/components/ui/table.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Table({ className, ...props }: React.ComponentProps<'table'>) {
   return (
diff --git a/src/components/ui/tabs.tsx b/src/components/ui/tabs.tsx
index 45f64142..69810304 100644
--- a/src/components/ui/tabs.tsx
+++ b/src/components/ui/tabs.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as TabsPrimitive from '@radix-ui/react-tabs'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {
   return <TabsPrimitive.Root data-slot="tabs" className={cn('flex flex-col gap-2', className)} {...props} />
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index 6b1ef4b6..d59a414f 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {
   return (
diff --git a/src/components/ui/toggle-group.tsx b/src/components/ui/toggle-group.tsx
index 6450d300..11459b31 100644
--- a/src/components/ui/toggle-group.tsx
+++ b/src/components/ui/toggle-group.tsx
@@ -2,8 +2,8 @@ import * as React from 'react'
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'
 import { type VariantProps } from 'class-variance-authority'
 
-import { cn } from '@/lib/utils'
-import { toggleVariants } from '@/components/ui/toggle'
+import { cn } from '../../lib/utils'
+import { toggleVariants } from './toggle'
 
 const ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({
   size: 'default',
diff --git a/src/components/ui/toggle.tsx b/src/components/ui/toggle.tsx
index 0f9d9d62..c1636d36 100644
--- a/src/components/ui/toggle.tsx
+++ b/src/components/ui/toggle.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import * as TogglePrimitive from '@radix-ui/react-toggle'
 import { cva, type VariantProps } from 'class-variance-authority'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 const toggleVariants = cva(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
index edcf45fa..8aa050fa 100644
--- a/src/components/ui/tooltip.tsx
+++ b/src/components/ui/tooltip.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as TooltipPrimitive from '@radix-ui/react-tooltip'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 function TooltipProvider({
   delayDuration = 0,
diff --git a/src/index.ts b/src/index.ts
index c218be50..74765093 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,46 +1,46 @@
-export * from '@/components/ui/accordion'
-export * from '@/components/ui/alert'
-export * from '@/components/ui/alert-dialog'
-export * from '@/components/ui/aspect-ratio'
-export * from '@/components/ui/avatar'
-export * from '@/components/ui/badge'
-export * from '@/components/ui/breadcrumb'
-export * from '@/components/ui/button'
-export * from '@/components/ui/calendar'
-export * from '@/components/ui/card'
-export * from '@/components/ui/carousel'
-export * from '@/components/ui/chart'
-export * from '@/components/ui/checkbox'
-export * from '@/components/ui/collapsible'
-export * from '@/components/ui/command'
-export * from '@/components/ui/context-menu'
-export * from '@/components/ui/dialog'
-export * from '@/components/ui/drawer'
-export * from '@/components/ui/dropdown-menu'
-export * from '@/components/ui/form'
-export * from '@/components/ui/hover-card'
-export * from '@/components/ui/input'
-export * from '@/components/ui/input-otp'
-export * from '@/components/ui/label'
-export * from '@/components/ui/menubar'
-export * from '@/components/ui/navigation-menu'
-export * from '@/components/ui/pagination'
-export * from '@/components/ui/popover'
-export * from '@/components/ui/progress'
-export * from '@/components/ui/radio-group'
-export * from '@/components/ui/resizable'
-export * from '@/components/ui/scroll-area'
-export * from '@/components/ui/select'
-export * from '@/components/ui/separator'
-export * from '@/components/ui/sheet'
-export * from '@/components/ui/sidebar'
-export * from '@/components/ui/skeleton'
-export * from '@/components/ui/slider'
-export * from '@/components/ui/sonner'
-export * from '@/components/ui/switch'
-export * from '@/components/ui/table'
-export * from '@/components/ui/tabs'
-export * from '@/components/ui/textarea'
-export * from '@/components/ui/toggle'
-export * from '@/components/ui/toggle-group'
-export * from '@/components/ui/tooltip'
+export * from './components/ui/accordion'
+export * from './components/ui/alert'
+export * from './components/ui/alert-dialog'
+export * from './components/ui/aspect-ratio'
+export * from './components/ui/avatar'
+export * from './components/ui/badge'
+export * from './components/ui/breadcrumb'
+export * from './components/ui/button'
+export * from './components/ui/calendar'
+export * from './components/ui/card'
+export * from './components/ui/carousel'
+export * from './components/ui/chart'
+export * from './components/ui/checkbox'
+export * from './components/ui/collapsible'
+export * from './components/ui/command'
+export * from './components/ui/context-menu'
+export * from './components/ui/dialog'
+export * from './components/ui/drawer'
+export * from './components/ui/dropdown-menu'
+export * from './components/ui/form'
+export * from './components/ui/hover-card'
+export * from './components/ui/input'
+export * from './components/ui/input-otp'
+export * from './components/ui/label'
+export * from './components/ui/menubar'
+export * from './components/ui/navigation-menu'
+export * from './components/ui/pagination'
+export * from './components/ui/popover'
+export * from './components/ui/progress'
+export * from './components/ui/radio-group'
+export * from './components/ui/resizable'
+export * from './components/ui/scroll-area'
+export * from './components/ui/select'
+export * from './components/ui/separator'
+export * from './components/ui/sheet'
+export * from './components/ui/sidebar'
+export * from './components/ui/skeleton'
+export * from './components/ui/slider'
+export * from './components/ui/sonner'
+export * from './components/ui/switch'
+export * from './components/ui/table'
+export * from './components/ui/tabs'
+export * from './components/ui/textarea'
+export * from './components/ui/toggle'
+export * from './components/ui/toggle-group'
+export * from './components/ui/tooltip'
diff --git a/src/stories/Accordion/Accordion.stories.tsx b/src/stories/Accordion/Accordion.stories.tsx
index d4adccf8..0f523208 100644
--- a/src/stories/Accordion/Accordion.stories.tsx
+++ b/src/stories/Accordion/Accordion.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion.tsx'
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '../../components/ui/accordion.tsx'
 import { expect } from 'storybook/test'
 
 const meta = {
diff --git a/src/stories/Alert/Alert.stories.tsx b/src/stories/Alert/Alert.stories.tsx
index 681028fd..7c3a7688 100644
--- a/src/stories/Alert/Alert.stories.tsx
+++ b/src/stories/Alert/Alert.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert.tsx'
+import { Alert, AlertDescription, AlertTitle } from '../../components/ui/alert.tsx'
 import { InfoIcon } from 'lucide-react'
 import { expect, within } from 'storybook/test'
 
diff --git a/src/stories/AlertDialog/AlertDialog.stories.tsx b/src/stories/AlertDialog/AlertDialog.stories.tsx
index c9ed6270..8cba4028 100644
--- a/src/stories/AlertDialog/AlertDialog.stories.tsx
+++ b/src/stories/AlertDialog/AlertDialog.stories.tsx
@@ -9,8 +9,8 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   AlertDialogTrigger,
-} from '@/components/ui/alert-dialog.tsx'
-import { Button } from '@/components/ui/button.tsx'
+} from '../../components/ui/alert-dialog.tsx'
+import { Button } from '../../components/ui/button.tsx'
 import { expect, userEvent, within } from 'storybook/test'
 
 const meta: Meta<typeof AlertDialog> = {
diff --git a/src/stories/AspectRatio/AspectRatio.stories.tsx b/src/stories/AspectRatio/AspectRatio.stories.tsx
index 2f83172c..aa3859d9 100644
--- a/src/stories/AspectRatio/AspectRatio.stories.tsx
+++ b/src/stories/AspectRatio/AspectRatio.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { AspectRatio } from '@/components/ui/aspect-ratio.tsx'
+import { AspectRatio } from '../../components/ui/aspect-ratio.tsx'
 
 const meta: Meta<typeof AspectRatio> = {
   title: 'Components/AspectRatio',
diff --git a/src/stories/Avatar/Avatar.stories.tsx b/src/stories/Avatar/Avatar.stories.tsx
index 482bc809..43022675 100644
--- a/src/stories/Avatar/Avatar.stories.tsx
+++ b/src/stories/Avatar/Avatar.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar.tsx'
+import { Avatar, AvatarFallback, AvatarImage } from '../../components/ui/avatar.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof Avatar> = {
diff --git a/src/stories/Badge/Badge.stories.tsx b/src/stories/Badge/Badge.stories.tsx
index cde62801..f420a5d0 100644
--- a/src/stories/Badge/Badge.stories.tsx
+++ b/src/stories/Badge/Badge.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Badge } from '@/components/ui/badge.tsx'
+import { Badge } from '../../components/ui/badge.tsx'
 import { CircleCheckIcon } from 'lucide-react'
 import { expect, within } from 'storybook/test'
 
diff --git a/src/stories/Breadcrumb/Breadcrumb.stories.tsx b/src/stories/Breadcrumb/Breadcrumb.stories.tsx
index 4729a084..38106de2 100644
--- a/src/stories/Breadcrumb/Breadcrumb.stories.tsx
+++ b/src/stories/Breadcrumb/Breadcrumb.stories.tsx
@@ -7,7 +7,7 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
-} from '@/components/ui/breadcrumb.tsx'
+} from '../../components/ui/breadcrumb.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof Breadcrumb> = {
diff --git a/src/stories/Button/Button.stories.tsx b/src/stories/Button/Button.stories.tsx
index 9e226de2..4658ebd6 100644
--- a/src/stories/Button/Button.stories.tsx
+++ b/src/stories/Button/Button.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Button } from '@/components/ui/button.tsx'
+import { Button } from '../../components/ui/button.tsx'
 import { Circle } from 'lucide-react'
 import { expect, fn, userEvent, within } from 'storybook/test'
 
diff --git a/src/stories/Calendar/Calendar.stories.tsx b/src/stories/Calendar/Calendar.stories.tsx
index 947ce9e6..3ac04f0f 100644
--- a/src/stories/Calendar/Calendar.stories.tsx
+++ b/src/stories/Calendar/Calendar.stories.tsx
@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react-vite'
-import { Calendar } from '@/components/ui/calendar.tsx'
+import { Calendar } from '../../components/ui/calendar.tsx'
 import { expect, within } from 'storybook/test'
 
 export type CalendarProps = React.ComponentProps<typeof Calendar>
diff --git a/src/stories/Card/Card.stories.tsx b/src/stories/Card/Card.stories.tsx
index ce8550d7..68994022 100644
--- a/src/stories/Card/Card.stories.tsx
+++ b/src/stories/Card/Card.stories.tsx
@@ -7,8 +7,8 @@ import {
   CardFooter,
   CardHeader,
   CardTitle,
-} from '@/components/ui/card.tsx'
-import { Button } from '@/components/ui/button.tsx'
+} from '../../components/ui/card.tsx'
+import { Button } from '../../components/ui/button.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof Card> = {
diff --git a/src/stories/Carousel/Carousel.stories.tsx b/src/stories/Carousel/Carousel.stories.tsx
index 8c3af7a2..4c5311bd 100644
--- a/src/stories/Carousel/Carousel.stories.tsx
+++ b/src/stories/Carousel/Carousel.stories.tsx
@@ -5,8 +5,8 @@ import {
   CarouselItem,
   CarouselNext,
   CarouselPrevious,
-} from '@/components/ui/carousel.tsx'
-import { Card, CardContent } from '@/components/ui/card.tsx'
+} from '../../components/ui/carousel.tsx'
+import { Card, CardContent } from '../../components/ui/card.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof Carousel> = {
diff --git a/src/stories/Checkbox/Checkbox.stories.tsx b/src/stories/Checkbox/Checkbox.stories.tsx
index 4647807a..b6a23d54 100644
--- a/src/stories/Checkbox/Checkbox.stories.tsx
+++ b/src/stories/Checkbox/Checkbox.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Checkbox } from '@/components/ui/checkbox.tsx'
-import { Label } from '@/components/ui/label.tsx'
+import { Checkbox } from '../../components/ui/checkbox.tsx'
+import { Label } from '../../components/ui/label.tsx'
 import { expect, userEvent, within } from 'storybook/test'
 
 const meta: Meta<typeof Checkbox> = {
diff --git a/src/stories/Collapsible/Collapsible.stories.tsx b/src/stories/Collapsible/Collapsible.stories.tsx
index 8017e007..cad19cf4 100644
--- a/src/stories/Collapsible/Collapsible.stories.tsx
+++ b/src/stories/Collapsible/Collapsible.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible.tsx'
-import { Button } from '@/components/ui/button.tsx'
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../components/ui/collapsible.tsx'
+import { Button } from '../../components/ui/button.tsx'
 import { ChevronsUpDown } from 'lucide-react'
 import { expect, userEvent, within } from 'storybook/test'
 import { useState } from 'react'
diff --git a/src/stories/Command/Command.stories.tsx b/src/stories/Command/Command.stories.tsx
index 13537459..2ef58eb9 100644
--- a/src/stories/Command/Command.stories.tsx
+++ b/src/stories/Command/Command.stories.tsx
@@ -8,7 +8,7 @@ import {
   CommandList,
   CommandSeparator,
   CommandShortcut,
-} from '@/components/ui/command.tsx'
+} from '../../components/ui/command.tsx'
 import { CalendarIcon, FileIcon, FolderIcon, SettingsIcon, UsersIcon } from 'lucide-react'
 
 const meta = {
diff --git a/src/stories/ContextMenu/ContextMenu.stories.tsx b/src/stories/ContextMenu/ContextMenu.stories.tsx
index b46345c6..f5d2dde3 100644
--- a/src/stories/ContextMenu/ContextMenu.stories.tsx
+++ b/src/stories/ContextMenu/ContextMenu.stories.tsx
@@ -10,7 +10,7 @@ import {
   ContextMenuSubContent,
   ContextMenuSubTrigger,
   ContextMenuTrigger,
-} from '@/components/ui/context-menu.tsx'
+} from '../../components/ui/context-menu.tsx'
 
 const meta: Meta<typeof ContextMenu> = {
   title: 'Components/ContextMenu',
diff --git a/src/stories/Dialog/Dialog.stories.tsx b/src/stories/Dialog/Dialog.stories.tsx
index fce6c6f0..787f864b 100644
--- a/src/stories/Dialog/Dialog.stories.tsx
+++ b/src/stories/Dialog/Dialog.stories.tsx
@@ -8,8 +8,8 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from '@/components/ui/dialog.tsx'
-import { Button } from '@/components/ui/button.tsx'
+} from '../../components/ui/dialog.tsx'
+import { Button } from '../../components/ui/button.tsx'
 import { expect, userEvent, within } from 'storybook/test'
 import { useState } from 'react'
 
diff --git a/src/stories/Drawer/Drawer.stories.tsx b/src/stories/Drawer/Drawer.stories.tsx
index ce90647d..0b1a61fd 100644
--- a/src/stories/Drawer/Drawer.stories.tsx
+++ b/src/stories/Drawer/Drawer.stories.tsx
@@ -8,8 +8,8 @@ import {
   DrawerHeader,
   DrawerTitle,
   DrawerTrigger,
-} from '@/components/ui/drawer.tsx'
-import { Button } from '@/components/ui/button.tsx'
+} from '../../components/ui/drawer.tsx'
+import { Button } from '../../components/ui/button.tsx'
 import { expect, userEvent, within } from 'storybook/test'
 
 const meta = {
diff --git a/src/stories/DropdownMenu/DropdownMenu.stories.tsx b/src/stories/DropdownMenu/DropdownMenu.stories.tsx
index 15c47685..cc906ab2 100644
--- a/src/stories/DropdownMenu/DropdownMenu.stories.tsx
+++ b/src/stories/DropdownMenu/DropdownMenu.stories.tsx
@@ -14,8 +14,8 @@ import {
   DropdownMenuSub,
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
-} from '@/components/ui/dropdown-menu.tsx'
-import { Button } from '@/components/ui/button.tsx'
+} from '../../components/ui/dropdown-menu.tsx'
+import { Button } from '../../components/ui/button.tsx'
 import { expect, within, userEvent } from 'storybook/test'
 
 const meta: Meta<typeof DropdownMenu> = {
diff --git a/src/stories/Form/Form.stories.tsx b/src/stories/Form/Form.stories.tsx
index 02cf8dcb..0e3e6ef7 100644
--- a/src/stories/Form/Form.stories.tsx
+++ b/src/stories/Form/Form.stories.tsx
@@ -7,10 +7,10 @@ import {
   FormItem,
   FormLabel,
   FormMessage,
-} from '@/components/ui/form.tsx'
-import { Input } from '@/components/ui/input.tsx'
-import { Button } from '@/components/ui/button.tsx'
-import { Checkbox } from '@/components/ui/checkbox.tsx'
+} from '../../components/ui/form.tsx'
+import { Input } from '../../components/ui/input.tsx'
+import { Button } from '../../components/ui/button.tsx'
+import { Checkbox } from '../../components/ui/checkbox.tsx'
 import { expect, within, userEvent } from 'storybook/test'
 import { z } from 'zod'
 import { useForm } from 'react-hook-form'
diff --git a/src/stories/HoverCard/HoverCard.stories.tsx b/src/stories/HoverCard/HoverCard.stories.tsx
index 6745ebae..71d120c0 100644
--- a/src/stories/HoverCard/HoverCard.stories.tsx
+++ b/src/stories/HoverCard/HoverCard.stories.tsx
@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react-vite'
-import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card.tsx'
+import { HoverCard, HoverCardContent, HoverCardTrigger } from '../../components/ui/hover-card.tsx'
 
 const meta = {
   title: 'Components/HoverCard',
diff --git a/src/stories/Input/Input.stories.tsx b/src/stories/Input/Input.stories.tsx
index 3d7be7d9..289931dd 100644
--- a/src/stories/Input/Input.stories.tsx
+++ b/src/stories/Input/Input.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Input } from '@/components/ui/input.tsx'
-import { Label } from '@/components/ui/label.tsx'
+import { Input } from '../../components/ui/input.tsx'
+import { Label } from '../../components/ui/label.tsx'
 import { expect, within, userEvent } from 'storybook/test'
 import { SearchIcon } from 'lucide-react'
 
diff --git a/src/stories/InputOTP/InputOTP.stories.tsx b/src/stories/InputOTP/InputOTP.stories.tsx
index c61d58ea..ebeb66f5 100644
--- a/src/stories/InputOTP/InputOTP.stories.tsx
+++ b/src/stories/InputOTP/InputOTP.stories.tsx
@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react-vite'
-import { InputOTP, InputOTPGroup, InputOTPSlot } from '@/components/ui/input-otp.tsx'
+import { InputOTP, InputOTPGroup, InputOTPSlot } from '../../components/ui/input-otp.tsx'
 
 const meta = {
   title: 'Components/InputOTP',
diff --git a/src/stories/Label/Label.stories.tsx b/src/stories/Label/Label.stories.tsx
index a5930e5f..10299cce 100644
--- a/src/stories/Label/Label.stories.tsx
+++ b/src/stories/Label/Label.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Label } from '@/components/ui/label.tsx'
-import { Input } from '@/components/ui/input.tsx'
+import { Label } from '../../components/ui/label.tsx'
+import { Input } from '../../components/ui/input.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof Label> = {
diff --git a/src/stories/Menubar/Menubar.stories.tsx b/src/stories/Menubar/Menubar.stories.tsx
index 0f055bbf..1487fb58 100644
--- a/src/stories/Menubar/Menubar.stories.tsx
+++ b/src/stories/Menubar/Menubar.stories.tsx
@@ -7,7 +7,7 @@ import {
   MenubarShortcut,
   MenubarTrigger,
   MenubarCheckboxItem,
-} from '@/components/ui/menubar.tsx'
+} from '../../components/ui/menubar.tsx'
 import { expect, within, userEvent } from 'storybook/test'
 
 const meta: Meta<typeof Menubar> = {
diff --git a/src/stories/NavigationMenu/NavigationMenu.stories.tsx b/src/stories/NavigationMenu/NavigationMenu.stories.tsx
index ec5b8db8..f355943f 100644
--- a/src/stories/NavigationMenu/NavigationMenu.stories.tsx
+++ b/src/stories/NavigationMenu/NavigationMenu.stories.tsx
@@ -5,7 +5,7 @@ import {
   NavigationMenuItem,
   NavigationMenuLink,
   navigationMenuTriggerStyle,
-} from '@/components/ui/navigation-menu.tsx'
+} from '../../components/ui/navigation-menu.tsx'
 
 const meta = {
   title: 'Components/NavigationMenu',
diff --git a/src/stories/Pagination/Pagination.stories.tsx b/src/stories/Pagination/Pagination.stories.tsx
index 4c7de439..48be48bf 100644
--- a/src/stories/Pagination/Pagination.stories.tsx
+++ b/src/stories/Pagination/Pagination.stories.tsx
@@ -7,7 +7,7 @@ import {
   PaginationNext,
   PaginationPrevious,
   PaginationEllipsis,
-} from '@/components/ui/pagination.tsx'
+} from '../../components/ui/pagination.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta = {
diff --git a/src/stories/Popover/Popover.stories.tsx b/src/stories/Popover/Popover.stories.tsx
index 1c18e1a4..20ba6dcb 100644
--- a/src/stories/Popover/Popover.stories.tsx
+++ b/src/stories/Popover/Popover.stories.tsx
@@ -1,8 +1,8 @@
 import type { StoryObj } from '@storybook/react-vite'
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover.tsx'
-import { Button } from '@/components/ui/button.tsx'
-import { Input } from '@/components/ui/input.tsx'
-import { Label } from '@/components/ui/label.tsx'
+import { Popover, PopoverContent, PopoverTrigger } from '../../components/ui/popover.tsx'
+import { Button } from '../../components/ui/button.tsx'
+import { Input } from '../../components/ui/input.tsx'
+import { Label } from '../../components/ui/label.tsx'
 
 const meta = {
   title: 'Components/Popover',
diff --git a/src/stories/Progress/Progress.stories.tsx b/src/stories/Progress/Progress.stories.tsx
index 94ff07d4..87367383 100644
--- a/src/stories/Progress/Progress.stories.tsx
+++ b/src/stories/Progress/Progress.stories.tsx
@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react-vite'
-import { Progress } from '@/components/ui/progress.tsx'
+import { Progress } from '../../components/ui/progress.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta = {
diff --git a/src/stories/RadioGroup/RadioGroup.stories.tsx b/src/stories/RadioGroup/RadioGroup.stories.tsx
index 361ee2cc..0a150f54 100644
--- a/src/stories/RadioGroup/RadioGroup.stories.tsx
+++ b/src/stories/RadioGroup/RadioGroup.stories.tsx
@@ -1,6 +1,6 @@
 import type { StoryObj } from '@storybook/react-vite'
-import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group.tsx'
-import { Label } from '@/components/ui/label.tsx'
+import { RadioGroup, RadioGroupItem } from '../../components/ui/radio-group.tsx'
+import { Label } from '../../components/ui/label.tsx'
 import { expect, within, userEvent } from 'storybook/test'
 
 const meta = {
diff --git a/src/stories/Resizable/Resizable.stories.tsx b/src/stories/Resizable/Resizable.stories.tsx
index 88a1cced..28fb4743 100644
--- a/src/stories/Resizable/Resizable.stories.tsx
+++ b/src/stories/Resizable/Resizable.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@/components/ui/resizable.tsx'
+import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '../../components/ui/resizable.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof ResizablePanelGroup> = {
diff --git a/src/stories/ScrollArea/ScrollArea.stories.tsx b/src/stories/ScrollArea/ScrollArea.stories.tsx
index e6e0f9c6..650bf124 100644
--- a/src/stories/ScrollArea/ScrollArea.stories.tsx
+++ b/src/stories/ScrollArea/ScrollArea.stories.tsx
@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react-vite'
-import { ScrollArea } from '@/components/ui/scroll-area.tsx'
+import { ScrollArea } from '../../components/ui/scroll-area.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta = {
diff --git a/src/stories/Select/Select.stories.tsx b/src/stories/Select/Select.stories.tsx
index 6af9c2e0..0d25895f 100644
--- a/src/stories/Select/Select.stories.tsx
+++ b/src/stories/Select/Select.stories.tsx
@@ -6,7 +6,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@/components/ui/select.tsx'
+} from '../../components/ui/select.tsx'
 import { expect, within, userEvent } from 'storybook/test'
 
 const meta: Meta<typeof Select> = {
diff --git a/src/stories/Separator/Separator.stories.tsx b/src/stories/Separator/Separator.stories.tsx
index 31c8f2b8..d08cbe11 100644
--- a/src/stories/Separator/Separator.stories.tsx
+++ b/src/stories/Separator/Separator.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Separator } from '@/components/ui/separator.tsx'
+import { Separator } from '../../components/ui/separator.tsx'
 import { expect } from 'storybook/test'
 
 const meta: Meta<typeof Separator> = {
diff --git a/src/stories/Sheet/Sheet.stories.tsx b/src/stories/Sheet/Sheet.stories.tsx
index 266aeb8e..28296857 100644
--- a/src/stories/Sheet/Sheet.stories.tsx
+++ b/src/stories/Sheet/Sheet.stories.tsx
@@ -7,10 +7,10 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger,
-} from '@/components/ui/sheet.tsx'
-import { Button } from '@/components/ui/button.tsx'
-import { Input } from '@/components/ui/input.tsx'
-import { Label } from '@/components/ui/label.tsx'
+} from '../../components/ui/sheet.tsx'
+import { Button } from '../../components/ui/button.tsx'
+import { Input } from '../../components/ui/input.tsx'
+import { Label } from '../../components/ui/label.tsx'
 
 type SheetStoryProps = React.ComponentProps<typeof Sheet> & {
   side?: 'left' | 'right' | 'top' | 'bottom'
diff --git a/src/stories/Sidebar/Sidebar.stories.tsx b/src/stories/Sidebar/Sidebar.stories.tsx
index 496ce3b5..c42241b5 100644
--- a/src/stories/Sidebar/Sidebar.stories.tsx
+++ b/src/stories/Sidebar/Sidebar.stories.tsx
@@ -13,7 +13,7 @@ import {
   SidebarMenuButton,
   SidebarProvider,
   SidebarTrigger,
-} from '@/components/ui/sidebar.tsx'
+} from '../../components/ui/sidebar.tsx'
 import { HomeIcon, SettingsIcon, UsersIcon, FileIcon } from 'lucide-react'
 import { expect, within } from 'storybook/test'
 
diff --git a/src/stories/Skeleton/Skeleton.stories.tsx b/src/stories/Skeleton/Skeleton.stories.tsx
index 515921b9..c55da955 100644
--- a/src/stories/Skeleton/Skeleton.stories.tsx
+++ b/src/stories/Skeleton/Skeleton.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Skeleton } from '@/components/ui/skeleton.tsx'
+import { Skeleton } from '../../components/ui/skeleton.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof Skeleton> = {
diff --git a/src/stories/Slider/Slider.stories.tsx b/src/stories/Slider/Slider.stories.tsx
index 38efed2c..5cea3a63 100644
--- a/src/stories/Slider/Slider.stories.tsx
+++ b/src/stories/Slider/Slider.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Slider } from '@/components/ui/slider.tsx'
+import { Slider } from '../../components/ui/slider.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof Slider> = {
diff --git a/src/stories/Switch/Switch.stories.tsx b/src/stories/Switch/Switch.stories.tsx
index 7d1f7250..d0ff72ab 100644
--- a/src/stories/Switch/Switch.stories.tsx
+++ b/src/stories/Switch/Switch.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Switch } from '@/components/ui/switch.tsx'
-import { Label } from '@/components/ui/label.tsx'
+import { Switch } from '../../components/ui/switch.tsx'
+import { Label } from '../../components/ui/label.tsx'
 import { expect, within, userEvent } from 'storybook/test'
 
 const meta: Meta<typeof Switch> = {
diff --git a/src/stories/Table/Table.stories.tsx b/src/stories/Table/Table.stories.tsx
index fe79b7d3..a0ffb221 100644
--- a/src/stories/Table/Table.stories.tsx
+++ b/src/stories/Table/Table.stories.tsx
@@ -8,7 +8,7 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from '@/components/ui/table.tsx'
+} from '../../components/ui/table.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof Table> = {
diff --git a/src/stories/Tabs/Tabs.stories.tsx b/src/stories/Tabs/Tabs.stories.tsx
index e6d3513f..55656ee2 100644
--- a/src/stories/Tabs/Tabs.stories.tsx
+++ b/src/stories/Tabs/Tabs.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs.tsx'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../components/ui/tabs.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof Tabs> = {
diff --git a/src/stories/Textarea/Textarea.stories.tsx b/src/stories/Textarea/Textarea.stories.tsx
index b6ef6a3b..6cb27761 100644
--- a/src/stories/Textarea/Textarea.stories.tsx
+++ b/src/stories/Textarea/Textarea.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Textarea } from '@/components/ui/textarea.tsx'
+import { Textarea } from '../../components/ui/textarea.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof Textarea> = {
diff --git a/src/stories/Toast/Toast.stories.tsx b/src/stories/Toast/Toast.stories.tsx
index c12e29af..dded438b 100644
--- a/src/stories/Toast/Toast.stories.tsx
+++ b/src/stories/Toast/Toast.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Toaster } from '@/components/ui/sonner.tsx'
-import { Button } from '@/components/ui/button.tsx'
+import { Toaster } from '../../components/ui/sonner.tsx'
+import { Button } from '../../components/ui/button.tsx'
 import { toast } from 'sonner'
 import { expect, within, userEvent } from 'storybook/test'
 
diff --git a/src/stories/Toggle/Toggle.stories.tsx b/src/stories/Toggle/Toggle.stories.tsx
index 6ad2e20e..15fba7e2 100644
--- a/src/stories/Toggle/Toggle.stories.tsx
+++ b/src/stories/Toggle/Toggle.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Toggle } from '@/components/ui/toggle.tsx'
+import { Toggle } from '../../components/ui/toggle.tsx'
 import { BoldIcon } from 'lucide-react'
 import { expect, within, userEvent } from 'storybook/test'
 
diff --git a/src/stories/ToggleGroup/ToggleGroup.stories.tsx b/src/stories/ToggleGroup/ToggleGroup.stories.tsx
index 57836dc8..b8bfb432 100644
--- a/src/stories/ToggleGroup/ToggleGroup.stories.tsx
+++ b/src/stories/ToggleGroup/ToggleGroup.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group.tsx'
+import { ToggleGroup, ToggleGroupItem } from '../../components/ui/toggle-group.tsx'
 import { BoldIcon, ItalicIcon, UnderlineIcon } from 'lucide-react'
 import { expect, within } from 'storybook/test'
 
diff --git a/src/stories/Tooltip/Tooltip.stories.tsx b/src/stories/Tooltip/Tooltip.stories.tsx
index db1909b6..f0b0e186 100644
--- a/src/stories/Tooltip/Tooltip.stories.tsx
+++ b/src/stories/Tooltip/Tooltip.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip.tsx'
-import { Button } from '@/components/ui/button.tsx'
+import { Tooltip, TooltipContent, TooltipTrigger } from '../../components/ui/tooltip.tsx'
+import { Button } from '../../components/ui/button.tsx'
 import { expect, within } from 'storybook/test'
 
 const meta: Meta<typeof Tooltip> = {
diff --git a/tsconfig.json b/tsconfig.json
index 7afd8551..d6ac32f1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,9 +1,6 @@
 {
   "compilerOptions": {
     "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    },
 
     "target": "ES2020",
     "useDefineForClassFields": true,