@maplibre/maplibre-react-native 11.0.0-beta.2 → 11.0.0-beta.21

package/lib/typescript/{commonjs/src → module}/utils/animated/Animated.d.ts

@@ -6,7 +6,7 @@ import { AnimatedGeoJSON } from "./AnimatedGeoJSON";
 import { AnimatedPoint } from "./AnimatedPoint";
 import { AnimatedRouteCoordinatesArray } from "./AnimatedRouteCoordinatesArray";
 export declare const Animated: {
-    GeoJSONSource: RNAnimated.AnimatedComponent<ComponentType<Omit<import("../..").GeoJSONSourceProps & import("react").RefAttributes<import("../..").GeoJSONSourceRef>, "data"> & {
+    GeoJSONSource: RNAnimated.AnimatedComponent<ComponentType<Omit<import("../..").GeoJSONSourceProps, "data"> & {
         data: string | GeoJSON.GeoJSON | AnimatedGeoJSON;
     }>>;
     ImageSource: RNAnimated.AnimatedComponent<import("react").MemoExoticComponent<({ id, url, ...props }: import("../..").ImageSourceProps) => import("react/jsx-runtime").JSX.Element>>;

package/lib/typescript/module/utils/animated/Animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Animated.d.ts","sourceRoot":"","sources":["../../../../../src/utils/animated/Animated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAMhF,eAAO,MAAM,QAAQ;;cAKP,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,eAAe;;;;;;;;;;CAcvD,CAAC"}

package/lib/typescript/module/utils/animated/AnimatedCoordinatesArray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedCoordinatesArray.d.ts","sourceRoot":"","sources":["../../../../../src/utils/animated/AnimatedCoordinatesArray.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,UAAU,gBAAgB;IACxB,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,YAAY,EAAE,mBAAmB,EAAE,CAAC;CACrC;AAED,qBAAa,wBAAyB,SAAQ,2BAA2B,CAAC,gBAAgB,CAAC;IACzF;;;;;OAKG;IACH,SAAS,CAAC,cAAc,CACtB,gBAAgB,EAAE,mBAAmB,EAAE,GACtC,gBAAgB;IAUnB;;;;;;OAMG;IACH,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,QAAQ,CAAC;IAIzE;;;;;;OAMG;IACH,WAAW,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,GAAG,gBAAgB;IA+CxE;;;;;;OAMG;IACH,SAAS,CAAC,OAAO,CACf,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,mBAAmB,EAAE,GAC7B,gBAAgB;CASpB"}

package/lib/typescript/module/utils/animated/AnimatedExtractCoordinateFromArray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedExtractCoordinateFromArray.d.ts","sourceRoot":"","sources":["../../../../../src/utils/animated/AnimatedExtractCoordinateFromArray.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAEhF,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AAErE,qBAAa,kCAAmC,SAAQ,oBAAoB;IAC1E,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAS;gBAEnB,KAAK,EAAE,6BAA6B,EAAE,KAAK,EAAE,MAAM;IAM/D,UAAU,IAAI,mBAAmB;IAWjC,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}

package/lib/typescript/module/utils/animated/AnimatedGeoJSON.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedGeoJSON.d.ts","sourceRoot":"","sources":["../../../../../src/utils/animated/AnimatedGeoJSON.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAEhF,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AAErE,KAAK,sBAAsB,GACvB;IACE,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,kCAAkC,CAAC;CACjD,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,wBAAwB,GAAG,6BAA6B,CAAC;CACvE,CAAC;AAEN;;;;;;;;GAQG;AACH,qBAAa,eAAgB,SAAQ,oBAAoB;gBAC3C,OAAO,EAAE,sBAAsB;IAK3C,OAAO,CAAC,uBAAuB;IAsB/B,OAAO,CAAC,cAAc;IAetB,UAAU,IAAI,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,UAAU;IAUhD,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}

