@lugg/maps 0.2.0-alpha.5 → 0.2.0-alpha.7

package/lib/module/components/Polyline.web.js

@@ -0,0 +1,171 @@
+"use strict";
+
+import { Component, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useMap } from '@vis.gl/react-google-maps';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ANIMATION_DURATION = 1500;
+function interpolateColor(color1, color2, t) {
+  const hex = c => parseInt(c, 16);
+  const r1 = hex(color1.slice(1, 3));
+  const g1 = hex(color1.slice(3, 5));
+  const b1 = hex(color1.slice(5, 7));
+  const r2 = hex(color2.slice(1, 3));
+  const g2 = hex(color2.slice(3, 5));
+  const b2 = hex(color2.slice(5, 7));
+  const r = Math.round(r1 + (r2 - r1) * t);
+  const g = Math.round(g1 + (g2 - g1) * t);
+  const b = Math.round(b1 + (b2 - b1) * t);
+  return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
+}
+function getGradientColor(colors, position) {
+  if (colors.length === 0) return '#000000';
+  if (colors.length === 1 || position <= 0) return colors[0];
+  if (position >= 1) return colors[colors.length - 1];
+  const scaledPos = position * (colors.length - 1);
+  const index = Math.floor(scaledPos);
+  const t = scaledPos - index;
+  return interpolateColor(colors[index], colors[index + 1], t);
+}
+function PolylineImpl({
+  coordinates,
+  strokeColors,
+  strokeWidth = 1,
+  animated
+}) {
+  const map = useMap();
+  const polylinesRef = useRef([]);
+  const animationRef = useRef(0);
+  const colors = useMemo(() => strokeColors && strokeColors.length > 0 ? strokeColors : ['#000000'], [strokeColors]);
+  const hasGradient = colors.length > 1;
+
+  // Refs for animation loop access
+  const propsRef = useRef({
+    map,
+    colors,
+    strokeWidth,
+    hasGradient
+  });
+  const [mapReady, setMapReady] = useState(!!map);
+  useEffect(() => {
+    propsRef.current = {
+      map,
+      colors,
+      strokeWidth,
+      hasGradient
+    };
+    if (map && !mapReady) setMapReady(true);
+  }, [map, colors, strokeWidth, hasGradient, mapReady]);
+  const updatePath = useCallback(path => {
+    const {
+      map: currentMap,
+      colors: currentColors,
+      strokeWidth: currentStrokeWidth,
+      hasGradient: currentHasGradient
+    } = propsRef.current;
+    if (!currentMap || path.length < 2) return;
+    const neededSegments = currentHasGradient ? path.length - 1 : 1;
+    const existing = polylinesRef.current;
+
+    // Update or create segments
+    for (let i = 0; i < neededSegments; i++) {
+      const segmentPath = currentHasGradient ? [path[i], path[i + 1]] : path;
+      const color = currentHasGradient ? getGradientColor(currentColors, i / (path.length - 1)) : currentColors[0];
+      const segment = existing[i];
+      if (segment) {
+        segment.setPath(segmentPath);
+        segment.setOptions({
+          strokeColor: color
+        });
+      } else {
+        existing.push(new google.maps.Polyline({
+          path: segmentPath,
+          strokeColor: color,
+          strokeWeight: currentStrokeWidth,
+          strokeOpacity: 1,
+          map: currentMap
+        }));
+      }
+    }
+
+    // Remove extra segments
+    for (let i = neededSegments; i < existing.length; i++) {
+      existing[i]?.setMap(null);
+    }
+    existing.length = neededSegments;
+  }, []);
+
+  // Cleanup on unmount
+  useEffect(() => {
+    const polylines = polylinesRef.current;
+    return () => {
+      cancelAnimationFrame(animationRef.current);
+      polylines.forEach(p => p.setMap(null));
+    };
+  }, []);
+
+  // Main effect
+  useEffect(() => {
+    if (!propsRef.current.map || coordinates.length === 0) return;
+    const fullPath = coordinates.map(c => ({
+      lat: c.latitude,
+      lng: c.longitude
+    }));
+    cancelAnimationFrame(animationRef.current);
+    if (!animated) {
+      updatePath(fullPath);
+      return;
+    }
+    const totalPoints = fullPath.length;
+    const cycleDuration = ANIMATION_DURATION * 2;
+    const animate = time => {
+      const progress = time % cycleDuration / ANIMATION_DURATION;
+      const startIdx = progress <= 1 ? 0 : (progress - 1) * totalPoints;
+      const endIdx = progress <= 1 ? progress * totalPoints : totalPoints;
+      const partialPath = [];
+      const startFloor = Math.floor(startIdx);
+      const endFloor = Math.floor(endIdx);
+
+      // Start point (interpolated)
+      if (startFloor < totalPoints) {
+        const frac = startIdx - startFloor;
+        const from = fullPath[startFloor];
+        const to = fullPath[Math.min(startFloor + 1, totalPoints - 1)];
+        partialPath.push(frac > 0 ? {
+          lat: from.lat + (to.lat - from.lat) * frac,
+          lng: from.lng + (to.lng - from.lng) * frac
+        } : from);
+      }
+
+      // Middle points
+      for (let i = startFloor + 1; i <= Math.min(endFloor, totalPoints - 1); i++) {
+        partialPath.push(fullPath[i]);
+      }
+
+      // End point (interpolated)
+      if (endFloor < totalPoints - 1) {
+        const frac = endIdx - endFloor;
+        const from = fullPath[endFloor];
+        const to = fullPath[endFloor + 1];
+        if (frac > 0) {
+          partialPath.push({
+            lat: from.lat + (to.lat - from.lat) * frac,
+            lng: from.lng + (to.lng - from.lng) * frac
+          });
+        }
+      }
+      updatePath(partialPath);
+      animationRef.current = requestAnimationFrame(animate);
+    };
+    animationRef.current = requestAnimationFrame(animate);
+    return () => cancelAnimationFrame(animationRef.current);
+  }, [coordinates, animated, hasGradient, updatePath, mapReady]);
+  return null;
+}
+export class Polyline extends Component {
+  render() {
+    return /*#__PURE__*/_jsx(PolylineImpl, {
+      ...this.props
+    });
+  }
+}
+//# sourceMappingURL=Polyline.web.js.map

