diff --git a/apps/space/styles/globals.css b/apps/space/styles/globals.css
index 9541e20f565..870f137e4ff 100644
--- a/apps/space/styles/globals.css
+++ b/apps/space/styles/globals.css
@@ -1,4 +1,5 @@
 @import "@plane/propel/styles/fonts";
+@import "@plane/editor/styles";
 
 @tailwind base;
 @tailwind components;
diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
index 43e4bff1891..6f7ceace2ba 100644
--- a/apps/web/styles/globals.css
+++ b/apps/web/styles/globals.css
@@ -1,4 +1,5 @@
 @import "@plane/propel/styles/fonts";
+@import "@plane/editor/styles";
 
 @tailwind base;
 @tailwind components;
diff --git a/packages/editor/package.json b/packages/editor/package.json
index 1d838d73ab7..c83c8eec57e 100644
--- a/packages/editor/package.json
+++ b/packages/editor/package.json
@@ -19,7 +19,8 @@
       "require": "./dist/lib.js",
       "types": "./dist/lib.d.mts",
       "import": "./dist/lib.mjs"
-    }
+    },
+    "./styles": "./dist/styles/index.css"
   },
   "scripts": {
     "build": "tsdown",
diff --git a/packages/editor/src/index.ts b/packages/editor/src/index.ts
index 10d7bb41137..1872f35c726 100644
--- a/packages/editor/src/index.ts
+++ b/packages/editor/src/index.ts
@@ -1,11 +1,3 @@
-// styles
-// import "./styles/tailwind.css";
-import "./styles/variables.css";
-import "./styles/editor.css";
-import "./styles/table.css";
-import "./styles/github-dark.css";
-import "./styles/drag-drop.css";
-
 // editors
 export {
   CollaborativeDocumentEditorWithRef,
diff --git a/packages/editor/src/styles/index.css b/packages/editor/src/styles/index.css
new file mode 100644
index 00000000000..e38c01c2831
--- /dev/null
+++ b/packages/editor/src/styles/index.css
@@ -0,0 +1,5 @@
+@import "./variables.css";
+@import "./editor.css";
+@import "./table.css";
+@import "./github-dark.css";
+@import "./drag-drop.css";
diff --git a/packages/editor/tsdown.config.ts b/packages/editor/tsdown.config.ts
index ee7d0cdf88a..348f1fd7a7e 100644
--- a/packages/editor/tsdown.config.ts
+++ b/packages/editor/tsdown.config.ts
@@ -4,4 +4,8 @@ export default defineConfig({
   entry: ["src/index.ts", "src/lib.ts"],
   outDir: "dist",
   format: ["esm", "cjs"],
+  dts: true,
+  clean: true,
+  sourcemap: true,
+  copy: ["src/styles"],
 });
diff --git a/packages/propel/package.json b/packages/propel/package.json
index afd628b5e44..f5f5e39b4be 100644
--- a/packages/propel/package.json
+++ b/packages/propel/package.json
@@ -16,22 +16,22 @@
     "build-storybook": "storybook build"
   },
   "exports": {
-    "./accordion": "./dist/accordion/index.ts",
-    "./avatar": "./dist/avatar/index.ts",
-    "./card": "./dist/card/index.ts",
-    "./charts/*": "./dist/charts/*/index.ts",
-    "./combobox": "./dist/combobox/index.ts",
-    "./command": "./dist/command/index.ts",
-    "./dialog": "./dist/dialog/index.ts",
-    "./emoji-icon-picker": "./dist/emoji-icon-picker/index.ts",
-    "./menu": "./dist/menu/index.ts",
-    "./popover": "./dist/popover/index.ts",
+    "./accordion": "./dist/accordion/index.js",
+    "./avatar": "./dist/avatar/index.js",
+    "./card": "./dist/card/index.js",
+    "./charts/*": "./dist/charts/*/index.js",
+    "./combobox": "./dist/combobox/index.js",
+    "./command": "./dist/command/index.js",
+    "./dialog": "./dist/dialog/index.js",
+    "./emoji-icon-picker": "./dist/emoji-icon-picker/index.js",
+    "./menu": "./dist/menu/index.js",
+    "./popover": "./dist/popover/index.js",
     "./styles/fonts": "./dist/styles/fonts/index.css",
-    "./switch": "./dist/switch/index.ts",
-    "./table": "./dist/table/index.ts",
-    "./tabs": "./dist/tabs/index.ts",
-    "./tooltip": "./dist/tooltip/index.ts",
-    "./utils": "./dist/utils/index.ts"
+    "./switch": "./dist/switch/index.js",
+    "./table": "./dist/table/index.js",
+    "./tabs": "./dist/tabs/index.js",
+    "./tooltip": "./dist/tooltip/index.js",
+    "./utils": "./dist/utils/index.js"
   },
   "dependencies": {
     "@base-ui-components/react": "^1.0.0-beta.2",