package/lib/typescript/module/utils/animated/AnimatedPoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedPoint.d.ts","sourceRoot":"","sources":["../../../../../src/utils/animated/AnimatedPoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,KAAK,oBAAoB,GACrB,OAAO,CAAC,KAAK,GACb;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,QAAQ,CAAC,aAAa,EAAE,CAAA;CAAE,CAAC;AAE7D,QAAA,MAAM,oBAAoB,EAErB,OAAO,QAAQ,CAAC,oBAAoB,CAAC;AAE1C,qBAAa,aAAc,SAAQ,oBAAoB;IACrD,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC;IAEzB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;gBAE9D,OAAO,CAAC,EAAE,oBAAoB;IAqB1C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAG,IAAI;IAKpC,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,IAAI;IAKtC,aAAa,IAAI,IAAI;IAKrB,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,IAAI;IAS9D,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,MAAM;IAkB9D,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAUhC,MAAM,CAAC,EACL,OAAO,EACP,GAAG,MAAM,EACV,EAAE,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,iBAAiB,GAAG,SAAS,CAAC,GAAG;QACvE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;KACxB,GAAG,QAAQ,CAAC,kBAAkB;IAe/B,MAAM,CAAC,EACL,OAAO,EACP,GAAG,MAAM,EACV,EAAE,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,iBAAiB,GAAG,SAAS,CAAC,GAAG;QACvE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;KACxB,GAAG,QAAQ,CAAC,kBAAkB;IAe/B,UAAU,IAAI,OAAO,CAAC,KAAK;IAU3B,QAAQ,IAAI,IAAI;IAKhB,QAAQ,IAAI,IAAI;CAMjB"}

package/lib/typescript/module/utils/animated/AnimatedRouteCoordinatesArray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedRouteCoordinatesArray.d.ts","sourceRoot":"","sources":["../../../../../src/utils/animated/AnimatedRouteCoordinatesArray.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,KAAK,EAGV,KAAK,KAAK,EACX,MAAM,eAAe,CAAC;AAIvB,OAAO,EACL,2BAA2B,EAC3B,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,UAAU,oBAAoB;IAC5B,GAAG,EAGC;QAAE,KAAK,EAAE,KAAK,GAAG,mBAAmB,CAAA;KAAE;IACxC;;OAEG;OACD;QACE,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,KAAK,CAAC;KACf,CAAC;CACP;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACjC,GAAG,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,EAAE,MAAM,CAAC;KACZ,GAAG,CAAC;QAAE,KAAK,CAAC,EAAE,KAAK,GAAG,mBAAmB,CAAA;KAAE,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpE;AAED,qBAAa,6BAA8B,SAAQ,2BAA2B,CAC5E,kBAAkB,EAClB,oBAAoB,CACrB;IACC;;;;;OAKG;IACH,SAAS,CAAC,cAAc,CACtB,gBAAgB,EAAE,mBAAmB,EAAE,GACtC,kBAAkB;IASrB;;;;;OAKG;IACH,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,EAAE;IAItE;;;;;;OAMG;IACH,SAAS,CAAC,WAAW,CACnB,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,MAAM,GACf,kBAAkB;IAgCrB;;;;;;OAMG;IACH,SAAS,CAAC,OAAO,CACf,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,oBAAoB,GAC5B,kBAAkB;IA4BrB,IAAI,aAAa,IAAI,mBAAmB,EAAE,CAEzC;CACF"}

package/lib/typescript/module/utils/convertStyleSpec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertStyleSpec.d.ts","sourceRoot":"","sources":["../../../../src/utils/convertStyleSpec.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAa/D;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAC7C,OAAO,CAAC,aAAa,CAAC,GAAG,SAAS,CAYpC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAC1C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAC3C,eAAe,EAAE,aAAa,GAAG,SAAS,GACzC,aAAa,GAAG,SAAS,CAe3B"}

package/lib/typescript/module/utils/findNodeHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findNodeHandle.d.ts","sourceRoot":"","sources":["../../../../src/utils/findNodeHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,eAAO,MAAM,cAAc,GAAI,KAAK,SAAS,GAAG,IAAI,WAUnD,CAAC"}

package/lib/typescript/module/utils/getNativeFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNativeFilter.d.ts","sourceRoot":"","sources":["../../../../src/utils/getNativeFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,wBAAgB,eAAe,CAC7B,MAAM,EAAE,mBAAmB,GAAG,SAAS,GACtC,OAAO,EAAE,CAUX"}

