@tracktor/map 1.8.4 → 1.8.6

package/dist/components/Markers/Markers.d.ts

@@ -13,6 +13,7 @@ interface MarkerProps {
     variant?: string | keyof typeof variantMarkerColor;
     color?: ThemeColor;
     size?: number;
+    type?: string;
 }
-declare const Markers: ({ color, variant, size }: MarkerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Markers: ({ color, variant, type, size }: MarkerProps) => import("react/jsx-runtime").JSX.Element;
 export default Markers;

package/dist/main.js

@@ -74,7 +74,7 @@ function Ve() {
         switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), r.$$typeof) {
-          case R:
+          case E:
             return "Portal";
           case re:
             return r.displayName || "Context";
@@ -106,11 +106,11 @@ function Ve() {
       }
       if (c) {
         c = console;
-        var y = c.error, g = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        var y = c.error, m = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return y.call(
           c,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          g
+          m
         ), t(r);
       }
     }
@@ -153,18 +153,18 @@ function Ve() {
     }
     function d() {
       var r = e(this.type);
-      return q[r] || (q[r] = !0, console.error(
+      return z[r] || (z[r] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function f(r, c, y, g, i, v) {
+    function g(r, c, y, m, i, v) {
       var h = y.ref;
       return r = {
-        $$typeof: E,
+        $$typeof: R,
         type: r,
         key: c,
         props: y,
-        _owner: g
+        _owner: m
       }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
         get: d
@@ -190,13 +190,13 @@ function Ve() {
         value: v
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function m(r, c, y, g, i, v) {
+    function p(r, c, y, m, i, v) {
       var h = c.children;
       if (h !== void 0)
-        if (g)
+        if (m)
           if (I(h)) {
-            for (g = 0; g < h.length; g++)
-              _(h[g]);
+            for (m = 0; m < h.length; m++)
+              _(h[m]);
             Object.freeze && Object.freeze(h);
           } else
             console.error(
@@ -208,18 +208,18 @@ function Ve() {
         var j = Object.keys(c).filter(function(k) {
           return k !== "key";
         });
-        g = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", X[h + g] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
+        m = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", X[h + m] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          g,
+          m,
           h,
           j,
           h
-        ), X[h + g] = !0);
+        ), X[h + m] = !0);
       }
       if (h = null, y !== void 0 && (n(y), h = "" + y), s(c) && (n(c.key), h = "" + c.key), "key" in c) {
         y = {};
@@ -229,7 +229,7 @@ React keys must be passed directly to JSX without using spread:
       return h && u(
         y,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), f(
+      ), g(
         r,
         h,
         y,
@@ -242,9 +242,9 @@ React keys must be passed directly to JSX without using spread:
       b(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === S && (r._payload.status === "fulfilled" ? b(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
     }
     function b(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === E;
+      return typeof r == "object" && r !== null && r.$$typeof === R;
     }
-    var x = Le, E = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), te = Symbol.for("react.consumer"), re = Symbol.for("react.context"), ne = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), P = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, I = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var x = Le, R = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), te = Symbol.for("react.consumer"), re = Symbol.for("react.context"), ne = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), P = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, I = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
     x = {
@@ -252,29 +252,29 @@ React keys must be passed directly to JSX without using spread:
         return r();
       }
     };
-    var G, q = {}, z = x.react_stack_bottom_frame.bind(
+    var G, z = {}, J = x.react_stack_bottom_frame.bind(
       x,
       l
-    )(), J = $(a(l)), X = {};
+    )(), q = $(a(l)), X = {};
     B.Fragment = C, B.jsx = function(r, c, y) {
-      var g = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return m(
+      var m = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return p(
         r,
         c,
         y,
         !1,
-        g ? Error("react-stack-top-frame") : z,
-        g ? $(a(r)) : J
+        m ? Error("react-stack-top-frame") : J,
+        m ? $(a(r)) : q
       );
     }, B.jsxs = function(r, c, y) {
-      var g = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return m(
+      var m = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return p(
         r,
         c,
         y,
         !0,
-        g ? Error("react-stack-top-frame") : z,
-        g ? $(a(r)) : J
+        m ? Error("react-stack-top-frame") : J,
+        m ? $(a(r)) : q
       );
     };
   })()), B;
@@ -283,7 +283,7 @@ var ye;
 function We() {
   return ye || (ye = 1, process.env.NODE_ENV === "production" ? Z.exports = Be() : Z.exports = Ve()), Z.exports;
 }
-var p = We();
+var f = We();
 const Ge = Ie({
   licenceMapbox: "",
   licenseMuiX: ""
@@ -298,27 +298,27 @@ const Ge = Ie({
     }),
     [t, n]
   );
-  return n && (be.accessToken = n), /* @__PURE__ */ p.jsx(Ge.Provider, { value: a, children: e });
-}, qe = (e) => e?.type === "LineString" || e?.type === "MultiLineString", ze = (e) => {
+  return n && (be.accessToken = n), /* @__PURE__ */ f.jsx(Ge.Provider, { value: a, children: e });
+}, ze = (e) => e?.type === "LineString" || e?.type === "MultiLineString", Je = (e) => {
   let t;
   Array.isArray(e[0][0]) ? t = e.reduce((o, l) => l.length > o.length ? l : o) : t = e;
   const n = Math.floor(t.length / 2);
   return [t[n][0], t[n][1]];
-}, Je = ({ route: e, children: t }) => {
+}, qe = ({ route: e, children: t }) => {
   if (!(e && t))
     return null;
   const n = e.geometry;
-  if (!qe(n))
+  if (!ze(n))
     return null;
-  const a = n.coordinates, [o, l] = ze(a);
-  return /* @__PURE__ */ p.jsx(ve, { longitude: o, latitude: l, children: t });
+  const a = n.coordinates, [o, l] = Je(a);
+  return /* @__PURE__ */ f.jsx(ve, { longitude: o, latitude: l, children: t });
 }, Xe = (e) => ce(e) ? { features: e, type: "FeatureCollection" } : e.type === "FeatureCollection" ? e : { features: [e], type: "FeatureCollection" }, ee = ({ features: e, lineLabel: t, lineStyle: n }) => {
   if (!e)
     return null;
   const a = Xe(e), o = a.features.filter((s) => s.geometry.type === "Polygon" || s.geometry.type === "MultiPolygon"), l = a.features.filter((s) => s.geometry.type === "LineString" || s.geometry.type === "MultiLineString");
-  return /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+  return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
     o.length > 0 && // biome-ignore lint/correctness/useUniqueElementIds: <ID must stay stable for map layer>
-    /* @__PURE__ */ p.jsx(fe, { id: "features-polygon", type: "geojson", data: { features: o, type: "FeatureCollection" }, children: /* @__PURE__ */ p.jsx(
+    /* @__PURE__ */ f.jsx(fe, { id: "features-polygon", type: "geojson", data: { features: o, type: "FeatureCollection" }, children: /* @__PURE__ */ f.jsx(
       pe,
       {
         id: "polygon-fill",
@@ -329,8 +329,8 @@ const Ge = Ie({
         }
       }
     ) }),
-    l.length > 0 && /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
-      /* @__PURE__ */ p.jsx(fe, { id: "features-line", type: "geojson", data: { features: l, type: "FeatureCollection" }, children: /* @__PURE__ */ p.jsx(
+    l.length > 0 && /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+      /* @__PURE__ */ f.jsx(fe, { id: "features-line", type: "geojson", data: { features: l, type: "FeatureCollection" }, children: /* @__PURE__ */ f.jsx(
         pe,
         {
           id: "line-stroke",
@@ -342,7 +342,7 @@ const Ge = Ie({
           }
         }
       ) }),
-      t && l.map((s, u) => /* @__PURE__ */ p.jsx(Je, { route: s, children: t }, `label-${u}`))
+      t && l.map((s, u) => /* @__PURE__ */ f.jsx(qe, { route: s, children: t }, `label-${u}`))
     ] })
   ] });
 }, Ze = "#000000", He = "#FFFFFF", se = {
@@ -351,32 +351,34 @@ const Ge = Ie({
   secondary: "#9C27B0",
   success: "#4CAF50",
   warning: "#FF9800"
-}, Qe = (e) => e in se, Ke = ({ color: e, variant: t, size: n = 28 }) => {
-  const a = xe(), o = a.palette.mode === "dark" ? Ze : He, l = Math.max(3, Math.round(n * 0.25)), s = (() => {
+}, Qe = (e) => e in se, Ke = ({ color: e, variant: t, type: n, size: a = 28 }) => {
+  const o = xe(), l = o.palette.mode === "dark" ? Ze : He, s = Math.max(3, Math.round(a * 0.25)), u = (() => {
+    if (n === "dropOff")
+      return "#4e85e1";
     if (t && Qe(t))
       return se[t];
     if (!e)
       return se.default;
     if (typeof e == "function")
-      return e(a);
+      return e(o);
     if (ie(e) && e.includes(".")) {
-      const [u, d] = e.split("."), f = a.palette[u];
-      if (f && typeof f == "object" && d in f)
-        return f[d];
+      const [d, g] = e.split("."), p = o.palette[d];
+      if (p && typeof p == "object" && g in p)
+        return p[g];
     }
     return e;
   })();
-  return /* @__PURE__ */ p.jsx(
+  return /* @__PURE__ */ f.jsx(
     H,
     {
       component: "div",
       style: {
-        backgroundColor: o,
-        border: `${l}px solid ${s}`,
+        backgroundColor: l,
+        border: `${s}px solid ${u}`,
         borderRadius: "50%",
         boxShadow: "0 0 4px rgba(0,0,0,0.3)",
-        height: n,
-        width: n
+        height: a,
+        width: a
       }
     }
   );
@@ -403,17 +405,17 @@ const Ge = Ie({
     return Number.isFinite(t) ? t : null;
   }
   return null;
-}, Ee = (e) => {
+}, Re = (e) => {
   const t = _e(e);
   return t !== null && t >= -90 && t <= 90;
-}, Re = (e) => {
+}, Ee = (e) => {
   const t = _e(e);
   return t !== null && t >= -180 && t <= 180;
-}, Ft = (e) => Array.isArray(e) && e.length === 2 && Ee(e[0]) && Re(e[1]), Se = (e) => {
+}, Ft = (e) => Array.isArray(e) && e.length === 2 && Re(e[0]) && Ee(e[1]), Se = (e) => {
   if (typeof e != "object" || e === null)
     return !1;
   const t = e;
-  return (typeof t.id == "string" || typeof t.id == "number" || t.id === void 0) && Ee(t.lat) && Re(t.lng);
+  return (typeof t.id == "string" || typeof t.id == "number" || t.id === void 0) && Re(t.lat) && Ee(t.lng);
 }, he = (e) => ie(e) || Q(e) ? String(e) : JSON.stringify(e), tt = (e) => {
   if (!e)
     return [];
@@ -433,26 +435,26 @@ const Ge = Ie({
   animationKey: s,
   openPopup: u
 }) => {
-  const { current: d } = Ue(), f = ae(""), m = M(() => e.filter(Se), [e]), _ = M(() => tt(t), [t]), b = M(() => {
-    const x = [...m.map((E) => [E.lng, E.lat]), ..._];
-    return x.length === 0 ? null : x.reduce((E, [R, C]) => E.extend([R, C]), new be.LngLatBounds());
-  }, [m, _]);
+  const { current: d } = Ue(), g = ae(""), p = M(() => e.filter(Se), [e]), _ = M(() => tt(t), [t]), b = M(() => {
+    const x = [...p.map((R) => [R.lng, R.lat]), ..._];
+    return x.length === 0 ? null : x.reduce((R, [E, C]) => R.extend([E, C]), new be.LngLatBounds());
+  }, [p, _]);
   return w(() => {
     if (u) {
-      f.current = s !== void 0 ? he(s) : "__initial_skip__";
+      g.current = s !== void 0 ? he(s) : "__initial_skip__";
       return;
     }
     if (d && l && b) {
       if (s !== void 0) {
         const x = he(s);
-        if (f.current === x)
+        if (g.current === x)
           return;
-        f.current = x;
-      } else if (f.current === "__initial_skip__")
+        g.current = x;
+      } else if (g.current === "__initial_skip__")
         return;
       if (!b.isEmpty()) {
-        if (m.length === 1 && _.length === 0) {
-          const x = m[0];
+        if (p.length === 1 && _.length === 0) {
+          const x = p[0];
           d.flyTo({
             center: [x.lng, x.lat],
             duration: o ? 0 : a,
@@ -466,7 +468,7 @@ const Ge = Ie({
         });
       }
     }
-  }, [d, b, n, a, o, s, l, m, _, u]), null;
+  }, [d, b, n, a, o, s, l, p, _, u]), null;
 }, Te = (e, t) => {
   if (t <= 0)
     throw new Error("chunkSize must be greater than 0");
@@ -488,8 +490,8 @@ const Ge = Ie({
 };
 function je(e, t, n) {
   return async (a, o, l, s) => {
-    const u = nt(a, o), d = e(u, l), f = await t(d), m = f ? n(f)?.[0] : void 0;
-    return m?.length ? ot(o, m, s) : { all: [], nearest: null };
+    const u = nt(a, o), d = e(u, l), g = await t(d), p = g ? n(g)?.[0] : void 0;
+    return p?.length ? ot(o, p, s) : { all: [], nearest: null };
   };
 }
 const ke = async (e, t, n) => {
@@ -564,7 +566,7 @@ const ke = async (e, t, n) => {
     })(), () => {
       s = !0;
     };
-  }, [e, t, n, a]), o ? /* @__PURE__ */ p.jsx(ee, { features: o }) : null;
+  }, [e, t, n, a]), o ? /* @__PURE__ */ f.jsx(ee, { features: o }) : null;
 }, mt = le(gt), yt = {
   cycling: "routed-bike",
   driving: "routed-car",
@@ -586,7 +588,7 @@ const ke = async (e, t, n) => {
   vt,
   Ce,
   (e) => e.distances ?? void 0
-), Et = async (e, t, n = "driving", a) => {
+), Rt = async (e, t, n = "driving", a) => {
   if (!t.length)
     return [];
   const o = Te(t, bt - 1);
@@ -595,7 +597,7 @@ const ke = async (e, t, n) => {
     xt,
     (s) => _t(e, s, n, a)
   )).flatMap((s) => s.all).sort((s, u) => s.distance - u.distance);
-}, Rt = async (e, t, n = "driving") => {
+}, Et = async (e, t, n = "driving") => {
   const a = `${e.join(",")};${t.join(",")}`, o = we("route", n, a, {
     geometries: "geojson",
     overview: "full"
@@ -612,18 +614,18 @@ const ke = async (e, t, n) => {
     type: "Feature"
   };
 }, Ae = {
-  findNearest: Et,
-  getItinerary: Rt
+  findNearest: Rt,
+  getItinerary: Et
 }, Oe = ({ from: e, to: t, profile: n, engine: a, itineraryLineStyle: o, initialRoute: l, onRouteComputed: s, itineraryLabel: u }) => {
-  const [d, f] = V(l ?? null);
+  const [d, g] = V(l ?? null);
   return w(() => {
-    l && (f(l), s?.(l));
+    l && (g(l), s?.(l));
   }, [l, s]), w(() => {
     !(e && t) || l || (async () => {
       const _ = await (a === "OSRM" ? Ae : K).getItinerary(e, t, n);
-      f(_ ?? null), s?.(_ ?? null);
+      g(_ ?? null), s?.(_ ?? null);
     })();
-  }, [e, t, n, a, l, s]), d ? /* @__PURE__ */ p.jsx(ee, { features: d, lineStyle: o, lineLabel: u }) : null;
+  }, [e, t, n, a, l, s]), d ? /* @__PURE__ */ f.jsx(ee, { features: d, lineStyle: o, lineLabel: u }) : null;
 }, St = ({
   origin: e,
   maxDistanceMeters: t,
@@ -634,28 +636,28 @@ const ke = async (e, t, n) => {
   profile: s = "driving",
   engine: u = "OSRM"
 }) => {
-  const [d, f] = V(o ?? []), m = ae(null);
+  const [d, g] = V(o ?? []), p = ae(null);
   w(() => {
-    o && f(o);
+    o && g(o);
   }, [o]), w(() => {
     const b = new AbortController();
     if (o?.length) return;
     if (!e || e.length !== 2 || !n?.length) {
-      f([]);
+      g([]);
       return;
     }
-    f([]);
-    const x = n.map((R) => ({
-      coords: [R.lng, R.lat],
-      id: R.id
+    g([]);
+    const x = n.map((E) => ({
+      coords: [E.lng, E.lat],
+      id: E.id
     }));
-    return (u === "OSRM" ? Ae : K).findNearest(e, x, s, t).then((R) => f(R ?? [])).catch(() => f([])), () => b.abort();
+    return (u === "OSRM" ? Ae : K).findNearest(e, x, s, t).then((E) => g(E ?? [])).catch(() => g([])), () => b.abort();
   }, [e, t, n, s, u, o?.length]), w(() => {
-    const b = m.current;
-    (!b || b.length !== d.length || b.some((E, R) => E.id !== d[R]?.id || E.distance !== d[R]?.distance)) && (a?.(d), m.current = d);
+    const b = p.current;
+    (!b || b.length !== d.length || b.some((R, E) => R.id !== d[E]?.id || R.distance !== d[E]?.distance)) && (a?.(d), p.current = d);
   }, [d, a]);
   const _ = d[0];
-  return _ ? _.routeFeature ? /* @__PURE__ */ p.jsx(ee, { features: _.routeFeature }) : /* @__PURE__ */ p.jsx(Oe, { from: e, to: _.point, profile: s, engine: u, itineraryLineStyle: l }) : null;
+  return _ ? _.routeFeature ? /* @__PURE__ */ f.jsx(ee, { features: _.routeFeature }) : /* @__PURE__ */ f.jsx(Oe, { from: e, to: _.point, profile: s, engine: u, itineraryLineStyle: l }) : null;
 }, Tt = le(St), oe = {
   satellite: "mapbox://styles/mapbox/satellite-streets-v12",
   street: {
@@ -691,13 +693,13 @@ const ke = async (e, t, n) => {
   zoom: s = 5,
   popupMaxWidth: u,
   openPopup: d,
-  openPopupOnHover: f,
-  markers: m = [],
+  openPopupOnHover: g,
+  markers: p = [],
   fitBounds: _ = !0,
   fitBoundsPadding: b,
   fitBoundDuration: x,
-  fitBoundsAnimationKey: E,
-  disableAnimation: R,
+  fitBoundsAnimationKey: R,
+  disableAnimation: E,
   mapStyle: C,
   onMapClick: W,
   baseMapView: F,
@@ -710,176 +712,183 @@ const ke = async (e, t, n) => {
   findNearestMarker: S,
   isochrone: A
 }) => {
-  const U = xe(), P = ae(null), [L, I] = V(d ?? null), [$, G] = V(!1), q = M(() => {
+  const U = xe(), P = ae(null), [L, I] = V(d ?? null), [$, G] = V(!1), z = M(() => {
     const [i = 2.3522, v = 48.8566] = ce(l) ? l : [];
     return { latitude: v, longitude: i, zoom: s };
-  }, [l, s]), z = M(
+  }, [l, s]), J = M(
     () => C || Me(F, N ?? U.palette.mode),
     [F, C, N, U.palette.mode]
   ), {
-    style: J,
+    style: q,
     cooperativeGestures: X,
     doubleClickZoom: r
   } = jt({
     baseMapView: F,
     cooperativeGestures: te,
     doubleClickZoom: re,
-    mapStyle: z,
+    mapStyle: J,
     theme: N ?? U.palette.mode
   }), c = (i, v) => {
-    !f && v && I(i);
+    !g && v && I(i);
   }, y = (i, v) => {
-    f && I(v ? i : null);
+    g && I(v ? i : null);
   };
   w(() => {
     I(d ?? null);
   }, [d]);
-  const g = M(() => L ? m?.find((i) => i.id === L) ?? null : null, [L, m]);
-  return /* @__PURE__ */ p.jsxs(H, { "data-testid": "mapbox-container", sx: { height: a, position: "relative", width: o, ...e }, children: [
-    /* @__PURE__ */ p.jsx(Fe, { styles: et }),
-    n && /* @__PURE__ */ p.jsx(
-      Ne,
-      {
-        "data-testid": "skeleton-loader",
-        width: o,
-        height: a,
-        variant: t ? "rectangular" : "rounded",
-        sx: {
-          inset: 0,
-          position: "absolute",
-          zIndex: 2
-        }
-      }
-    ),
-    !n && /* @__PURE__ */ p.jsxs(
-      De,
-      {
-        ref: P,
-        cooperativeGestures: X,
-        doubleClickZoom: r,
-        mapStyle: J,
-        projection: ne,
-        onLoad: () => {
-          G(!0), P.current?.resize();
-        },
-        initialViewState: q,
-        style: { height: "100%", width: "100%" },
-        mapboxAccessToken: void 0,
-        onClick: (i) => {
-          const v = m.find((h) => {
-            const { lng: j, lat: O } = i.lngLat, k = Math.abs(Number(h.lng ?? 0) - j), Pe = Math.abs(Number(h.lat ?? 0) - O);
-            return k < 0.01 && Pe < 0.01;
-          });
-          W?.(i.lngLat.lng, i.lngLat.lat, v ?? null);
-        },
-        children: [
-          $ && m.filter(Se).map((i) => {
-            const v = typeof i.size == "number" ? i.size : void 0, h = (() => {
-              if (!i.IconComponent)
-                return null;
-              const k = { ...i.iconProps };
-              return v && (k.width = v, k.height = v), /* @__PURE__ */ p.jsx(i.IconComponent, { ...k });
-            })(), j = i.IconComponent ? null : /* @__PURE__ */ p.jsx(Ke, { color: i.color, variant: i.variant, size: v }), O = {
-              alignItems: "center",
-              cursor: i.Tooltip ? "pointer" : "default",
-              display: "inline-flex",
-              justifyContent: "center",
-              ...i.IconComponent && !v ? {} : v ? { height: v, width: v } : {}
-            };
-            return /* @__PURE__ */ p.jsx(
-              ve,
-              {
-                longitude: i.lng,
-                latitude: i.lat,
-                anchor: "center",
-                onClick: (k) => {
-                  k.originalEvent.stopPropagation(), i.id && c(i.id, !!i.Tooltip), W?.(i.lng, i.lat, i);
-                },
-                children: /* @__PURE__ */ p.jsx(
-                  H,
-                  {
-                    component: "div",
-                    onMouseEnter: () => i.id && y(i.id, !!i.Tooltip),
-                    onMouseLeave: () => y(null),
-                    style: O,
-                    children: h || j
-                  }
-                )
-              },
-              i.id
-            );
-          }),
-          $ && g?.Tooltip && /* @__PURE__ */ p.jsx(
-            Ye,
-            {
-              longitude: Q(g.lng) ? g.lng : 0,
-              latitude: Q(g.lat) ? g.lat : 0,
-              anchor: "top",
-              onClose: () => I(null),
-              maxWidth: u,
-              closeOnClick: !0,
-              closeOnMove: !1,
-              children: /* @__PURE__ */ p.jsx(H, { component: "div", sx: { minHeight: 60, minWidth: 240 }, children: g.Tooltip })
-            }
-          ),
-          T && /* @__PURE__ */ p.jsx(
-            Oe,
-            {
-              from: T.from,
-              to: T.to,
-              profile: T.profile,
-              engine: T.engine,
-              itineraryLineStyle: T.itineraryLineStyle,
-              initialRoute: T.initialRoute,
-              onRouteComputed: T.onRouteComputed,
-              itineraryLabel: T.itineraryLabel
-            }
-          ),
-          S && /* @__PURE__ */ p.jsx(
-            Tt,
-            {
-              origin: S.origin,
-              destinations: S.destinations,
-              onNearestFound: S.onNearestFound,
-              maxDistanceMeters: S.maxDistanceMeters,
-              engine: S.engine,
-              profile: S.profile,
-              initialNearestResults: S.initialNearestResults,
-              itineraryLineStyle: S.itineraryLineStyle
-            }
-          ),
-          A && /* @__PURE__ */ p.jsx(
-            mt,
-            {
-              origin: A.origin,
-              profile: A.profile,
-              onIsochroneLoaded: A.onIsochroneLoaded,
-              intervals: A.intervals
-            }
-          ),
-          D && /* @__PURE__ */ p.jsx(ee, { features: D }),
-          _ && /* @__PURE__ */ p.jsx(
-            rt,
-            {
-              markers: m,
-              features: D,
-              padding: b,
-              duration: R ? 0 : x,
-              animationKey: E,
-              openPopup: !!d
+  const m = M(() => L ? p?.find((i) => i.id === L) ?? null : null, [L, p]);
+  return /* @__PURE__ */ f.jsxs(
+    H,
+    {
+      "data-testid": "mapbox-container",
+      sx: { borderRadius: t ? 0 : 6, height: a, overflow: "hidden", position: "relative", width: o, ...e },
+      children: [
+        /* @__PURE__ */ f.jsx(Fe, { styles: et }),
+        n && /* @__PURE__ */ f.jsx(
+          Ne,
+          {
+            "data-testid": "skeleton-loader",
+            width: o,
+            height: a,
+            variant: t ? "rectangular" : "rounded",
+            sx: {
+              inset: 0,
+              position: "absolute",
+              zIndex: 2
             }
-          )
-        ]
-      }
-    )
-  ] });
+          }
+        ),
+        !n && /* @__PURE__ */ f.jsxs(
+          De,
+          {
+            ref: P,
+            cooperativeGestures: X,
+            doubleClickZoom: r,
+            mapStyle: q,
+            projection: ne,
+            onLoad: () => {
+              G(!0), P.current?.resize();
+            },
+            initialViewState: z,
+            style: { height: "100%", width: "100%" },
+            mapboxAccessToken: void 0,
+            onClick: (i) => {
+              const v = p.find((h) => {
+                const { lng: j, lat: O } = i.lngLat, k = Math.abs(Number(h.lng ?? 0) - j), Pe = Math.abs(Number(h.lat ?? 0) - O);
+                return k < 0.01 && Pe < 0.01;
+              });
+              W?.(i.lngLat.lng, i.lngLat.lat, v ?? null);
+            },
+            children: [
+              $ && p.filter(Se).map((i) => {
+                const v = typeof i.size == "number" ? i.size : void 0, h = (() => {
+                  if (!i.IconComponent)
+                    return null;
+                  const k = { ...i.iconProps };
+                  return v && (k.width = v, k.height = v), /* @__PURE__ */ f.jsx(i.IconComponent, { ...k });
+                })(), j = i.IconComponent ? null : /* @__PURE__ */ f.jsx(Ke, { color: i.color, variant: i.variant, size: v, type: i.type }), O = {
+                  alignItems: "center",
+                  cursor: i.Tooltip ? "pointer" : "default",
+                  display: "inline-flex",
+                  justifyContent: "center",
+                  ...i.IconComponent && !v ? {} : v ? { height: v, width: v } : {}
+                };
+                return /* @__PURE__ */ f.jsx(
+                  ve,
+                  {
+                    longitude: i.lng,
+                    latitude: i.lat,
+                    anchor: "center",
+                    onClick: (k) => {
+                      k.originalEvent.stopPropagation(), i.id && c(i.id, !!i.Tooltip), W?.(i.lng, i.lat, i);
+                    },
+                    children: /* @__PURE__ */ f.jsx(
+                      H,
+                      {
+                        component: "div",
+                        onMouseEnter: () => i.id && y(i.id, !!i.Tooltip),
+                        onMouseLeave: () => y(null),
+                        style: O,
+                        children: h || j
+                      }
+                    )
+                  },
+                  i.id
+                );
+              }),
+              $ && m?.Tooltip && /* @__PURE__ */ f.jsx(
+                Ye,
+                {
+                  longitude: Q(m.lng) ? m.lng : 0,
+                  latitude: Q(m.lat) ? m.lat : 0,
+                  anchor: "top",
+                  onClose: () => I(null),
+                  maxWidth: u,
+                  closeOnClick: !0,
+                  closeOnMove: !1,
+                  children: /* @__PURE__ */ f.jsx(H, { component: "div", sx: { minHeight: 60, minWidth: 240 }, children: m.Tooltip })
+                }
+              ),
+              T && /* @__PURE__ */ f.jsx(
+                Oe,
+                {
+                  from: T.from,
+                  to: T.to,
+                  profile: T.profile,
+                  engine: T.engine,
+                  itineraryLineStyle: T.itineraryLineStyle,
+                  initialRoute: T.initialRoute,
+                  onRouteComputed: T.onRouteComputed,
+                  itineraryLabel: T.itineraryLabel
+                }
+              ),
+              S && /* @__PURE__ */ f.jsx(
+                Tt,
+                {
+                  origin: S.origin,
+                  destinations: S.destinations,
+                  onNearestFound: S.onNearestFound,
+                  maxDistanceMeters: S.maxDistanceMeters,
+                  engine: S.engine,
+                  profile: S.profile,
+                  initialNearestResults: S.initialNearestResults,
+                  itineraryLineStyle: S.itineraryLineStyle
+                }
+              ),
+              A && /* @__PURE__ */ f.jsx(
+                mt,
+                {
+                  origin: A.origin,
+                  profile: A.profile,
+                  onIsochroneLoaded: A.onIsochroneLoaded,
+                  intervals: A.intervals
+                }
+              ),
+              D && /* @__PURE__ */ f.jsx(ee, { features: D }),
+              _ && /* @__PURE__ */ f.jsx(
+                rt,
+                {
+                  markers: p,
+                  features: D,
+                  padding: b,
+                  duration: E ? 0 : x,
+                  animationKey: R,
+                  openPopup: !!d
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
 }, Nt = le(kt), Dt = ["OSRM", "Mapbox"], Ut = ["driving", "walking", "cycling"], Yt = (e, t) => {
   const n = "geometry" in t ? t.geometry : t, [a, o] = e, l = (s) => s.map(
-    (u) => u.reduce((d, [f, m], _, b) => {
-      const [x, E] = b[(_ - 1 + b.length) % b.length];
-      return m > o != E > o && a < (x - f) * (o - m) / (E - m) + f ? !d : d;
+    (u) => u.reduce((d, [g, p], _, b) => {
+      const [x, R] = b[(_ - 1 + b.length) % b.length];
+      return p > o != R > o && a < (x - g) * (o - p) / (R - p) + g ? !d : d;
     }, !1)
-  ).reduce((u, d, f) => f === 0 ? d : u && !d, !1);
+  ).reduce((u, d, g) => g === 0 ? d : u && !d, !1);
   return n.type === "Polygon" ? l(n.coordinates) : n.type === "MultiPolygon" ? n.coordinates.some((s) => l(s)) : !1;
 };
 export {
@@ -890,8 +899,8 @@ export {
   Dt as engines,
   Yt as isPointInGeoJSON,
   Ft as isValidLatLngTuple,
-  Ee as isValidLatitude,
-  Re as isValidLongitude,
+  Re as isValidLatitude,
+  Ee as isValidLongitude,
   Se as isValidMarker,
   Ut as profiles
 };

package/dist/main.umd.cjs

@@ -15,9 +15,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var pe;function je(){return pe||(pe=1,process.env.NODE_ENV!=="production"&&(function(){function e(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===J?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case P:return"Fragment";case V:return"Profiler";case H:return"StrictMode";case G:return"Suspense";case W:return"SuspenseList";case M:return"Activity"}if(typeof n=="object")switch(typeof n.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case T:return"Portal";case ie:return n.displayName||"Context";case ce:return(n._context.displayName||"Context")+".Consumer";case ue:var c=n.render;return n=n.displayName,n||(n=c.displayName||c.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case j:return c=n.displayName||null,c!==null?c:e(n.type)||"Memo";case k:c=n._payload,n=n._init;try{return e(n(c))}catch{}}return null}function t(n){return""+n}function r(n){try{t(n);var c=!1}catch{c=!0}if(c){c=console;var h=c.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return h.call(c,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),t(n)}}function a(n){if(n===P)return"<>";if(typeof n=="object"&&n!==null&&n.$$typeof===k)return"<...>";try{var c=e(n);return c?"<"+c+">":"<...>"}catch{return"<...>"}}function o(){var n=I.A;return n===null?null:n.getOwner()}function l(){return Error("react-stack-top-frame")}function s(n){if(F.call(n,"key")){var c=Object.getOwnPropertyDescriptor(n,"key").get;if(c&&c.isReactWarning)return!1}return n.key!==void 0}function u(n,c){function h(){Q||(Q=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",c))}h.isReactWarning=!0,Object.defineProperty(n,"key",{get:h,configurable:!0})}function f(){var n=e(this.type);return K[n]||(K[n]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),n=this.props.ref,n!==void 0?n:null}function g(n,c,h,m,i,v){var b=h.ref;return n={$$typeof:S,type:n,key:c,props:h,_owner:m},(b!==void 0?b:null)!==null?Object.defineProperty(n,"ref",{enumerable:!1,get:f}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:v}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}function y(n,c,h,m,i,v){var b=c.children;if(b!==void 0)if(m)if(D(b)){for(m=0;m<b.length;m++)x(b[m]);Object.freeze&&Object.freeze(b)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else x(b);if(F.call(c,"key")){b=e(n);var w=Object.keys(c).filter(function(L){return L!=="key"});m=0<w.length?"{key: someKey, "+w.join(": ..., ")+": ...}":"{key: someKey}",ee[b+m]||(w=0<w.length?"{"+w.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var pe;function je(){return pe||(pe=1,process.env.NODE_ENV!=="production"&&(function(){function e(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===J?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case P:return"Fragment";case V:return"Profiler";case H:return"StrictMode";case G:return"Suspense";case W:return"SuspenseList";case M:return"Activity"}if(typeof n=="object")switch(typeof n.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case T:return"Portal";case ie:return n.displayName||"Context";case ce:return(n._context.displayName||"Context")+".Consumer";case ue:var c=n.render;return n=n.displayName,n||(n=c.displayName||c.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case j:return c=n.displayName||null,c!==null?c:e(n.type)||"Memo";case k:c=n._payload,n=n._init;try{return e(n(c))}catch{}}return null}function t(n){return""+n}function r(n){try{t(n);var c=!1}catch{c=!0}if(c){c=console;var h=c.error,y=typeof Symbol=="function"&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return h.call(c,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",y),t(n)}}function a(n){if(n===P)return"<>";if(typeof n=="object"&&n!==null&&n.$$typeof===k)return"<...>";try{var c=e(n);return c?"<"+c+">":"<...>"}catch{return"<...>"}}function o(){var n=I.A;return n===null?null:n.getOwner()}function l(){return Error("react-stack-top-frame")}function s(n){if(F.call(n,"key")){var c=Object.getOwnPropertyDescriptor(n,"key").get;if(c&&c.isReactWarning)return!1}return n.key!==void 0}function u(n,c){function h(){Q||(Q=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",c))}h.isReactWarning=!0,Object.defineProperty(n,"key",{get:h,configurable:!0})}function f(){var n=e(this.type);return K[n]||(K[n]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),n=this.props.ref,n!==void 0?n:null}function m(n,c,h,y,i,v){var b=h.ref;return n={$$typeof:S,type:n,key:c,props:h,_owner:y},(b!==void 0?b:null)!==null?Object.defineProperty(n,"ref",{enumerable:!1,get:f}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:v}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}function g(n,c,h,y,i,v){var b=c.children;if(b!==void 0)if(y)if(D(b)){for(y=0;y<b.length;y++)x(b[y]);Object.freeze&&Object.freeze(b)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else x(b);if(F.call(c,"key")){b=e(n);var w=Object.keys(c).filter(function(L){return L!=="key"});y=0<w.length?"{key: someKey, "+w.join(": ..., ")+": ...}":"{key: someKey}",ee[b+y]||(w=0<w.length?"{"+w.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,m,b,w,b),ee[b+m]=!0)}if(b=null,h!==void 0&&(r(h),b=""+h),s(c)&&(r(c.key),b=""+c.key),"key"in c){h={};for(var N in c)N!=="key"&&(h[N]=c[N])}else h=c;return b&&u(h,typeof n=="function"?n.displayName||n.name||"Unknown":n),g(n,b,h,o(),i,v)}function x(n){_(n)?n._store&&(n._store.validated=1):typeof n=="object"&&n!==null&&n.$$typeof===k&&(n._payload.status==="fulfilled"?_(n._payload.value)&&n._payload.value._store&&(n._payload.value._store.validated=1):n._store&&(n._store.validated=1))}function _(n){return typeof n=="object"&&n!==null&&n.$$typeof===S}var R=d,S=Symbol.for("react.transitional.element"),T=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),H=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),ce=Symbol.for("react.consumer"),ie=Symbol.for("react.context"),ue=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),W=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),M=Symbol.for("react.activity"),J=Symbol.for("react.client.reference"),I=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,D=Array.isArray,U=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(n){return n()}};var Q,K={},$=R.react_stack_bottom_frame.bind(R,l)(),q=U(a(l)),ee={};B.Fragment=P,B.jsx=function(n,c,h){var m=1e4>I.recentlyCreatedOwnerStacks++;return y(n,c,h,!1,m?Error("react-stack-top-frame"):$,m?U(a(n)):q)},B.jsxs=function(n,c,h){var m=1e4>I.recentlyCreatedOwnerStacks++;return y(n,c,h,!0,m?Error("react-stack-top-frame"):$,m?U(a(n)):q)}})()),B}var ge;function Ae(){return ge||(ge=1,process.env.NODE_ENV==="production"?z.exports=ke():z.exports=je()),z.exports}var p=Ae();const we=d.createContext({licenceMapbox:"",licenseMuiX:""}),Ce=({children:e,licenseMuiX:t,licenceMapbox:r})=>{d.useEffect(()=>{t&&Te.LicenseInfo.setLicenseKey(t)},[t]);const a=d.useMemo(()=>({licenceMapbox:r,licenseMuiX:t}),[t,r]);return r&&(fe.accessToken=r),p.jsx(we.Provider,{value:a,children:e})},Le=e=>e?.type==="LineString"||e?.type==="MultiLineString",Oe=e=>{let t;Array.isArray(e[0][0])?t=e.reduce((o,l)=>l.length>o.length?l:o):t=e;const r=Math.floor(t.length/2);return[t[r][0],t[r][1]]},Pe=({route:e,children:t})=>{if(!(e&&t))return null;const r=e.geometry;if(!Le(r))return null;const a=r.coordinates,[o,l]=Oe(a);return p.jsx(C.Marker,{longitude:o,latitude:l,children:t})},Me=e=>A.isArray(e)?{features:e,type:"FeatureCollection"}:e.type==="FeatureCollection"?e:{features:[e],type:"FeatureCollection"},X=({features:e,lineLabel:t,lineStyle:r})=>{if(!e)return null;const a=Me(e),o=a.features.filter(s=>s.geometry.type==="Polygon"||s.geometry.type==="MultiPolygon"),l=a.features.filter(s=>s.geometry.type==="LineString"||s.geometry.type==="MultiLineString");return p.jsxs(p.Fragment,{children:[o.length>0&&p.jsx(C.Source,{id:"features-polygon",type:"geojson",data:{features:o,type:"FeatureCollection"},children:p.jsx(C.Layer,{id:"polygon-fill",type:"fill",paint:{"fill-color":["coalesce",["get","color"],"#4ADE80"],"fill-opacity":["coalesce",["get","opacity"],.4]}})}),l.length>0&&p.jsxs(p.Fragment,{children:[p.jsx(C.Source,{id:"features-line",type:"geojson",data:{features:l,type:"FeatureCollection"},children:p.jsx(C.Layer,{id:"line-stroke",type:"line",paint:{"line-color":r?.color??["coalesce",["get","color"],"#3B82F6"],"line-opacity":r?.opacity??["coalesce",["get","opacity"],.9],"line-width":r?.width??["coalesce",["get","width"],3]}})}),t&&l.map((s,u)=>p.jsx(Pe,{route:s,children:t},`label-${u}`))]})]})},Ne="#000000",Ie="#FFFFFF",te={default:"#009ba6",primary:"#3F83F8",secondary:"#9C27B0",success:"#4CAF50",warning:"#FF9800"},Fe=e=>e in te,De=({color:e,variant:t,size:r=28})=>{const a=O.useTheme(),o=a.palette.mode==="dark"?Ne:Ie,l=Math.max(3,Math.round(r*.25)),s=(()=>{if(t&&Fe(t))return te[t];if(!e)return te.default;if(typeof e=="function")return e(a);if(A.isString(e)&&e.includes(".")){const[u,f]=e.split("."),g=a.palette[u];if(g&&typeof g=="object"&&f in g)return g[f]}return e})();return p.jsx(O.Box,{component:"div",style:{backgroundColor:o,border:`${l}px solid ${s}`,borderRadius:"50%",boxShadow:"0 0 4px rgba(0,0,0,0.3)",height:r,width:r}})},Ue=e=>({".mapboxgl-popup-close-button":{color:e.palette.mode==="dark"?"#fff !important":"#000 !important",fontSize:"20px !important"},".mapboxgl-popup-content":{backgroundColor:"transparent!important",borderRadius:"0px !important",boxShadow:"none!important",padding:"0px 0px!important",width:"fit-content!important"},".mapboxgl-popup-tip":{borderTopColor:`${e.palette.mode==="dark"?"#1e1e1e":"#ffffff"} !important`}}),me=e=>{if(A.isNumber(e))return e;if(A.isString(e)&&e.trim()!==""){const t=Number(e);return Number.isFinite(t)?t:null}return null},ne=e=>{const t=me(e);return t!==null&&t>=-90&&t<=90},re=e=>{const t=me(e);return t!==null&&t>=-180&&t<=180},Ye=e=>Array.isArray(e)&&e.length===2&&ne(e[0])&&re(e[1]),oe=e=>{if(typeof e!="object"||e===null)return!1;const t=e;return(typeof t.id=="string"||typeof t.id=="number"||t.id===void 0)&&ne(t.lat)&&re(t.lng)},ye=e=>A.isString(e)||A.isNumber(e)?String(e):JSON.stringify(e),Be=e=>{if(!e)return[];const t=A.isArray(e)?e:e.type==="FeatureCollection"?e.features:[e],r=[];for(const a of t){const o=a.geometry;o.type==="Point"&&r.push(o.coordinates),o.type==="LineString"&&r.push(...o.coordinates),o.type==="Polygon"&&r.push(...o.coordinates[0])}return r},Ve=({markers:e=[],features:t,padding:r=50,duration:a=1e3,disableAnimation:o,fitBounds:l=!0,animationKey:s,openPopup:u})=>{const{current:f}=C.useMap(),g=d.useRef(""),y=d.useMemo(()=>e.filter(oe),[e]),x=d.useMemo(()=>Be(t),[t]),_=d.useMemo(()=>{const R=[...y.map(S=>[S.lng,S.lat]),...x];return R.length===0?null:R.reduce((S,[T,P])=>S.extend([T,P]),new fe.LngLatBounds)},[y,x]);return d.useEffect(()=>{if(u){g.current=s!==void 0?ye(s):"__initial_skip__";return}if(f&&l&&_){if(s!==void 0){const R=ye(s);if(g.current===R)return;g.current=R}else if(g.current==="__initial_skip__")return;if(!_.isEmpty()){if(y.length===1&&x.length===0){const R=y[0];f.flyTo({center:[R.lng,R.lat],duration:o?0:a,zoom:14});return}f.fitBounds([_.getSouthWest().toArray(),_.getNorthEast().toArray()],{duration:o?0:a,padding:r})}}},[f,_,r,a,o,s,l,y,x,u]),null},he=(e,t)=>{if(t<=0)throw new Error("chunkSize must be greater than 0");const r=[];for(let a=0;a<e.length;a+=t)r.push(e.slice(a,a+t));return r},Ge=(e,t)=>[e,...t.map(r=>r.coords)].map(r=>r.join(",")).join(";"),We=(e,t,r)=>{const a=t.map((s,u)=>{if(u===0||s==null)return null;const f=e[u-1];return f?{distance:s,id:f.id,point:f.coords}:null}).filter(s=>s!==null);if(a.length===0)return{all:[],nearest:null};const o=a.sort((s,u)=>s.distance-u.distance),l=o[0];return r&&l.distance>r?{all:o,nearest:null}:{all:o,nearest:l}};function be(e,t,r){return async(a,o,l,s)=>{const u=Ge(a,o),f=e(u,l),g=await t(f),y=g?r(g)?.[0]:void 0;return y?.length?We(o,y,s):{all:[],nearest:null}}}const Ee=async(e,t,r)=>{const a=Array.from({length:Math.ceil(e.length/t)},(l,s)=>e.slice(s*t,(s+1)*t));return(await Promise.all(a.map(async l=>Promise.all(l.map(r))))).flat()},Je="https://api.mapbox.com",se=(e,t,r,a,o={})=>{const l=new URLSearchParams({access_token:"",...o});return`${Je}/${e}/${t}/mapbox/${r}/${a}?${l.toString()}`},ae=async e=>{try{const t=await fetch(e);return t.ok?await t.json():(console.error(`Mapbox API error: ${t.status} ${t.statusText}`),null)}catch(t){return console.error("Mapbox network error:",t),null}},ze=25,Xe=5,Ze=be((e,t)=>se("directions-matrix","v1",t,e,{annotations:"distance",sources:"0"}),ae,e=>e.distances??void 0),Z={findNearest:async(e,t,r="driving",a)=>{if(!t.length)return[];const o=he(t,ze-1);return(await Ee(o,Xe,s=>Ze(e,s,r,a))).flatMap(s=>s.all).sort((s,u)=>s.distance-u.distance)},getIsochrone:async(e,t="driving",r=[5,10,15])=>{const a=`${e[0]},${e[1]}`,o=se("isochrone","v1",t,a,{contours_minutes:r.join(","),polygons:"true"});return await ae(o)},getItinerary:async(e,t,r="driving")=>{const a=`${e.join(",")};${t.join(",")}`,o=se("directions","v5",r,a,{geometries:"geojson",overview:"full"}),l=await ae(o);if(!l?.routes?.length)return null;const s=l.routes[0];return{geometry:s.geometry,properties:{distance:s.distance,duration:s.duration},type:"Feature"}}},He=({origin:e,profile:t="driving",intervals:r=[5,10,15],onIsochroneLoaded:a})=>{const[o,l]=d.useState(null);return d.useEffect(()=>{let s=!1;if(!e||e.length!==2){l(null);return}return(async()=>{if(!Z.getIsochrone){console.warn("⚠️ getIsochrone is not implemented for this provider.");return}const u=await Z.getIsochrone(e,t,r);s||(l(u),a?.(u??null))})(),()=>{s=!0}},[e,t,r,a]),o?p.jsx(X,{features:o}):null},Qe=d.memo(He),Ke={cycling:"routed-bike",driving:"routed-car",walking:"routed-foot"},$e="https://routing.openstreetmap.de",_e=(e,t,r,a)=>{const o=`${$e}/${Ke[t]}/${e}/v1/${t}/${r}`,l=a?`?${new URLSearchParams(a).toString()}`:"";return`${o}${l}`},Re=async e=>{try{const t=await fetch(e);return t.ok?await t.json():(console.error("OSRM API error:",t.status,t.statusText),null)}catch(t){return console.error("Error fetching OSRM API:",t),null}},qe=100,et=5,tt=be((e,t)=>_e("table",t,e,{annotations:"distance",sources:0}),Re,e=>e.distances??void 0),ve={findNearest:async(e,t,r="driving",a)=>{if(!t.length)return[];const o=he(t,qe-1);return(await Ee(o,et,s=>tt(e,s,r,a))).flatMap(s=>s.all).sort((s,u)=>s.distance-u.distance)},getItinerary:async(e,t,r="driving")=>{const a=`${e.join(",")};${t.join(",")}`,o=_e("route",r,a,{geometries:"geojson",overview:"full"}),l=await Re(o);if(!l?.routes?.length)return null;const s=l.routes[0];return{geometry:s.geometry,properties:{distance:s.distance,duration:s.duration},type:"Feature"}}},xe=({from:e,to:t,profile:r,engine:a,itineraryLineStyle:o,initialRoute:l,onRouteComputed:s,itineraryLabel:u})=>{const[f,g]=d.useState(l??null);return d.useEffect(()=>{l&&(g(l),s?.(l))},[l,s]),d.useEffect(()=>{!(e&&t)||l||(async()=>{const x=await(a==="OSRM"?ve:Z).getItinerary(e,t,r);g(x??null),s?.(x??null)})()},[e,t,r,a,l,s]),f?p.jsx(X,{features:f,lineStyle:o,lineLabel:u}):null},nt=({origin:e,maxDistanceMeters:t,destinations:r,onNearestFound:a,initialNearestResults:o,itineraryLineStyle:l,profile:s="driving",engine:u="OSRM"})=>{const[f,g]=d.useState(o??[]),y=d.useRef(null);d.useEffect(()=>{o&&g(o)},[o]),d.useEffect(()=>{const _=new AbortController;if(o?.length)return;if(!e||e.length!==2||!r?.length){g([]);return}g([]);const R=r.map(T=>({coords:[T.lng,T.lat],id:T.id}));return(u==="OSRM"?ve:Z).findNearest(e,R,s,t).then(T=>g(T??[])).catch(()=>g([])),()=>_.abort()},[e,t,r,s,u,o?.length]),d.useEffect(()=>{const _=y.current;(!_||_.length!==f.length||_.some((S,T)=>S.id!==f[T]?.id||S.distance!==f[T]?.distance))&&(a?.(f),y.current=f)},[f,a]);const x=f[0];return x?x.routeFeature?p.jsx(X,{features:x.routeFeature}):p.jsx(xe,{from:e,to:x.point,profile:s,engine:u,itineraryLineStyle:l}):null},rt=d.memo(nt),le={satellite:"mapbox://styles/mapbox/satellite-streets-v12",street:{dark:"mapbox://styles/mapbox/dark-v11",light:"mapbox://styles/mapbox/streets-v12"}},Se=(e,t)=>{const r=t==="dark";switch(e){case"satellite":return le.satellite;default:return r?le.street.dark:le.street.light}},ot=({mapStyle:e,theme:t,baseMapView:r,doubleClickZoom:a,cooperativeGestures:o})=>({cooperativeGestures:o,doubleClickZoom:a,failIfMajorPerformanceCaveat:!1,style:e??Se(r,t)}),st=({containerStyle:e,square:t,loading:r,height:a=300,width:o="100%",center:l=[2.3522,48.8566],zoom:s=5,popupMaxWidth:u,openPopup:f,openPopupOnHover:g,markers:y=[],fitBounds:x=!0,fitBoundsPadding:_,fitBoundDuration:R,fitBoundsAnimationKey:S,disableAnimation:T,mapStyle:P,onMapClick:H,baseMapView:V,cooperativeGestures:ce=!0,doubleClickZoom:ie=!0,projection:ue,theme:G,features:W,itineraryParams:j,findNearestMarker:k,isochrone:M})=>{const J=O.useTheme(),I=d.useRef(null),[F,D]=d.useState(f??null),[U,Q]=d.useState(!1),K=d.useMemo(()=>{const[i=2.3522,v=48.8566]=A.isArray(l)?l:[];return{latitude:v,longitude:i,zoom:s}},[l,s]),$=d.useMemo(()=>P||Se(V,G??J.palette.mode),[V,P,G,J.palette.mode]),{style:q,cooperativeGestures:ee,doubleClickZoom:n}=ot({baseMapView:V,cooperativeGestures:ce,doubleClickZoom:ie,mapStyle:$,theme:G??J.palette.mode}),c=(i,v)=>{!g&&v&&D(i)},h=(i,v)=>{g&&D(v?i:null)};d.useEffect(()=>{D(f??null)},[f]);const m=d.useMemo(()=>F?y?.find(i=>i.id===F)??null:null,[F,y]);return p.jsxs(O.Box,{"data-testid":"mapbox-container",sx:{height:a,position:"relative",width:o,...e},children:[p.jsx(O.GlobalStyles,{styles:Ue}),r&&p.jsx(O.Skeleton,{"data-testid":"skeleton-loader",width:o,height:a,variant:t?"rectangular":"rounded",sx:{inset:0,position:"absolute",zIndex:2}}),!r&&p.jsxs(C,{ref:I,cooperativeGestures:ee,doubleClickZoom:n,mapStyle:q,projection:ue,onLoad:()=>{Q(!0),I.current?.resize()},initialViewState:K,style:{height:"100%",width:"100%"},mapboxAccessToken:void 0,onClick:i=>{const v=y.find(b=>{const{lng:w,lat:N}=i.lngLat,L=Math.abs(Number(b.lng??0)-w),ut=Math.abs(Number(b.lat??0)-N);return L<.01&&ut<.01});H?.(i.lngLat.lng,i.lngLat.lat,v??null)},children:[U&&y.filter(oe).map(i=>{const v=typeof i.size=="number"?i.size:void 0,b=(()=>{if(!i.IconComponent)return null;const L={...i.iconProps};return v&&(L.width=v,L.height=v),p.jsx(i.IconComponent,{...L})})(),w=i.IconComponent?null:p.jsx(De,{color:i.color,variant:i.variant,size:v}),N={alignItems:"center",cursor:i.Tooltip?"pointer":"default",display:"inline-flex",justifyContent:"center",...i.IconComponent&&!v?{}:v?{height:v,width:v}:{}};return p.jsx(C.Marker,{longitude:i.lng,latitude:i.lat,anchor:"center",onClick:L=>{L.originalEvent.stopPropagation(),i.id&&c(i.id,!!i.Tooltip),H?.(i.lng,i.lat,i)},children:p.jsx(O.Box,{component:"div",onMouseEnter:()=>i.id&&h(i.id,!!i.Tooltip),onMouseLeave:()=>h(null),style:N,children:b||w})},i.id)}),U&&m?.Tooltip&&p.jsx(C.Popup,{longitude:A.isNumber(m.lng)?m.lng:0,latitude:A.isNumber(m.lat)?m.lat:0,anchor:"top",onClose:()=>D(null),maxWidth:u,closeOnClick:!0,closeOnMove:!1,children:p.jsx(O.Box,{component:"div",sx:{minHeight:60,minWidth:240},children:m.Tooltip})}),j&&p.jsx(xe,{from:j.from,to:j.to,profile:j.profile,engine:j.engine,itineraryLineStyle:j.itineraryLineStyle,initialRoute:j.initialRoute,onRouteComputed:j.onRouteComputed,itineraryLabel:j.itineraryLabel}),k&&p.jsx(rt,{origin:k.origin,destinations:k.destinations,onNearestFound:k.onNearestFound,maxDistanceMeters:k.maxDistanceMeters,engine:k.engine,profile:k.profile,initialNearestResults:k.initialNearestResults,itineraryLineStyle:k.itineraryLineStyle}),M&&p.jsx(Qe,{origin:M.origin,profile:M.profile,onIsochroneLoaded:M.onIsochroneLoaded,intervals:M.intervals}),W&&p.jsx(X,{features:W}),x&&p.jsx(Ve,{markers:y,features:W,padding:_,duration:T?0:R,animationKey:S,openPopup:!!f})]})]})},at=d.memo(st),lt=["OSRM","Mapbox"],ct=["driving","walking","cycling"],it=(e,t)=>{const r="geometry"in t?t.geometry:t,[a,o]=e,l=s=>s.map(u=>u.reduce((f,[g,y],x,_)=>{const[R,S]=_[(x-1+_.length)%_.length];return y>o!=S>o&&a<(R-g)*(o-y)/(S-y)+g?!f:f},!1)).reduce((u,f,g)=>g===0?f:u&&!f,!1);return r.type==="Polygon"?l(r.coordinates):r.type==="MultiPolygon"?r.coordinates.some(s=>l(s)):!1};E.DEFAULT_CENTER_LAT=46.8677,E.DEFAULT_CENTER_LNG=2.333,E.MapProvider=Ce,E.MapView=at,E.engines=lt,E.isPointInGeoJSON=it,E.isValidLatLngTuple=Ye,E.isValidLatitude=ne,E.isValidLongitude=re,E.isValidMarker=oe,E.profiles=ct,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,y,b,w,b),ee[b+y]=!0)}if(b=null,h!==void 0&&(r(h),b=""+h),s(c)&&(r(c.key),b=""+c.key),"key"in c){h={};for(var N in c)N!=="key"&&(h[N]=c[N])}else h=c;return b&&u(h,typeof n=="function"?n.displayName||n.name||"Unknown":n),m(n,b,h,o(),i,v)}function x(n){_(n)?n._store&&(n._store.validated=1):typeof n=="object"&&n!==null&&n.$$typeof===k&&(n._payload.status==="fulfilled"?_(n._payload.value)&&n._payload.value._store&&(n._payload.value._store.validated=1):n._store&&(n._store.validated=1))}function _(n){return typeof n=="object"&&n!==null&&n.$$typeof===S}var R=d,S=Symbol.for("react.transitional.element"),T=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),H=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),ce=Symbol.for("react.consumer"),ie=Symbol.for("react.context"),ue=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),W=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),M=Symbol.for("react.activity"),J=Symbol.for("react.client.reference"),I=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,D=Array.isArray,U=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(n){return n()}};var Q,K={},$=R.react_stack_bottom_frame.bind(R,l)(),q=U(a(l)),ee={};B.Fragment=P,B.jsx=function(n,c,h){var y=1e4>I.recentlyCreatedOwnerStacks++;return g(n,c,h,!1,y?Error("react-stack-top-frame"):$,y?U(a(n)):q)},B.jsxs=function(n,c,h){var y=1e4>I.recentlyCreatedOwnerStacks++;return g(n,c,h,!0,y?Error("react-stack-top-frame"):$,y?U(a(n)):q)}})()),B}var ge;function Ae(){return ge||(ge=1,process.env.NODE_ENV==="production"?z.exports=ke():z.exports=je()),z.exports}var p=Ae();const we=d.createContext({licenceMapbox:"",licenseMuiX:""}),Ce=({children:e,licenseMuiX:t,licenceMapbox:r})=>{d.useEffect(()=>{t&&Te.LicenseInfo.setLicenseKey(t)},[t]);const a=d.useMemo(()=>({licenceMapbox:r,licenseMuiX:t}),[t,r]);return r&&(fe.accessToken=r),p.jsx(we.Provider,{value:a,children:e})},Le=e=>e?.type==="LineString"||e?.type==="MultiLineString",Oe=e=>{let t;Array.isArray(e[0][0])?t=e.reduce((o,l)=>l.length>o.length?l:o):t=e;const r=Math.floor(t.length/2);return[t[r][0],t[r][1]]},Pe=({route:e,children:t})=>{if(!(e&&t))return null;const r=e.geometry;if(!Le(r))return null;const a=r.coordinates,[o,l]=Oe(a);return p.jsx(C.Marker,{longitude:o,latitude:l,children:t})},Me=e=>A.isArray(e)?{features:e,type:"FeatureCollection"}:e.type==="FeatureCollection"?e:{features:[e],type:"FeatureCollection"},X=({features:e,lineLabel:t,lineStyle:r})=>{if(!e)return null;const a=Me(e),o=a.features.filter(s=>s.geometry.type==="Polygon"||s.geometry.type==="MultiPolygon"),l=a.features.filter(s=>s.geometry.type==="LineString"||s.geometry.type==="MultiLineString");return p.jsxs(p.Fragment,{children:[o.length>0&&p.jsx(C.Source,{id:"features-polygon",type:"geojson",data:{features:o,type:"FeatureCollection"},children:p.jsx(C.Layer,{id:"polygon-fill",type:"fill",paint:{"fill-color":["coalesce",["get","color"],"#4ADE80"],"fill-opacity":["coalesce",["get","opacity"],.4]}})}),l.length>0&&p.jsxs(p.Fragment,{children:[p.jsx(C.Source,{id:"features-line",type:"geojson",data:{features:l,type:"FeatureCollection"},children:p.jsx(C.Layer,{id:"line-stroke",type:"line",paint:{"line-color":r?.color??["coalesce",["get","color"],"#3B82F6"],"line-opacity":r?.opacity??["coalesce",["get","opacity"],.9],"line-width":r?.width??["coalesce",["get","width"],3]}})}),t&&l.map((s,u)=>p.jsx(Pe,{route:s,children:t},`label-${u}`))]})]})},Ne="#000000",Ie="#FFFFFF",te={default:"#009ba6",primary:"#3F83F8",secondary:"#9C27B0",success:"#4CAF50",warning:"#FF9800"},Fe=e=>e in te,De=({color:e,variant:t,type:r,size:a=28})=>{const o=O.useTheme(),l=o.palette.mode==="dark"?Ne:Ie,s=Math.max(3,Math.round(a*.25)),u=(()=>{if(r==="dropOff")return"#4e85e1";if(t&&Fe(t))return te[t];if(!e)return te.default;if(typeof e=="function")return e(o);if(A.isString(e)&&e.includes(".")){const[f,m]=e.split("."),g=o.palette[f];if(g&&typeof g=="object"&&m in g)return g[m]}return e})();return p.jsx(O.Box,{component:"div",style:{backgroundColor:l,border:`${s}px solid ${u}`,borderRadius:"50%",boxShadow:"0 0 4px rgba(0,0,0,0.3)",height:a,width:a}})},Ue=e=>({".mapboxgl-popup-close-button":{color:e.palette.mode==="dark"?"#fff !important":"#000 !important",fontSize:"20px !important"},".mapboxgl-popup-content":{backgroundColor:"transparent!important",borderRadius:"0px !important",boxShadow:"none!important",padding:"0px 0px!important",width:"fit-content!important"},".mapboxgl-popup-tip":{borderTopColor:`${e.palette.mode==="dark"?"#1e1e1e":"#ffffff"} !important`}}),me=e=>{if(A.isNumber(e))return e;if(A.isString(e)&&e.trim()!==""){const t=Number(e);return Number.isFinite(t)?t:null}return null},ne=e=>{const t=me(e);return t!==null&&t>=-90&&t<=90},re=e=>{const t=me(e);return t!==null&&t>=-180&&t<=180},Ye=e=>Array.isArray(e)&&e.length===2&&ne(e[0])&&re(e[1]),oe=e=>{if(typeof e!="object"||e===null)return!1;const t=e;return(typeof t.id=="string"||typeof t.id=="number"||t.id===void 0)&&ne(t.lat)&&re(t.lng)},ye=e=>A.isString(e)||A.isNumber(e)?String(e):JSON.stringify(e),Be=e=>{if(!e)return[];const t=A.isArray(e)?e:e.type==="FeatureCollection"?e.features:[e],r=[];for(const a of t){const o=a.geometry;o.type==="Point"&&r.push(o.coordinates),o.type==="LineString"&&r.push(...o.coordinates),o.type==="Polygon"&&r.push(...o.coordinates[0])}return r},Ve=({markers:e=[],features:t,padding:r=50,duration:a=1e3,disableAnimation:o,fitBounds:l=!0,animationKey:s,openPopup:u})=>{const{current:f}=C.useMap(),m=d.useRef(""),g=d.useMemo(()=>e.filter(oe),[e]),x=d.useMemo(()=>Be(t),[t]),_=d.useMemo(()=>{const R=[...g.map(S=>[S.lng,S.lat]),...x];return R.length===0?null:R.reduce((S,[T,P])=>S.extend([T,P]),new fe.LngLatBounds)},[g,x]);return d.useEffect(()=>{if(u){m.current=s!==void 0?ye(s):"__initial_skip__";return}if(f&&l&&_){if(s!==void 0){const R=ye(s);if(m.current===R)return;m.current=R}else if(m.current==="__initial_skip__")return;if(!_.isEmpty()){if(g.length===1&&x.length===0){const R=g[0];f.flyTo({center:[R.lng,R.lat],duration:o?0:a,zoom:14});return}f.fitBounds([_.getSouthWest().toArray(),_.getNorthEast().toArray()],{duration:o?0:a,padding:r})}}},[f,_,r,a,o,s,l,g,x,u]),null},he=(e,t)=>{if(t<=0)throw new Error("chunkSize must be greater than 0");const r=[];for(let a=0;a<e.length;a+=t)r.push(e.slice(a,a+t));return r},Ge=(e,t)=>[e,...t.map(r=>r.coords)].map(r=>r.join(",")).join(";"),We=(e,t,r)=>{const a=t.map((s,u)=>{if(u===0||s==null)return null;const f=e[u-1];return f?{distance:s,id:f.id,point:f.coords}:null}).filter(s=>s!==null);if(a.length===0)return{all:[],nearest:null};const o=a.sort((s,u)=>s.distance-u.distance),l=o[0];return r&&l.distance>r?{all:o,nearest:null}:{all:o,nearest:l}};function be(e,t,r){return async(a,o,l,s)=>{const u=Ge(a,o),f=e(u,l),m=await t(f),g=m?r(m)?.[0]:void 0;return g?.length?We(o,g,s):{all:[],nearest:null}}}const Ee=async(e,t,r)=>{const a=Array.from({length:Math.ceil(e.length/t)},(l,s)=>e.slice(s*t,(s+1)*t));return(await Promise.all(a.map(async l=>Promise.all(l.map(r))))).flat()},Je="https://api.mapbox.com",se=(e,t,r,a,o={})=>{const l=new URLSearchParams({access_token:"",...o});return`${Je}/${e}/${t}/mapbox/${r}/${a}?${l.toString()}`},ae=async e=>{try{const t=await fetch(e);return t.ok?await t.json():(console.error(`Mapbox API error: ${t.status} ${t.statusText}`),null)}catch(t){return console.error("Mapbox network error:",t),null}},ze=25,Xe=5,Ze=be((e,t)=>se("directions-matrix","v1",t,e,{annotations:"distance",sources:"0"}),ae,e=>e.distances??void 0),Z={findNearest:async(e,t,r="driving",a)=>{if(!t.length)return[];const o=he(t,ze-1);return(await Ee(o,Xe,s=>Ze(e,s,r,a))).flatMap(s=>s.all).sort((s,u)=>s.distance-u.distance)},getIsochrone:async(e,t="driving",r=[5,10,15])=>{const a=`${e[0]},${e[1]}`,o=se("isochrone","v1",t,a,{contours_minutes:r.join(","),polygons:"true"});return await ae(o)},getItinerary:async(e,t,r="driving")=>{const a=`${e.join(",")};${t.join(",")}`,o=se("directions","v5",r,a,{geometries:"geojson",overview:"full"}),l=await ae(o);if(!l?.routes?.length)return null;const s=l.routes[0];return{geometry:s.geometry,properties:{distance:s.distance,duration:s.duration},type:"Feature"}}},He=({origin:e,profile:t="driving",intervals:r=[5,10,15],onIsochroneLoaded:a})=>{const[o,l]=d.useState(null);return d.useEffect(()=>{let s=!1;if(!e||e.length!==2){l(null);return}return(async()=>{if(!Z.getIsochrone){console.warn("⚠️ getIsochrone is not implemented for this provider.");return}const u=await Z.getIsochrone(e,t,r);s||(l(u),a?.(u??null))})(),()=>{s=!0}},[e,t,r,a]),o?p.jsx(X,{features:o}):null},Qe=d.memo(He),Ke={cycling:"routed-bike",driving:"routed-car",walking:"routed-foot"},$e="https://routing.openstreetmap.de",_e=(e,t,r,a)=>{const o=`${$e}/${Ke[t]}/${e}/v1/${t}/${r}`,l=a?`?${new URLSearchParams(a).toString()}`:"";return`${o}${l}`},Re=async e=>{try{const t=await fetch(e);return t.ok?await t.json():(console.error("OSRM API error:",t.status,t.statusText),null)}catch(t){return console.error("Error fetching OSRM API:",t),null}},qe=100,et=5,tt=be((e,t)=>_e("table",t,e,{annotations:"distance",sources:0}),Re,e=>e.distances??void 0),ve={findNearest:async(e,t,r="driving",a)=>{if(!t.length)return[];const o=he(t,qe-1);return(await Ee(o,et,s=>tt(e,s,r,a))).flatMap(s=>s.all).sort((s,u)=>s.distance-u.distance)},getItinerary:async(e,t,r="driving")=>{const a=`${e.join(",")};${t.join(",")}`,o=_e("route",r,a,{geometries:"geojson",overview:"full"}),l=await Re(o);if(!l?.routes?.length)return null;const s=l.routes[0];return{geometry:s.geometry,properties:{distance:s.distance,duration:s.duration},type:"Feature"}}},xe=({from:e,to:t,profile:r,engine:a,itineraryLineStyle:o,initialRoute:l,onRouteComputed:s,itineraryLabel:u})=>{const[f,m]=d.useState(l??null);return d.useEffect(()=>{l&&(m(l),s?.(l))},[l,s]),d.useEffect(()=>{!(e&&t)||l||(async()=>{const x=await(a==="OSRM"?ve:Z).getItinerary(e,t,r);m(x??null),s?.(x??null)})()},[e,t,r,a,l,s]),f?p.jsx(X,{features:f,lineStyle:o,lineLabel:u}):null},nt=({origin:e,maxDistanceMeters:t,destinations:r,onNearestFound:a,initialNearestResults:o,itineraryLineStyle:l,profile:s="driving",engine:u="OSRM"})=>{const[f,m]=d.useState(o??[]),g=d.useRef(null);d.useEffect(()=>{o&&m(o)},[o]),d.useEffect(()=>{const _=new AbortController;if(o?.length)return;if(!e||e.length!==2||!r?.length){m([]);return}m([]);const R=r.map(T=>({coords:[T.lng,T.lat],id:T.id}));return(u==="OSRM"?ve:Z).findNearest(e,R,s,t).then(T=>m(T??[])).catch(()=>m([])),()=>_.abort()},[e,t,r,s,u,o?.length]),d.useEffect(()=>{const _=g.current;(!_||_.length!==f.length||_.some((S,T)=>S.id!==f[T]?.id||S.distance!==f[T]?.distance))&&(a?.(f),g.current=f)},[f,a]);const x=f[0];return x?x.routeFeature?p.jsx(X,{features:x.routeFeature}):p.jsx(xe,{from:e,to:x.point,profile:s,engine:u,itineraryLineStyle:l}):null},rt=d.memo(nt),le={satellite:"mapbox://styles/mapbox/satellite-streets-v12",street:{dark:"mapbox://styles/mapbox/dark-v11",light:"mapbox://styles/mapbox/streets-v12"}},Se=(e,t)=>{const r=t==="dark";switch(e){case"satellite":return le.satellite;default:return r?le.street.dark:le.street.light}},ot=({mapStyle:e,theme:t,baseMapView:r,doubleClickZoom:a,cooperativeGestures:o})=>({cooperativeGestures:o,doubleClickZoom:a,failIfMajorPerformanceCaveat:!1,style:e??Se(r,t)}),st=({containerStyle:e,square:t,loading:r,height:a=300,width:o="100%",center:l=[2.3522,48.8566],zoom:s=5,popupMaxWidth:u,openPopup:f,openPopupOnHover:m,markers:g=[],fitBounds:x=!0,fitBoundsPadding:_,fitBoundDuration:R,fitBoundsAnimationKey:S,disableAnimation:T,mapStyle:P,onMapClick:H,baseMapView:V,cooperativeGestures:ce=!0,doubleClickZoom:ie=!0,projection:ue,theme:G,features:W,itineraryParams:j,findNearestMarker:k,isochrone:M})=>{const J=O.useTheme(),I=d.useRef(null),[F,D]=d.useState(f??null),[U,Q]=d.useState(!1),K=d.useMemo(()=>{const[i=2.3522,v=48.8566]=A.isArray(l)?l:[];return{latitude:v,longitude:i,zoom:s}},[l,s]),$=d.useMemo(()=>P||Se(V,G??J.palette.mode),[V,P,G,J.palette.mode]),{style:q,cooperativeGestures:ee,doubleClickZoom:n}=ot({baseMapView:V,cooperativeGestures:ce,doubleClickZoom:ie,mapStyle:$,theme:G??J.palette.mode}),c=(i,v)=>{!m&&v&&D(i)},h=(i,v)=>{m&&D(v?i:null)};d.useEffect(()=>{D(f??null)},[f]);const y=d.useMemo(()=>F?g?.find(i=>i.id===F)??null:null,[F,g]);return p.jsxs(O.Box,{"data-testid":"mapbox-container",sx:{borderRadius:t?0:6,height:a,overflow:"hidden",position:"relative",width:o,...e},children:[p.jsx(O.GlobalStyles,{styles:Ue}),r&&p.jsx(O.Skeleton,{"data-testid":"skeleton-loader",width:o,height:a,variant:t?"rectangular":"rounded",sx:{inset:0,position:"absolute",zIndex:2}}),!r&&p.jsxs(C,{ref:I,cooperativeGestures:ee,doubleClickZoom:n,mapStyle:q,projection:ue,onLoad:()=>{Q(!0),I.current?.resize()},initialViewState:K,style:{height:"100%",width:"100%"},mapboxAccessToken:void 0,onClick:i=>{const v=g.find(b=>{const{lng:w,lat:N}=i.lngLat,L=Math.abs(Number(b.lng??0)-w),ut=Math.abs(Number(b.lat??0)-N);return L<.01&&ut<.01});H?.(i.lngLat.lng,i.lngLat.lat,v??null)},children:[U&&g.filter(oe).map(i=>{const v=typeof i.size=="number"?i.size:void 0,b=(()=>{if(!i.IconComponent)return null;const L={...i.iconProps};return v&&(L.width=v,L.height=v),p.jsx(i.IconComponent,{...L})})(),w=i.IconComponent?null:p.jsx(De,{color:i.color,variant:i.variant,size:v,type:i.type}),N={alignItems:"center",cursor:i.Tooltip?"pointer":"default",display:"inline-flex",justifyContent:"center",...i.IconComponent&&!v?{}:v?{height:v,width:v}:{}};return p.jsx(C.Marker,{longitude:i.lng,latitude:i.lat,anchor:"center",onClick:L=>{L.originalEvent.stopPropagation(),i.id&&c(i.id,!!i.Tooltip),H?.(i.lng,i.lat,i)},children:p.jsx(O.Box,{component:"div",onMouseEnter:()=>i.id&&h(i.id,!!i.Tooltip),onMouseLeave:()=>h(null),style:N,children:b||w})},i.id)}),U&&y?.Tooltip&&p.jsx(C.Popup,{longitude:A.isNumber(y.lng)?y.lng:0,latitude:A.isNumber(y.lat)?y.lat:0,anchor:"top",onClose:()=>D(null),maxWidth:u,closeOnClick:!0,closeOnMove:!1,children:p.jsx(O.Box,{component:"div",sx:{minHeight:60,minWidth:240},children:y.Tooltip})}),j&&p.jsx(xe,{from:j.from,to:j.to,profile:j.profile,engine:j.engine,itineraryLineStyle:j.itineraryLineStyle,initialRoute:j.initialRoute,onRouteComputed:j.onRouteComputed,itineraryLabel:j.itineraryLabel}),k&&p.jsx(rt,{origin:k.origin,destinations:k.destinations,onNearestFound:k.onNearestFound,maxDistanceMeters:k.maxDistanceMeters,engine:k.engine,profile:k.profile,initialNearestResults:k.initialNearestResults,itineraryLineStyle:k.itineraryLineStyle}),M&&p.jsx(Qe,{origin:M.origin,profile:M.profile,onIsochroneLoaded:M.onIsochroneLoaded,intervals:M.intervals}),W&&p.jsx(X,{features:W}),x&&p.jsx(Ve,{markers:g,features:W,padding:_,duration:T?0:R,animationKey:S,openPopup:!!f})]})]})},at=d.memo(st),lt=["OSRM","Mapbox"],ct=["driving","walking","cycling"],it=(e,t)=>{const r="geometry"in t?t.geometry:t,[a,o]=e,l=s=>s.map(u=>u.reduce((f,[m,g],x,_)=>{const[R,S]=_[(x-1+_.length)%_.length];return g>o!=S>o&&a<(R-m)*(o-g)/(S-g)+m?!f:f},!1)).reduce((u,f,m)=>m===0?f:u&&!f,!1);return r.type==="Polygon"?l(r.coordinates):r.type==="MultiPolygon"?r.coordinates.some(s=>l(s)):!1};E.DEFAULT_CENTER_LAT=46.8677,E.DEFAULT_CENTER_LNG=2.333,E.MapProvider=Ce,E.MapView=at,E.engines=lt,E.isPointInGeoJSON=it,E.isValidLatLngTuple=Ye,E.isValidLatitude=ne,E.isValidLongitude=re,E.isValidMarker=oe,E.profiles=ct,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -3,7 +3,7 @@
   "description": "A React library to easily display map with multiple tools",
   "private": false,
   "license": "UNLICENSED",
-  "version": "1.8.4",
+  "version": "1.8.6",
   "type": "module",
   "main": "dist/main.umd.cjs",
   "module": "dist/main.js",