package/lib/module/components/Polyline.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Component","useCallback","useEffect","useMemo","useRef","useState","useMap","jsx","_jsx","ANIMATION_DURATION","interpolateColor","color1","color2","t","hex","c","parseInt","r1","slice","g1","b1","r2","g2","b2","r","Math","round","g","b","toString","padStart","getGradientColor","colors","position","length","scaledPos","index","floor","PolylineImpl","coordinates","strokeColors","strokeWidth","animated","map","polylinesRef","animationRef","hasGradient","propsRef","mapReady","setMapReady","current","updatePath","path","currentMap","currentColors","currentStrokeWidth","currentHasGradient","neededSegments","existing","i","segmentPath","color","segment","setPath","setOptions","strokeColor","push","google","maps","Polyline","strokeWeight","strokeOpacity","setMap","polylines","cancelAnimationFrame","forEach","p","fullPath","lat","latitude","lng","longitude","totalPoints","cycleDuration","animate","time","progress","startIdx","endIdx","partialPath","startFloor","endFloor","frac","from","to","min","requestAnimationFrame","render","props"],"sourceRoot":"../../../src","sources":["components/Polyline.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/index.js

@@ -1,5 +1,5 @@
 "use strict";
 
-export * from "./Marker.js";
-export * from "./Polyline.js";
+export * from './Marker';
+export * from './Polyline';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,aAAU;AACxB,cAAc,eAAY","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,YAAY","ignoreList":[]}

package/lib/module/components/index.web.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { Marker } from "./Marker.web.js";
+export { Polyline } from "./Polyline.web.js";
+//# sourceMappingURL=index.web.js.map

package/lib/module/components/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Marker","Polyline"],"sourceRoot":"../../../src","sources":["components/index.web.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,iBAAc;AACrC,SAASC,QAAQ,QAAQ,mBAAgB","ignoreList":[]}

