diff --git a/apps/docs/next.config.ts b/apps/docs/next.config.ts
index 7443abb6..92730c45 100644
--- a/apps/docs/next.config.ts
+++ b/apps/docs/next.config.ts
@@ -1,7 +1,12 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  transpilePackages: [
+    "@katanemo/ui",
+    "@katanemo/shared-styles",
+    "@katanemo/tailwind-config",
+    "@katanemo/tsconfig",
+  ],
 };
 
 export default nextConfig;
diff --git a/apps/www/next.config.ts b/apps/www/next.config.ts
index e9ffa308..153ad666 100644
--- a/apps/www/next.config.ts
+++ b/apps/www/next.config.ts
@@ -1,7 +1,12 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  transpilePackages: [
+    "@katanemo/ui",
+    "@katanemo/shared-styles",
+    "@katanemo/tailwind-config",
+    "@katanemo/tsconfig",
+  ],
 };
 
 export default nextConfig;
diff --git a/packages/shared-styles/package.json b/packages/shared-styles/package.json
index f8de4ea7..d125f2a0 100644
--- a/packages/shared-styles/package.json
+++ b/packages/shared-styles/package.json
@@ -3,6 +3,9 @@
   "version": "0.1.0",
   "private": true,
   "main": "./globals.css",
+  "exports": {
+    "./globals.css": "./globals.css"
+  },
   "files": [
     "globals.css"
   ]
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 9c4d2f8d..778ef2b5 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -4,6 +4,12 @@
   "private": true,
   "main": "./src/index.ts",
   "types": "./src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
+    }
+  },
   "scripts": {
     "lint": "biome check",
     "typecheck": "tsc --noEmit"