diff --git a/apps/www/registry/stories/accordion.stories.tsx b/apps/www/registry/stories/accordion.stories.tsx
index fde83abcad6..b3ff1d5f2d4 100644
--- a/apps/www/registry/stories/accordion.stories.tsx
+++ b/apps/www/registry/stories/accordion.stories.tsx
@@ -5,7 +5,7 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from "../default/ui/accordion"
+} from "@/registry/default/ui/accordion"
 
 const meta: Meta<typeof Accordion> = {
   title: "ui/Accordion",
diff --git a/apps/www/registry/stories/alert-dialog.stories.tsx b/apps/www/registry/stories/alert-dialog.stories.tsx
index b7d3fda3011..be9ad5151f2 100644
--- a/apps/www/registry/stories/alert-dialog.stories.tsx
+++ b/apps/www/registry/stories/alert-dialog.stories.tsx
@@ -10,8 +10,8 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   AlertDialogTrigger,
-} from "../default/ui/alert-dialog"
-import { Button } from "../default/ui/button"
+} from "@/registry/default/ui/alert-dialog"
+import { Button } from "@/registry/default/ui/button"
 
 const meta: Meta<typeof AlertDialog> = {
   title: "ui/AlertDialog",
diff --git a/apps/www/registry/stories/avatar.stories.tsx b/apps/www/registry/stories/avatar.stories.tsx
index f3b3743e1a5..39c1e3feb2f 100644
--- a/apps/www/registry/stories/avatar.stories.tsx
+++ b/apps/www/registry/stories/avatar.stories.tsx
@@ -1,6 +1,10 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Avatar, AvatarFallback, AvatarImage } from "../default/ui/avatar"
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+} from "@/registry/default/ui/avatar"
 
 const meta: Meta<typeof Avatar> = {
   title: "ui/Avatar",
diff --git a/apps/www/registry/stories/badge.stories.tsx b/apps/www/registry/stories/badge.stories.tsx
index 16c4cd36fb0..22353610280 100644
--- a/apps/www/registry/stories/badge.stories.tsx
+++ b/apps/www/registry/stories/badge.stories.tsx
@@ -1,39 +1,39 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react"
 
-import { Badge } from "../default/ui/badge";
+import { Badge } from "@/registry/default/ui/badge"
 
 const meta: Meta<typeof Badge> = {
   title: "ui/Badge",
   component: Badge,
   tags: ["autodocs"],
   argTypes: {},
-};
-export default meta;
+}
+export default meta
 
-type Story = StoryObj<typeof Badge>;
+type Story = StoryObj<typeof Badge>
 
 export const Base: Story = {
   render: (args) => <Badge {...args}>Badge</Badge>,
   args: {},
-};
+}
 
 export const Secondary: Story = {
   render: (args) => <Badge {...args}>Badge</Badge>,
   args: {
     variant: "secondary",
   },
-};
+}
 
 export const Destructive: Story = {
   render: (args) => <Badge {...args}>Badge</Badge>,
   args: {
     variant: "destructive",
   },
-};
+}
 
 export const Outline: Story = {
   render: (args) => <Badge {...args}>Badge</Badge>,
   args: {
     variant: "outline",
   },
-};
+}
diff --git a/apps/www/registry/stories/button.stories.tsx b/apps/www/registry/stories/button.stories.tsx
index ff670824fb6..33e467b154c 100644
--- a/apps/www/registry/stories/button.stories.tsx
+++ b/apps/www/registry/stories/button.stories.tsx
@@ -1,57 +1,57 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Loader2, Mail } from "lucide-react";
+import { Meta, StoryObj } from "@storybook/react"
+import { Loader2, Mail } from "lucide-react"
 
-import { Button } from "../default/ui/button";
+import { Button } from "@/registry/default/ui/button"
 
 const meta: Meta<typeof Button> = {
   title: "ui/Button",
   component: Button,
   tags: ["autodocs"],
   argTypes: {},
-};
-export default meta;
+}
+export default meta
 
