diff --git a/packages/react/package.json b/packages/react/package.json
index de645d6f..01c2d07d 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -16,8 +16,17 @@
   ],
   "source": "src/index.ts",
   "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
+  "module": "dist/esm/index.mjs",
   "types": "dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/umd/index.js"
+    },
+    "./dist/base.css": "./dist/base.css",
+    "./dist/style.css": "./dist/style.css"
+  },
   "sideEffects": [
     "*.css"
   ],
diff --git a/packages/system/package.json b/packages/system/package.json
index 1043ceba..d59801ed 100644
--- a/packages/system/package.json
+++ b/packages/system/package.json
@@ -16,8 +16,15 @@
   ],
   "source": "src/index.ts",
   "main": "dist/umd/index.js",
-  "module": "dist/esm/index.js",
+  "module": "dist/esm/index.mjs",
   "types": "dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/umd/index.js"
+    }
+  },
   "sideEffects": false,
   "license": "MIT",
   "publishConfig": {