package/lib/typescript/module/utils/getStylePropertyType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStylePropertyType.d.ts","sourceRoot":"","sources":["../../../../src/utils/getStylePropertyType.ts"],"names":[],"mappings":"AAsNA,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCpB,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,MAAM,OAAO,eAAe,GAC1C,MAAM,CAUR"}

package/lib/typescript/module/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACT,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,KAAK,mBAAmB,EAEzB,MAAM,cAAc,CAAC;AAEtB,wBAAgB,SAAS,IAAI,OAAO,CAEnC;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,IAAI,QAAQ,CAEtD;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,MAAM,CAEpD;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,SAAS,CAE1D;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,MAAM,CAEpD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,IAAI,OAAO,CAExD;AAED,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GAC1B,SAAS,EAAE,CAAC;AAEhB,wBAAgB,gBAAgB,CAAC,UAAU,GAAG,SAAS,EACrD,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,GAAE,SAAS,EAAO,GACrB,UAAU,CA0BZ;AAED,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,SAAS,EACnB,UAAU,GAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAO,GACzC,YAAY,EAAE,GAAG,IAAI,CAWvB;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,GAAG,MAAM,CAGtE;AAED,wBAAgB,YAAY,CAAC,IAAI,GAAE,MAAM,GAAG,MAAW,GAAG,MAAM,CAE/D"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maplibre/maplibre-react-native",
   "description": "React Native library for creating maps with MapLibre Native for Android & iOS",
-  "version": "11.0.0-beta.2",
+  "version": "11.0.0-beta.21",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -25,37 +25,30 @@
     "url": "https://github.com/maplibre/maplibre-react-native/issues"
   },
   "scripts": {
-    "codegen": "tsx scripts/codegen.ts",
     "format": "prettier --write .",
     "lint": "yarn lint:tsc && yarn lint:eslint",
-    "lint:tsc": "tsc --project ./ && tsc --project ./src/__tests__ && tsc --project ./examples/shared && yarn docs lint:tsc",
+    "lint:tsc": "tsc --project ./ && tsc --project ./src/__tests__",
     "lint:eslint": "eslint ./ --max-warnings 0",
     "lint:eslint:fix": "eslint ./ --fix",
     "test": "jest",
-    "prepack": "bob build",
-    "docs": "yarn workspace docs",
-    "examples:react-native": "yarn workspace react-native-app",
-    "examples:expo": "yarn workspace expo-app"
+    "prepack": "cp ../LICENSE.md ./LICENSE.md && cp ../README.md ./README.md && bob build",
+    "postpack": "rm ./LICENSE.md && rm ./README.md"
   },
-  "workspaces": [
-    "docs",
-    "examples/*"
-  ],
   "packageManager": "yarn@4.10.3",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",
   "source": "./src/index.ts",
-  "types": "./lib/typescript/module/src/index.d.ts",
+  "types": "./lib/typescript/module/index.d.ts",
   "exports": {
     ".": {
       "import": {
         "source": "./src/index.ts",
-        "types": "./lib/typescript/module/src/index.d.ts",
+        "types": "./lib/typescript/module/index.d.ts",
         "default": "./lib/module/index.js"
       },
       "require": {
         "source": "./src/index.ts",
-        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "types": "./lib/typescript/commonjs/index.d.ts",
         "default": "./lib/commonjs/index.js"
       }
     },
@@ -67,11 +60,11 @@
     },
     "./plugin": {
       "import": {
-        "types": "./lib/typescript/module/src/plugin/withMapLibre.d.ts",
+        "types": "./lib/typescript/module/plugin/withMapLibre.d.ts",
         "default": "./lib/module/plugin/withMapLibre.js"
       },
       "require": {
-        "types": "./lib/typescript/commonjs/src/plugin/withMapLibre.d.ts",
+        "types": "./lib/typescript/commonjs/plugin/withMapLibre.d.ts",
         "default": "./lib/commonjs/plugin/withMapLibre.js"
       }
     }
