update peerDependencies

Author: RodrigoHamuy

.changeset/curvy-ants-juggle.md

@@ -0,0 +1,5 @@
+---
+"react-three-map": patch
+---
+
+Fix build typo and add more detailed peer dependencies.

README.md

@@ -1,6 +1,8 @@
 # React Three Map
 
-[![Version](https://img.shields.io/npm/v/react-three-map?style=flat&colorA=000000&colorB=000000)](https://npmjs.com/package/@react-three/fiber)
+[![Version](https://img.shields.io/npm/v/react-three-map)](https://npmjs.com/package/@react-three/fiber)
+[![Build Size](https://img.shields.io/bundlephobia/minzip/react-three-map?label=size)](https://bundlephobia.com/result?p=react-three-map)
+[![Build Status](https://img.shields.io/github/actions/workflow/status/RodrigoHamuy/react-three-map/release.yml?branch=main)](https://github.com/RodrigoHamuy/react-three-map/actions?query=workflow%3Arelease)
 
 `react-three-map` is a bridge to use [`react-three-fiber`](https://github.com/pmndrs/react-three-fiber) inside [`react-map-gl`](https://github.com/visgl/react-map-gl).
 
@@ -11,15 +13,15 @@ Until now you had:
 | Mapbox GL JS | react-map-gl |
 | THREE.js | react-three-fiber |
 
-Now with `react-three-map`, you can use them together :fist_right::fist_left:.
+Now with `react-three-map`, you can use them together :fist_right::star::fist_left:.
 
 ```sh
 npm install react-three-map
 ```
 
 ## :book: Examples
 
-You can check our examples here [here](https://rodrigohamuy.github.io/react-three-map) (powered by [Ladle](https://ladle.dev/)).
+Check out our examples [here](https://rodrigohamuy.github.io/react-three-map) (powered by [Ladle](https://ladle.dev/)).
 
 ## :mag: What does it look like?
 
@@ -115,7 +117,7 @@ It shares most of the props from R3F `<Canvas>`, so you can check them directly
 
 #### Render Props
 
-| PROP       | DESCRIPTION                                      | DEFAULT    |
+| Prop       | Description                                      | Default    |
 | ---------  | ------------------------------------------------ | ---------- |
 | latitude   | The latitude coordinate where to add the scene.  |            |
 | longitude  | The longitude coordinate where to add the scene. |            |

maplibre/package.json

@@ -1,7 +1,7 @@
 {
   "internal": true,
   "main": "../dist/maplibre/cjs/main.js",
-  "module": "../dist/maplibre/es/main.js",
+  "module": "../dist/maplibre/es/main.mjs",
   "types": "../src/maplibre/index.ts",
   "sideEffects": false
 }

package.json

@@ -3,7 +3,7 @@
   "version": "0.3.0",
   "description": "Use react-three-fiber inside MapLibre and Mapbox",
   "main": "dist/cjs/main.js",
-  "module": "dist/es/main.js",
+  "module": "dist/es/main.mjs",
   "types": "src/mapbox/index.ts",
   "sideEffects": false,
   "repository": "https://github.com/RodrigoHamuy/react-three-map",
@@ -56,7 +56,19 @@
     "vite": "^4.3.9"
   },
   "peerDependencies": {
-    "@react-three/fiber": "^8.13.4",
-    "react-map-gl": "^7.1.0"
+    "@react-three/fiber": ">=8.13",
+    "mapbox-gl": ">=2.15",
+    "maplibre-gl": ">=3.1",
+    "react-map-gl": ">=7.1",
+    "react": ">=18.0",
+    "three": ">=0.133"
+  },
+  "peerDependenciesMeta": {
+    "mapbox-gl": {
+      "optional": true
+    },
+    "maplibre-gl": {
+      "optional": true
+    }
   }
 }

vite.config.ts

@@ -37,7 +37,7 @@ export default defineConfig({
           entry,
           name: 'react-three-map',
           formats: isES ? ['es'] : ['cjs'],
-          fileName: 'main.js',
+          fileName: 'main',
         },
         outDir,
         rollupOptions: {