@lugg/maps 0.2.0-alpha.3 → 0.2.0-alpha.30

package/lib/typescript/src/components/Polyline.d.ts

@@ -1,6 +1,30 @@
 import React from 'react';
 import type { ColorValue } from 'react-native';
 import type { Coordinate } from '../types';
+export type PolylineEasing = 'linear' | 'easeIn' | 'easeOut' | 'easeInOut';
+export interface PolylineAnimatedOptions {
+    /**
+     * Animation duration in milliseconds
+     * @default 2150
+     */
+    duration?: number;
+    /**
+     * Easing function for the animation
+     * @default 'linear'
+     */
+    easing?: PolylineEasing;
+    /**
+     * Portion of the line visible as trail (0-1)
+     * 1.0 = full snake effect, 0.2 = short worm
+     * @default 1.0
+     */
+    trailLength?: number;
+    /**
+     * Delay before animation starts in milliseconds
+     * @default 0
+     */
+    delay?: number;
+}
 export interface PolylineProps {
     /**
      * Array of coordinates forming the polyline
@@ -18,8 +42,19 @@ export interface PolylineProps {
      * Animate the polyline with a snake effect
      */
     animated?: boolean;
+    /**
+     * Animation configuration options
+     */
+    animatedOptions?: PolylineAnimatedOptions;
+    /**
+     * Z-index for layering polylines
+     */
+    zIndex?: number;
 }
