diff --git a/src/App.tsx b/src/App.tsx
index b436b9f..c57c4a7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -10,7 +10,7 @@ import Home from "./Home";
 import DocsLayout from "./DocsLayout";
 import ErrorBoundary from "./ErrorHandler";
 import DynamicLayout from "./DynamicLayout";
-import { Code } from "./components/LoadedCode";
+import { Code } from "@/components/LoadedCode";
 
 import DocsIntroduction, {
   tableOfContents as docsIntroductionToc,
@@ -31,7 +31,7 @@ import React, {
   useRef,
   useState,
 } from "react";
-import { Tooltip, TooltipContent } from "@components/Tooltip.tsx";
+import { Tooltip, TooltipContent } from "@pswui/Tooltip";
 
 function buildThresholdList() {
   const thresholds: number[] = [];
diff --git a/src/Home.tsx b/src/Home.tsx
index 11e9f3e..7fdb85c 100644
--- a/src/Home.tsx
+++ b/src/Home.tsx
@@ -1,5 +1,5 @@
 import { Link } from "react-router-dom";
-import { Button } from "../components/Button";
+import { Button } from "@pswui/Button";
 
 function Home() {
   return (
diff --git a/src/MainLayout.tsx b/src/MainLayout.tsx
index e74d67c..5cfef08 100644
--- a/src/MainLayout.tsx
+++ b/src/MainLayout.tsx
@@ -1,16 +1,16 @@
 import { useEffect, useState } from "react";
 import { Link, Outlet, useLocation } from "react-router-dom";
-import { Button } from "../components/Button";
+import { Button } from "@pswui/Button";
 import RouteObject from "./RouteObject";
-import { Toaster } from "@components/Toast";
-import { Popover, PopoverContent, PopoverTrigger } from "@components/Popover";
+import { Toaster } from "@pswui/Toast";
+import { Popover, PopoverContent, PopoverTrigger } from "@pswui/Popover";
 import {
   DrawerClose,
   DrawerContent,
   DrawerOverlay,
   DrawerRoot,
   DrawerTrigger,
-} from "@components/Drawer";
+} from "@pswui/Drawer";
 
 type Theme = "light" | "dark" | "system";
 
diff --git a/src/components/LoadedCode.tsx b/src/components/LoadedCode.tsx
index 1159a8c..490eced 100644
--- a/src/components/LoadedCode.tsx
+++ b/src/components/LoadedCode.tsx
@@ -1,8 +1,8 @@
 import { forwardRef, useEffect, useState } from "react";
 import SyntaxHighlighter from "react-syntax-highlighter";
 import { gruvboxDark } from "react-syntax-highlighter/dist/cjs/styles/hljs";
-import { Button } from "@components/Button";
-import { useToast } from "@components/Toast";
+import { Button } from "@pswui/Button";
+import { useToast } from "@pswui/Toast";
 import { twMerge } from "tailwind-merge";
 
 export const GITHUB = "https://raw.githubusercontent.com/p-sw/ui/main";
diff --git a/src/docs/components/Button.mdx b/src/docs/components/Button.mdx
index 252652b..c6d10d6 100644
--- a/src/docs/components/Button.mdx
+++ b/src/docs/components/Button.mdx
@@ -1,4 +1,4 @@
-import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
+import { TabProvider, TabTrigger, TabContent, TabList } from "@pswui/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
 import { ButtonDemo } from "./ButtonBlocks/Preview";
diff --git a/src/docs/components/ButtonBlocks/Examples/Danger.tsx b/src/docs/components/ButtonBlocks/Examples/Danger.tsx
index c841e4e..019eb4e 100644
--- a/src/docs/components/ButtonBlocks/Examples/Danger.tsx
+++ b/src/docs/components/ButtonBlocks/Examples/Danger.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@components/Button";
+import { Button } from "@pswui/Button";
 
 export const Danger = () => {
   return <Button preset="danger">Danger</Button>;
diff --git a/src/docs/components/ButtonBlocks/Examples/Default.tsx b/src/docs/components/ButtonBlocks/Examples/Default.tsx
index 0170088..5985aca 100644
--- a/src/docs/components/ButtonBlocks/Examples/Default.tsx
+++ b/src/docs/components/ButtonBlocks/Examples/Default.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@components/Button";
+import { Button } from "@pswui/Button";
 
 export const Default = () => {
   return <Button preset="default">Default</Button>;
diff --git a/src/docs/components/ButtonBlocks/Examples/Ghost.tsx b/src/docs/components/ButtonBlocks/Examples/Ghost.tsx
index 860ed8d..3f706d6 100644
--- a/src/docs/components/ButtonBlocks/Examples/Ghost.tsx
+++ b/src/docs/components/ButtonBlocks/Examples/Ghost.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@components/Button";
+import { Button } from "@pswui/Button";
 
 export const Ghost = () => {
   return <Button preset="ghost">Ghost</Button>;
diff --git a/src/docs/components/ButtonBlocks/Examples/Link.tsx b/src/docs/components/ButtonBlocks/Examples/Link.tsx
index 6c809b1..cbbf76b 100644
--- a/src/docs/components/ButtonBlocks/Examples/Link.tsx
+++ b/src/docs/components/ButtonBlocks/Examples/Link.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@components/Button";
+import { Button } from "@pswui/Button";
 
 export const Link = () => {
   return <Button preset="link">Link</Button>;
diff --git a/src/docs/components/ButtonBlocks/Examples/Success.tsx b/src/docs/components/ButtonBlocks/Examples/Success.tsx
index 9501eda..de115a6 100644
--- a/src/docs/components/ButtonBlocks/Examples/Success.tsx
+++ b/src/docs/components/ButtonBlocks/Examples/Success.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@components/Button";
+import { Button } from "@pswui/Button";
 
 export const Success = () => {
   return <Button preset="success">Success</Button>;
diff --git a/src/docs/components/ButtonBlocks/Examples/Warning.tsx b/src/docs/components/ButtonBlocks/Examples/Warning.tsx
index 088454a..2297642 100644
--- a/src/docs/components/ButtonBlocks/Examples/Warning.tsx
+++ b/src/docs/components/ButtonBlocks/Examples/Warning.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@components/Button";
+import { Button } from "@pswui/Button";
 
 export const Warning = () => {
   return <Button preset="warning">Warning</Button>;
diff --git a/src/docs/components/ButtonBlocks/Preview.tsx b/src/docs/components/ButtonBlocks/Preview.tsx
index e31154f..fff80d6 100644
--- a/src/docs/components/ButtonBlocks/Preview.tsx
+++ b/src/docs/components/ButtonBlocks/Preview.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@components/Button";
+import { Button } from "@pswui/Button";
 
 export function ButtonDemo() {
   return <Button>Button</Button>;
diff --git a/src/docs/components/Checkbox.mdx b/src/docs/components/Checkbox.mdx
index cddf857..af2677e 100644
--- a/src/docs/components/Checkbox.mdx
+++ b/src/docs/components/Checkbox.mdx
@@ -1,4 +1,4 @@
-import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
+import { TabProvider, TabTrigger, TabContent, TabList } from "@pswui/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
 import { CheckboxDemo } from "./CheckboxBlocks/Preview";
diff --git a/src/docs/components/CheckboxBlocks/Examples/Disabled.tsx b/src/docs/components/CheckboxBlocks/Examples/Disabled.tsx
index 3b5f4de..22884f6 100644
--- a/src/docs/components/CheckboxBlocks/Examples/Disabled.tsx
+++ b/src/docs/components/CheckboxBlocks/Examples/Disabled.tsx
@@ -1,5 +1,5 @@
-import { Label } from "@components/Label";
-import { Checkbox } from "@components/Checkbox";
+import { Label } from "@pswui/Label";
+import { Checkbox } from "@pswui/Checkbox";
 
 export function Disabled() {
   return (
diff --git a/src/docs/components/CheckboxBlocks/Examples/Text.tsx b/src/docs/components/CheckboxBlocks/Examples/Text.tsx
index b511bca..762a27e 100644
--- a/src/docs/components/CheckboxBlocks/Examples/Text.tsx
+++ b/src/docs/components/CheckboxBlocks/Examples/Text.tsx
@@ -1,5 +1,5 @@
-import { Label } from "@components/Label";
-import { Checkbox } from "@components/Checkbox";
+import { Label } from "@pswui/Label";
+import { Checkbox } from "@pswui/Checkbox";
 
 export function Text() {
   return (
diff --git a/src/docs/components/CheckboxBlocks/Preview.tsx b/src/docs/components/CheckboxBlocks/Preview.tsx
index 0ecb636..fbd0d97 100644
--- a/src/docs/components/CheckboxBlocks/Preview.tsx
+++ b/src/docs/components/CheckboxBlocks/Preview.tsx
@@ -1,5 +1,5 @@
-import { Checkbox } from "@components/Checkbox";
-import { Label } from "@components/Label";
+import { Checkbox } from "@pswui/Checkbox";
+import { Label } from "@pswui/Label";
 
 export function CheckboxDemo() {
   return (
diff --git a/src/docs/components/Dialog.mdx b/src/docs/components/Dialog.mdx
index 32ffad2..f94fc77 100644
--- a/src/docs/components/Dialog.mdx
+++ b/src/docs/components/Dialog.mdx
@@ -1,4 +1,4 @@
-import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
+import { TabProvider, TabTrigger, TabContent, TabList } from "@pswui/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
 import { DialogDemo } from "./DialogBlocks/Preview";
diff --git a/src/docs/components/DialogBlocks/Examples/BasicInformationalDialog.tsx b/src/docs/components/DialogBlocks/Examples/BasicInformationalDialog.tsx
index e89308b..8c2be83 100644
--- a/src/docs/components/DialogBlocks/Examples/BasicInformationalDialog.tsx
+++ b/src/docs/components/DialogBlocks/Examples/BasicInformationalDialog.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@components/Button";
+import { Button } from "@pswui/Button";
 import {
   DialogRoot,
   DialogTrigger,
@@ -9,7 +9,7 @@ import {
   DialogSubtitle,
   DialogFooter,
   DialogClose,
-} from "@components/Dialog";
+} from "@pswui/Dialog";
 
 export function BasicInformationalDialog() {
   return (
diff --git a/src/docs/components/DialogBlocks/Examples/DeletingItem.tsx b/src/docs/components/DialogBlocks/Examples/DeletingItem.tsx
index 5e51a58..edbe973 100644
--- a/src/docs/components/DialogBlocks/Examples/DeletingItem.tsx
+++ b/src/docs/components/DialogBlocks/Examples/DeletingItem.tsx
@@ -8,9 +8,9 @@ import {
   DialogSubtitle,
   DialogFooter,
   DialogClose,
-} from "@components/Dialog";
-import { Button } from "@components/Button";
-import { useToast } from "@components/Toast";
+} from "@pswui/Dialog";
+import { Button } from "@pswui/Button";
+import { useToast } from "@pswui/Toast";
 
 export function DeletingItem() {
   const { toast } = useToast();
diff --git a/src/docs/components/DialogBlocks/Preview.tsx b/src/docs/components/DialogBlocks/Preview.tsx
index 44775e8..be9d3b9 100644
--- a/src/docs/components/DialogBlocks/Preview.tsx
+++ b/src/docs/components/DialogBlocks/Preview.tsx
@@ -8,8 +8,8 @@ import {
   DialogSubtitle,
   DialogFooter,
   DialogClose,
-} from "@components/Dialog";
-import { Button } from "@components/Button";
+} from "@pswui/Dialog";
+import { Button } from "@pswui/Button";
 
 export function DialogDemo() {
   return (
diff --git a/src/docs/components/Drawer.mdx b/src/docs/components/Drawer.mdx
index ea4fa48..4005796 100644
--- a/src/docs/components/Drawer.mdx
+++ b/src/docs/components/Drawer.mdx
@@ -1,4 +1,4 @@
-import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
+import { TabProvider, TabTrigger, TabContent, TabList } from "@pswui/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from '@/components/LoadedCode';
 import { DrawerDemo } from "./DrawerBlocks/Preview";
diff --git a/src/docs/components/DrawerBlocks/Examples/Bottom.tsx b/src/docs/components/DrawerBlocks/Examples/Bottom.tsx
index 0468639..1870969 100644
--- a/src/docs/components/DrawerBlocks/Examples/Bottom.tsx
+++ b/src/docs/components/DrawerBlocks/Examples/Bottom.tsx
@@ -7,8 +7,8 @@ import {
   DrawerBody,
   DrawerFooter,
   DrawerClose,
-} from "@components/Drawer";
-import { Button } from "@components/Button";
+} from "@pswui/Drawer";
+import { Button } from "@pswui/Button";
 
 export const Bottom = () => {
   return (
diff --git a/src/docs/components/DrawerBlocks/Examples/Left.tsx b/src/docs/components/DrawerBlocks/Examples/Left.tsx
index 4852f3c..d890f87 100644
--- a/src/docs/components/DrawerBlocks/Examples/Left.tsx
+++ b/src/docs/components/DrawerBlocks/Examples/Left.tsx
@@ -7,8 +7,8 @@ import {
   DrawerBody,
   DrawerFooter,
   DrawerClose,
-} from "@components/Drawer";
-import { Button } from "@components/Button";
+} from "@pswui/Drawer";
+import { Button } from "@pswui/Button";
 
 export const Left = () => {
   return (
diff --git a/src/docs/components/DrawerBlocks/Examples/Right.tsx b/src/docs/components/DrawerBlocks/Examples/Right.tsx
index 8ab8374..affcaa1 100644
--- a/src/docs/components/DrawerBlocks/Examples/Right.tsx
+++ b/src/docs/components/DrawerBlocks/Examples/Right.tsx
@@ -7,8 +7,8 @@ import {
   DrawerBody,
   DrawerFooter,
   DrawerClose,
-} from "@components/Drawer";
-import { Button } from "@components/Button";
+} from "@pswui/Drawer";
+import { Button } from "@pswui/Button";
 
 export const Right = () => {
   return (
diff --git a/src/docs/components/DrawerBlocks/Examples/Top.tsx b/src/docs/components/DrawerBlocks/Examples/Top.tsx
index 2c7aec3..cf0cdd9 100644
--- a/src/docs/components/DrawerBlocks/Examples/Top.tsx
+++ b/src/docs/components/DrawerBlocks/Examples/Top.tsx
@@ -7,8 +7,8 @@ import {
   DrawerBody,
   DrawerFooter,
   DrawerClose,
-} from "@components/Drawer";
-import { Button } from "@components/Button";
+} from "@pswui/Drawer";
+import { Button } from "@pswui/Button";
 
 export const Top = () => {
   return (
diff --git a/src/docs/components/DrawerBlocks/Preview.tsx b/src/docs/components/DrawerBlocks/Preview.tsx
index d35ce69..e573382 100644
--- a/src/docs/components/DrawerBlocks/Preview.tsx
+++ b/src/docs/components/DrawerBlocks/Preview.tsx
@@ -1,4 +1,4 @@
-import { Button } from "@components/Button";
+import { Button } from "@pswui/Button";
 import {
   DrawerRoot,
   DrawerTrigger,
@@ -8,7 +8,7 @@ import {
   DrawerHeader,
   DrawerBody,
   DrawerFooter,
-} from "@components/Drawer";
+} from "@pswui/Drawer";
 
 export const DrawerDemo = () => {
   return (
diff --git a/src/docs/components/Input.mdx b/src/docs/components/Input.mdx
index 710d159..7ca89fe 100644
--- a/src/docs/components/Input.mdx
+++ b/src/docs/components/Input.mdx
@@ -1,4 +1,4 @@
-import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
+import { TabProvider, TabTrigger, TabContent, TabList } from "@pswui/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
 import { InputDemo } from "./InputBlocks/Preview";
diff --git a/src/docs/components/InputBlocks/Examples/Disabled.tsx b/src/docs/components/InputBlocks/Examples/Disabled.tsx
index 8acf4f6..0419500 100644
--- a/src/docs/components/InputBlocks/Examples/Disabled.tsx
+++ b/src/docs/components/InputBlocks/Examples/Disabled.tsx
@@ -1,4 +1,4 @@
-import { Input } from "@components/Input";
+import { Input } from "@pswui/Input";
 
 export function Disabled() {
   return <Input type="text" disabled />;
diff --git a/src/docs/components/InputBlocks/Examples/Invalid.tsx b/src/docs/components/InputBlocks/Examples/Invalid.tsx
index 67b01d2..0f96767 100644
--- a/src/docs/components/InputBlocks/Examples/Invalid.tsx
+++ b/src/docs/components/InputBlocks/Examples/Invalid.tsx
@@ -1,4 +1,4 @@
-import { Input } from "@components/Input";
+import { Input } from "@pswui/Input";
 
 export function Invalid() {
   return <Input type="text" invalid="Invalid Input" />;
diff --git a/src/docs/components/InputBlocks/Preview.tsx b/src/docs/components/InputBlocks/Preview.tsx
index 0f99c37..f1e1221 100644
--- a/src/docs/components/InputBlocks/Preview.tsx
+++ b/src/docs/components/InputBlocks/Preview.tsx
@@ -1,4 +1,4 @@
-import { Input } from "@components/Input";
+import { Input } from "@pswui/Input";
 
 export function InputDemo() {
   return <Input type="text" />;
diff --git a/src/docs/components/InputFrameBlocks/Preview.tsx b/src/docs/components/InputFrameBlocks/Preview.tsx
index 608ed34..fe3b823 100644
--- a/src/docs/components/InputFrameBlocks/Preview.tsx
+++ b/src/docs/components/InputFrameBlocks/Preview.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Input, InputFrame } from "@components/Input";
+import { Button } from "@pswui/Button";
+import { Input, InputFrame } from "@pswui/Input";
 
 export function InputFrameDemo() {
   return (
diff --git a/src/docs/components/Label.mdx b/src/docs/components/Label.mdx
index 6bad455..10170aa 100644
--- a/src/docs/components/Label.mdx
+++ b/src/docs/components/Label.mdx
@@ -1,6 +1,6 @@
 import {
     TabProvider, TabTrigger, TabContent, TabList
-} from "@components/Tabs";
+} from "@pswui/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
 import { LabelDemo } from "./LabelBlocks/Preview";
diff --git a/src/docs/components/LabelBlocks/Examples/Disabled.tsx b/src/docs/components/LabelBlocks/Examples/Disabled.tsx
index 0f6c9c1..9befe11 100644
--- a/src/docs/components/LabelBlocks/Examples/Disabled.tsx
+++ b/src/docs/components/LabelBlocks/Examples/Disabled.tsx
@@ -1,5 +1,5 @@
-import { Label } from "@components/Label";
-import { Input } from "@components/Input";
+import { Label } from "@pswui/Label";
+import { Input } from "@pswui/Input";
 
 export function Disabled() {
   return (
diff --git a/src/docs/components/LabelBlocks/Examples/Horizontal.tsx b/src/docs/components/LabelBlocks/Examples/Horizontal.tsx
index ca4ce0f..b983c65 100644
--- a/src/docs/components/LabelBlocks/Examples/Horizontal.tsx
+++ b/src/docs/components/LabelBlocks/Examples/Horizontal.tsx
@@ -1,5 +1,5 @@
-import { Label } from "@components/Label";
-import { Checkbox } from "@components/Checkbox";
+import { Label } from "@pswui/Label";
+import { Checkbox } from "@pswui/Checkbox";
 
 export function Horizontal() {
   return (
diff --git a/src/docs/components/LabelBlocks/Examples/Invalid.tsx b/src/docs/components/LabelBlocks/Examples/Invalid.tsx
index e716482..a3c12b1 100644
--- a/src/docs/components/LabelBlocks/Examples/Invalid.tsx
+++ b/src/docs/components/LabelBlocks/Examples/Invalid.tsx
@@ -1,5 +1,5 @@
-import { Label } from "@components/Label";
-import { Input } from "@components/Input";
+import { Label } from "@pswui/Label";
+import { Input } from "@pswui/Input";
 
 export function Invalid() {
   return (
diff --git a/src/docs/components/LabelBlocks/Examples/Vertical.tsx b/src/docs/components/LabelBlocks/Examples/Vertical.tsx
index b6a6303..a19a164 100644
--- a/src/docs/components/LabelBlocks/Examples/Vertical.tsx
+++ b/src/docs/components/LabelBlocks/Examples/Vertical.tsx
@@ -1,5 +1,5 @@
-import { Label } from "@components/Label";
-import { Input } from "@components/Input";
+import { Label } from "@pswui/Label";
+import { Input } from "@pswui/Input";
 
 export function Vertical() {
   return (
diff --git a/src/docs/components/LabelBlocks/Preview.tsx b/src/docs/components/LabelBlocks/Preview.tsx
index fd595b1..2362321 100644
--- a/src/docs/components/LabelBlocks/Preview.tsx
+++ b/src/docs/components/LabelBlocks/Preview.tsx
@@ -1,5 +1,5 @@
-import { Label } from "@components/Label";
-import { Input } from "@components/Input";
+import { Label } from "@pswui/Label";
+import { Input } from "@pswui/Input";
 
 export function LabelDemo() {
   return (
diff --git a/src/docs/components/Popover.mdx b/src/docs/components/Popover.mdx
index d5ba2de..2e41e0a 100644
--- a/src/docs/components/Popover.mdx
+++ b/src/docs/components/Popover.mdx
@@ -1,4 +1,4 @@
-import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
+import { TabProvider, TabTrigger, TabContent, TabList } from "@pswui/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
 import { PopoverDemo } from "./PopoverBlocks/Preview";
diff --git a/src/docs/components/PopoverBlocks/Examples/ThemeSelector.tsx b/src/docs/components/PopoverBlocks/Examples/ThemeSelector.tsx
index 344a878..d319d27 100644
--- a/src/docs/components/PopoverBlocks/Examples/ThemeSelector.tsx
+++ b/src/docs/components/PopoverBlocks/Examples/ThemeSelector.tsx
@@ -1,5 +1,5 @@
-import { Popover, PopoverTrigger, PopoverContent } from "@components/Popover.tsx";
-import { Button } from "@components/Button.tsx";
+import { Popover, PopoverTrigger, PopoverContent } from "@pswui/Popover.tsx";
+import { Button } from "@pswui/Button.tsx";
 import { useState } from "react";
 
 const DarkIcon = () => {
diff --git a/src/docs/components/PopoverBlocks/Examples/UserControl.tsx b/src/docs/components/PopoverBlocks/Examples/UserControl.tsx
index cbefd9d..299e1c4 100644
--- a/src/docs/components/PopoverBlocks/Examples/UserControl.tsx
+++ b/src/docs/components/PopoverBlocks/Examples/UserControl.tsx
@@ -2,9 +2,9 @@ import {
   Popover,
   PopoverTrigger,
   PopoverContent,
-} from "@components/Popover.tsx";
-import { Button } from "@components/Button.tsx";
-import { useToast } from "@components/Toast.tsx";
+} from "@pswui/Popover.tsx";
+import { Button } from "@pswui/Button.tsx";
+import { useToast } from "@pswui/Toast.tsx";
 import {
   createContext,
   Dispatch,
@@ -14,8 +14,8 @@ import {
   useState,
   useTransition,
 } from "react";
-import { Label } from "@components/Label.tsx";
-import { Input } from "@components/Input.tsx";
+import { Label } from "@pswui/Label.tsx";
+import { Input } from "@pswui/Input.tsx";
 
 interface UserControlState {
   signIn: boolean;
diff --git a/src/docs/components/PopoverBlocks/Preview.tsx b/src/docs/components/PopoverBlocks/Preview.tsx
index 6fad0a6..280308c 100644
--- a/src/docs/components/PopoverBlocks/Preview.tsx
+++ b/src/docs/components/PopoverBlocks/Preview.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Popover, PopoverContent, PopoverTrigger } from "@components/Popover";
+import { Button } from "@pswui/Button";
+import { Popover, PopoverContent, PopoverTrigger } from "@pswui/Popover";
 
 export function PopoverDemo() {
   return (
diff --git a/src/docs/components/Switch.mdx b/src/docs/components/Switch.mdx
index 968c9fc..8feb670 100644
--- a/src/docs/components/Switch.mdx
+++ b/src/docs/components/Switch.mdx
@@ -1,4 +1,4 @@
-import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
+import { TabProvider, TabTrigger, TabContent, TabList } from "@pswui/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
 import { SwitchDemo } from "./SwitchBlocks/Preview";
diff --git a/src/docs/components/SwitchBlocks/Preview.tsx b/src/docs/components/SwitchBlocks/Preview.tsx
index c2cd868..7b76c63 100644
--- a/src/docs/components/SwitchBlocks/Preview.tsx
+++ b/src/docs/components/SwitchBlocks/Preview.tsx
@@ -1,4 +1,4 @@
-import { Switch } from "@components/Switch";
+import { Switch } from "@pswui/Switch";
 
 export function SwitchDemo() {
   return <Switch />;
diff --git a/src/docs/components/Tabs.mdx b/src/docs/components/Tabs.mdx
index 8c3edd8..db2eb7c 100644
--- a/src/docs/components/Tabs.mdx
+++ b/src/docs/components/Tabs.mdx
@@ -1,4 +1,4 @@
-import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
+import { TabProvider, TabTrigger, TabContent, TabList } from "@pswui/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
 import { TabsDemo } from "./TabsBlocks/Preview";
diff --git a/src/docs/components/TabsBlocks/Preview.tsx b/src/docs/components/TabsBlocks/Preview.tsx
index 2c27b29..8ed9056 100644
--- a/src/docs/components/TabsBlocks/Preview.tsx
+++ b/src/docs/components/TabsBlocks/Preview.tsx
@@ -1,4 +1,4 @@
-import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
+import { TabProvider, TabTrigger, TabContent, TabList } from "@pswui/Tabs";
 
 export function TabsDemo() {
   return (
diff --git a/src/docs/components/Toast.mdx b/src/docs/components/Toast.mdx
index ab30975..4cea956 100644
--- a/src/docs/components/Toast.mdx
+++ b/src/docs/components/Toast.mdx
@@ -1,4 +1,4 @@
-import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs"
+import { TabProvider, TabTrigger, TabContent, TabList } from "@pswui/Tabs"
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
 import { ToastDemo } from "./ToastBlocks/Preview";
diff --git a/src/docs/components/ToastBlocks/Examples/Error.tsx b/src/docs/components/ToastBlocks/Examples/Error.tsx
index b7be3c5..9a1fd02 100644
--- a/src/docs/components/ToastBlocks/Examples/Error.tsx
+++ b/src/docs/components/ToastBlocks/Examples/Error.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Toaster, useToast } from "@components/Toast";
+import { Button } from "@pswui/Button";
+import { Toaster, useToast } from "@pswui/Toast";
 
 function Children() {
   const { toast } = useToast();
diff --git a/src/docs/components/ToastBlocks/Examples/Normal.tsx b/src/docs/components/ToastBlocks/Examples/Normal.tsx
index b88d8f1..9c07db3 100644
--- a/src/docs/components/ToastBlocks/Examples/Normal.tsx
+++ b/src/docs/components/ToastBlocks/Examples/Normal.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Toaster, useToast } from "@components/Toast";
+import { Button } from "@pswui/Button";
+import { Toaster, useToast } from "@pswui/Toast";
 
 function Children() {
   const { toast } = useToast();
diff --git a/src/docs/components/ToastBlocks/Examples/PendingFail.tsx b/src/docs/components/ToastBlocks/Examples/PendingFail.tsx
index bd2cf48..dfc2a58 100644
--- a/src/docs/components/ToastBlocks/Examples/PendingFail.tsx
+++ b/src/docs/components/ToastBlocks/Examples/PendingFail.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Toaster, useToast } from "@components/Toast";
+import { Button } from "@pswui/Button";
+import { Toaster, useToast } from "@pswui/Toast";
 
 function Children() {
   const { toast } = useToast();
diff --git a/src/docs/components/ToastBlocks/Examples/PendingSuccess.tsx b/src/docs/components/ToastBlocks/Examples/PendingSuccess.tsx
index 41c1520..58d73cc 100644
--- a/src/docs/components/ToastBlocks/Examples/PendingSuccess.tsx
+++ b/src/docs/components/ToastBlocks/Examples/PendingSuccess.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Toaster, useToast } from "@components/Toast";
+import { Button } from "@pswui/Button";
+import { Toaster, useToast } from "@pswui/Toast";
 
 function Children() {
   const { toast } = useToast();
diff --git a/src/docs/components/ToastBlocks/Examples/Success.tsx b/src/docs/components/ToastBlocks/Examples/Success.tsx
index 4b50806..ad56f4c 100644
--- a/src/docs/components/ToastBlocks/Examples/Success.tsx
+++ b/src/docs/components/ToastBlocks/Examples/Success.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Toaster, useToast } from "@components/Toast";
+import { Button } from "@pswui/Button";
+import { Toaster, useToast } from "@pswui/Toast";
 
 function Children() {
   const { toast } = useToast();
diff --git a/src/docs/components/ToastBlocks/Examples/Warning.tsx b/src/docs/components/ToastBlocks/Examples/Warning.tsx
index 20179bc..d067bdb 100644
--- a/src/docs/components/ToastBlocks/Examples/Warning.tsx
+++ b/src/docs/components/ToastBlocks/Examples/Warning.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Toaster, useToast } from "@components/Toast";
+import { Button } from "@pswui/Button";
+import { Toaster, useToast } from "@pswui/Toast";
 
 function Children() {
   const { toast } = useToast();
diff --git a/src/docs/components/ToastBlocks/Preview.tsx b/src/docs/components/ToastBlocks/Preview.tsx
index 2eb0bac..7b8494a 100644
--- a/src/docs/components/ToastBlocks/Preview.tsx
+++ b/src/docs/components/ToastBlocks/Preview.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Toaster, useToast } from "@components/Toast";
+import { Button } from "@pswui/Button";
+import { Toaster, useToast } from "@pswui/Toast";
 
 function Children() {
   const { toast } = useToast();
diff --git a/src/docs/components/Tooltip.mdx b/src/docs/components/Tooltip.mdx
index dfcb9e1..12c5f1c 100644
--- a/src/docs/components/Tooltip.mdx
+++ b/src/docs/components/Tooltip.mdx
@@ -1,4 +1,4 @@
-import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
+import { TabProvider, TabTrigger, TabContent, TabList } from "@pswui/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
 import { TooltipDemo } from "./TooltipBlocks/Preview";
diff --git a/src/docs/components/TooltipBlocks/Examples/Bottom.tsx b/src/docs/components/TooltipBlocks/Examples/Bottom.tsx
index ac39a3b..4e8ba15 100644
--- a/src/docs/components/TooltipBlocks/Examples/Bottom.tsx
+++ b/src/docs/components/TooltipBlocks/Examples/Bottom.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Tooltip, TooltipContent } from "@components/Tooltip";
+import { Button } from "@pswui/Button";
+import { Tooltip, TooltipContent } from "@pswui/Tooltip";
 
 export function Bottom() {
   return (
diff --git a/src/docs/components/TooltipBlocks/Examples/Controlled.tsx b/src/docs/components/TooltipBlocks/Examples/Controlled.tsx
index 5ee7785..3bada77 100644
--- a/src/docs/components/TooltipBlocks/Examples/Controlled.tsx
+++ b/src/docs/components/TooltipBlocks/Examples/Controlled.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Tooltip, TooltipContent } from "@components/Tooltip";
+import { Button } from "@pswui/Button";
+import { Tooltip, TooltipContent } from "@pswui/Tooltip";
 import { useState } from "react";
 
 export function Controlled() {
diff --git a/src/docs/components/TooltipBlocks/Examples/EarlyDelay.tsx b/src/docs/components/TooltipBlocks/Examples/EarlyDelay.tsx
index 97763a0..cac6205 100644
--- a/src/docs/components/TooltipBlocks/Examples/EarlyDelay.tsx
+++ b/src/docs/components/TooltipBlocks/Examples/EarlyDelay.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Tooltip, TooltipContent } from "@components/Tooltip";
+import { Button } from "@pswui/Button";
+import { Tooltip, TooltipContent } from "@pswui/Tooltip";
 
 export function EarlyDelay() {
   return (
diff --git a/src/docs/components/TooltipBlocks/Examples/LateDelay.tsx b/src/docs/components/TooltipBlocks/Examples/LateDelay.tsx
index 84bf27a..9a4c817 100644
--- a/src/docs/components/TooltipBlocks/Examples/LateDelay.tsx
+++ b/src/docs/components/TooltipBlocks/Examples/LateDelay.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Tooltip, TooltipContent } from "@components/Tooltip";
+import { Button } from "@pswui/Button";
+import { Tooltip, TooltipContent } from "@pswui/Tooltip";
 
 export function LateDelay() {
   return (
diff --git a/src/docs/components/TooltipBlocks/Examples/Left.tsx b/src/docs/components/TooltipBlocks/Examples/Left.tsx
index 2e019f6..73dd8bc 100644
--- a/src/docs/components/TooltipBlocks/Examples/Left.tsx
+++ b/src/docs/components/TooltipBlocks/Examples/Left.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Tooltip, TooltipContent } from "@components/Tooltip";
+import { Button } from "@pswui/Button";
+import { Tooltip, TooltipContent } from "@pswui/Tooltip";
 
 export function Left() {
   return (
diff --git a/src/docs/components/TooltipBlocks/Examples/NoDelay.tsx b/src/docs/components/TooltipBlocks/Examples/NoDelay.tsx
index b00aeb1..4784522 100644
--- a/src/docs/components/TooltipBlocks/Examples/NoDelay.tsx
+++ b/src/docs/components/TooltipBlocks/Examples/NoDelay.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Tooltip, TooltipContent } from "@components/Tooltip";
+import { Button } from "@pswui/Button";
+import { Tooltip, TooltipContent } from "@pswui/Tooltip";
 
 export function NoDelay() {
   return (
diff --git a/src/docs/components/TooltipBlocks/Examples/Right.tsx b/src/docs/components/TooltipBlocks/Examples/Right.tsx
index aa74fb0..6b900d6 100644
--- a/src/docs/components/TooltipBlocks/Examples/Right.tsx
+++ b/src/docs/components/TooltipBlocks/Examples/Right.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Tooltip, TooltipContent } from "@components/Tooltip";
+import { Button } from "@pswui/Button";
+import { Tooltip, TooltipContent } from "@pswui/Tooltip";
 
 export function Right() {
   return (
diff --git a/src/docs/components/TooltipBlocks/Examples/Top.tsx b/src/docs/components/TooltipBlocks/Examples/Top.tsx
index c9434d9..fec84a1 100644
--- a/src/docs/components/TooltipBlocks/Examples/Top.tsx
+++ b/src/docs/components/TooltipBlocks/Examples/Top.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Tooltip, TooltipContent } from "@components/Tooltip";
+import { Button } from "@pswui/Button";
+import { Tooltip, TooltipContent } from "@pswui/Tooltip";
 
 export function Top() {
   return (
diff --git a/src/docs/components/TooltipBlocks/Preview.tsx b/src/docs/components/TooltipBlocks/Preview.tsx
index d441678..62f862c 100644
--- a/src/docs/components/TooltipBlocks/Preview.tsx
+++ b/src/docs/components/TooltipBlocks/Preview.tsx
@@ -1,5 +1,5 @@
-import { Button } from "@components/Button";
-import { Tooltip, TooltipContent } from "@components/Tooltip";
+import { Button } from "@pswui/Button";
+import { Tooltip, TooltipContent } from "@pswui/Tooltip";
 
 export function TooltipDemo() {
   return (
diff --git a/src/docs/installation.mdx b/src/docs/installation.mdx
index d604bda..3a77c8e 100644
--- a/src/docs/installation.mdx
+++ b/src/docs/installation.mdx
@@ -1,4 +1,4 @@
-import {TabProvider, TabContent, TabList, TabTrigger} from "@components/Tabs";
+import {TabProvider, TabContent, TabList, TabTrigger} from "@pswui/Tabs";
 import {Code} from "@/components/LoadedCode";
 
 # Installation
diff --git a/src/errors/PageNotFound.tsx b/src/errors/PageNotFound.tsx
index 22c1e20..766b3c8 100644
--- a/src/errors/PageNotFound.tsx
+++ b/src/errors/PageNotFound.tsx
@@ -1,5 +1,5 @@
 import { Link } from "react-router-dom";
-import { Button } from "../../components/Button";
+import { Button } from "@pswui/Button";
 
 function PageNotFound() {
   return (
diff --git a/src/errors/Unexpected.tsx b/src/errors/Unexpected.tsx
index ff11ead..e1b7c43 100644
--- a/src/errors/Unexpected.tsx
+++ b/src/errors/Unexpected.tsx
@@ -1,5 +1,5 @@
 import { Link } from "react-router-dom";
-import { Button } from "../../components/Button";
+import { Button } from "@pswui/Button";
 
 function UnexpectedError() {
   return (