@@ -139,16 +132,6 @@
         "MLRNRasterSource": "MLRNRasterSourceComponentView",
         "MLRNGeoJSONSource": "MLRNGeoJSONSourceComponentView",
         "MLRNVectorSource": "MLRNVectorSourceComponentView"
-      },
-      "modulesProvider": {
-        "MLRNCameraModule": "MLRNCameraModule",
-        "MLRNGeoJSONSourceModule": "MLRNGeoJSONSourceModule",
-        "MLRNLocationModule": "MLRNLocationModule",
-        "MLRNLogModule": "MLRNLogModule",
-        "MLRNMapViewModule": "MLRNMapViewModule",
-        "MLRNOfflineModule": "MLRNOfflineModule",
-        "MLRNStaticMapModule": "MLRNStaticMapModule",
-        "MLRNVectorSourceModule": "MLRNVectorSourceModule"
       }
     }
   },
@@ -171,40 +154,35 @@
     }
   },
   "dependencies": {
-    "@maplibre/maplibre-gl-style-spec": "24.3.1",
+    "@maplibre/maplibre-gl-style-spec": "24.4.1",
     "@turf/distance": "^7.1.0",
     "@turf/helpers": "^7.1.0",
     "@turf/length": "^7.1.0",
     "@turf/nearest-point-on-line": "^7.1.0"
   },
   "devDependencies": {
-    "@expo/config-plugins": "~54.0.2",
-    "@react-native-community/cli": "^20.0.2",
-    "@react-native/babel-preset": "0.81.5",
+    "@expo/config-plugins": "~55.0.4",
+    "@react-native-community/cli": "^20.1.1",
+    "@react-native/babel-preset": "0.84.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^7.1.0",
     "@semantic-release/git": "^10.0.1",
     "@testing-library/react-native": "^13.3.3",
-    "@types/ejs": "^3.1.5",
     "@types/geojson": "^7946.0.16",
-    "@types/node": "^24.10.0",
-    "@types/react": "^19.1.13",
-    "documentation": "^14.0.0",
-    "ejs": "^4.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^24.1.0",
+    "@types/react": "^19.2.14",
     "eslint": "^8.57.1",
     "eslint-config-universe": "15.0.3",
-    "expo-module-scripts": "^5.0.7",
     "jest": "^29.7.0",
-    "prettier": "3.7.4",
-    "react": "19.1.0",
-    "react-docgen": "^8.0.1",
-    "react-native": "0.81.5",
+    "prettier": "3.8.1",
+    "react": "19.2.3",
+    "react-native": "0.84.1",
     "react-native-builder-bob": "0.40.17",
-    "react-test-renderer": "19.1.0",
+    "react-test-renderer": "19.2.3",
     "semantic-release": "^25.0.1",
     "snapshot-diff": "^0.10.0",
-    "ts-node": "^10.9.2",
-    "tsx": "^4.20.5",
+    "ts-node": "10.9.2",
     "typescript": "^5.9.2"
   }
 }

package/src/components/annotations/marker/Marker.tsx

@@ -1,12 +1,8 @@
+import { Component, type ComponentProps, type ReactElement } from "react";
 import {
-  Component,
-  type ComponentProps,
-  type ReactElement,
-  useRef,
-} from "react";
-import {
-  type NativeMethods,
+  type NativeSyntheticEvent,
   Platform,
+  type ReactNativeElement,
   View,
   type ViewProps,
 } from "react-native";
@@ -16,10 +12,17 @@ import { useFrozenId } from "../../../hooks/useFrozenId";
 import { type Anchor, anchorToNative } from "../../../types/Anchor";
 import type { LngLat } from "../../../types/LngLat";
 import type { PixelPoint } from "../../../types/PixelPoint";
