diff --git a/apps/ui/stories/Typography/TypographyBlockquote.stories.tsx b/apps/studio/stories/Typography/TypographyBlockquote.stories.tsx
similarity index 89%
rename from apps/ui/stories/Typography/TypographyBlockquote.stories.tsx
rename to apps/studio/stories/Typography/TypographyBlockquote.stories.tsx
index 3a69e88b..000e6bf8 100644
--- a/apps/ui/stories/Typography/TypographyBlockquote.stories.tsx
+++ b/apps/studio/stories/Typography/TypographyBlockquote.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographyBlockquote } from "@kampus/ui-next";
+import { TypographyBlockquote } from "@kampus/ui";
 
 const meta = {
   component: TypographyBlockquote,
diff --git a/apps/ui/stories/Typography/TypographyH1.stories.tsx b/apps/studio/stories/Typography/TypographyH1.stories.tsx
similarity index 89%
rename from apps/ui/stories/Typography/TypographyH1.stories.tsx
rename to apps/studio/stories/Typography/TypographyH1.stories.tsx
index bb607358..802339b1 100644
--- a/apps/ui/stories/Typography/TypographyH1.stories.tsx
+++ b/apps/studio/stories/Typography/TypographyH1.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographyH1 } from "@kampus/ui-next";
+import { TypographyH1 } from "@kampus/ui";
 
 const meta = {
   component: TypographyH1,
diff --git a/apps/ui/stories/Typography/TypographyH2.stories.tsx b/apps/studio/stories/Typography/TypographyH2.stories.tsx
similarity index 89%
rename from apps/ui/stories/Typography/TypographyH2.stories.tsx
rename to apps/studio/stories/Typography/TypographyH2.stories.tsx
index 8f4ea4d3..69f1cc60 100644
--- a/apps/ui/stories/Typography/TypographyH2.stories.tsx
+++ b/apps/studio/stories/Typography/TypographyH2.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographyH2 } from "@kampus/ui-next";
+import { TypographyH2 } from "@kampus/ui";
 
 const meta = {
   component: TypographyH2,
diff --git a/apps/ui/stories/Typography/TypographyH3.stories.tsx b/apps/studio/stories/Typography/TypographyH3.stories.tsx
similarity index 89%
rename from apps/ui/stories/Typography/TypographyH3.stories.tsx
rename to apps/studio/stories/Typography/TypographyH3.stories.tsx
index 9a1990dd..ba533041 100644
--- a/apps/ui/stories/Typography/TypographyH3.stories.tsx
+++ b/apps/studio/stories/Typography/TypographyH3.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographyH3 } from "@kampus/ui-next";
+import { TypographyH3 } from "@kampus/ui";
 
 const meta = {
   component: TypographyH3,
diff --git a/apps/ui/stories/Typography/TypographyH4.stories.tsx b/apps/studio/stories/Typography/TypographyH4.stories.tsx
similarity index 89%
rename from apps/ui/stories/Typography/TypographyH4.stories.tsx
rename to apps/studio/stories/Typography/TypographyH4.stories.tsx
index c38e43fd..2688a867 100644
--- a/apps/ui/stories/Typography/TypographyH4.stories.tsx
+++ b/apps/studio/stories/Typography/TypographyH4.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographyH4 } from "@kampus/ui-next";
+import { TypographyH4 } from "@kampus/ui";
 
 const meta = {
   component: TypographyH4,
diff --git a/apps/ui/stories/Typography/TypographyInlineCode.stories.tsx b/apps/studio/stories/Typography/TypographyInlineCode.stories.tsx
similarity index 89%
rename from apps/ui/stories/Typography/TypographyInlineCode.stories.tsx
rename to apps/studio/stories/Typography/TypographyInlineCode.stories.tsx
index 904b8ad9..56e32b88 100644
--- a/apps/ui/stories/Typography/TypographyInlineCode.stories.tsx
+++ b/apps/studio/stories/Typography/TypographyInlineCode.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographyInlineCode } from "@kampus/ui-next";
+import { TypographyInlineCode } from "@kampus/ui";
 
 const meta = {
   component: TypographyInlineCode,
diff --git a/apps/ui/stories/Typography/TypographyLarge.stories.tsx b/apps/studio/stories/Typography/TypographyLarge.stories.tsx
similarity index 89%
rename from apps/ui/stories/Typography/TypographyLarge.stories.tsx
rename to apps/studio/stories/Typography/TypographyLarge.stories.tsx
index 7ff69756..2e68ef76 100644
--- a/apps/ui/stories/Typography/TypographyLarge.stories.tsx
+++ b/apps/studio/stories/Typography/TypographyLarge.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographyLarge } from "@kampus/ui-next";
+import { TypographyLarge } from "@kampus/ui";
 
 const meta = {
   component: TypographyLarge,
diff --git a/apps/ui/stories/Typography/TypographyLead.stories.tsx b/apps/studio/stories/Typography/TypographyLead.stories.tsx
similarity index 89%
rename from apps/ui/stories/Typography/TypographyLead.stories.tsx
rename to apps/studio/stories/Typography/TypographyLead.stories.tsx
index 4b1c583e..c294189d 100644
--- a/apps/ui/stories/Typography/TypographyLead.stories.tsx
+++ b/apps/studio/stories/Typography/TypographyLead.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographyLead } from "@kampus/ui-next";
+import { TypographyLead } from "@kampus/ui";
 
 const meta = {
   component: TypographyLead,
diff --git a/apps/ui/stories/Typography/TypographyList.stories.tsx b/apps/studio/stories/Typography/TypographyList.stories.tsx
similarity index 90%
rename from apps/ui/stories/Typography/TypographyList.stories.tsx
rename to apps/studio/stories/Typography/TypographyList.stories.tsx
index 3f3d2bc9..e3e80f7b 100644
--- a/apps/ui/stories/Typography/TypographyList.stories.tsx
+++ b/apps/studio/stories/Typography/TypographyList.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographyList } from "@kampus/ui-next";
+import { TypographyList } from "@kampus/ui";
 
 const meta = {
   component: TypographyList,
diff --git a/apps/ui/stories/Typography/TypographyMuted.stories.tsx b/apps/studio/stories/Typography/TypographyMuted.stories.tsx
similarity index 86%
rename from apps/ui/stories/Typography/TypographyMuted.stories.tsx
rename to apps/studio/stories/Typography/TypographyMuted.stories.tsx
index 15f1f9d0..ca23c902 100644
--- a/apps/ui/stories/Typography/TypographyMuted.stories.tsx
+++ b/apps/studio/stories/Typography/TypographyMuted.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographyLarge, TypographyMuted } from "@kampus/ui-next";
+import { TypographyLarge, TypographyMuted } from "@kampus/ui";
 
 const meta = {
   component: TypographyMuted,
diff --git a/apps/ui/stories/Typography/TypographyP.stories.tsx b/apps/studio/stories/Typography/TypographyP.stories.tsx
similarity index 89%
rename from apps/ui/stories/Typography/TypographyP.stories.tsx
rename to apps/studio/stories/Typography/TypographyP.stories.tsx
index b19c9b2a..14b04ea3 100644
--- a/apps/ui/stories/Typography/TypographyP.stories.tsx
+++ b/apps/studio/stories/Typography/TypographyP.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographyP } from "@kampus/ui-next";
+import { TypographyP } from "@kampus/ui";
 
 const meta = {
   component: TypographyP,
diff --git a/apps/ui/stories/Typography/TypographySmall.stories.tsx b/apps/studio/stories/Typography/TypographySmall.stories.tsx
similarity index 89%
rename from apps/ui/stories/Typography/TypographySmall.stories.tsx
rename to apps/studio/stories/Typography/TypographySmall.stories.tsx
index 3a24bb90..c4c5a365 100644
--- a/apps/ui/stories/Typography/TypographySmall.stories.tsx
+++ b/apps/studio/stories/Typography/TypographySmall.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { TypographySmall } from "@kampus/ui-next";
+import { TypographySmall } from "@kampus/ui";
 
 const meta = {
   component: TypographySmall,