-type Story = StoryObj<typeof Button>;
+type Story = StoryObj<typeof Button>
 
 export const Base: Story = {
   render: (args) => <Button {...args}>Button</Button>,
   args: {},
-};
+}
 
 export const Outline: Story = {
   render: (args) => <Button {...args}>Button</Button>,
   args: {
     variant: "outline",
   },
-};
+}
 
 export const Ghost: Story = {
   render: (args) => <Button {...args}>Button</Button>,
   args: {
     variant: "ghost",
   },
-};
+}
 
 export const Secondary: Story = {
   render: (args) => <Button {...args}>Button</Button>,
   args: {
     variant: "secondary",
   },
-};
+}
 
 export const Destructive: Story = {
   render: (args) => <Button {...args}>Button</Button>,
   args: {
     variant: "destructive",
   },
-};
+}
 
 export const Link: Story = {
   render: (args) => <Button {...args}>Button</Button>,
   args: {
     variant: "link",
   },
-};
+}
 
 export const Loading: Story = {
   render: (args) => (
@@ -63,7 +63,7 @@ export const Loading: Story = {
   args: {
     variant: "outline",
   },
-};
+}
 
 export const WithIcon: Story = {
   render: (args) => (
@@ -74,4 +74,4 @@ export const WithIcon: Story = {
   args: {
     variant: "secondary",
   },
-};
+}
diff --git a/apps/www/registry/stories/card.stories.tsx b/apps/www/registry/stories/card.stories.tsx
index 1f4cfac8930..1385315d42c 100644
--- a/apps/www/registry/stories/card.stories.tsx
+++ b/apps/www/registry/stories/card.stories.tsx
@@ -2,8 +2,7 @@ import { Meta, StoryObj } from "@storybook/react"
 import { BellRing, Check } from "lucide-react"
 
 import { cn } from "@/lib/utils"
-
-import { Button } from "../default/ui/button"
+import { Button } from "@/registry/default/ui/button"
 import {
   Card,
   CardContent,
@@ -11,8 +10,8 @@ import {
   CardFooter,
   CardHeader,
   CardTitle,
-} from "../default/ui/card"
-import { Switch } from "../default/ui/switch"
+} from "@/registry/default/ui/card"
+import { Switch } from "@/registry/default/ui/switch"
 
 const meta: Meta<typeof Card> = {
   title: "ui/Card",
diff --git a/apps/www/registry/stories/checkbox.stories.tsx b/apps/www/registry/stories/checkbox.stories.tsx
index 7d3a0682b07..dff80db28ce 100644
--- a/apps/www/registry/stories/checkbox.stories.tsx
+++ b/apps/www/registry/stories/checkbox.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Checkbox } from "../default/ui/checkbox"
+import { Checkbox } from "@/registry/default/ui/checkbox"
 
 const meta: Meta<typeof Checkbox> = {
   title: "ui/Checkbox",
diff --git a/apps/www/registry/stories/collapsible.stories.tsx b/apps/www/registry/stories/collapsible.stories.tsx
index c76f4dc483b..9da03722aae 100644
--- a/apps/www/registry/stories/collapsible.stories.tsx
+++ b/apps/www/registry/stories/collapsible.stories.tsx
@@ -1,12 +1,12 @@
 import { Meta, StoryObj } from "@storybook/react"
 import { ChevronsUpDown, Plus, X } from "lucide-react"
 
-import { Button } from "../default/ui/button"
+import { Button } from "@/registry/default/ui/button"
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
-} from "../default/ui/collapsible"
+} from "@/registry/default/ui/collapsible"
 
 const meta: Meta<typeof Collapsible> = {
   title: "ui/Collapsible",
diff --git a/apps/www/registry/stories/context-menu.stories.tsx b/apps/www/registry/stories/context-menu.stories.tsx
index 97173c2d032..42eb562c85e 100644
--- a/apps/www/registry/stories/context-menu.stories.tsx
+++ b/apps/www/registry/stories/context-menu.stories.tsx
@@ -14,7 +14,7 @@ import {
   ContextMenuSubContent,
   ContextMenuSubTrigger,
   ContextMenuTrigger,
-} from "../default/ui/context-menu"
+} from "@/registry/default/ui/context-menu"
 
 const meta: Meta<typeof ContextMenu> = {
   title: "ui/ContextMenu",
diff --git a/apps/www/registry/stories/dialog.stories.tsx b/apps/www/registry/stories/dialog.stories.tsx
index 227a1129c46..6a0f5f7bf04 100644
--- a/apps/www/registry/stories/dialog.stories.tsx
+++ b/apps/www/registry/stories/dialog.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Button } from "../default/ui/button"
+import { Button } from "@/registry/default/ui/button"
 import {
   Dialog,
   DialogContent,
@@ -9,9 +9,9 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "../default/ui/dialog"
-import { Input } from "../default/ui/input"
-import { Label } from "../default/ui/label"
+} from "@/registry/default/ui/dialog"
+import { Input } from "@/registry/default/ui/input"
+import { Label } from "@/registry/default/ui/label"
 
 const meta: Meta<typeof Dialog> = {
   title: "ui/Dialog",
diff --git a/apps/www/registry/stories/dropdown-menu.stories.tsx b/apps/www/registry/stories/dropdown-menu.stories.tsx
index 30bf8996a97..cdbc4d37384 100644
--- a/apps/www/registry/stories/dropdown-menu.stories.tsx
+++ b/apps/www/registry/stories/dropdown-menu.stories.tsx
@@ -16,7 +16,7 @@ import {
   Users,
 } from "lucide-react"
 
-import { Button } from "../default/ui/button"
+import { Button } from "@/registry/default/ui/button"
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -30,7 +30,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-} from "../default/ui/dropdown-menu"
+} from "@/registry/default/ui/dropdown-menu"
 
 const meta: Meta<typeof DropdownMenu> = {
   title: "ui/DropdownMenu",
diff --git a/apps/www/registry/stories/hover-card.stories.tsx b/apps/www/registry/stories/hover-card.stories.tsx
index cca7ac3f0a8..58f9985c985 100644
--- a/apps/www/registry/stories/hover-card.stories.tsx
+++ b/apps/www/registry/stories/hover-card.stories.tsx
@@ -1,13 +1,17 @@
 import { Meta, StoryObj } from "@storybook/react"
 import { CalendarDays } from "lucide-react"
 
-import { Avatar, AvatarFallback, AvatarImage } from "../default/ui/avatar"
-import { Button } from "../default/ui/button"
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+} from "@/registry/default/ui/avatar"
+import { Button } from "@/registry/default/ui/button"
 import {
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
-} from "../default/ui/hover-card"
+} from "@/registry/default/ui/hover-card"
 
 const meta: Meta<typeof HoverCard> = {
   title: "ui/HoverCard",
diff --git a/apps/www/registry/stories/input.stories.tsx b/apps/www/registry/stories/input.stories.tsx
index 8436b46f94b..c8d297a1b6f 100644
--- a/apps/www/registry/stories/input.stories.tsx
+++ b/apps/www/registry/stories/input.stories.tsx
@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Button } from "../default/ui/button"
-import { Input } from "../default/ui/input"
-import { Label } from "../default/ui/label"
+import { Button } from "@/registry/default/ui/button"
+import { Input } from "@/registry/default/ui/input"
+import { Label } from "@/registry/default/ui/label"
 
 const meta: Meta<typeof Input> = {
   title: "ui/Input",
diff --git a/apps/www/registry/stories/label.stories.tsx b/apps/www/registry/stories/label.stories.tsx
index c8fda85d136..6205d32aa12 100644
--- a/apps/www/registry/stories/label.stories.tsx
+++ b/apps/www/registry/stories/label.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Label } from "../default/ui/label"
+import { Label } from "@/registry/default/ui/label"
 
 const meta: Meta<typeof Label> = {
   title: "ui/Label",
diff --git a/apps/www/registry/stories/menubar.stories.tsx b/apps/www/registry/stories/menubar.stories.tsx
index e55889e970c..6ec635c9df8 100644
--- a/apps/www/registry/stories/menubar.stories.tsx
+++ b/apps/www/registry/stories/menubar.stories.tsx
@@ -14,7 +14,7 @@ import {
   MenubarSubContent,
   MenubarSubTrigger,
   MenubarTrigger,
-} from "../default/ui/menubar"
+} from "@/registry/default/ui/menubar"
 
 const meta: Meta<typeof Menubar> = {
   title: "ui/Menubar",
diff --git a/apps/www/registry/stories/navigation-menu.stories.tsx b/apps/www/registry/stories/navigation-menu.stories.tsx
index dd6e069bfec..6f23abed45f 100644
--- a/apps/www/registry/stories/navigation-menu.stories.tsx
+++ b/apps/www/registry/stories/navigation-menu.stories.tsx
@@ -1,22 +1,23 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Link from "next/link";
+import Link from "next/link"
+import { Meta, StoryObj } from "@storybook/react"
+
 import {
   NavigationMenu,
   NavigationMenuItem,
   NavigationMenuLink,
   NavigationMenuList,
   navigationMenuTriggerStyle,
-} from "../default/ui/navigation-menu";
+} from "@/registry/default/ui/navigation-menu"
 
 const meta: Meta<typeof NavigationMenu> = {
   title: "ui/NavigationMenu",
   component: NavigationMenu,
   tags: ["autodocs"],
   argTypes: {},
-};
-export default meta;
+}
+export default meta
 
