diff --git a/bin/ci.sh b/bin/ci.sh
index a825947b..dedaa4b8 100755
--- a/bin/ci.sh
+++ b/bin/ci.sh
@@ -29,6 +29,7 @@ lerna version minor --no-push --yes
 lerna exec --parallel -- rm -rf dist
 
 lerna exec --parallel -- rollup -c ../../rollup.config.js
+lerna exec --parallel -- rollup -c ../../rollup.config.esm.js
 
 lerna exec --parallel -- cp package.json dist/package.json
 lerna exec --parallel -- cp ../../README.md dist/README.md
diff --git a/packages/logo/package.json b/packages/logo/package.json
index 9ac023dc..e990722d 100644
--- a/packages/logo/package.json
+++ b/packages/logo/package.json
@@ -6,8 +6,13 @@
         "react": "^16.13.0 || ^17.0.1",
         "react-dom": "^16.13.0 || ^17.0.1"
     },
-    "main": "./index.js",
-    "module": "./esm/index.js",
+    "main": "./dist",
+    "module": "./dist/esm",
+    "types": "./dist/*.d.ts",
+    "sifeEffects": false,
+    "files": [
+        "./dist"
+    ],
     "publishConfig": {
         "access": "public"
     }
diff --git a/rollup.config.esm.js b/rollup.config.esm.js
new file mode 100644
index 00000000..ba094d2a
--- /dev/null
+++ b/rollup.config.esm.js
@@ -0,0 +1,33 @@
+import pkg from './package.json';
+import resolve from '@rollup/plugin-node-resolve';
+import { terser } from 'rollup-plugin-terser';
+import typescript from '@rollup/plugin-typescript';
+import multiInput from 'rollup-plugin-multi-input';
+
+export default {
+    input: 'src/**/*.tsx',
+    output: [
+        {
+            dir: 'dist/esm',
+            format: 'es',
+            plugins: [terser()],
+        },
+    ],
+    plugins: [
+        resolve(),
+        typescript({
+            allowSyntheticDefaultImports: true,
+            jsx: 'react',
+            target: 'es6',
+            outDir: './dist/esm',
+            rootDir: './src',
+            removeComments: true,
+            strict: true,
+        }),
+        multiInput(),
+    ],
+    external: [
+        ...Object.keys(pkg.dependencies || {}),
+        ...Object.keys(pkg.peerDependencies || {}),
+    ],
+};