@maplibre/maplibre-react-native 10.1.0 → 10.1.1

package/lib/typescript/commonjs/src/components/UserLocationPuck.d.ts

@@ -0,0 +1,9 @@
+import type { BaseProps } from "../types/BaseProps";
+interface UserLocationPuckProps extends BaseProps {
+    sourceID: string;
+    heading?: number;
+    belowLayerID?: string;
+}
+export declare const UserLocationPuck: import("react").MemoExoticComponent<({ sourceID, heading }: UserLocationPuckProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=UserLocationPuck.d.ts.map

package/lib/typescript/commonjs/src/components/UserLocationPuck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserLocationPuck.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserLocationPuck.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAwBpD,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,8DACH,qBAAqB,6CA0B9C,CAAC"}

package/lib/typescript/commonjs/src/components/UserLocationPuckHeading.d.ts

@@ -0,0 +1,9 @@
+import { type BaseProps } from "../types/BaseProps";
+interface UserLocationPuckHeadingProps extends BaseProps {
+    sourceID: string;
+    belowLayerID?: string;
+    heading: number;
+}
+export declare const UserLocationPuckHeading: import("react").MemoExoticComponent<({ sourceID, belowLayerID, heading }: UserLocationPuckHeadingProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=UserLocationPuckHeading.d.ts.map

package/lib/typescript/commonjs/src/components/UserLocationPuckHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserLocationPuckHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserLocationPuckHeading.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAUpD,UAAU,4BAA6B,SAAQ,SAAS;IACtD,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,uBAAuB,4EACI,4BAA4B,6CAWnE,CAAC"}

package/lib/typescript/commonjs/src/utils/animated/AbstractAnimatedCoordinates.d.ts

@@ -2,7 +2,6 @@ import { Animated } from "react-native";
 declare const AnimatedWithChildren: any;
 export type AnimatedCoordinates = [number, number];
 export declare abstract class AbstractAnimatedCoordinates<State> extends AnimatedWithChildren {
-    static [x: string]: any;
     constructor(coords: AnimatedCoordinates[]);
     /**
      * Subclasses can override to calculate initial state

package/lib/typescript/commonjs/src/utils/animated/AbstractAnimatedCoordinates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractAnimatedCoordinates.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AbstractAnimatedCoordinates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAMnD,8BAAsB,2BAA2B,CAC/C,KAAK,CACL,SAAQ,oBAAoB;;gBAChB,MAAM,EAAE,mBAAmB,EAAE;IAMzC;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK;IAC7D;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK;IAE3D,OAAO,CACL,aAAa,EAAE,QAAQ,CAAC,KAAK,EAC7B,iBAAiB,EAAE,QAAQ,CAAC,kBAAkB,EAC9C,MAAM,EAAE,CACJ,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,oBAAoB,CAChC,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GACrC,QAAQ,CAAC,kBAAkB;IA2B9B,MAAM,CACJ,MAAM,EAAE,QAAQ,CAAC,qBAAqB,GAAG;QACvC,OAAO,EAAE,mBAAmB,EAAE,CAAC;KAChC,GACA,QAAQ,CAAC,kBAAkB;IAa9B,MAAM,CACJ,MAAM,EAAE,QAAQ,CAAC,qBAAqB,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GAC1E,QAAQ,CAAC,kBAAkB;IAa9B,KAAK,CACH,MAAM,EAAE,QAAQ,CAAC,oBAAoB,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GACzE,QAAQ,CAAC,kBAAkB;IAY9B,UAAU,IAAI,mBAAmB,EAAE;CAQpC"}
+{"version":3,"file":"AbstractAnimatedCoordinates.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AbstractAnimatedCoordinates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAMnD,8BAAsB,2BAA2B,CAC/C,KAAK,CACL,SAAQ,oBAAoB;gBAChB,MAAM,EAAE,mBAAmB,EAAE;IAMzC;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK;IAC7D;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK;IAE3D,OAAO,CACL,aAAa,EAAE,QAAQ,CAAC,KAAK,EAC7B,iBAAiB,EAAE,QAAQ,CAAC,kBAAkB,EAC9C,MAAM,EAAE,CACJ,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,oBAAoB,CAChC,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GACrC,QAAQ,CAAC,kBAAkB;IA2B9B,MAAM,CACJ,MAAM,EAAE,QAAQ,CAAC,qBAAqB,GAAG;QACvC,OAAO,EAAE,mBAAmB,EAAE,CAAC;KAChC,GACA,QAAQ,CAAC,kBAAkB;IAa9B,MAAM,CACJ,MAAM,EAAE,QAAQ,CAAC,qBAAqB,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GAC1E,QAAQ,CAAC,kBAAkB;IAa9B,KAAK,CACH,MAAM,EAAE,QAAQ,CAAC,oBAAoB,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GACzE,QAAQ,CAAC,kBAAkB;IAY9B,UAAU,IAAI,mBAAmB,EAAE;CAQpC"}

package/lib/typescript/commonjs/src/utils/animated/AnimatedExtractCoordinateFromArray.d.ts

@@ -1,6 +1,5 @@
 declare const AnimatedWithChildren: any;
 export declare class AnimatedExtractCoordinateFromArray extends AnimatedWithChildren {
-    static [x: string]: any;
     _array: AnimatedExtractCoordinateFromArray;
     _index: number;
     constructor(array: AnimatedExtractCoordinateFromArray, index: number);

package/lib/typescript/commonjs/src/utils/animated/AnimatedExtractCoordinateFromArray.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedExtractCoordinateFromArray.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedExtractCoordinateFromArray.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,qBAAa,kCAAmC,SAAQ,oBAAoB;;IAC1E,MAAM,EAAE,kCAAkC,CAAC;IAE3C,MAAM,SAAK;gBAEC,KAAK,EAAE,kCAAkC,EAAE,KAAK,EAAE,MAAM;IAMpE,UAAU,IAAI,kCAAkC;IAUhD,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}
+{"version":3,"file":"AnimatedExtractCoordinateFromArray.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedExtractCoordinateFromArray.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,qBAAa,kCAAmC,SAAQ,oBAAoB;IAC1E,MAAM,EAAE,kCAAkC,CAAC;IAE3C,MAAM,SAAK;gBAEC,KAAK,EAAE,kCAAkC,EAAE,KAAK,EAAE,MAAM;IAMpE,UAAU,IAAI,kCAAkC;IAUhD,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}

package/lib/typescript/commonjs/src/utils/animated/AnimatedPoint.d.ts

@@ -1,7 +1,6 @@
 import { Animated } from "react-native";
 declare const AnimatedWithChildren: any;
 export declare class AnimatedPoint extends AnimatedWithChildren {
-    static [x: string]: any;
     constructor(point?: {
         type: string;
         coordinates: number[];

package/lib/typescript/commonjs/src/utils/animated/AnimatedPoint.d.ts.map

@@ -1 +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,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AAOrE,qBAAa,aAAc,SAAQ,oBAAoB;;gBACzC,KAAK;;;KAAgB;IAiBjC,QAAQ,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKrC,SAAS,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKtC,aAAa,IAAI,IAAI;IAKrB,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,IAAI;IASxD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,MAAM;IAkBxD,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAMhC,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,UAAU,IAAI,OAAO,CAAC,KAAK;IAO3B,QAAQ,IAAI,IAAI;IAKhB,QAAQ,IAAI,IAAI;CAIjB"}
+{"version":3,"file":"AnimatedPoint.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedPoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AAOrE,qBAAa,aAAc,SAAQ,oBAAoB;gBACzC,KAAK;;;KAAgB;IAiBjC,QAAQ,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKrC,SAAS,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKtC,aAAa,IAAI,IAAI;IAKrB,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,IAAI;IASxD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,MAAM;IAkBxD,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAMhC,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,UAAU,IAAI,OAAO,CAAC,KAAK;IAO3B,QAAQ,IAAI,IAAI;IAKhB,QAAQ,IAAI,IAAI;CAIjB"}

package/lib/typescript/commonjs/src/utils/animated/AnimatedShape.d.ts

@@ -16,7 +16,6 @@ type Shape = {
  * <AnimatedShapeSource ... shape={new AnimatedShape({type:'LineString', coordinates: animatedCoords})} />
  */
 export declare class AnimatedShape extends AnimatedWithChildren {
-    static [x: string]: any;
     constructor(shape: Shape);
     _walkShapeAndGetValues(value: any): any;
     __getValue(): any;

package/lib/typescript/commonjs/src/utils/animated/AnimatedShape.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedShape.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedShape.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAIhF,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,KAAK,KAAK,GACN;IACE,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EACP,kCAAkC,GAClC,6BAA6B,CAAC;CACnC,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,wBAAwB,CAAC;CACvC,CAAC;AAEN;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,oBAAoB;;gBAIzC,KAAK,EAAE,KAAK;IAKxB,sBAAsB,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG;IAkBvC,UAAU,IAAI,GAAG;IAMjB,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI;IAarE,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}
+{"version":3,"file":"AnimatedShape.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedShape.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAIhF,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,KAAK,KAAK,GACN;IACE,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EACP,kCAAkC,GAClC,6BAA6B,CAAC;CACnC,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,wBAAwB,CAAC;CACvC,CAAC;AAEN;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,oBAAoB;gBAIzC,KAAK,EAAE,KAAK;IAKxB,sBAAsB,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG;IAkBvC,UAAU,IAAI,GAAG;IAMjB,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI;IAarE,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}

package/lib/typescript/module/src/components/MarkerView.d.ts

@@ -36,7 +36,7 @@ interface MarkerViewProps extends ViewProps {
  *
  * If you have static view consider using PointAnnotation or SymbolLayer they'll offer much better performance
  * .
- * This is based on [MakerView plugin](https://docs.mapbox.com/android/plugins/overview/markerview/) on Android
+ * This is based on [MakerView plugin](https://github.com/maplibre/maplibre-plugins-android/tree/main/plugin-markerview) on Android
  * and PointAnnotation on iOS.
  */
 export declare const MarkerView: ({ anchor, allowOverlap, isSelected, ...rest }: MarkerViewProps) => import("react/jsx-runtime").JSX.Element;

package/lib/typescript/module/src/components/UserLocation.d.ts

@@ -1,6 +1,5 @@
 import { type ReactNode } from "react";
 import { type Location } from "../modules/location/LocationManager";
-export declare const normalIcon: (showsUserHeadingIndicator?: boolean, heading?: number) => import("react/jsx-runtime").JSX.Element[];
 interface UserLocationProps {
     /**
      * Whether location icon is animated between updates

package/lib/typescript/module/src/components/UserLocation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserLocation.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserLocation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,EACL,KAAK,QAAQ,EAEd,MAAM,qCAAqC,CAAC;AAwB7C,eAAO,MAAM,UAAU,+BACO,OAAO,YACzB,MAAM,8CAqBjB,CAAC;AAEF,UAAU,iBAAiB;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACjC;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;IACjD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAQD,oBAAY,sBAAsB;IAChC,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,kBAAkB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,2BAA2B,EAAE,MAAM,OAAO,CAAC;IAC3C,iBAAiB,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,YAAY,oJAwKxB,CAAC"}
+{"version":3,"file":"UserLocation.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserLocation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAKf,OAAO,EACL,KAAK,QAAQ,EAEd,MAAM,qCAAqC,CAAC;AAI7C,UAAU,iBAAiB;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACjC;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;IACjD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAQD,oBAAY,sBAAsB;IAChC,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,kBAAkB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,2BAA2B,EAAE,MAAM,OAAO,CAAC;IAC3C,iBAAiB,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,YAAY,oJAgLxB,CAAC"}

package/lib/typescript/module/src/components/UserLocationPuck.d.ts

@@ -0,0 +1,9 @@
+import type { BaseProps } from "../types/BaseProps";
+interface UserLocationPuckProps extends BaseProps {
+    sourceID: string;
+    heading?: number;
+    belowLayerID?: string;
+}
+export declare const UserLocationPuck: import("react").MemoExoticComponent<({ sourceID, heading }: UserLocationPuckProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=UserLocationPuck.d.ts.map

package/lib/typescript/module/src/components/UserLocationPuck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserLocationPuck.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserLocationPuck.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAwBpD,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,8DACH,qBAAqB,6CA0B9C,CAAC"}

package/lib/typescript/module/src/components/UserLocationPuckHeading.d.ts

@@ -0,0 +1,9 @@
+import { type BaseProps } from "../types/BaseProps";
+interface UserLocationPuckHeadingProps extends BaseProps {
+    sourceID: string;
+    belowLayerID?: string;
+    heading: number;
+}
+export declare const UserLocationPuckHeading: import("react").MemoExoticComponent<({ sourceID, belowLayerID, heading }: UserLocationPuckHeadingProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=UserLocationPuckHeading.d.ts.map

package/lib/typescript/module/src/components/UserLocationPuckHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserLocationPuckHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserLocationPuckHeading.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAUpD,UAAU,4BAA6B,SAAQ,SAAS;IACtD,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,uBAAuB,4EACI,4BAA4B,6CAWnE,CAAC"}

package/lib/typescript/module/src/utils/animated/AbstractAnimatedCoordinates.d.ts

@@ -2,7 +2,6 @@ import { Animated } from "react-native";
 declare const AnimatedWithChildren: any;
 export type AnimatedCoordinates = [number, number];
 export declare abstract class AbstractAnimatedCoordinates<State> extends AnimatedWithChildren {
-    static [x: string]: any;
     constructor(coords: AnimatedCoordinates[]);
     /**
      * Subclasses can override to calculate initial state

package/lib/typescript/module/src/utils/animated/AbstractAnimatedCoordinates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractAnimatedCoordinates.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AbstractAnimatedCoordinates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAMnD,8BAAsB,2BAA2B,CAC/C,KAAK,CACL,SAAQ,oBAAoB;;gBAChB,MAAM,EAAE,mBAAmB,EAAE;IAMzC;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK;IAC7D;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK;IAE3D,OAAO,CACL,aAAa,EAAE,QAAQ,CAAC,KAAK,EAC7B,iBAAiB,EAAE,QAAQ,CAAC,kBAAkB,EAC9C,MAAM,EAAE,CACJ,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,oBAAoB,CAChC,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GACrC,QAAQ,CAAC,kBAAkB;IA2B9B,MAAM,CACJ,MAAM,EAAE,QAAQ,CAAC,qBAAqB,GAAG;QACvC,OAAO,EAAE,mBAAmB,EAAE,CAAC;KAChC,GACA,QAAQ,CAAC,kBAAkB;IAa9B,MAAM,CACJ,MAAM,EAAE,QAAQ,CAAC,qBAAqB,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GAC1E,QAAQ,CAAC,kBAAkB;IAa9B,KAAK,CACH,MAAM,EAAE,QAAQ,CAAC,oBAAoB,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GACzE,QAAQ,CAAC,kBAAkB;IAY9B,UAAU,IAAI,mBAAmB,EAAE;CAQpC"}
+{"version":3,"file":"AbstractAnimatedCoordinates.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AbstractAnimatedCoordinates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAMnD,8BAAsB,2BAA2B,CAC/C,KAAK,CACL,SAAQ,oBAAoB;gBAChB,MAAM,EAAE,mBAAmB,EAAE;IAMzC;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK;IAC7D;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK;IAE3D,OAAO,CACL,aAAa,EAAE,QAAQ,CAAC,KAAK,EAC7B,iBAAiB,EAAE,QAAQ,CAAC,kBAAkB,EAC9C,MAAM,EAAE,CACJ,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,qBAAqB,GAC9B,QAAQ,CAAC,oBAAoB,CAChC,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GACrC,QAAQ,CAAC,kBAAkB;IA2B9B,MAAM,CACJ,MAAM,EAAE,QAAQ,CAAC,qBAAqB,GAAG;QACvC,OAAO,EAAE,mBAAmB,EAAE,CAAC;KAChC,GACA,QAAQ,CAAC,kBAAkB;IAa9B,MAAM,CACJ,MAAM,EAAE,QAAQ,CAAC,qBAAqB,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GAC1E,QAAQ,CAAC,kBAAkB;IAa9B,KAAK,CACH,MAAM,EAAE,QAAQ,CAAC,oBAAoB,GAAG;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,GACzE,QAAQ,CAAC,kBAAkB;IAY9B,UAAU,IAAI,mBAAmB,EAAE;CAQpC"}

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

@@ -1,6 +1,5 @@
 declare const AnimatedWithChildren: any;
 export declare class AnimatedExtractCoordinateFromArray extends AnimatedWithChildren {
-    static [x: string]: any;
     _array: AnimatedExtractCoordinateFromArray;
     _index: number;
     constructor(array: AnimatedExtractCoordinateFromArray, index: number);

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedExtractCoordinateFromArray.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedExtractCoordinateFromArray.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,qBAAa,kCAAmC,SAAQ,oBAAoB;;IAC1E,MAAM,EAAE,kCAAkC,CAAC;IAE3C,MAAM,SAAK;gBAEC,KAAK,EAAE,kCAAkC,EAAE,KAAK,EAAE,MAAM;IAMpE,UAAU,IAAI,kCAAkC;IAUhD,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}
+{"version":3,"file":"AnimatedExtractCoordinateFromArray.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedExtractCoordinateFromArray.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,qBAAa,kCAAmC,SAAQ,oBAAoB;IAC1E,MAAM,EAAE,kCAAkC,CAAC;IAE3C,MAAM,SAAK;gBAEC,KAAK,EAAE,kCAAkC,EAAE,KAAK,EAAE,MAAM;IAMpE,UAAU,IAAI,kCAAkC;IAUhD,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}

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

@@ -1,7 +1,6 @@
 import { Animated } from "react-native";
 declare const AnimatedWithChildren: any;
 export declare class AnimatedPoint extends AnimatedWithChildren {
-    static [x: string]: any;
     constructor(point?: {
         type: string;
         coordinates: number[];

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

@@ -1 +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,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AAOrE,qBAAa,aAAc,SAAQ,oBAAoB;;gBACzC,KAAK;;;KAAgB;IAiBjC,QAAQ,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKrC,SAAS,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKtC,aAAa,IAAI,IAAI;IAKrB,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,IAAI;IASxD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,MAAM;IAkBxD,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAMhC,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,UAAU,IAAI,OAAO,CAAC,KAAK;IAO3B,QAAQ,IAAI,IAAI;IAKhB,QAAQ,IAAI,IAAI;CAIjB"}
+{"version":3,"file":"AnimatedPoint.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedPoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AAOrE,qBAAa,aAAc,SAAQ,oBAAoB;gBACzC,KAAK;;;KAAgB;IAiBjC,QAAQ,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKrC,SAAS,CAAC,KAAK;;;KAAgB,GAAG,IAAI;IAKtC,aAAa,IAAI,IAAI;IAKrB,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,IAAI;IASxD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,KAAK,IAAI,GAAG,MAAM;IAkBxD,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAMhC,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,MAAM,CACJ,MAAM,GAAE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG;QAChD,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC;KACE,GACjC,QAAQ,CAAC,kBAAkB;IAe9B,UAAU,IAAI,OAAO,CAAC,KAAK;IAO3B,QAAQ,IAAI,IAAI;IAKhB,QAAQ,IAAI,IAAI;CAIjB"}

package/lib/typescript/module/src/utils/animated/AnimatedShape.d.ts

@@ -16,7 +16,6 @@ type Shape = {
  * <AnimatedShapeSource ... shape={new AnimatedShape({type:'LineString', coordinates: animatedCoords})} />
  */
 export declare class AnimatedShape extends AnimatedWithChildren {
-    static [x: string]: any;
     constructor(shape: Shape);
     _walkShapeAndGetValues(value: any): any;
     __getValue(): any;

package/lib/typescript/module/src/utils/animated/AnimatedShape.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedShape.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedShape.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAIhF,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,KAAK,KAAK,GACN;IACE,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EACP,kCAAkC,GAClC,6BAA6B,CAAC;CACnC,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,wBAAwB,CAAC;CACvC,CAAC;AAEN;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,oBAAoB;;gBAIzC,KAAK,EAAE,KAAK;IAKxB,sBAAsB,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG;IAkBvC,UAAU,IAAI,GAAG;IAMjB,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI;IAarE,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}
+{"version":3,"file":"AnimatedShape.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/animated/AnimatedShape.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAIhF,QAAA,MAAM,oBAAoB,KAA0C,CAAC;AASrE,KAAK,KAAK,GACN;IACE,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EACP,kCAAkC,GAClC,6BAA6B,CAAC;CACnC,GACD;IACE,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,wBAAwB,CAAC;CACvC,CAAC;AAEN;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,oBAAoB;gBAIzC,KAAK,EAAE,KAAK;IAKxB,sBAAsB,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG;IAkBvC,UAAU,IAAI,GAAG;IAMjB,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,KAAK,IAAI,GAAG,IAAI;IAarE,QAAQ,IAAI,IAAI;IAIhB,QAAQ,IAAI,IAAI;CAIjB"}

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": "10.1.0",
+  "version": "10.1.1",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -145,25 +145,25 @@
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@expo/config-plugins": "^9.0.11",
-    "@maplibre/maplibre-gl-style-spec": "22.0.1",
+    "@maplibre/maplibre-gl-style-spec": "23.1.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@sinonjs/fake-timers": "^13.0.5",
-    "@testing-library/react-native": "^12.9.0",
+    "@sinonjs/fake-timers": "^14.0.0",
+    "@testing-library/react-native": "^13.0.1",
     "@types/ejs": "^3.1.5",
     "@types/geojson": "^7946.0.14",
     "@types/node": "^22.10.1",
-    "@types/react": "^18.3.13",
+    "@types/react": "^18.3.18",
     "documentation": "^14.0.0",
     "ejs": "^3.1.10",
     "eslint": "^8.57.1",
     "eslint-config-universe": "14.0.0",
-    "expo-module-scripts": "^4.0.2",
+    "expo-module-scripts": "^4.0.4",
     "jest": "^29.7.0",
-    "prettier": "3.4.2",
+    "prettier": "3.5.3",
     "react": "18.3.1",
     "react-docgen": "^7.1.0",
-    "react-native": "0.75.4",
+    "react-native": "0.76.7",
     "react-native-builder-bob": "^0.34.0",
     "react-test-renderer": "18.3.1",
     "semantic-release": "^24.2.0",

package/src/components/MarkerView.tsx

@@ -50,7 +50,7 @@ interface NativeProps extends ViewProps {
  *
  * If you have static view consider using PointAnnotation or SymbolLayer they'll offer much better performance
  * .
- * This is based on [MakerView plugin](https://docs.mapbox.com/android/plugins/overview/markerview/) on Android
+ * This is based on [MakerView plugin](https://github.com/maplibre/maplibre-plugins-android/tree/main/plugin-markerview) on Android
  * and PointAnnotation on iOS.
  */
 export const MarkerView = ({

package/src/components/UserLocation.tsx

@@ -9,60 +9,14 @@ import {
 } from "react";
 
 import { Annotation } from "./Annotation";
-import { CircleLayer } from "./CircleLayer";
-import { HeadingIndicator } from "./HeadingIndicator";
 import { NativeUserLocation } from "./NativeUserLocation";
+import { UserLocationPuck } from "./UserLocationPuck";
 import {
   type Location,
   LocationManager,
 } from "../modules/location/LocationManager";
-import { type CircleLayerStyle } from "../types/MapLibreRNStyles";
 
-const mapboxBlue = "rgba(51, 181, 229, 100)";
-
-const layerStyles: Record<string, CircleLayerStyle> = {
-  pluse: {
-    circleRadius: 15,
-    circleColor: mapboxBlue,
-    circleOpacity: 0.2,
-    circlePitchAlignment: "map",
-  },
-  background: {
-    circleRadius: 9,
-    circleColor: "#fff",
-    circlePitchAlignment: "map",
-  },
-  foreground: {
-    circleRadius: 6,
-    circleColor: mapboxBlue,
-    circlePitchAlignment: "map",
-  },
-};
-
-export const normalIcon = (
-  showsUserHeadingIndicator?: boolean,
-  heading?: number,
-) => [
-  <CircleLayer
-    key="mapboxUserLocationPluseCircle"
-    id="mapboxUserLocationPluseCircle"
-    style={layerStyles.pluse}
-  />,
-  <CircleLayer
-    key="mapboxUserLocationWhiteCircle"
-    id="mapboxUserLocationWhiteCircle"
-    style={layerStyles.background}
-  />,
-  <CircleLayer
-    key="mapboxUserLocationBlueCicle"
-    id="mapboxUserLocationBlueCicle"
-    aboveLayerID="mapboxUserLocationWhiteCircle"
-    style={layerStyles.foreground}
-  />,
-  ...(showsUserHeadingIndicator && heading
-    ? [HeadingIndicator({ heading })]
-    : []),
-];
+const USER_LOCATION_SOURCE_ID = "mlrn-user-location";
 
 interface UserLocationProps {
   /**
@@ -290,15 +244,23 @@ export const UserLocation = memo(
       return (
         <Annotation
           animated={animated}
-          id="mapboxUserLocation"
+          id={USER_LOCATION_SOURCE_ID}
           onPress={onPress}
           coordinates={userLocationState.coordinates}
           style={{
             iconRotate: userLocationState.heading,
           }}
         >
-          {children ||
-            normalIcon(showsUserHeadingIndicator, userLocationState.heading)}
+          {children || (
+            <UserLocationPuck
+              sourceID={USER_LOCATION_SOURCE_ID}
+              heading={
+                showsUserHeadingIndicator
+                  ? userLocationState.heading
+                  : undefined
+              }
+            />
+          )}
         </Annotation>
       );
     },

package/src/components/UserLocationPuck.tsx

@@ -0,0 +1,62 @@
+import { memo } from "react";
+
+import { CircleLayer } from "./CircleLayer";
+import { UserLocationPuckHeading } from "./UserLocationPuckHeading";
+import type { BaseProps } from "../types/BaseProps";
+import type { CircleLayerStyle } from "../types/MapLibreRNStyles";
+
+const blue = "#33B5E5";
+
+const layerStyles: Record<"pulse" | "white" | "blue", CircleLayerStyle> = {
+  pulse: {
+    circleRadius: 15,
+    circleColor: blue,
+    circleOpacity: 0.2,
+    circlePitchAlignment: "map",
+  },
+  white: {
+    circleRadius: 9,
+    circleColor: "#fff",
+    circlePitchAlignment: "map",
+  },
+  blue: {
+    circleRadius: 6,
+    circleColor: blue,
+    circlePitchAlignment: "map",
+  },
+};
+
+interface UserLocationPuckProps extends BaseProps {
+  sourceID: string;
+  heading?: number;
+  belowLayerID?: string;
+}
+
+export const UserLocationPuck = memo(
+  ({ sourceID, heading }: UserLocationPuckProps) => (
+    <>
+      <CircleLayer
+        id="mlrn-user-location-puck-pulse"
+        sourceID={sourceID}
+        style={layerStyles.pulse}
+      />
+      <CircleLayer
+        id="mlrn-user-location-puck-white"
+        sourceID={sourceID}
+        style={layerStyles.white}
+      />
+      <CircleLayer
+        id="mlrn-user-location-puck-blue"
+        sourceID={sourceID}
+        style={layerStyles.blue}
+      />
+      {typeof heading === "number" && (
+        <UserLocationPuckHeading
+          sourceID={sourceID}
+          belowLayerID="mlrn-user-location-puck-white"
+          heading={heading}
+        />
+      )}
+    </>
+  ),
+);

package/src/components/UserLocationPuckHeading.tsx

@@ -0,0 +1,33 @@
+import { memo } from "react";
+
+import { SymbolLayer } from "./SymbolLayer";
+import headingIcon from "../assets/heading.png";
+import { type BaseProps } from "../types/BaseProps";
+import type { SymbolLayerStyle } from "../types/MapLibreRNStyles";
+
+const layerStyle: SymbolLayerStyle = {
+  iconImage: headingIcon,
+  iconAllowOverlap: true,
+  iconPitchAlignment: "map",
+  iconRotationAlignment: "map",
+};
+
+interface UserLocationPuckHeadingProps extends BaseProps {
+  sourceID: string;
+  belowLayerID?: string;
+  heading: number;
+}
+
+export const UserLocationPuckHeading = memo(
+  ({ sourceID, belowLayerID, heading }: UserLocationPuckHeadingProps) => (
+    <SymbolLayer
+      id="mlrn-user-location-puck-heading"
+      sourceID={sourceID}
+      belowLayerID={belowLayerID}
+      style={{
+        iconRotate: heading,
+        ...layerStyle,
+      }}
+    />
+  ),
+);

package/lib/commonjs/components/HeadingIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_SymbolLayer","require","_heading","_interopRequireDefault","_jsxRuntime","e","__esModule","default","style","iconImage","headingIcon","iconAllowOverlap","iconPitchAlignment","iconRotationAlignment","HeadingIndicator","heading","jsx","SymbolLayer","id","belowLayerID","iconRotate","exports"],"sourceRoot":"../../../src","sources":["components/HeadingIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhD,MAAMG,KAAK,GAAG;EACZC,SAAS,EAAEC,gBAAW;EACtBC,gBAAgB,EAAE,IAAI;EACtBC,kBAAkB,EAAE,KAAK;EACzBC,qBAAqB,EAAE;AACzB,CAAU;AAMH,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,kBACjE,IAAAX,WAAA,CAAAY,GAAA,EAAChB,YAAA,CAAAiB,WAAW;EAEVC,EAAE,EAAC,oCAAoC;EACvCC,YAAY,EAAC,+BAA+B;EAC5CX,KAAK,EAAE;IACLY,UAAU,EAAEL,OAAO;IACnB,GAAGP;EACL;AAAE,GANE,oCAOL,CACF;AAACa,OAAA,CAAAP,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/module/components/HeadingIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SymbolLayer","headingIcon","jsx","_jsx","style","iconImage","iconAllowOverlap","iconPitchAlignment","iconRotationAlignment","HeadingIndicator","heading","id","belowLayerID","iconRotate"],"sourceRoot":"../../../src","sources":["components/HeadingIndicator.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,kBAAe;AAC3C,OAAOC,WAAW,MAAM,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,MAAMC,KAAK,GAAG;EACZC,SAAS,EAAEJ,WAAW;EACtBK,gBAAgB,EAAE,IAAI;EACtBC,kBAAkB,EAAE,KAAK;EACzBC,qBAAqB,EAAE;AACzB,CAAU;AAMV,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,kBACjEP,IAAA,CAACH,WAAW;EAEVW,EAAE,EAAC,oCAAoC;EACvCC,YAAY,EAAC,+BAA+B;EAC5CR,KAAK,EAAE;IACLS,UAAU,EAAEH,OAAO;IACnB,GAAGN;EACL;AAAE,GANE,oCAOL,CACF","ignoreList":[]}

package/lib/typescript/commonjs/src/components/HeadingIndicator.d.ts

@@ -1,7 +0,0 @@
-import { type BaseProps } from "../types/BaseProps";
-interface HeadingIndicatorProps extends BaseProps {
-    heading?: number;
-}
-export declare const HeadingIndicator: ({ heading }: HeadingIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=HeadingIndicator.d.ts.map

package/lib/typescript/commonjs/src/components/HeadingIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/HeadingIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AASpD,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,gBAAiB,qBAAqB,4CAUlE,CAAC"}

package/lib/typescript/module/src/components/HeadingIndicator.d.ts

@@ -1,7 +0,0 @@
-import { type BaseProps } from "../types/BaseProps";
-interface HeadingIndicatorProps extends BaseProps {
-    heading?: number;
-}
-export declare const HeadingIndicator: ({ heading }: HeadingIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=HeadingIndicator.d.ts.map

package/lib/typescript/module/src/components/HeadingIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/HeadingIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AASpD,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,gBAAiB,qBAAqB,4CAUlE,CAAC"}

package/src/components/HeadingIndicator.tsx

@@ -1,26 +0,0 @@
-import { SymbolLayer } from "./SymbolLayer";
-import headingIcon from "../assets/heading.png";
-import { type BaseProps } from "../types/BaseProps";
-
-const style = {
-  iconImage: headingIcon,
-  iconAllowOverlap: true,
-  iconPitchAlignment: "map",
-  iconRotationAlignment: "map",
-} as const;
-
-interface HeadingIndicatorProps extends BaseProps {
-  heading?: number;
-}
-
-export const HeadingIndicator = ({ heading }: HeadingIndicatorProps) => (
-  <SymbolLayer
-    key="mapboxUserLocationHeadingIndicator"
-    id="mapboxUserLocationHeadingIndicator"
-    belowLayerID="mapboxUserLocationWhiteCircle"
-    style={{
-      iconRotate: heading,
-      ...style,
-    }}
-  />
-);