-type Story = StoryObj<typeof NavigationMenu>;
+type Story = StoryObj<typeof NavigationMenu>
 
 export const Base: Story = {
   render: () => (
@@ -41,4 +42,4 @@ export const Base: Story = {
     </NavigationMenu>
   ),
   args: {},
-};
+}
diff --git a/apps/www/registry/stories/popover.stories.tsx b/apps/www/registry/stories/popover.stories.tsx
index 7ced72b69c8..8068c00f3da 100644
--- a/apps/www/registry/stories/popover.stories.tsx
+++ b/apps/www/registry/stories/popover.stories.tsx
@@ -1,10 +1,14 @@
 import { Meta, StoryObj } from "@storybook/react"
 import { Settings2 } from "lucide-react"
 
-import { Button } from "../default/ui/button"
-import { Input } from "../default/ui/input"
-import { Label } from "../default/ui/label"
-import { Popover, PopoverContent, PopoverTrigger } from "../default/ui/popover"
+import { Button } from "@/registry/default/ui/button"
+import { Input } from "@/registry/default/ui/input"
+import { Label } from "@/registry/default/ui/label"
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/registry/default/ui/popover"
 
 const meta: Meta<typeof Popover> = {
   title: "ui/Popover",
diff --git a/apps/www/registry/stories/progress.stories.tsx b/apps/www/registry/stories/progress.stories.tsx
index e3433709240..74306f624f2 100644
--- a/apps/www/registry/stories/progress.stories.tsx
+++ b/apps/www/registry/stories/progress.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Progress } from "../default/ui/progress"
+import { Progress } from "@/registry/default/ui/progress"
 
 const meta: Meta<typeof Progress> = {
   title: "ui/Progress",
diff --git a/apps/www/registry/stories/radio-group.stories.tsx b/apps/www/registry/stories/radio-group.stories.tsx
index dcb26942fa8..e84ea38120e 100644
--- a/apps/www/registry/stories/radio-group.stories.tsx
+++ b/apps/www/registry/stories/radio-group.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Label } from "../default/ui/label"
-import { RadioGroup, RadioGroupItem } from "../default/ui/radio-group"
+import { Label } from "@/registry/default/ui/label"
+import { RadioGroup, RadioGroupItem } from "@/registry/default/ui/radio-group"
 
 const meta: Meta<typeof RadioGroup> = {
   title: "ui/RadioGroup",
diff --git a/apps/www/registry/stories/scroll-area.stories.tsx b/apps/www/registry/stories/scroll-area.stories.tsx
index ca4597d63fe..6045de79b75 100644
--- a/apps/www/registry/stories/scroll-area.stories.tsx
+++ b/apps/www/registry/stories/scroll-area.stories.tsx
@@ -1,8 +1,8 @@
 import React from "react"
 import { Meta, StoryObj } from "@storybook/react"
 
-import { ScrollArea } from "../default/ui/scroll-area"
-import { Separator } from "../default/ui/separator"
+import { ScrollArea } from "@/registry/default/ui/scroll-area"
+import { Separator } from "@/registry/default/ui/separator"
 
 const meta: Meta<typeof ScrollArea> = {
   title: "ui/ScrollArea",
diff --git a/apps/www/registry/stories/select.stories.tsx b/apps/www/registry/stories/select.stories.tsx
index 870d0c9603e..e4ebdefeb97 100644
--- a/apps/www/registry/stories/select.stories.tsx
+++ b/apps/www/registry/stories/select.stories.tsx
@@ -9,7 +9,7 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
-} from "../default/ui/select"
+} from "@/registry/default/ui/select"
 
 const meta: Meta<typeof Select> = {
   title: "ui/Select",
diff --git a/apps/www/registry/stories/separator.stories.tsx b/apps/www/registry/stories/separator.stories.tsx
index c596a043991..482694de762 100644
--- a/apps/www/registry/stories/separator.stories.tsx
+++ b/apps/www/registry/stories/separator.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Separator } from "../default/ui/separator"
+import { Separator } from "@/registry/default/ui/separator"
 
 const meta: Meta<typeof Separator> = {
   title: "ui/Separator",
diff --git a/apps/www/registry/stories/sheet.stories.tsx b/apps/www/registry/stories/sheet.stories.tsx
index f6073e25b56..0478d86b942 100644
--- a/apps/www/registry/stories/sheet.stories.tsx
+++ b/apps/www/registry/stories/sheet.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Button } from "../default/ui/button"
-import { Label } from "../default/ui/label"
+import { Button } from "@/registry/default/ui/button"
+import { Label } from "@/registry/default/ui/label"
 import {
   Sheet,
   SheetClose,
@@ -11,7 +11,7 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger,
-} from "../default/ui/sheet"
+} from "@/registry/default/ui/sheet"
 
 const meta: Meta<typeof Sheet> = {
   title: "ui/Sheet",
diff --git a/apps/www/registry/stories/slider.stories.tsx b/apps/www/registry/stories/slider.stories.tsx
index 59d56685e94..f4a8bc859fa 100644
--- a/apps/www/registry/stories/slider.stories.tsx
+++ b/apps/www/registry/stories/slider.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Slider } from "../default/ui/slider"
+import { Slider } from "@/registry/default/ui/slider"
 
 const meta: Meta<typeof Slider> = {
   title: "ui/Slider",
diff --git a/apps/www/registry/stories/switch.stories.tsx b/apps/www/registry/stories/switch.stories.tsx
index 7e70811aa94..ee22750b7ce 100644
--- a/apps/www/registry/stories/switch.stories.tsx
+++ b/apps/www/registry/stories/switch.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Label } from "../default/ui/label"
-import { Switch } from "../default/ui/switch"
+import { Label } from "@/registry/default/ui/label"
+import { Switch } from "@/registry/default/ui/switch"
 
 const meta: Meta<typeof Switch> = {
   title: "ui/Switch",
diff --git a/apps/www/registry/stories/tabs.stories.tsx b/apps/www/registry/stories/tabs.stories.tsx
index 5e8a0af5cd1..4579dab1419 100644
--- a/apps/www/registry/stories/tabs.stories.tsx
+++ b/apps/www/registry/stories/tabs.stories.tsx
@@ -1,9 +1,14 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Button } from "../default/ui/button"
-import { Input } from "../default/ui/input"
-import { Label } from "../default/ui/label"
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../default/ui/tabs"
+import { Button } from "@/registry/default/ui/button"
+import { Input } from "@/registry/default/ui/input"
+import { Label } from "@/registry/default/ui/label"
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "@/registry/default/ui/tabs"
 
 const meta: Meta<typeof Tabs> = {
   title: "ui/Tabs",
diff --git a/apps/www/registry/stories/textarea.stories.tsx b/apps/www/registry/stories/textarea.stories.tsx
index 88e355433c6..c42b5ca33f0 100644
--- a/apps/www/registry/stories/textarea.stories.tsx
+++ b/apps/www/registry/stories/textarea.stories.tsx
@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from "@storybook/react"
 
-import { Button } from "../default/ui/button"
-import { Label } from "../default/ui/label"
-import { Textarea } from "../default/ui/textarea"
+import { Button } from "@/registry/default/ui/button"
+import { Label } from "@/registry/default/ui/label"
+import { Textarea } from "@/registry/default/ui/textarea"
 
 const meta: Meta<typeof Textarea> = {
   title: "ui/Textarea",
diff --git a/apps/www/registry/stories/tooltip.stories.tsx b/apps/www/registry/stories/tooltip.stories.tsx
index 068335edf74..035fbca6602 100644
--- a/apps/www/registry/stories/tooltip.stories.tsx
+++ b/apps/www/registry/stories/tooltip.stories.tsx
@@ -1,8 +1,12 @@
 import { Meta, StoryObj } from "@storybook/react"
 import { Plus } from "lucide-react"
 
-import { Button } from "../default/ui/button"
-import { Tooltip, TooltipContent, TooltipTrigger } from "../default/ui/tooltip"
+import { Button } from "@/registry/default/ui/button"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/registry/default/ui/tooltip"
 
 const meta: Meta<typeof Tooltip> = {
   title: "ui/Tooltip",