package/lib/module/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
-export { MapView } from "./MapView.js";
-export * from "./components/index.js";
+export { MapView } from './MapView';
+export { MapProvider } from './MapProvider';
+export * from './components';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["MapView"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,cAAW;AACnC,cAAc,uBAAc","ignoreList":[]}
+{"version":3,"names":["MapView","MapProvider"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,WAAW;AACnC,SAASC,WAAW,QAAQ,eAAe;AAE3C,cAAc,cAAc","ignoreList":[]}

package/lib/module/index.web.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { MapView } from "./MapView.web.js";
+export { MapProvider } from "./MapProvider.web.js";
+export * from "./components/index.web.js";
+//# sourceMappingURL=index.web.js.map

package/lib/module/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MapView","MapProvider"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,kBAAe;AACvC,SAASC,WAAW,QAAQ,sBAAmB;AAE/C,cAAc,2BAAwB","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+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 declare function MapProvider({ children }: MapProviderProps): import("react").ReactNode;
+//# sourceMappingURL=MapProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapProvider.d.ts","sourceRoot":"","sources":["../../../src/MapProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,6BAEzD"}

package/lib/typescript/src/MapProvider.types.d.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;
+}
+//# sourceMappingURL=MapProvider.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapProvider.types.d.ts","sourceRoot":"","sources":["../../../src/MapProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB"}

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

@@ -0,0 +1,3 @@
+import type { MapProviderProps } from './MapProvider.types';
+export declare function MapProvider({ apiKey, children }: MapProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MapProvider.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapProvider.web.d.ts","sourceRoot":"","sources":["../../../src/MapProvider.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,wBAAgB,WAAW,CAAC,EAAE,MAAW,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAEtE"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { MapViewProps, MapViewRef, MoveCameraOptions, FitCoordinatesOptions } from './MapView.types';
+import type { Coordinate } from './types';
+export declare class MapView extends React.Component<MapViewProps> implements MapViewRef {
+    static defaultProps: Partial<MapViewProps>;
+    private mapInstance;
+    private handleMapReady;
+    moveCamera(coordinate: Coordinate, options: MoveCameraOptions): void;
+    fitCoordinates(coordinates: Coordinate[], options?: FitCoordinatesOptions): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+//# sourceMappingURL=MapView.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapView.web.d.ts","sourceRoot":"","sources":["../../../src/MapView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,qBAAqB,EAEtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAiG1C,qBAAa,OACX,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,CACpC,YAAW,UAAU;IAErB,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,CAOxC;IAEF,OAAO,CAAC,WAAW,CAAgC;IAEnD,OAAO,CAAC,cAAc,CAEpB;IAEF,UAAU,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB;IAgB7D,cAAc,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE,OAAO,CAAC,EAAE,qBAAqB;IA0BzE,MAAM;CAkFP"}

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

@@ -22,6 +22,10 @@ export interface MarkerProps {
      * Anchor point for custom marker views
      */
     anchor?: Point;
+    /**
+     * Z-index for marker ordering. Higher values render on top.
+     */
+    zIndex?: number;
     /**
      * Custom marker view
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Marker.d.ts","sourceRoot":"","sources":["../../../../src/components/Marker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,EAAE,UAAU,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACtD,MAAM;CAiBP"}
+{"version":3,"file":"Marker.d.ts","sourceRoot":"","sources":["../../../../src/components/Marker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,EAAE,UAAU,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACtD,MAAM;CAiBP"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { MarkerProps } from './Marker';
+export declare class Marker extends React.Component<MarkerProps> {
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+//# sourceMappingURL=Marker.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Marker.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQ5C,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACtD,MAAM;CAoBP"}

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

@@ -0,0 +1,6 @@
+import { Component } from 'react';
+import type { PolylineProps } from './Polyline';
+export declare class Polyline extends Component<PolylineProps> {
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+//# 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":"AAAA,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAgMhD,qBAAa,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IACpD,MAAM;CAGP"}

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/index.d.ts

@@ -1,5 +1,7 @@
 export { MapView } from './MapView';
+export { MapProvider } from './MapProvider';
+export type { MapProviderProps } from './MapProvider.types';
 export * from './components';
 export type { MapViewProps, MapViewRef, MoveCameraOptions, FitCoordinatesOptions, CameraEventPayload, } from './MapView.types';
-export type { MapProvider, Coordinate, Point, EdgeInsets } from './types';
+export type { MapProvider as MapProviderType, 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,cAAc,cAAc,CAAC;AAC7B,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/index.web.d.ts

@@ -0,0 +1,7 @@
+export { MapView } from './MapView.web';
+export { MapProvider } from './MapProvider.web';
+export type { MapProviderProps } from './MapProvider.types';
+export * 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,cAAc,wBAAwB,CAAC;AACvC,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/package.json

@@ -1,12 +1,17 @@
 {
   "name": "@lugg/maps",
-  "version": "0.2.0-alpha.5",
+  "version": "0.2.0-alpha.7",
   "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",
@@ -91,9 +97,15 @@
     "typescript": "^5.9.2"
   },
   "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"
   },

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,6 @@
+import { APIProvider } from '@vis.gl/react-google-maps';
+import type { MapProviderProps } from './MapProvider.types';
+
+export function MapProvider({ apiKey = '', children }: MapProviderProps) {
+  return <APIProvider apiKey={apiKey}>{children}</APIProvider>;
+}