-import {
-  ViewAnnotation,
-  type ViewAnnotationRef,
-} from "../view-annotation/ViewAnnotation";
+import type { PressEvent } from "../../../types/PressEvent";
+import { ViewAnnotation } from "../view-annotation/ViewAnnotation";
+
+export type NativeMarkerRef = Component<
+  ComponentProps<typeof MarkerViewNativeComponent>
+> &
+  ReactNativeElement;
+
+export type MarkerEvent = PressEvent & {
+  id: string;
+};
 
 export interface MarkerProps extends ViewProps {
   /**
@@ -36,7 +39,8 @@ export interface MarkerProps extends ViewProps {
   /**
    * Specifies the anchor being set on a particular point of the annotation.
    * The anchor indicates which part of the marker should be placed closest to the coordinate.
-   * Defaults to "center".
+   *
+   * @default "center"
    *
    * @see https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/PositionAnchor/
    */
@@ -46,6 +50,8 @@ export interface MarkerProps extends ViewProps {
    * The offset in pixels to apply relative to the anchor.
    * Negative values indicate left and up.
    *
+   * @default [0, 0]
+   *
    * @see https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/MarkerOptions/#offset
    */
   offset?: PixelPoint;
@@ -58,7 +64,12 @@ export interface MarkerProps extends ViewProps {
   selected?: boolean;
 
   /**
-   * Expects one child - can be container with multiple elements
+   * This callback is fired when the marker is pressed.
+   */
+  onPress?: (event: NativeSyntheticEvent<MarkerEvent>) => void;
+
+  /**
+   * Expects one child - can be a View with multiple elements.
    */
   children: ReactElement;
 }
@@ -78,21 +89,14 @@ export const Marker = ({
   offset,
   ...props
 }: MarkerProps) => {
-  const nativeRef = useRef<
-    Component<ComponentProps<typeof MarkerViewNativeComponent>> &
-      Readonly<NativeMethods>
-  >(null);
-
   const nativeAnchor = anchorToNative(anchor);
   const nativeOffset = offset ? { x: offset[0], y: offset[1] } : undefined;
 
-  const viewAnnotationRef = useRef<ViewAnnotationRef>(null);
   const frozenId = useFrozenId(id);
 
   if (Platform.OS === "ios") {
     return (
       <ViewAnnotation
-        ref={viewAnnotationRef}
         id={frozenId}
         anchor={anchor}
         offset={offset}
@@ -103,7 +107,6 @@ export const Marker = ({
 
   return (
     <MarkerViewNativeComponent
-      ref={nativeRef}
       id={frozenId}
       anchor={nativeAnchor}
       offset={nativeOffset}

package/src/components/annotations/marker/MarkerViewNativeComponent.ts

@@ -8,8 +8,8 @@ import {
 import type { UnsafeMixed } from "../../../types/codegen/UnsafeMixed";
 
 type NativeAnchor = {
-  x: CodegenTypes.Double;
-  y: CodegenTypes.Double;
+  x?: CodegenTypes.WithDefault<CodegenTypes.Double, 0.5>;
+  y?: CodegenTypes.WithDefault<CodegenTypes.Double, 0.5>;
 };
 
 type NativeOffset = {
@@ -17,12 +17,22 @@ type NativeOffset = {
   y: CodegenTypes.Double;
 };
 
+type NativeMarkerPressEvent = {
+  id: string;
+  lngLat: UnsafeMixed<
+    [longitude: CodegenTypes.Double, latitude: CodegenTypes.Double]
+  >;
+  point: UnsafeMixed<[x: CodegenTypes.Double, y: CodegenTypes.Double]>;
+};
+
 export interface NativeProps extends ViewProps {
+  id: string;
   lngLat: UnsafeMixed<
     [longitude: CodegenTypes.Double, latitude: CodegenTypes.Double]
   >;
   anchor?: NativeAnchor;
   offset?: NativeOffset;
+  onPress?: CodegenTypes.BubblingEventHandler<NativeMarkerPressEvent>;
 }
 
 export default codegenNativeComponent<NativeProps>(

package/src/components/annotations/view-annotation/PointAnnotationNativeComponent.ts

@@ -9,8 +9,8 @@ import {
 import type { UnsafeMixed } from "../../../types/codegen/UnsafeMixed";
 
 type NativeAnchor = {
-  x: CodegenTypes.Double;
-  y: CodegenTypes.Double;
+  x?: CodegenTypes.WithDefault<CodegenTypes.Double, 0.5>;
+  y?: CodegenTypes.WithDefault<CodegenTypes.Double, 0.5>;
 };
 
 type NativeOffset = {
@@ -38,8 +38,9 @@ export interface NativeProps extends ViewProps {
   anchor?: NativeAnchor;
   offset?: NativeOffset;
 
-  onSelected?: CodegenTypes.DirectEventHandler<NativeAnnotationEvent>;
-  onDeselected?: CodegenTypes.DirectEventHandler<NativeAnnotationEvent>;
+  onPress?: CodegenTypes.BubblingEventHandler<NativeAnnotationEvent>;
+  onSelect?: CodegenTypes.BubblingEventHandler<NativeAnnotationEvent>;
+  onDeselect?: CodegenTypes.BubblingEventHandler<NativeAnnotationEvent>;
   onDragStart?: CodegenTypes.DirectEventHandler<NativeAnnotationEvent>;
   onDrag?: CodegenTypes.DirectEventHandler<NativeAnnotationEvent>;
   onDragEnd?: CodegenTypes.DirectEventHandler<NativeAnnotationEvent>;

package/src/components/annotations/view-annotation/ViewAnnotation.tsx

@@ -2,16 +2,16 @@ import {
   Children,
   Component,
   type ComponentProps,
-  forwardRef,
   isValidElement,
   type ReactElement,
+  type Ref,
   useImperativeHandle,
   useRef,
 } from "react";
 import {
-  type NativeMethods,
   type NativeSyntheticEvent,
   Platform,
+  type ReactNativeElement,
   StyleSheet,
   View,
   type ViewProps,
@@ -35,6 +35,11 @@ const styles = StyleSheet.create({
   },
 });
 
+export type NativeViewAnnotationRef = Component<
+  ComponentProps<typeof PointAnnotationNativeComponent>
+> &
+  ReactNativeElement;
+
 export type ViewAnnotationEvent = PressEvent & {
   id: string;
 };
@@ -62,7 +67,9 @@ export interface ViewAnnotationProps {
   selected?: boolean;
 
   /**
-   * Enable or disable dragging. Defaults to false.
+   * Enable or disable dragging.
+   *
+   * @default false
    */
   draggable?: boolean;
 
@@ -74,7 +81,8 @@ export interface ViewAnnotationProps {
   /**
    * Specifies the anchor being set on a particular point of the annotation.
    * The anchor indicates which part of the marker should be placed closest to the coordinate.
-   * Defaults to "center".
+   *
+   * @default "center"
    *
    * @see https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/PositionAnchor/
    */
@@ -84,19 +92,26 @@ export interface ViewAnnotationProps {
    * The offset in pixels to apply relative to the anchor.
    * Negative values indicate left and up.
    *
+   * @default [0, 0]
+   *
    * @see https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/MarkerOptions/#offset
    */
   offset?: PixelPoint;
 
+  /**
+   * This callback is fired when the annotation is pressed.
+   */
+  onPress?: (event: NativeSyntheticEvent<ViewAnnotationEvent>) => void;
+
   /**
    * This callback is fired once this annotation is selected.
    */
-  onSelected?: (event: NativeSyntheticEvent<ViewAnnotationEvent>) => void;
+  onSelect?: (event: NativeSyntheticEvent<ViewAnnotationEvent>) => void;
 
   /**
    * This callback is fired once this annotation is deselected.
    */
-  onDeselected?: (event: NativeSyntheticEvent<ViewAnnotationEvent>) => void;
+  onDeselect?: (event: NativeSyntheticEvent<ViewAnnotationEvent>) => void;
 
   /**
    * This callback is fired once this annotation has started being dragged.
@@ -113,12 +128,17 @@ export interface ViewAnnotationProps {
    */
   onDrag?: (event: NativeSyntheticEvent<ViewAnnotationEvent>) => void;
 
+  style?: ViewProps["style"];
+
   /**
    * Expects one child, and an optional callout can be added as well
    */
   children: ReactElement | [ReactElement, ReactElement];
 
-  style?: ViewProps["style"];
+  /**
+   * Ref to access ViewAnnotation methods.
+   */
+  ref?: Ref<ViewAnnotationRef>;
 }
 
 export interface ViewAnnotationRef {
@@ -139,81 +159,62 @@ export interface ViewAnnotationRef {
  * If you need interactive views please use Marker,
  * as with ViewAnnotation on Android child views are rendered onto a bitmap for better performance.
  */
-export const ViewAnnotation = forwardRef<
-  ViewAnnotationRef,
-  ViewAnnotationProps
->(
-  (
-    {
-      id,
-      anchor = "center",
-      draggable = false,
-      offset,
-      ...props
-    }: ViewAnnotationProps,
-    ref,
-  ) => {
-    const frozenId = useFrozenId(id);
-    const nativeAnchor = anchorToNative(anchor);
-    const nativeOffset = offset ? { x: offset[0], y: offset[1] } : undefined;
-    const nativeRef = useRef<
-      Component<ComponentProps<typeof PointAnnotationNativeComponent>> &
-        Readonly<NativeMethods>
-    >(null);
-
-    useImperativeHandle(
-      ref,
-      (): ViewAnnotationRef => ({
-        refresh,
-      }),
-    );
-
-    function refresh(): void {
+export const ViewAnnotation = ({
+  id,
+  anchor = "center",
+  draggable = false,
+  offset,
+  ref,
+  ...props
+}: ViewAnnotationProps) => {
+  const frozenId = useFrozenId(id);
+  const nativeAnchor = anchorToNative(anchor);
+  const nativeOffset = offset ? { x: offset[0], y: offset[1] } : undefined;
+  const nativeRef = useRef<NativeViewAnnotationRef>(null);
+
+  useImperativeHandle(ref, () => ({
+    refresh: () => {
       if (Platform.OS === "android" && nativeRef.current) {
         Commands.refresh(nativeRef.current);
       }
-    }
+    },
+  }));
 
-    // On Android, wrap children in a non-collapsable View to prevent Fabric
-    // from flattening the view hierarchy. Without this, Fabric may flatten
-    // intermediate Views, causing their backgrounds to disappear.
-    // We need to keep Callout separate so native code can identify it.
-    const wrappedChildren = (() => {
-      if (Platform.OS !== "android") {
-        return props.children;
-      }
+  const wrappedChildren = (() => {
+    if (Platform.OS !== "android") {
+      return props.children;
+    }
 
-      // Separate Callout from other children so native can identify it
-      const childArray = Children.toArray(props.children);
-      const callout = childArray.find(
-        (child) => isValidElement(child) && child.type === Callout,
-      );
-      const otherChildren = childArray.filter(
-        (child) => !isValidElement(child) || child.type !== Callout,
-      );
-
-      return (
-        <>
-          <View collapsable={false} style={{ overflow: "visible" }}>
-            {otherChildren}
-          </View>
-          {callout}
-        </>
-      );
-    })();
+    // Separate Callout from other children so native can identify it
+    const childArray = Children.toArray(props.children);
+    const callout = childArray.find(
+      (child) => isValidElement(child) && child.type === Callout,
+    );
+    const otherChildren = childArray.filter(
+      (child) => !isValidElement(child) || child.type !== Callout,
+    );
 
     return (
-      <PointAnnotationNativeComponent
-        ref={nativeRef}
-        {...props}
-        id={frozenId}
-        anchor={nativeAnchor}
-        offset={nativeOffset}
-        draggable={draggable}
-        style={[props.style, styles.container]}
-      >
-        {wrappedChildren}
-      </PointAnnotationNativeComponent>
+      <>
+        <View collapsable={false} style={{ overflow: "visible" }}>
+          {otherChildren}
+        </View>
+        {callout}
+      </>
     );
-  },
-);
+  })();
+
+  return (
+    <PointAnnotationNativeComponent
+      ref={nativeRef}
+      {...props}
+      id={frozenId}
+      anchor={nativeAnchor}
+      offset={nativeOffset}
+      draggable={draggable}
+      style={[props.style, styles.container]}
+    >
+      {wrappedChildren}
+    </PointAnnotationNativeComponent>
+  );
+};