-export declare class Polyline extends React.Component<PolylineProps> {
+export declare class Polyline extends React.PureComponent<PolylineProps> {
+    private getStyle;
+    private _cachedZIndex;
+    private _cachedStyle;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 //# sourceMappingURL=Polyline.d.ts.map

package/lib/typescript/src/components/Polyline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Polyline.d.ts","sourceRoot":"","sources":["../../../../src/components/Polyline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC1D,MAAM;CAkBP"}
+{"version":3,"file":"Polyline.d.ts","sourceRoot":"","sources":["../../../../src/components/Polyline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;AAE3E,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAC9D,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,YAAY,CAAM;IAE1B,MAAM;CAqBP"}

package/lib/typescript/src/components/Polyline.web.d.ts

@@ -0,0 +1,3 @@
+import type { PolylineProps } from './Polyline';
+export declare function Polyline({ coordinates, strokeColors, strokeWidth, animated, animatedOptions, zIndex, }: PolylineProps): null;
+//# sourceMappingURL=Polyline.web.d.ts.map

package/lib/typescript/src/components/Polyline.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Polyline.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Polyline.web.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,YAAY,CAAC;AA+ChE,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,YAAY,EACZ,WAAe,EACf,QAAQ,EACR,eAAe,EACf,MAAM,GACP,EAAE,aAAa,QAsOf"}

package/lib/typescript/src/components/index.d.ts

@@ -1,3 +1,5 @@
-export * from './Marker';
-export * from './Polyline';
+export { Marker } from './Marker';
+export type { MarkerProps } from './Marker';
+export { Polyline } from './Polyline';
+export type { PolylineProps, PolylineEasing, PolylineAnimatedOptions, } from './Polyline';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,cAAc,EACd,uBAAuB,GACxB,MAAM,YAAY,CAAC"}

package/lib/typescript/src/components/index.web.d.ts

@@ -0,0 +1,5 @@
+export { Marker } from './Marker.web';
+export { Polyline } from './Polyline.web';
+export type { MarkerProps } from './Marker';
+export type { PolylineProps } from './Polyline';
+//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/src/components/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/components/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/lib/typescript/src/fabric/{LuggGoogleMapViewNativeComponent.d.ts → LuggMapViewNativeComponent.d.ts}

@@ -1,5 +1,5 @@
 import type { ViewProps, HostComponent } from 'react-native';
-import type { Double, DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+import type { Double, WithDefault, DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
 export interface Coordinate {
     latitude: Double;
     longitude: Double;
@@ -29,6 +29,7 @@ export interface CameraIdleEvent {
 export interface ReadyEvent {
 }
 export interface NativeProps extends ViewProps {
+    provider?: WithDefault<'google' | 'apple', 'google'>;
     mapId?: string;
     initialCoordinate?: Coordinate;
     initialZoom?: Double;
@@ -38,8 +39,10 @@ export interface NativeProps extends ViewProps {
     scrollEnabled?: boolean;
     rotateEnabled?: boolean;
     pitchEnabled?: boolean;
-    padding?: EdgeInsets;
+    edgeInsets?: EdgeInsets;
     userLocationEnabled?: boolean;
+    userLocationButtonEnabled?: boolean;
+    theme?: WithDefault<'light' | 'dark' | 'system', 'system'>;
     onCameraMove?: DirectEventHandler<CameraMoveEvent>;
     onCameraIdle?: DirectEventHandler<CameraIdleEvent>;
     onReady?: DirectEventHandler<ReadyEvent>;
@@ -47,9 +50,10 @@ export interface NativeProps extends ViewProps {
 type ComponentType = HostComponent<NativeProps>;
 interface NativeCommands {
     moveCamera: (viewRef: React.ElementRef<ComponentType>, latitude: Double, longitude: Double, zoom: Double, duration: Double) => void;
-    fitCoordinates: (viewRef: React.ElementRef<ComponentType>, coordinates: Coordinate[], paddingTop: Double, paddingLeft: Double, paddingBottom: Double, paddingRight: Double, duration: Double) => void;
+    fitCoordinates: (viewRef: React.ElementRef<ComponentType>, coordinates: Coordinate[], edgeInsetsTop: Double, edgeInsetsLeft: Double, edgeInsetsBottom: Double, edgeInsetsRight: Double, duration: Double) => void;
+    setEdgeInsets: (viewRef: React.ElementRef<ComponentType>, top: Double, left: Double, bottom: Double, right: Double, duration: Double) => void;
 }
 export declare const Commands: NativeCommands;
 declare const _default: ComponentType;
 export default _default;
-//# sourceMappingURL=LuggGoogleMapViewNativeComponent.d.ts.map
+//# sourceMappingURL=LuggMapViewNativeComponent.d.ts.map

package/lib/typescript/src/fabric/LuggMapViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LuggMapViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/fabric/LuggMapViewNativeComponent.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/fabric/LuggMarkerViewNativeComponent.d.ts

@@ -1,5 +1,5 @@
 import type { ViewProps, HostComponent } from 'react-native';
-import type { Double } from 'react-native/Libraries/Types/CodegenTypes';
+import type { Double, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
 export interface Coordinate {
     latitude: Double;
     longitude: Double;
@@ -14,6 +14,9 @@ export interface NativeProps extends ViewProps {
     title?: string;
     description?: string;
     anchor?: Point;
+    rotate?: WithDefault<Double, 0>;
+    scale?: WithDefault<Double, 1>;
+    rasterize?: WithDefault<boolean, true>;
 }
 declare const _default: HostComponent<NativeProps>;
 export default _default;

package/lib/typescript/src/fabric/LuggMarkerViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LuggMarkerViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/fabric/LuggMarkerViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAExE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}
+{"version":3,"file":"LuggMarkerViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/fabric/LuggMarkerViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EACV,MAAM,EACN,WAAW,EACZ,MAAM,2CAA2C,CAAC;AAEnD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;CACxC;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}

package/lib/typescript/src/fabric/LuggPolylineViewNativeComponent.d.ts

@@ -4,11 +4,18 @@ export interface Coordinate {
     latitude: Double;
     longitude: Double;
 }
+export interface AnimatedOptions {
+    duration?: Double;
+    easing?: string;
+    trailLength?: Double;
+    delay?: Double;
+}
 export interface NativeProps extends ViewProps {
     coordinates: ReadonlyArray<Coordinate>;
     strokeColors?: ReadonlyArray<ColorValue>;
     strokeWidth?: Double;
     animated?: boolean;
+    animatedOptions?: AnimatedOptions;
 }
 declare const _default: HostComponent<NativeProps>;
 export default _default;

package/lib/typescript/src/fabric/LuggPolylineViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LuggPolylineViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/fabric/LuggPolylineViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAExE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}
+{"version":3,"file":"LuggPolylineViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/fabric/LuggPolylineViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAExE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,WAAW,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}

package/lib/typescript/src/index.d.ts

@@ -1,5 +1,10 @@
 export { MapView } from './MapView';
-export * from './components';
-export type { MapViewProps, MapViewRef, MoveCameraOptions, FitCoordinatesOptions, CameraEventPayload, } from './MapView.types';
-export type { MapProvider, Coordinate, Point, EdgeInsets } from './types';
+export { MapProvider } from './MapProvider';
+export type { MapProviderProps } from './MapProvider.types';
+export { Marker } from './components';
+export type { MarkerProps } from './components';
+export { Polyline } from './components';
+export type { PolylineProps, PolylineEasing, PolylineAnimatedOptions, } from './components';
+export type { MapViewProps, MapViewRef, MoveCameraOptions, FitCoordinatesOptions, SetEdgeInsetsOptions, CameraEventPayload, } from './MapView.types';
+export type { MapProvider as MapProviderType, MapTheme, Coordinate, Point, EdgeInsets, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,YAAY,EACV,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,YAAY,EACV,aAAa,EACb,cAAc,EACd,uBAAuB,GACxB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,WAAW,IAAI,eAAe,EAC9B,QAAQ,EACR,UAAU,EACV,KAAK,EACL,UAAU,GACX,MAAM,SAAS,CAAC"}

package/lib/typescript/src/index.web.d.ts

@@ -0,0 +1,10 @@
+export { MapView } from './MapView.web';
+export { MapProvider } from './MapProvider.web';
+export type { MapProviderProps } from './MapProvider.types';
+export { Marker } from './components/index.web';
+export type { MarkerProps } from './components/index.web';
+export { Polyline } from './components/index.web';
+export type { PolylineProps } from './components/index.web';
+export type { MapViewProps, MapViewRef, MoveCameraOptions, FitCoordinatesOptions, CameraEventPayload, } from './MapView.types';
+export type { MapProvider as MapProviderType, Coordinate, Point, EdgeInsets, } from './types';
+//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/src/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EACV,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,WAAW,IAAI,eAAe,EAC9B,UAAU,EACV,KAAK,EACL,UAAU,GACX,MAAM,SAAS,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -25,4 +25,8 @@ export interface EdgeInsets {
     bottom: number;
     right: number;
 }
+/**
+ * Map theme
+ */
+export type MapTheme = 'light' | 'dark' | 'system';
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC"}

package/package.json

@@ -1,12 +1,17 @@
 {
   "name": "@lugg/maps",
-  "version": "0.2.0-alpha.3",
+  "version": "0.2.0-alpha.30",
   "description": "Universal maps for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
       "source": "./src/index.ts",
+      "react-native": "./lib/module/index.js",
+      "web": {
+        "types": "./lib/typescript/src/index.web.d.ts",
+        "default": "./lib/module/index.web.js"
+      },
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
@@ -75,6 +80,7 @@
     "@release-it/conventional-changelog": "^10.0.1",
     "@types/jest": "^29.5.14",
     "@types/react": "^19.2.0",
+    "@vis.gl/react-google-maps": "^1.7.1",
     "commitlint": "^19.8.1",
     "del-cli": "^6.0.0",
     "eslint": "^9.35.0",
@@ -90,10 +96,19 @@
     "turbo": "^2.5.6",
     "typescript": "^5.9.2"
   },
+  "resolutions": {
+    "@lodev09/react-native-true-sheet": "3.9.0-beta.1"
+  },
   "peerDependencies": {
+    "@vis.gl/react-google-maps": ">=1.0.0",
     "react": "*",
     "react-native": "*"
   },
+  "peerDependenciesMeta": {
+    "@vis.gl/react-google-maps": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@expo/config-plugins": "^9.0.0"
   },
@@ -130,8 +145,7 @@
     },
     "ios": {
       "componentProvider": {
-        "LuggGoogleMapView": "LuggGoogleMapView",
-        "LuggAppleMapView": "LuggAppleMapView",
+        "LuggMapView": "LuggMapView",
         "LuggMarkerView": "LuggMarkerView",
         "LuggMapWrapperView": "LuggMapWrapperView",
         "LuggPolylineView": "LuggPolylineView"

package/src/MapProvider.tsx

@@ -0,0 +1,10 @@
+import type { MapProviderProps } from './MapProvider.types';
+
+/**
+ * Provider component for map configuration.
+ * On web, wraps children with Google Maps APIProvider.
+ * On native, passes children through.
+ */
+export function MapProvider({ children }: MapProviderProps) {
+  return children;
+}

package/src/MapProvider.types.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+
+/**
+ * MapProvider props
+ */
+export interface MapProviderProps {
+  /**
+   * Google Maps API key
+   * @platform web
+   */
+  apiKey?: string;
+  /**
+   * Map children
+   */
+  children: ReactNode;
+}

package/src/MapProvider.web.tsx

@@ -0,0 +1,14 @@
+import { createContext, useContext } from 'react';
+import { APIProvider } from '@vis.gl/react-google-maps';
+import type { MapProviderProps } from './MapProvider.types';
+
+export const MapContext = createContext<{
+  map: google.maps.Map | null;
+  isDragging: boolean;
+}>({ map: null, isDragging: false });
+
+export const useMapContext = () => useContext(MapContext);
+
+export function MapProvider({ apiKey = '', children }: MapProviderProps) {
+  return <APIProvider apiKey={apiKey}>{children}</APIProvider>;
+}

package/src/MapView.tsx

@@ -1,19 +1,17 @@
 import React from 'react';
 import { Platform, StyleSheet } from 'react-native';
-import LuggGoogleMapViewNativeComponent, {
-  Commands as GoogleMapCommands,
-} from './fabric/LuggGoogleMapViewNativeComponent';
-import LuggAppleMapViewNativeComponent, {
-  Commands as AppleMapCommands,
-} from './fabric/LuggAppleMapViewNativeComponent';
+import LuggMapViewNativeComponent, {
+  Commands,
+} from './fabric/LuggMapViewNativeComponent';
 import LuggMapWrapperViewNativeComponent from './fabric/LuggMapWrapperViewNativeComponent';
 import type {
   MapViewProps,
   MapViewRef,
   MoveCameraOptions,
   FitCoordinatesOptions,
+  SetEdgeInsetsOptions,
 } from './MapView.types';
-import type { Coordinate } from './types';
+import type { Coordinate, EdgeInsets } from './types';
 
 export class MapView
   extends React.Component<MapViewProps>
@@ -26,22 +24,17 @@ export class MapView
     scrollEnabled: true,
     rotateEnabled: true,
     pitchEnabled: true,
+    theme: 'system',
   };
 
   private nativeRef = React.createRef<any>();
 
-  private get nativeCommands() {
-    const provider = this.props.provider ?? MapView.defaultProps.provider;
-    const isApple = Platform.OS === 'ios' && provider === 'apple';
-    return isApple ? AppleMapCommands : GoogleMapCommands;
-  }
-
-  moveCamera(coordinate: Coordinate, options: MoveCameraOptions) {
+  moveCamera(coordinate: Coordinate, options?: MoveCameraOptions) {
     const ref = this.nativeRef.current;
     if (!ref) return;
 
-    const { zoom, duration = -1 } = options;
-    this.nativeCommands.moveCamera(
+    const { zoom = 0, duration = -1 } = options ?? {};
+    Commands.moveCamera(
       ref,
       coordinate.latitude,
       coordinate.longitude,
@@ -64,7 +57,7 @@ export class MapView
       return;
     }
 
-    this.nativeCommands.fitCoordinates(
+    Commands.fitCoordinates(
       ref,
       coordinates,
       top,
@@ -75,6 +68,15 @@ export class MapView
     );
   }
 
+  setEdgeInsets(edgeInsets: EdgeInsets, options?: SetEdgeInsetsOptions) {
+    const ref = this.nativeRef.current;
+    if (!ref) return;
+
+    const { top = 0, left = 0, bottom = 0, right = 0 } = edgeInsets;
+    const { duration = -1 } = options ?? {};
+    Commands.setEdgeInsets(ref, top, left, bottom, right, duration);
+  }
+
   render() {
     const {
       provider,
@@ -87,8 +89,10 @@ export class MapView
       scrollEnabled,
       rotateEnabled,
       pitchEnabled,
-      padding,
+      edgeInsets,
       userLocationEnabled,
+      userLocationButtonEnabled,
+      theme,
       onCameraMove,
       onCameraIdle,
       onReady,
@@ -96,15 +100,11 @@ export class MapView
       ...rest
     } = this.props;
 
-    const NativeMapView =
-      Platform.OS === 'ios' && provider === 'apple'
-        ? LuggAppleMapViewNativeComponent
-        : LuggGoogleMapViewNativeComponent;
-
     return (
-      <NativeMapView
+      <LuggMapViewNativeComponent
         ref={this.nativeRef}
         {...rest}
+        provider={provider}
         mapId={mapId}
         initialCoordinate={initialCoordinate}
         initialZoom={initialZoom}
@@ -114,15 +114,17 @@ export class MapView
         scrollEnabled={scrollEnabled}
         rotateEnabled={rotateEnabled}
         pitchEnabled={pitchEnabled}
-        padding={padding}
+        edgeInsets={edgeInsets}
         userLocationEnabled={userLocationEnabled}
+        userLocationButtonEnabled={userLocationButtonEnabled}
+        theme={theme}
         onCameraMove={onCameraMove}
         onCameraIdle={onCameraIdle}
         onReady={onReady}
       >
         <LuggMapWrapperViewNativeComponent style={StyleSheet.absoluteFill} />
         {children}
-      </NativeMapView>
+      </LuggMapViewNativeComponent>
     );
   }
 }

package/src/MapView.types.ts

@@ -1,34 +1,40 @@
 import type { ReactNode } from 'react';
 import type { NativeSyntheticEvent, ViewProps } from 'react-native';
-import type { MapProvider, Coordinate, EdgeInsets } from './types';
+import type { MapProvider, Coordinate, EdgeInsets, MapTheme } from './types';
 
 /**
  * Options for moving the camera
- * @default duration -1
  */
 export interface MoveCameraOptions {
-  zoom: number;
+  zoom?: number;
   duration?: number;
 }
 
 /**
  * Options for fitting coordinates in view
- * @default duration -1
  */
 export interface FitCoordinatesOptions {
   padding?: EdgeInsets;
   duration?: number;
 }
 
+/**
+ * Options for setting edge insets
+ */
+export interface SetEdgeInsetsOptions {
+  duration?: number;
+}
+
 /**
  * MapView ref methods
  */
 export interface MapViewRef {
-  moveCamera(coordinate: Coordinate, options: MoveCameraOptions): void;
+  moveCamera(coordinate: Coordinate, options?: MoveCameraOptions): void;
   fitCoordinates(
     coordinates: Coordinate[],
     options?: FitCoordinatesOptions
   ): void;
+  setEdgeInsets(edgeInsets: EdgeInsets, options?: SetEdgeInsetsOptions): void;
 }
 
 /**
@@ -91,15 +97,26 @@ export interface MapViewProps extends ViewProps {
    */
   pitchEnabled?: boolean;
   /**
-   * Map content padding
+   * Map content edge insets
    */
-  padding?: EdgeInsets;
+  edgeInsets?: EdgeInsets;
   /**
    * Show current user location on the map.
    * Requires location permission to be granted, otherwise silently ignored.
    * @default false
    */
   userLocationEnabled?: boolean;
+  /**
+   * Show native my-location button when userLocationEnabled is true (Android only).
+   * @default false
+   * @platform android
+   */
+  userLocationButtonEnabled?: boolean;
+  /**
+   * Map color theme
+   * @default 'system'
+   */
+  theme?: MapTheme;
   /**
    * Called when camera moves
    */