@tracktor/map 0.3.4 → 0.4.1

package/dist/main.js

@@ -4,7 +4,7 @@ import { LicenseInfo as Pr } from "@mui/x-license";
 import Or, { LngLatBounds as wr, Marker as jr, Popup as Ar, Map as Lr } from "mapbox-gl";
 import { Box as ae, Skeleton as Fr, useTheme as Dr, GlobalStyles as Nr } from "@tracktor/design-system";
 import Ir from "react-dom";
-const Mr = 2.333, kr = 46.8677;
+const kr = 2.333, Mr = 46.8677;
 var K = { exports: {} }, Y = {};
 /**
  * @license React
@@ -19,15 +19,15 @@ var Ne;
 function $r() {
   if (Ne) return Y;
   Ne = 1;
-  var r = ue, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(d, f, v) {
-    var y, h = {}, C = null, D = null;
-    v !== void 0 && (C = "" + v), f.key !== void 0 && (C = "" + f.key), f.ref !== void 0 && (D = f.ref);
-    for (y in f) o.call(f, y) && !c.hasOwnProperty(y) && (h[y] = f[y]);
-    if (d && d.defaultProps) for (y in f = d.defaultProps, f) h[y] === void 0 && (h[y] = f[y]);
-    return { $$typeof: t, type: d, key: C, ref: D, props: h, _owner: s.current };
+  var r = ue, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(p, u, v) {
+    var f, E = {}, R = null, D = null;
+    v !== void 0 && (R = "" + v), u.key !== void 0 && (R = "" + u.key), u.ref !== void 0 && (D = u.ref);
+    for (f in u) o.call(u, f) && !l.hasOwnProperty(f) && (E[f] = u[f]);
+    if (p && p.defaultProps) for (f in u = p.defaultProps, u) E[f] === void 0 && (E[f] = u[f]);
+    return { $$typeof: t, type: p, key: R, ref: D, props: E, _owner: s.current };
   }
-  return Y.Fragment = a, Y.jsx = l, Y.jsxs = l, Y;
+  return Y.Fragment = a, Y.jsx = d, Y.jsxs = d, Y;
 }
 var U = {};
 /**
@@ -42,7 +42,7 @@ var U = {};
 var Ie;
 function Wr() {
   return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = ue, t = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), d = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), G = Symbol.iterator, B = "@@iterator";
+    var r = ue, t = Symbol.for("react.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), p = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), G = Symbol.iterator, B = "@@iterator";
     function H(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -50,36 +50,36 @@ function Wr() {
       return typeof n == "function" ? n : null;
     }
     var w = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function R(e) {
+    function m(e) {
       {
-        for (var n = arguments.length, i = new Array(n > 1 ? n - 1 : 0), u = 1; u < n; u++)
-          i[u - 1] = arguments[u];
+        for (var n = arguments.length, i = new Array(n > 1 ? n - 1 : 0), c = 1; c < n; c++)
+          i[c - 1] = arguments[c];
         S("error", e, i);
       }
     }
     function S(e, n, i) {
       {
-        var u = w.ReactDebugCurrentFrame, b = u.getStackAddendum();
+        var c = w.ReactDebugCurrentFrame, b = c.getStackAddendum();
         b !== "" && (n += "%s", i = i.concat([b]));
-        var E = i.map(function(g) {
+        var h = i.map(function(g) {
           return String(g);
         });
-        E.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, E);
+        h.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, h);
       }
     }
     var X = !1, N = !1, qe = !1, ze = !1, Je = !1, ce;
     ce = Symbol.for("react.module.reference");
     function Ke(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === c || Je || e === s || e === v || e === y || ze || e === D || X || N || qe || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === h || e.$$typeof === l || e.$$typeof === d || e.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === l || Je || e === s || e === v || e === f || ze || e === D || X || N || qe || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === E || e.$$typeof === d || e.$$typeof === p || e.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === ce || e.getModuleId !== void 0));
     }
     function He(e, n, i) {
-      var u = e.displayName;
-      if (u)
-        return u;
+      var c = e.displayName;
+      if (c)
+        return c;
       var b = n.displayName || n.name || "";
       return b !== "" ? i + "(" + b + ")" : i;
     }
@@ -89,7 +89,7 @@ function Wr() {
     function j(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -98,32 +98,32 @@ function Wr() {
           return "Fragment";
         case a:
           return "Portal";
-        case c:
+        case l:
           return "Profiler";
         case s:
           return "StrictMode";
         case v:
           return "Suspense";
-        case y:
+        case f:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case d:
+          case p:
             var n = e;
             return le(n) + ".Consumer";
-          case l:
+          case d:
             var i = e;
             return le(i._context) + ".Provider";
-          case f:
+          case u:
             return He(e, e.render, "ForwardRef");
-          case h:
-            var u = e.displayName || null;
-            return u !== null ? u : j(e.type) || "Memo";
-          case C: {
-            var b = e, E = b._payload, g = b._init;
+          case E:
+            var c = e.displayName || null;
+            return c !== null ? c : j(e.type) || "Memo";
+          case R: {
+            var b = e, h = b._payload, g = b._init;
             try {
-              return j(g(E));
+              return j(g(h));
             } catch {
               return null;
             }
@@ -190,7 +190,7 @@ function Wr() {
             })
           });
         }
-        $ < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        $ < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Z = w.ReactCurrentDispatcher, Q;
@@ -200,8 +200,8 @@ function Wr() {
           try {
             throw Error();
           } catch (b) {
-            var u = b.stack.trim().match(/\n( *(at )?)/);
-            Q = u && u[1] || "";
+            var c = b.stack.trim().match(/\n( *(at )?)/);
+            Q = c && c[1] || "";
           }
         return `
 ` + Q + e;
@@ -220,12 +220,12 @@ function Wr() {
         if (i !== void 0)
           return i;
       }
-      var u;
+      var c;
       ee = !0;
       var b = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var E;
-      E = Z.current, Z.current = null, Xe();
+      var h;
+      h = Z.current, Z.current = null, Xe();
       try {
         if (n) {
           var g = function() {
@@ -239,14 +239,14 @@ function Wr() {
             try {
               Reflect.construct(g, []);
             } catch (x) {
-              u = x;
+              c = x;
             }
             Reflect.construct(e, [], g);
           } else {
             try {
               g.call();
             } catch (x) {
-              u = x;
+              c = x;
             }
             e.call(g.prototype);
           }
@@ -254,33 +254,33 @@ function Wr() {
           try {
             throw Error();
           } catch (x) {
-            u = x;
+            c = x;
           }
           e();
         }
       } catch (x) {
-        if (x && u && typeof x.stack == "string") {
-          for (var p = x.stack.split(`
-`), T = u.stack.split(`
-`), m = p.length - 1, _ = T.length - 1; m >= 1 && _ >= 0 && p[m] !== T[_]; )
-            _--;
-          for (; m >= 1 && _ >= 0; m--, _--)
-            if (p[m] !== T[_]) {
-              if (m !== 1 || _ !== 1)
+        if (x && c && typeof x.stack == "string") {
+          for (var y = x.stack.split(`
+`), T = c.stack.split(`
+`), _ = y.length - 1, C = T.length - 1; _ >= 1 && C >= 0 && y[_] !== T[C]; )
+            C--;
+          for (; _ >= 1 && C >= 0; _--, C--)
+            if (y[_] !== T[C]) {
+              if (_ !== 1 || C !== 1)
                 do
-                  if (m--, _--, _ < 0 || p[m] !== T[_]) {
+                  if (_--, C--, C < 0 || y[_] !== T[C]) {
                     var P = `
-` + p[m].replace(" at new ", " at ");
+` + y[_].replace(" at new ", " at ");
                     return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, P), P;
                   }
-                while (m >= 1 && _ >= 0);
+                while (_ >= 1 && C >= 0);
               break;
             }
         }
       } finally {
-        ee = !1, Z.current = E, Ze(), Error.prepareStackTrace = b;
+        ee = !1, Z.current = h, Ze(), Error.prepareStackTrace = b;
       }
-      var M = e ? e.displayName || e.name : "", F = M ? V(M) : "";
+      var k = e ? e.displayName || e.name : "", F = k ? V(k) : "";
       return typeof e == "function" && q.set(e, F), F;
     }
     function er(e, n, i) {
@@ -300,19 +300,19 @@ function Wr() {
       switch (e) {
         case v:
           return V("Suspense");
-        case y:
+        case f:
           return V("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
+          case u:
             return er(e.render);
-          case h:
+          case E:
             return z(e.type, n, i);
-          case C: {
-            var u = e, b = u._payload, E = u._init;
+          case R: {
+            var c = e, b = c._payload, h = c._init;
             try {
-              return z(E(b), n, i);
+              return z(h(b), n, i);
             } catch {
             }
           }
@@ -327,22 +327,22 @@ function Wr() {
       } else
         me.setExtraStackFrame(null);
     }
-    function tr(e, n, i, u, b) {
+    function tr(e, n, i, c, b) {
       {
-        var E = Function.call.bind(W);
+        var h = Function.call.bind(W);
         for (var g in e)
-          if (E(e, g)) {
-            var p = void 0;
+          if (h(e, g)) {
+            var y = void 0;
             try {
               if (typeof e[g] != "function") {
-                var T = Error((u || "React class") + ": " + i + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var T = Error((c || "React class") + ": " + i + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw T.name = "Invariant Violation", T;
               }
-              p = e[g](n, g, u, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (m) {
-              p = m;
+              y = e[g](n, g, c, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (_) {
+              y = _;
             }
-            p && !(p instanceof Error) && (J(b), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", u || "React class", i, g, typeof p), J(null)), p instanceof Error && !(p.message in Re) && (Re[p.message] = !0, J(b), R("Failed %s type: %s", i, p.message), J(null));
+            y && !(y instanceof Error) && (J(b), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", i, g, typeof y), J(null)), y instanceof Error && !(y.message in Re) && (Re[y.message] = !0, J(b), m("Failed %s type: %s", i, y.message), J(null));
           }
       }
     }
@@ -368,7 +368,7 @@ function Wr() {
     }
     function Ce(e) {
       if (ir(e))
-        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", or(e)), _e(e);
+        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", or(e)), _e(e);
     }
     var Te = w.ReactCurrentOwner, ar = {
       key: !0,
@@ -398,7 +398,7 @@ function Wr() {
     function lr(e, n) {
       {
         var i = function() {
-          xe || (xe = !0, R("%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://reactjs.org/link/special-props)", n));
+          xe || (xe = !0, m("%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://reactjs.org/link/special-props)", n));
         };
         i.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: i,
@@ -409,7 +409,7 @@ function Wr() {
     function fr(e, n) {
       {
         var i = function() {
-          Se || (Se = !0, R("%s: `ref` 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://reactjs.org/link/special-props)", n));
+          Se || (Se = !0, m("%s: `ref` 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://reactjs.org/link/special-props)", n));
         };
         i.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: i,
@@ -417,8 +417,8 @@ function Wr() {
         });
       }
     }
-    var dr = function(e, n, i, u, b, E, g) {
-      var p = {
+    var dr = function(e, n, i, c, b, h, g) {
+      var y = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -427,41 +427,41 @@ function Wr() {
         ref: i,
         props: g,
         // Record the component responsible for creating this element.
-        _owner: E
+        _owner: h
       };
-      return p._store = {}, Object.defineProperty(p._store, "validated", {
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(p, "_self", {
+      }), Object.defineProperty(y, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: u
-      }), Object.defineProperty(p, "_source", {
+        value: c
+      }), Object.defineProperty(y, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: b
-      }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     };
-    function pr(e, n, i, u, b) {
+    function pr(e, n, i, c, b) {
       {
-        var E, g = {}, p = null, T = null;
-        i !== void 0 && (Ce(i), p = "" + i), ur(n) && (Ce(n.key), p = "" + n.key), sr(n) && (T = n.ref, cr(n, b));
-        for (E in n)
-          W.call(n, E) && !ar.hasOwnProperty(E) && (g[E] = n[E]);
+        var h, g = {}, y = null, T = null;
+        i !== void 0 && (Ce(i), y = "" + i), ur(n) && (Ce(n.key), y = "" + n.key), sr(n) && (T = n.ref, cr(n, b));
+        for (h in n)
+          W.call(n, h) && !ar.hasOwnProperty(h) && (g[h] = n[h]);
         if (e && e.defaultProps) {
-          var m = e.defaultProps;
-          for (E in m)
-            g[E] === void 0 && (g[E] = m[E]);
+          var _ = e.defaultProps;
+          for (h in _)
+            g[h] === void 0 && (g[h] = _[h]);
         }
-        if (p || T) {
-          var _ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          p && lr(g, _), T && fr(g, _);
+        if (y || T) {
+          var C = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          y && lr(g, C), T && fr(g, C);
         }
-        return dr(e, p, T, b, u, Te.current, g);
+        return dr(e, y, T, b, c, Te.current, g);
       }
     }
     var te = w.ReactCurrentOwner, Pe = w.ReactDebugCurrentFrame;
@@ -514,8 +514,8 @@ Check the top-level render call using <` + i + ">.");
         if (we[i])
           return;
         we[i] = !0;
-        var u = "";
-        e && e._owner && e._owner !== te.current && (u = " It was passed a child from " + j(e._owner.type) + "."), I(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, u), I(null);
+        var c = "";
+        e && e._owner && e._owner !== te.current && (c = " It was passed a child from " + j(e._owner.type) + "."), I(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, c), I(null);
       }
     }
     function Ae(e, n) {
@@ -524,15 +524,15 @@ Check the top-level render call using <` + i + ">.");
           return;
         if (re(e))
           for (var i = 0; i < e.length; i++) {
-            var u = e[i];
-            oe(u) && je(u, n);
+            var c = e[i];
+            oe(c) && je(c, n);
           }
         else if (oe(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var b = H(e);
           if (typeof b == "function" && b !== e.entries)
-            for (var E = b.call(e), g; !(g = E.next()).done; )
+            for (var h = b.call(e), g; !(g = h.next()).done; )
               oe(g.value) && je(g.value, n);
         }
       }
@@ -545,60 +545,60 @@ Check the top-level render call using <` + i + ">.");
         var i;
         if (typeof n == "function")
           i = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === f || // Note: Memo only checks outer props here.
+        else if (typeof n == "object" && (n.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === h))
+        n.$$typeof === E))
           i = n.propTypes;
         else
           return;
         if (i) {
-          var u = j(n);
-          tr(i, e.props, "prop", u, e);
+          var c = j(n);
+          tr(i, e.props, "prop", c, e);
         } else if (n.PropTypes !== void 0 && !ne) {
           ne = !0;
           var b = j(n);
-          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
+          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function br(e) {
       {
         for (var n = Object.keys(e.props), i = 0; i < n.length; i++) {
-          var u = n[i];
-          if (u !== "children" && u !== "key") {
-            I(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), I(null);
+          var c = n[i];
+          if (c !== "children" && c !== "key") {
+            I(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), I(null);
             break;
           }
         }
-        e.ref !== null && (I(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
+        e.ref !== null && (I(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
       }
     }
     var Le = {};
-    function Fe(e, n, i, u, b, E) {
+    function Fe(e, n, i, c, b, h) {
       {
         var g = Ke(e);
         if (!g) {
-          var p = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (p += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var y = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var T = vr();
-          T ? p += T : p += Oe();
-          var m;
-          e === null ? m = "null" : re(e) ? m = "array" : e !== void 0 && e.$$typeof === t ? (m = "<" + (j(e.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : m = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", m, p);
+          T ? y += T : y += Oe();
+          var _;
+          e === null ? _ = "null" : re(e) ? _ = "array" : e !== void 0 && e.$$typeof === t ? (_ = "<" + (j(e.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, y);
         }
-        var _ = pr(e, n, i, b, E);
-        if (_ == null)
-          return _;
+        var C = pr(e, n, i, b, h);
+        if (C == null)
+          return C;
         if (g) {
           var P = n.children;
           if (P !== void 0)
-            if (u)
+            if (c)
               if (re(P)) {
-                for (var M = 0; M < P.length; M++)
-                  Ae(P[M], e);
+                for (var k = 0; k < P.length; k++)
+                  Ae(P[k], e);
                 Object.freeze && Object.freeze(P);
               } else
-                R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                m("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
               Ae(P, e);
         }
@@ -608,7 +608,7 @@ Check the top-level render call using <` + i + ">.");
           }), ie = x.length > 0 ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Le[F + ie]) {
             var _r = x.length > 0 ? "{" + x.join(": ..., ") + ": ...}" : "{}";
-            R(`A props object containing a "key" prop is being spread into JSX:
+            m(`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:
@@ -616,7 +616,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, ie, F, _r, F), Le[F + ie] = !0;
           }
         }
-        return e === o ? br(_) : gr(_), _;
+        return e === o ? br(C) : gr(C), C;
       }
     }
     function Er(e, n, i) {
@@ -629,9 +629,9 @@ React keys must be passed directly to JSX without using spread:
     U.Fragment = o, U.jsx = Rr, U.jsxs = mr;
   }()), U;
 }
-var Me;
+var ke;
 function Yr() {
-  return Me || (Me = 1, process.env.NODE_ENV === "production" ? K.exports = $r() : K.exports = Wr()), K.exports;
+  return ke || (ke = 1, process.env.NODE_ENV === "production" ? K.exports = $r() : K.exports = Wr()), K.exports;
 }
 var O = Yr();
 const Ur = Tr({
@@ -649,7 +649,7 @@ const Ur = Tr({
     [t, a]
   );
   return a && (Or.accessToken = a), /* @__PURE__ */ O.jsx(Ur.Provider, { value: o, children: r });
-}, Gr = ({ containerStyle: r, square: t, error: a, loading: o = !1, height: s = 300, width: c = "100%" }, l) => /* @__PURE__ */ O.jsxs(ae, { sx: { position: "relative" }, height: s, children: [
+}, Gr = ({ containerStyle: r, square: t, error: a, loading: o = !1, height: s = 300, width: l = "100%" }, d) => /* @__PURE__ */ O.jsxs(ae, { sx: { position: "relative" }, height: s, children: [
   /* @__PURE__ */ O.jsx(
     ae,
     {
@@ -664,8 +664,8 @@ const Ur = Tr({
         zIndex: 1,
         ...r
       },
-      ref: l,
-      width: c,
+      ref: d,
+      width: l,
       height: s,
       children: a && /* @__PURE__ */ O.jsx(ae, { textAlign: "center", children: a })
     }
@@ -680,7 +680,7 @@ const Ur = Tr({
         zIndex: 0,
         ...r
       },
-      width: c,
+      width: l,
       height: s,
       variant: t ? "rectangular" : "rounded"
     }
@@ -691,54 +691,54 @@ const Ur = Tr({
   flyToDuration: a,
   zoom: o,
   fitBounds: s,
-  markers: c,
-  fitBoundDuration: l,
-  fitBoundsPadding: d
+  markers: l,
+  fitBoundDuration: d,
+  fitBoundsPadding: p
 }) => {
   A(() => {
     if (!r.current || (t || r.current.flyTo({
       duration: a,
       zoom: o
-    }), !s || !(c != null && c.length) || (c == null ? void 0 : c.length) < 2)) return;
-    const f = new wr(), v = c.filter((y) => {
-      const h = Number(y.lng), C = Number(y.lat);
-      return Ve(C, h);
+    }), !s || !(l != null && l.length) || (l == null ? void 0 : l.length) < 2)) return;
+    const u = new wr(), v = l.filter((f) => {
+      const E = Number(f.lng), R = Number(f.lat);
+      return Ve(R, E);
     });
     if (!(v.length < 2)) {
-      for (let y = 0; y < v.length; y += 1) {
-        const h = Number(v[y].lng), C = Number(v[y].lat);
-        f.extend([h, C]);
+      for (let f = 0; f < v.length; f += 1) {
+        const E = Number(v[f].lng), R = Number(v[f].lat);
+        u.extend([E, R]);
       }
-      r.current.fitBounds(f, {
-        duration: l,
-        padding: d
+      r.current.fitBounds(u, {
+        duration: d,
+        padding: p
       });
     }
-  }, [c, s, d, a, o, l, t, r]);
+  }, [l, s, p, a, o, d, t, r]);
 }, We = (r) => Array.isArray(r) ? r.length >= 2 ? [r[0], r[1]] : void 0 : r, qr = ({ map: r, center: t }) => {
   A(() => {
     if (!r.current || !t) return;
-    const a = Array.isArray(t) && Ve(t[1], t[0]) ? We(t) : { lat: kr, lng: Mr };
+    const a = Array.isArray(t) && Ve(t[1], t[0]) ? We(t) : { lat: Mr, lng: kr };
     a && r.current.setCenter(a);
   }, [t, r]);
 };
-var k = {}, ke;
+var M = {}, Me;
 function zr() {
-  if (ke) return k;
-  ke = 1;
+  if (Me) return M;
+  Me = 1;
   var r = Ir;
   if (process.env.NODE_ENV === "production")
-    k.createRoot = r.createRoot, k.hydrateRoot = r.hydrateRoot;
+    M.createRoot = r.createRoot, M.hydrateRoot = r.hydrateRoot;
   else {
     var t = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    k.createRoot = function(a, o) {
+    M.createRoot = function(a, o) {
       t.usingClientEntryPoint = !0;
       try {
         return r.createRoot(a, o);
       } finally {
         t.usingClientEntryPoint = !1;
       }
-    }, k.hydrateRoot = function(a, o, s) {
+    }, M.hydrateRoot = function(a, o, s) {
       t.usingClientEntryPoint = !0;
       try {
         return r.hydrateRoot(a, o, s);
@@ -747,7 +747,7 @@ function zr() {
       }
     };
   }
-  return k;
+  return M;
 }
 var Ye = zr();
 const Jr = ({ palette: r, type: t }) => {
@@ -770,29 +770,29 @@ const Jr = ({ palette: r, type: t }) => {
   }
 }, Kr = (r, t, a, o) => {
   const s = {
-    features: a.map((l) => ({
+    features: a.map((d) => ({
       geometry: {
-        coordinates: l.geometry.coordinates,
+        coordinates: d.geometry.coordinates,
         type: "Point"
       },
       properties: {
-        id: l.properties.id,
-        ...l.properties
+        id: d.properties.id,
+        ...d.properties
       },
       type: "Feature"
     })),
     type: "FeatureCollection"
-  }, c = r.getSource(t);
-  c ? c.setData(s) : r.addSource(t, {
+  }, l = r.getSource(t);
+  l ? l.setData(s) : r.addSource(t, {
     data: s,
     type: "geojson"
-  }), s.features.forEach((l) => {
-    const { description: d, id: f } = l.properties || {}, v = Jr({ palette: o, type: d }), y = `marker-${f}`;
-    r.getLayer(y) ? Object.entries(v || {}).forEach(([h, C]) => {
-      r.setPaintProperty(y, h, C);
+  }), s.features.forEach((d) => {
+    const { description: p, id: u } = d.properties || {}, v = Jr({ palette: o, type: p }), f = `marker-${u}`;
+    r.getLayer(f) ? Object.entries(v || {}).forEach(([E, R]) => {
+      r.setPaintProperty(f, E, R);
     }) : r.addLayer({
-      filter: ["==", "id", f],
-      id: y,
+      filter: ["==", "id", u],
+      id: f,
       layout: {
         visibility: "visible"
       },
@@ -803,12 +803,16 @@ const Jr = ({ palette: r, type: t }) => {
   });
 }, Hr = (r, t) => {
   document.querySelectorAll(".react-custom-marker").forEach((o) => o.remove()), t.forEach((o) => {
-    const { IconComponent: s, iconProps: c } = o.properties || {}, { coordinates: l } = o.geometry;
-    if (s && l.length >= 2) {
-      const d = document.createElement("div");
-      d.className = "react-custom-marker", d.style.position = "absolute";
-      const f = document.createElement("div"), v = Ye.createRoot(f);
-      s && v.render(ue.createElement(s, c || {})), d.appendChild(f), new jr(d).setLngLat([l[0], l[1]]).addTo(r);
+    const { IconComponent: s, iconProps: l, onClick: d } = o.properties || {}, { coordinates: p } = o.geometry;
+    if (s && p.length >= 2) {
+      const u = document.createElement("div");
+      u.className = "react-custom-marker", u.style.position = "absolute";
+      const v = document.createElement("div"), f = Ye.createRoot(v);
+      s && f.render(ue.createElement(s, l || {})), u.appendChild(v);
+      const E = () => {
+        d == null || d(o);
+      };
+      u.addEventListener("click", E), new jr(u).setLngLat([p[0], p[1]]).addTo(r);
     }
   });
 }, Xr = (r) => ({
@@ -826,6 +830,7 @@ const Jr = ({ palette: r, type: t }) => {
       iconProps: t.iconProps,
       id: t.id || `{marker-${a}}`,
       name: t.name,
+      onClick: t.onClick,
       size: t.size || 1,
       zIndex: t.zIndex || 0
     },
@@ -834,30 +839,30 @@ const Jr = ({ palette: r, type: t }) => {
   type: "FeatureCollection"
 }), Zr = ({ map: r, setLoadingMapBox: t, palette: a, markers: o }) => {
   if (t(!1), !r.current) return;
-  const s = Xr(o), c = s.features.filter((d) => {
-    var f;
-    return ((f = d.properties) == null ? void 0 : f.IconComponent) === void 0;
+  const s = Xr(o), l = s.features.filter((p) => {
+    var u;
+    return ((u = p.properties) == null ? void 0 : u.IconComponent) === void 0;
   });
-  c.length && Kr(r.current, "markerProps", c, a);
-  const l = s.features.filter((d) => {
-    var f;
-    return (f = d.properties) == null ? void 0 : f.IconComponent;
+  l.length && Kr(r.current, "markerProps", l, a);
+  const d = s.features.filter((p) => {
+    var u;
+    return (u = p.properties) == null ? void 0 : u.IconComponent;
   });
-  l.length && Hr(r.current, l);
+  d.length && Hr(r.current, d);
 }, Qr = ({ map: r, markers: t, markersAreInvalid: a, palette: o, setLoadingMapBox: s }) => {
   A(() => {
     if (!r.current || a) return;
-    const c = () => {
+    const l = () => {
       t && Zr({ map: r, markers: t, palette: o, setLoadingMapBox: s });
     };
-    r.current.loaded() ? c() : r.current.once("load", c);
+    r.current.loaded() ? l() : r.current.once("load", l);
   }, [r, t, a, o, s]);
 }, et = ({ map: r, onMapClick: t }) => {
   A(() => {
     if (!r.current || !t) return;
     const a = r.current.getCanvas(), o = (s) => {
-      const c = [s.clientX - a.getBoundingClientRect().left, s.clientY - a.getBoundingClientRect().top], l = r.current.unproject(c);
-      t(l.lng, l.lat);
+      const l = [s.clientX - a.getBoundingClientRect().left, s.clientY - a.getBoundingClientRect().top], d = r.current.unproject(l);
+      t(d.lng, d.lat);
     };
     a.addEventListener("click", o);
   }, [r, t]);
@@ -871,18 +876,18 @@ const Jr = ({ palette: r, type: t }) => {
   o.style.position = "relative", o.style.overflow = "hidden";
   const s = document.createElement("div");
   s.style.padding = "10px", o.style.zIndex = "1000";
-  const c = Ye.createRoot(s);
-  c.render(t);
-  const l = new Ar({
+  const l = Ye.createRoot(s);
+  l.render(t);
+  const d = new Ar({
     closeButton: !1
   }).setLngLat(a).setDOMContent(o).addTo(r.current);
-  l.on("close", () => {
+  d.on("close", () => {
     queueMicrotask(() => {
-      c.unmount();
+      l.unmount();
     });
   });
-  const d = rt(l);
-  return o.appendChild(d), o.appendChild(s), l;
+  const p = rt(d);
+  return o.appendChild(p), o.appendChild(s), d;
 }, Ue = (r) => typeof r == "object" && r !== null && "type" in r && "coordinates" in r, tt = (r) => {
   if (typeof r != "object" || r === null || !("geometry" in r && "properties" in r))
     return !1;
@@ -895,56 +900,74 @@ const Jr = ({ palette: r, type: t }) => {
   const { properties: s } = r;
   return typeof s != "object" || s === null ? !1 : "id" in s && s.id !== void 0;
 }, nt = ({ map: r, point: t }) => {
-  var s, c, l, d, f;
+  var s, l, d, p, u;
   if (!((s = r.current) != null && s.isStyleLoaded()))
     return null;
-  const a = ((d = (l = (c = r.current) == null ? void 0 : c.getStyle()) == null ? void 0 : l.layers) == null ? void 0 : d.filter((v) => v.id.startsWith("marker-")).map((v) => v.id)) || [], o = (f = r.current) == null ? void 0 : f.queryRenderedFeatures(t, { layers: a });
+  const a = ((p = (d = (l = r.current) == null ? void 0 : l.getStyle()) == null ? void 0 : d.layers) == null ? void 0 : p.filter((v) => v.id.startsWith("marker-")).map((v) => v.id)) || [], o = (u = r.current) == null ? void 0 : u.queryRenderedFeatures(t, { layers: a });
   if (o && o.length > 0) {
     const v = o[0];
     if (!tt(v) || !Ue(v.geometry))
       return null;
-    const { geometry: y } = v, h = y.coordinates.slice();
-    return h.length !== 2 || typeof h[0] != "number" || typeof h[1] != "number" ? null : v;
+    const { geometry: f } = v, E = f.coordinates.slice();
+    return E.length !== 2 || typeof E[0] != "number" || typeof E[1] != "number" ? null : v;
   }
 }, ot = ({ openPopup: r, map: t, markers: a }) => {
   const o = se(null);
   A(() => {
     if (!t.current || !a) return;
-    const c = t.current.getCanvas();
+    const l = t.current.getCanvas();
     if (o.current && (o.current.remove(), o.current = null), r) {
-      const d = a.find((f) => f.id === r);
-      if (d) {
-        const f = [Number(d.lng) || 0, Number(d.lat) || 0], v = $e({
-          coordinates: f,
+      const p = a.find((u) => u.id === r);
+      if (p) {
+        const u = [Number(p.lng) || 0, Number(p.lat) || 0], v = $e({
+          coordinates: u,
           map: t,
-          tooltip: d.Tooltip
+          tooltip: p.Tooltip
         });
         v && (o.current = v);
       }
     }
-    const l = (d) => {
-      const f = [
-        d.clientX - c.getBoundingClientRect().left,
-        d.clientY - c.getBoundingClientRect().top
-      ], v = nt({ map: t, point: f });
+    const d = (p) => {
+      const u = [
+        p.clientX - l.getBoundingClientRect().left,
+        p.clientY - l.getBoundingClientRect().top
+      ], v = nt({ map: t, point: u });
       if (v && v.properties && v.properties.id) {
         o.current && (o.current.remove(), o.current = null);
-        const y = a.find((h) => h.id === v.properties.id);
-        if (y) {
-          const h = [Number(y.lng) || 0, Number(y.lat) || 0];
+        const f = a.find((E) => E.id === v.properties.id);
+        if (f) {
+          const E = [Number(f.lng) || 0, Number(f.lat) || 0];
+          if (typeof f.onClick == "function") {
+            const R = {
+              geometry: {
+                coordinates: E,
+                type: "Point"
+              },
+              properties: {
+                description: f.name,
+                id: f.id,
+                name: f.name,
+                onClick: f.onClick,
+                size: f.size || 1,
+                zIndex: f.zIndex || 1
+              },
+              type: "Feature"
+            };
+            f.onClick(R);
+          }
           requestAnimationFrame(() => {
-            const C = $e({
-              coordinates: h,
+            const R = $e({
+              coordinates: E,
               map: t,
-              tooltip: y.Tooltip
+              tooltip: f.Tooltip
             });
-            C && (o.current = C);
+            R && (o.current = R);
           });
         }
       }
     };
-    return c.addEventListener("click", l), () => {
-      c.removeEventListener("click", l), o.current && (o.current.remove(), o.current = null);
+    return l.addEventListener("click", d), () => {
+      l.removeEventListener("click", d), o.current && (o.current.remove(), o.current = null);
     };
   }, [t, a, r]);
 }, it = () => {
@@ -955,11 +978,11 @@ const Jr = ({ palette: r, type: t }) => {
     return !1;
   }
 }, at = ({ mapStyle: r, mapContainer: t, zoomFlyFrom: a, markers: o, center: s }) => {
-  var l, d;
+  var d, p;
   return {
     center: s ? We(s) : {
-      lat: ((l = o == null ? void 0 : o[0]) == null ? void 0 : l.lat) !== void 0 ? Number(o[0].lat) : Be,
-      lng: ((d = o == null ? void 0 : o[0]) == null ? void 0 : d.lng) !== void 0 ? Number(o[0].lng) : Ge
+      lat: ((d = o == null ? void 0 : o[0]) == null ? void 0 : d.lat) !== void 0 ? Number(o[0].lat) : Be,
+      lng: ((p = o == null ? void 0 : o[0]) == null ? void 0 : p.lng) !== void 0 ? Number(o[0].lng) : Ge
     },
     container: (t == null ? void 0 : t.current) || "",
     cooperativeGestures: !0,
@@ -973,27 +996,27 @@ const Jr = ({ palette: r, type: t }) => {
   center: a,
   openPopup: o,
   onMapClick: s,
-  flyToDuration: c = 5e3,
-  fitBoundDuration: l = 1e3,
-  fitBounds: d = !0,
-  disableFlyTo: f = !1,
+  flyToDuration: l = 5e3,
+  fitBoundDuration: d = 1e3,
+  fitBounds: p = !0,
+  disableFlyTo: u = !1,
   fitBoundsPadding: v = 50,
-  mapStyle: y = "mapbox://styles/mapbox/streets-v12?optimize=true",
-  zoom: h = 6,
-  zoomFlyFrom: C = 3
+  mapStyle: f = "mapbox://styles/mapbox/streets-v12?optimize=true",
+  zoom: E = 6,
+  zoomFlyFrom: R = 3
 }) => {
-  const { palette: D } = Dr(), [G, B] = De(!0), [H, w] = De(!0), R = se(null), S = se(null), X = !r || r.some((N) => N.lat === void 0 || N.lng === void 0);
+  const { palette: D } = Dr(), [G, B] = De(!0), [H, w] = De(!0), m = se(null), S = se(null), X = !r || r.some((N) => N.lat === void 0 || N.lng === void 0);
   return A(() => {
     if (!it()) {
       w(!1), B(!1);
       return;
     }
-    if (S.current || !R.current || t)
+    if (S.current || !m.current || t)
       return;
-    R.current.innerHTML !== "" && (R.current.innerHTML = "");
-    const N = at({ center: a, mapContainer: R, mapStyle: y, markers: r, zoomFlyFrom: C });
+    m.current.innerHTML !== "" && (m.current.innerHTML = "");
+    const N = at({ center: a, mapContainer: m, mapStyle: f, markers: r, zoomFlyFrom: R });
     S.current = new Lr(N);
-  }, [a, t, y, r, C]), Qr({ map: S, markers: r, markersAreInvalid: X, palette: D, setLoadingMapBox: B }), ot({ map: S, markers: r, openPopup: o }), qr({ center: a, map: S }), et({ map: S, onMapClick: s }), Vr({ disableFlyTo: f, fitBoundDuration: l, fitBounds: d, fitBoundsPadding: v, flyToDuration: c, map: S, markers: r, zoom: h }), A(
+  }, [a, t, f, r, R]), Qr({ map: S, markers: r, markersAreInvalid: X, palette: D, setLoadingMapBox: B }), ot({ map: S, markers: r, openPopup: o }), qr({ center: a, map: S }), et({ map: S, onMapClick: s }), Vr({ disableFlyTo: u, fitBoundDuration: d, fitBounds: p, fitBoundsPadding: v, flyToDuration: l, map: S, markers: r, zoom: E }), A(
     () => () => {
       S.current && (S.current.remove(), S.current = null);
     },
@@ -1001,12 +1024,12 @@ const Jr = ({ palette: r, type: t }) => {
   ), {
     loading: G || t,
     map: S,
-    mapContainer: R,
+    mapContainer: m,
     markers: r,
     webGLSupported: H
   };
-}, vt = ({ containerStyle: r, square: t, theme: a, height: o = 300, width: s = "100%", ...c }) => {
-  const { loading: l, mapContainer: d, webGLSupported: f } = st(c);
+}, vt = ({ containerStyle: r, square: t, theme: a, height: o = 300, width: s = "100%", ...l }) => {
+  const { loading: d, mapContainer: p, webGLSupported: u } = st(l);
   return /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
     /* @__PURE__ */ O.jsx(
       Nr,
@@ -1025,20 +1048,20 @@ const Jr = ({ palette: r, type: t }) => {
     /* @__PURE__ */ O.jsx(
       Br,
       {
-        ref: d,
-        loading: l,
+        ref: p,
+        loading: d,
         height: o,
         width: s,
         containerStyle: r,
         square: t,
-        error: !f && "WebGL is not enabled in your browser. This technology is required to display the interactive map."
+        error: !u && "WebGL is not enabled in your browser. This technology is required to display the interactive map."
       }
     )
   ] });
 }, Ve = (r, t) => Number.isFinite(r) && Number.isFinite(t) && r >= -90 && r <= 90 && t >= -180 && t <= 180;
 export {
-  kr as DEFAULT_CENTER_LAT,
-  Mr as DEFAULT_CENTER_LNG,
+  Mr as DEFAULT_CENTER_LAT,
+  kr as DEFAULT_CENTER_LNG,
   pt as MapProvider,
   Ur as MapProviderContext,
   vt as MarkerMap,

package/dist/main.umd.cjs

@@ -7,7 +7,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var le;function Xe(){if(le)return G;le=1;var t=R,r=Symbol.for("react.element"),a=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,s=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function l(d,f,v){var y,h={},T=null,I=null;v!==void 0&&(T=""+v),f.key!==void 0&&(T=""+f.key),f.ref!==void 0&&(I=f.ref);for(y in f)o.call(f,y)&&!c.hasOwnProperty(y)&&(h[y]=f[y]);if(d&&d.defaultProps)for(y in f=d.defaultProps,f)h[y]===void 0&&(h[y]=f[y]);return{$$typeof:r,type:d,key:T,ref:I,props:h,_owner:s.current}}return G.Fragment=a,G.jsx=l,G.jsxs=l,G}var B={};/**
+ */var le;function Xe(){if(le)return G;le=1;var t=R,r=Symbol.for("react.element"),a=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,s=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function d(p,u,v){var f,b={},_=null,M=null;v!==void 0&&(_=""+v),u.key!==void 0&&(_=""+u.key),u.ref!==void 0&&(M=u.ref);for(f in u)o.call(u,f)&&!l.hasOwnProperty(f)&&(b[f]=u[f]);if(p&&p.defaultProps)for(f in u=p.defaultProps,u)b[f]===void 0&&(b[f]=u[f]);return{$$typeof:r,type:p,key:_,ref:M,props:b,_owner:s.current}}return G.Fragment=a,G.jsx=d,G.jsxs=d,G}var B={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -15,17 +15,17 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var fe;function qe(){return fe||(fe=1,process.env.NODE_ENV!=="production"&&function(){var t=R,r=Symbol.for("react.element"),a=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),d=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),v=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),I=Symbol.for("react.offscreen"),K=Symbol.iterator,H="@@iterator";function ee(e){if(e===null||typeof e!="object")return null;var n=K&&e[K]||e[H];return typeof n=="function"?n:null}var L=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function _(e){{for(var n=arguments.length,i=new Array(n>1?n-1:0),u=1;u<n;u++)i[u-1]=arguments[u];O("error",e,i)}}function O(e,n,i){{var u=L.ReactDebugCurrentFrame,E=u.getStackAddendum();E!==""&&(n+="%s",i=i.concat([E]));var b=i.map(function(g){return String(g)});b.unshift("Warning: "+n),Function.prototype.apply.call(console[e],console,b)}}var te=!1,k=!1,bt=!1,ht=!1,Rt=!1,me;me=Symbol.for("react.module.reference");function _t(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===c||Rt||e===s||e===v||e===y||ht||e===I||te||k||bt||typeof e=="object"&&e!==null&&(e.$$typeof===T||e.$$typeof===h||e.$$typeof===l||e.$$typeof===d||e.$$typeof===f||e.$$typeof===me||e.getModuleId!==void 0))}function mt(e,n,i){var u=e.displayName;if(u)return u;var E=n.displayName||n.name||"";return E!==""?i+"("+E+")":i}function Ce(e){return e.displayName||"Context"}function A(e){if(e==null)return null;if(typeof e.tag=="number"&&_("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case o:return"Fragment";case a:return"Portal";case c:return"Profiler";case s:return"StrictMode";case v:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case d:var n=e;return Ce(n)+".Consumer";case l:var i=e;return Ce(i._context)+".Provider";case f:return mt(e,e.render,"ForwardRef");case h:var u=e.displayName||null;return u!==null?u:A(e.type)||"Memo";case T:{var E=e,b=E._payload,g=E._init;try{return A(g(b))}catch{return null}}}return null}var F=Object.assign,V=0,Te,xe,Se,Pe,Oe,we,je;function Le(){}Le.__reactDisabledLog=!0;function Ct(){{if(V===0){Te=console.log,xe=console.info,Se=console.warn,Pe=console.error,Oe=console.group,we=console.groupCollapsed,je=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Le,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}V++}}function Tt(){{if(V--,V===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},e,{value:Te}),info:F({},e,{value:xe}),warn:F({},e,{value:Se}),error:F({},e,{value:Pe}),group:F({},e,{value:Oe}),groupCollapsed:F({},e,{value:we}),groupEnd:F({},e,{value:je})})}V<0&&_("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var re=L.ReactCurrentDispatcher,ne;function X(e,n,i){{if(ne===void 0)try{throw Error()}catch(E){var u=E.stack.trim().match(/\n( *(at )?)/);ne=u&&u[1]||""}return`
-`+ne+e}}var oe=!1,q;{var xt=typeof WeakMap=="function"?WeakMap:Map;q=new xt}function Ae(e,n){if(!e||oe)return"";{var i=q.get(e);if(i!==void 0)return i}var u;oe=!0;var E=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var b;b=re.current,re.current=null,Ct();try{if(n){var g=function(){throw Error()};if(Object.defineProperty(g.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(g,[])}catch(P){u=P}Reflect.construct(e,[],g)}else{try{g.call()}catch(P){u=P}e.call(g.prototype)}}else{try{throw Error()}catch(P){u=P}e()}}catch(P){if(P&&u&&typeof P.stack=="string"){for(var p=P.stack.split(`
-`),S=u.stack.split(`
-`),m=p.length-1,C=S.length-1;m>=1&&C>=0&&p[m]!==S[C];)C--;for(;m>=1&&C>=0;m--,C--)if(p[m]!==S[C]){if(m!==1||C!==1)do if(m--,C--,C<0||p[m]!==S[C]){var w=`
-`+p[m].replace(" at new "," at ");return e.displayName&&w.includes("<anonymous>")&&(w=w.replace("<anonymous>",e.displayName)),typeof e=="function"&&q.set(e,w),w}while(m>=1&&C>=0);break}}}finally{oe=!1,re.current=b,Tt(),Error.prepareStackTrace=E}var U=e?e.displayName||e.name:"",N=U?X(U):"";return typeof e=="function"&&q.set(e,N),N}function St(e,n,i){return Ae(e,!1)}function Pt(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function Z(e,n,i){if(e==null)return"";if(typeof e=="function")return Ae(e,Pt(e));if(typeof e=="string")return X(e);switch(e){case v:return X("Suspense");case y:return X("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case f:return St(e.render);case h:return Z(e.type,n,i);case T:{var u=e,E=u._payload,b=u._init;try{return Z(b(E),n,i)}catch{}}}return""}var z=Object.prototype.hasOwnProperty,Fe={},Ne=L.ReactDebugCurrentFrame;function Q(e){if(e){var n=e._owner,i=Z(e.type,e._source,n?n.type:null);Ne.setExtraStackFrame(i)}else Ne.setExtraStackFrame(null)}function Ot(e,n,i,u,E){{var b=Function.call.bind(z);for(var g in e)if(b(e,g)){var p=void 0;try{if(typeof e[g]!="function"){var S=Error((u||"React class")+": "+i+" type `"+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[g]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw S.name="Invariant Violation",S}p=e[g](n,g,u,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(m){p=m}p&&!(p instanceof Error)&&(Q(E),_("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",u||"React class",i,g,typeof p),Q(null)),p instanceof Error&&!(p.message in Fe)&&(Fe[p.message]=!0,Q(E),_("Failed %s type: %s",i,p.message),Q(null))}}}var wt=Array.isArray;function ie(e){return wt(e)}function jt(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,i=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function Lt(e){try{return De(e),!1}catch{return!0}}function De(e){return""+e}function Me(e){if(Lt(e))return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",jt(e)),De(e)}var Ie=L.ReactCurrentOwner,At={key:!0,ref:!0,__self:!0,__source:!0},ke,We;function Ft(e){if(z.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function Nt(e){if(z.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function Dt(e,n){typeof e.ref=="string"&&Ie.current}function Mt(e,n){{var i=function(){ke||(ke=!0,_("%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://reactjs.org/link/special-props)",n))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function It(e,n){{var i=function(){We||(We=!0,_("%s: `ref` 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://reactjs.org/link/special-props)",n))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var kt=function(e,n,i,u,E,b,g){var p={$$typeof:r,type:e,key:n,ref:i,props:g,_owner:b};return p._store={},Object.defineProperty(p._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(p,"_self",{configurable:!1,enumerable:!1,writable:!1,value:u}),Object.defineProperty(p,"_source",{configurable:!1,enumerable:!1,writable:!1,value:E}),Object.freeze&&(Object.freeze(p.props),Object.freeze(p)),p};function Wt(e,n,i,u,E){{var b,g={},p=null,S=null;i!==void 0&&(Me(i),p=""+i),Nt(n)&&(Me(n.key),p=""+n.key),Ft(n)&&(S=n.ref,Dt(n,E));for(b in n)z.call(n,b)&&!At.hasOwnProperty(b)&&(g[b]=n[b]);if(e&&e.defaultProps){var m=e.defaultProps;for(b in m)g[b]===void 0&&(g[b]=m[b])}if(p||S){var C=typeof e=="function"?e.displayName||e.name||"Unknown":e;p&&Mt(g,C),S&&It(g,C)}return kt(e,p,S,E,u,Ie.current,g)}}var ae=L.ReactCurrentOwner,Ue=L.ReactDebugCurrentFrame;function W(e){if(e){var n=e._owner,i=Z(e.type,e._source,n?n.type:null);Ue.setExtraStackFrame(i)}else Ue.setExtraStackFrame(null)}var se;se=!1;function ue(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Ye(){{if(ae.current){var e=A(ae.current.type);if(e)return`
+ */var fe;function qe(){return fe||(fe=1,process.env.NODE_ENV!=="production"&&function(){var t=R,r=Symbol.for("react.element"),a=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),l=Symbol.for("react.profiler"),d=Symbol.for("react.provider"),p=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),v=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),_=Symbol.for("react.lazy"),M=Symbol.for("react.offscreen"),K=Symbol.iterator,H="@@iterator";function ee(e){if(e===null||typeof e!="object")return null;var n=K&&e[K]||e[H];return typeof n=="function"?n:null}var L=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function m(e){{for(var n=arguments.length,i=new Array(n>1?n-1:0),c=1;c<n;c++)i[c-1]=arguments[c];O("error",e,i)}}function O(e,n,i){{var c=L.ReactDebugCurrentFrame,E=c.getStackAddendum();E!==""&&(n+="%s",i=i.concat([E]));var h=i.map(function(g){return String(g)});h.unshift("Warning: "+n),Function.prototype.apply.call(console[e],console,h)}}var te=!1,I=!1,bt=!1,ht=!1,Rt=!1,me;me=Symbol.for("react.module.reference");function _t(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===l||Rt||e===s||e===v||e===f||ht||e===M||te||I||bt||typeof e=="object"&&e!==null&&(e.$$typeof===_||e.$$typeof===b||e.$$typeof===d||e.$$typeof===p||e.$$typeof===u||e.$$typeof===me||e.getModuleId!==void 0))}function mt(e,n,i){var c=e.displayName;if(c)return c;var E=n.displayName||n.name||"";return E!==""?i+"("+E+")":i}function Ce(e){return e.displayName||"Context"}function A(e){if(e==null)return null;if(typeof e.tag=="number"&&m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case o:return"Fragment";case a:return"Portal";case l:return"Profiler";case s:return"StrictMode";case v:return"Suspense";case f:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case p:var n=e;return Ce(n)+".Consumer";case d:var i=e;return Ce(i._context)+".Provider";case u:return mt(e,e.render,"ForwardRef");case b:var c=e.displayName||null;return c!==null?c:A(e.type)||"Memo";case _:{var E=e,h=E._payload,g=E._init;try{return A(g(h))}catch{return null}}}return null}var F=Object.assign,V=0,Te,xe,Pe,Se,Oe,we,je;function Le(){}Le.__reactDisabledLog=!0;function Ct(){{if(V===0){Te=console.log,xe=console.info,Pe=console.warn,Se=console.error,Oe=console.group,we=console.groupCollapsed,je=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Le,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}V++}}function Tt(){{if(V--,V===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},e,{value:Te}),info:F({},e,{value:xe}),warn:F({},e,{value:Pe}),error:F({},e,{value:Se}),group:F({},e,{value:Oe}),groupCollapsed:F({},e,{value:we}),groupEnd:F({},e,{value:je})})}V<0&&m("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var re=L.ReactCurrentDispatcher,ne;function X(e,n,i){{if(ne===void 0)try{throw Error()}catch(E){var c=E.stack.trim().match(/\n( *(at )?)/);ne=c&&c[1]||""}return`
+`+ne+e}}var oe=!1,q;{var xt=typeof WeakMap=="function"?WeakMap:Map;q=new xt}function Ae(e,n){if(!e||oe)return"";{var i=q.get(e);if(i!==void 0)return i}var c;oe=!0;var E=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var h;h=re.current,re.current=null,Ct();try{if(n){var g=function(){throw Error()};if(Object.defineProperty(g.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(g,[])}catch(S){c=S}Reflect.construct(e,[],g)}else{try{g.call()}catch(S){c=S}e.call(g.prototype)}}else{try{throw Error()}catch(S){c=S}e()}}catch(S){if(S&&c&&typeof S.stack=="string"){for(var y=S.stack.split(`
+`),P=c.stack.split(`
+`),C=y.length-1,T=P.length-1;C>=1&&T>=0&&y[C]!==P[T];)T--;for(;C>=1&&T>=0;C--,T--)if(y[C]!==P[T]){if(C!==1||T!==1)do if(C--,T--,T<0||y[C]!==P[T]){var w=`
+`+y[C].replace(" at new "," at ");return e.displayName&&w.includes("<anonymous>")&&(w=w.replace("<anonymous>",e.displayName)),typeof e=="function"&&q.set(e,w),w}while(C>=1&&T>=0);break}}}finally{oe=!1,re.current=h,Tt(),Error.prepareStackTrace=E}var U=e?e.displayName||e.name:"",N=U?X(U):"";return typeof e=="function"&&q.set(e,N),N}function Pt(e,n,i){return Ae(e,!1)}function St(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function Z(e,n,i){if(e==null)return"";if(typeof e=="function")return Ae(e,St(e));if(typeof e=="string")return X(e);switch(e){case v:return X("Suspense");case f:return X("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case u:return Pt(e.render);case b:return Z(e.type,n,i);case _:{var c=e,E=c._payload,h=c._init;try{return Z(h(E),n,i)}catch{}}}return""}var z=Object.prototype.hasOwnProperty,Fe={},Ne=L.ReactDebugCurrentFrame;function Q(e){if(e){var n=e._owner,i=Z(e.type,e._source,n?n.type:null);Ne.setExtraStackFrame(i)}else Ne.setExtraStackFrame(null)}function Ot(e,n,i,c,E){{var h=Function.call.bind(z);for(var g in e)if(h(e,g)){var y=void 0;try{if(typeof e[g]!="function"){var P=Error((c||"React class")+": "+i+" type `"+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[g]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw P.name="Invariant Violation",P}y=e[g](n,g,c,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(C){y=C}y&&!(y instanceof Error)&&(Q(E),m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",c||"React class",i,g,typeof y),Q(null)),y instanceof Error&&!(y.message in Fe)&&(Fe[y.message]=!0,Q(E),m("Failed %s type: %s",i,y.message),Q(null))}}}var wt=Array.isArray;function ie(e){return wt(e)}function jt(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,i=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function Lt(e){try{return De(e),!1}catch{return!0}}function De(e){return""+e}function ke(e){if(Lt(e))return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",jt(e)),De(e)}var Me=L.ReactCurrentOwner,At={key:!0,ref:!0,__self:!0,__source:!0},Ie,We;function Ft(e){if(z.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function Nt(e){if(z.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function Dt(e,n){typeof e.ref=="string"&&Me.current}function kt(e,n){{var i=function(){Ie||(Ie=!0,m("%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://reactjs.org/link/special-props)",n))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function Mt(e,n){{var i=function(){We||(We=!0,m("%s: `ref` 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://reactjs.org/link/special-props)",n))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var It=function(e,n,i,c,E,h,g){var y={$$typeof:r,type:e,key:n,ref:i,props:g,_owner:h};return y._store={},Object.defineProperty(y._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(y,"_self",{configurable:!1,enumerable:!1,writable:!1,value:c}),Object.defineProperty(y,"_source",{configurable:!1,enumerable:!1,writable:!1,value:E}),Object.freeze&&(Object.freeze(y.props),Object.freeze(y)),y};function Wt(e,n,i,c,E){{var h,g={},y=null,P=null;i!==void 0&&(ke(i),y=""+i),Nt(n)&&(ke(n.key),y=""+n.key),Ft(n)&&(P=n.ref,Dt(n,E));for(h in n)z.call(n,h)&&!At.hasOwnProperty(h)&&(g[h]=n[h]);if(e&&e.defaultProps){var C=e.defaultProps;for(h in C)g[h]===void 0&&(g[h]=C[h])}if(y||P){var T=typeof e=="function"?e.displayName||e.name||"Unknown":e;y&&kt(g,T),P&&Mt(g,T)}return It(e,y,P,E,c,Me.current,g)}}var ae=L.ReactCurrentOwner,Ue=L.ReactDebugCurrentFrame;function W(e){if(e){var n=e._owner,i=Z(e.type,e._source,n?n.type:null);Ue.setExtraStackFrame(i)}else Ue.setExtraStackFrame(null)}var se;se=!1;function ue(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Ye(){{if(ae.current){var e=A(ae.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}}function Ut(e){return""}var Ge={};function Yt(e){{var n=Ye();if(!n){var i=typeof e=="string"?e:e.displayName||e.name;i&&(n=`
 
-Check the top-level render call using <`+i+">.")}return n}}function Be(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=Yt(n);if(Ge[i])return;Ge[i]=!0;var u="";e&&e._owner&&e._owner!==ae.current&&(u=" It was passed a child from "+A(e._owner.type)+"."),W(e),_('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,u),W(null)}}function Ve(e,n){{if(typeof e!="object")return;if(ie(e))for(var i=0;i<e.length;i++){var u=e[i];ue(u)&&Be(u,n)}else if(ue(e))e._store&&(e._store.validated=!0);else if(e){var E=ee(e);if(typeof E=="function"&&E!==e.entries)for(var b=E.call(e),g;!(g=b.next()).done;)ue(g.value)&&Be(g.value,n)}}}function Gt(e){{var n=e.type;if(n==null||typeof n=="string")return;var i;if(typeof n=="function")i=n.propTypes;else if(typeof n=="object"&&(n.$$typeof===f||n.$$typeof===h))i=n.propTypes;else return;if(i){var u=A(n);Ot(i,e.props,"prop",u,e)}else if(n.PropTypes!==void 0&&!se){se=!0;var E=A(n);_("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",E||"Unknown")}typeof n.getDefaultProps=="function"&&!n.getDefaultProps.isReactClassApproved&&_("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Bt(e){{for(var n=Object.keys(e.props),i=0;i<n.length;i++){var u=n[i];if(u!=="children"&&u!=="key"){W(e),_("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",u),W(null);break}}e.ref!==null&&(W(e),_("Invalid attribute `ref` supplied to `React.Fragment`."),W(null))}}var ze={};function Je(e,n,i,u,E,b){{var g=_t(e);if(!g){var p="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(p+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var S=Ut();S?p+=S:p+=Ye();var m;e===null?m="null":ie(e)?m="array":e!==void 0&&e.$$typeof===r?(m="<"+(A(e.type)||"Unknown")+" />",p=" Did you accidentally export a JSX literal instead of a component?"):m=typeof e,_("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",m,p)}var C=Wt(e,n,i,E,b);if(C==null)return C;if(g){var w=n.children;if(w!==void 0)if(u)if(ie(w)){for(var U=0;U<w.length;U++)Ve(w[U],e);Object.freeze&&Object.freeze(w)}else _("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 Ve(w,e)}if(z.call(n,"key")){var N=A(e),P=Object.keys(n).filter(function(Xt){return Xt!=="key"}),ce=P.length>0?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}";if(!ze[N+ce]){var Ht=P.length>0?"{"+P.join(": ..., ")+": ...}":"{}";_(`A props object containing a "key" prop is being spread into JSX:
+Check the top-level render call using <`+i+">.")}return n}}function Be(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=Yt(n);if(Ge[i])return;Ge[i]=!0;var c="";e&&e._owner&&e._owner!==ae.current&&(c=" It was passed a child from "+A(e._owner.type)+"."),W(e),m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,c),W(null)}}function Ve(e,n){{if(typeof e!="object")return;if(ie(e))for(var i=0;i<e.length;i++){var c=e[i];ue(c)&&Be(c,n)}else if(ue(e))e._store&&(e._store.validated=!0);else if(e){var E=ee(e);if(typeof E=="function"&&E!==e.entries)for(var h=E.call(e),g;!(g=h.next()).done;)ue(g.value)&&Be(g.value,n)}}}function Gt(e){{var n=e.type;if(n==null||typeof n=="string")return;var i;if(typeof n=="function")i=n.propTypes;else if(typeof n=="object"&&(n.$$typeof===u||n.$$typeof===b))i=n.propTypes;else return;if(i){var c=A(n);Ot(i,e.props,"prop",c,e)}else if(n.PropTypes!==void 0&&!se){se=!0;var E=A(n);m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",E||"Unknown")}typeof n.getDefaultProps=="function"&&!n.getDefaultProps.isReactClassApproved&&m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Bt(e){{for(var n=Object.keys(e.props),i=0;i<n.length;i++){var c=n[i];if(c!=="children"&&c!=="key"){W(e),m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",c),W(null);break}}e.ref!==null&&(W(e),m("Invalid attribute `ref` supplied to `React.Fragment`."),W(null))}}var ze={};function Je(e,n,i,c,E,h){{var g=_t(e);if(!g){var y="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(y+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var P=Ut();P?y+=P:y+=Ye();var C;e===null?C="null":ie(e)?C="array":e!==void 0&&e.$$typeof===r?(C="<"+(A(e.type)||"Unknown")+" />",y=" Did you accidentally export a JSX literal instead of a component?"):C=typeof e,m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",C,y)}var T=Wt(e,n,i,E,h);if(T==null)return T;if(g){var w=n.children;if(w!==void 0)if(c)if(ie(w)){for(var U=0;U<w.length;U++)Ve(w[U],e);Object.freeze&&Object.freeze(w)}else m("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 Ve(w,e)}if(z.call(n,"key")){var N=A(e),S=Object.keys(n).filter(function(Xt){return Xt!=="key"}),ce=S.length>0?"{key: someKey, "+S.join(": ..., ")+": ...}":"{key: someKey}";if(!ze[N+ce]){var Ht=S.length>0?"{"+S.join(": ..., ")+": ...}":"{}";m(`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} />`,ce,N,Ht,N),ze[N+ce]=!0}}return e===o?Bt(C):Gt(C),C}}function Vt(e,n,i){return Je(e,n,i,!0)}function zt(e,n,i){return Je(e,n,i,!1)}var Jt=zt,Kt=Vt;B.Fragment=o,B.jsx=Jt,B.jsxs=Kt}()),B}var de;function Ze(){return de||(de=1,process.env.NODE_ENV==="production"?J.exports=Xe():J.exports=qe()),J.exports}var j=Ze();const pe=R.createContext({licenceMapbox:"",licenseMuiX:""}),Qe=({children:t,licenseMuiX:r,licenceMapbox:a})=>{R.useEffect(()=>{r&&Ke.LicenseInfo.setLicenseKey(r)},[r]);const o=R.useMemo(()=>({licenceMapbox:a,licenseMuiX:r}),[r,a]);return a&&(Y.accessToken=a),j.jsx(pe.Provider,{value:o,children:t})},$e=({containerStyle:t,square:r,error:a,loading:o=!1,height:s=300,width:c="100%"},l)=>j.jsxs(D.Box,{sx:{position:"relative"},height:s,children:[j.jsx(D.Box,{sx:{alignItems:"center",borderRadius:r?0:1,display:"flex",justifyContent:"center",left:0,position:"absolute",top:0,zIndex:1,...t},ref:l,width:c,height:s,children:a&&j.jsx(D.Box,{textAlign:"center",children:a})}),o&&j.jsx(D.Skeleton,{sx:{left:0,position:"absolute",top:0,zIndex:0,...t},width:c,height:s,variant:r?"rectangular":"rounded"})]}),et=R.forwardRef($e),tt=({map:t,disableFlyTo:r,flyToDuration:a,zoom:o,fitBounds:s,markers:c,fitBoundDuration:l,fitBoundsPadding:d})=>{R.useEffect(()=>{if(!t.current||(r||t.current.flyTo({duration:a,zoom:o}),!s||!(c!=null&&c.length)||(c==null?void 0:c.length)<2))return;const f=new Y.LngLatBounds,v=c.filter(y=>{const h=Number(y.lng),T=Number(y.lat);return $(T,h)});if(!(v.length<2)){for(let y=0;y<v.length;y+=1){const h=Number(v[y].lng),T=Number(v[y].lat);f.extend([h,T])}t.current.fitBounds(f,{duration:l,padding:d})}},[c,s,d,a,o,l,r,t])},ve=t=>Array.isArray(t)?t.length>=2?[t[0],t[1]]:void 0:t,rt=({map:t,center:r})=>{R.useEffect(()=>{if(!t.current||!r)return;const a=Array.isArray(r)&&$(r[1],r[0])?ve(r):{lat:46.8677,lng:2.333};a&&t.current.setCenter(a)},[r,t])};var M={},ye;function nt(){if(ye)return M;ye=1;var t=He;if(process.env.NODE_ENV==="production")M.createRoot=t.createRoot,M.hydrateRoot=t.hydrateRoot;else{var r=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;M.createRoot=function(a,o){r.usingClientEntryPoint=!0;try{return t.createRoot(a,o)}finally{r.usingClientEntryPoint=!1}},M.hydrateRoot=function(a,o,s){r.usingClientEntryPoint=!0;try{return t.hydrateRoot(a,o,s)}finally{r.usingClientEntryPoint=!1}}}return M}var ge=nt();const ot=({palette:t,type:r})=>{const a=t.mode==="dark"?"black":"white",o=t.secondary.main,s=t.info.main;switch(r){case"dropOff":return{"circle-color":a,"circle-radius":5,"circle-stroke-color":s,"circle-stroke-width":6};default:return{"circle-color":a,"circle-radius":7,"circle-stroke-color":o,"circle-stroke-width":8}}},it=(t,r,a,o)=>{const s={features:a.map(l=>({geometry:{coordinates:l.geometry.coordinates,type:"Point"},properties:{id:l.properties.id,...l.properties},type:"Feature"})),type:"FeatureCollection"},c=t.getSource(r);c?c.setData(s):t.addSource(r,{data:s,type:"geojson"}),s.features.forEach(l=>{const{description:d,id:f}=l.properties||{},v=ot({palette:o,type:d}),y=`marker-${f}`;t.getLayer(y)?Object.entries(v||{}).forEach(([h,T])=>{t.setPaintProperty(y,h,T)}):t.addLayer({filter:["==","id",f],id:y,layout:{visibility:"visible"},paint:v,source:r,type:"circle"})})},at=(t,r)=>{document.querySelectorAll(".react-custom-marker").forEach(o=>o.remove()),r.forEach(o=>{const{IconComponent:s,iconProps:c}=o.properties||{},{coordinates:l}=o.geometry;if(s&&l.length>=2){const d=document.createElement("div");d.className="react-custom-marker",d.style.position="absolute";const f=document.createElement("div"),v=ge.createRoot(f);s&&v.render(R.createElement(s,c||{})),d.appendChild(f),new Y.Marker(d).setLngLat([l[0],l[1]]).addTo(t)}})},st=t=>({features:(t==null?void 0:t.map((r,a)=>({geometry:{coordinates:[Number.isFinite(Number(r.lng))?Number(r.lng):Number(Re),Number.isFinite(Number(r.lat))?Number(r.lat):Number(_e)],type:"Point"},properties:{description:r.type,IconComponent:r.IconComponent,iconProps:r.iconProps,id:r.id||`{marker-${a}}`,name:r.name,size:r.size||1,zIndex:r.zIndex||0},type:"Feature"})))||[],type:"FeatureCollection"}),ut=({map:t,setLoadingMapBox:r,palette:a,markers:o})=>{if(r(!1),!t.current)return;const s=st(o),c=s.features.filter(d=>{var f;return((f=d.properties)==null?void 0:f.IconComponent)===void 0});c.length&&it(t.current,"markerProps",c,a);const l=s.features.filter(d=>{var f;return(f=d.properties)==null?void 0:f.IconComponent});l.length&&at(t.current,l)},ct=({map:t,markers:r,markersAreInvalid:a,palette:o,setLoadingMapBox:s})=>{R.useEffect(()=>{if(!t.current||a)return;const c=()=>{r&&ut({map:t,markers:r,palette:o,setLoadingMapBox:s})};t.current.loaded()?c():t.current.once("load",c)},[t,r,a,o,s])},lt=({map:t,onMapClick:r})=>{R.useEffect(()=>{if(!t.current||!r)return;const a=t.current.getCanvas(),o=s=>{const c=[s.clientX-a.getBoundingClientRect().left,s.clientY-a.getBoundingClientRect().top],l=t.current.unproject(c);r(l.lng,l.lat)};a.addEventListener("click",o)},[t,r])},ft=t=>{const r=document.createElement("button");return r.innerText="×",r.style.position="absolute",r.style.top="5px",r.style.right="5px",r.style.background="transparent",r.style.border="none",r.style.fontSize="16px",r.style.padding="0",r.style.margin="10px",r.style.cursor="pointer",r.type="button",r.setAttribute("aria-label","Close popup"),r.removeAttribute("aria-hidden"),r.onclick=()=>t.remove(),r},Ee=({map:t,tooltip:r,coordinates:a})=>{if(!a||!r||!t.current||!Array.isArray(a)||a.length!==2)return null;const o=document.createElement("div");o.style.position="relative",o.style.overflow="hidden";const s=document.createElement("div");s.style.padding="10px",o.style.zIndex="1000";const c=ge.createRoot(s);c.render(r);const l=new Y.Popup({closeButton:!1}).setLngLat(a).setDOMContent(o).addTo(t.current);l.on("close",()=>{queueMicrotask(()=>{c.unmount()})});const d=ft(l);return o.appendChild(d),o.appendChild(s),l},be=t=>typeof t=="object"&&t!==null&&"type"in t&&"coordinates"in t,dt=t=>{if(typeof t!="object"||t===null||!("geometry"in t&&"properties"in t))return!1;const{geometry:a}=t;if(typeof a!="object"||a===null||!("coordinates"in a))return!1;const{coordinates:o}=a;if(!Array.isArray(o)||o.length!==2||!be(a))return!1;const{properties:s}=t;return typeof s!="object"||s===null?!1:"id"in s&&s.id!==void 0},pt=({map:t,point:r})=>{var s,c,l,d,f;if(!((s=t.current)!=null&&s.isStyleLoaded()))return null;const a=((d=(l=(c=t.current)==null?void 0:c.getStyle())==null?void 0:l.layers)==null?void 0:d.filter(v=>v.id.startsWith("marker-")).map(v=>v.id))||[],o=(f=t.current)==null?void 0:f.queryRenderedFeatures(r,{layers:a});if(o&&o.length>0){const v=o[0];if(!dt(v)||!be(v.geometry))return null;const{geometry:y}=v,h=y.coordinates.slice();return h.length!==2||typeof h[0]!="number"||typeof h[1]!="number"?null:v}},vt=({openPopup:t,map:r,markers:a})=>{const o=R.useRef(null);R.useEffect(()=>{if(!r.current||!a)return;const c=r.current.getCanvas();if(o.current&&(o.current.remove(),o.current=null),t){const d=a.find(f=>f.id===t);if(d){const f=[Number(d.lng)||0,Number(d.lat)||0],v=Ee({coordinates:f,map:r,tooltip:d.Tooltip});v&&(o.current=v)}}const l=d=>{const f=[d.clientX-c.getBoundingClientRect().left,d.clientY-c.getBoundingClientRect().top],v=pt({map:r,point:f});if(v&&v.properties&&v.properties.id){o.current&&(o.current.remove(),o.current=null);const y=a.find(h=>h.id===v.properties.id);if(y){const h=[Number(y.lng)||0,Number(y.lat)||0];requestAnimationFrame(()=>{const T=Ee({coordinates:h,map:r,tooltip:y.Tooltip});T&&(o.current=T)})}}};return c.addEventListener("click",l),()=>{c.removeEventListener("click",l),o.current&&(o.current.remove(),o.current=null)}},[r,a,t])},he=()=>{try{const t=document.createElement("canvas");return(t.getContext("webgl")||t.getContext("experimental-webgl"))instanceof WebGLRenderingContext}catch{return!1}},yt=({mapStyle:t,mapContainer:r,zoomFlyFrom:a,markers:o,center:s})=>{var l,d;return{center:s?ve(s):{lat:((l=o==null?void 0:o[0])==null?void 0:l.lat)!==void 0?Number(o[0].lat):_e,lng:((d=o==null?void 0:o[0])==null?void 0:d.lng)!==void 0?Number(o[0].lng):Re},container:(r==null?void 0:r.current)||"",cooperativeGestures:!0,failIfMajorPerformanceCaveat:!1,style:t,zoom:a}},Re=2.333,_e=46.8677,gt=({markers:t,loading:r,center:a,openPopup:o,onMapClick:s,flyToDuration:c=5e3,fitBoundDuration:l=1e3,fitBounds:d=!0,disableFlyTo:f=!1,fitBoundsPadding:v=50,mapStyle:y="mapbox://styles/mapbox/streets-v12?optimize=true",zoom:h=6,zoomFlyFrom:T=3})=>{const{palette:I}=D.useTheme(),[K,H]=R.useState(!0),[ee,L]=R.useState(!0),_=R.useRef(null),O=R.useRef(null),te=!t||t.some(k=>k.lat===void 0||k.lng===void 0);return R.useEffect(()=>{if(!he()){L(!1),H(!1);return}if(O.current||!_.current||r)return;_.current.innerHTML!==""&&(_.current.innerHTML="");const k=yt({center:a,mapContainer:_,mapStyle:y,markers:t,zoomFlyFrom:T});O.current=new Y.Map(k)},[a,r,y,t,T]),ct({map:O,markers:t,markersAreInvalid:te,palette:I,setLoadingMapBox:H}),vt({map:O,markers:t,openPopup:o}),rt({center:a,map:O}),lt({map:O,onMapClick:s}),tt({disableFlyTo:f,fitBoundDuration:l,fitBounds:d,fitBoundsPadding:v,flyToDuration:c,map:O,markers:t,zoom:h}),R.useEffect(()=>()=>{O.current&&(O.current.remove(),O.current=null)},[]),{loading:K||r,map:O,mapContainer:_,markers:t,webGLSupported:ee}},Et=({containerStyle:t,square:r,theme:a,height:o=300,width:s="100%",...c})=>{const{loading:l,mapContainer:d,webGLSupported:f}=gt(c);return j.jsxs(j.Fragment,{children:[j.jsx(D.GlobalStyles,{styles:{".mapboxgl-popup-content":{backgroundColor:"transparent!important",borderRadius:"0px !important",boxShadow:"none!important",padding:"0px 0px!important",width:"fit-content!important"}}}),j.jsx(et,{ref:d,loading:l,height:o,width:s,containerStyle:t,square:r,error:!f&&"WebGL is not enabled in your browser. This technology is required to display the interactive map."})]})},$=(t,r)=>Number.isFinite(t)&&Number.isFinite(r)&&t>=-90&&t<=90&&r>=-180&&r<=180;x.DEFAULT_CENTER_LAT=46.8677,x.DEFAULT_CENTER_LNG=2.333,x.MapProvider=Qe,x.MapProviderContext=pe,x.MarkerMap=Et,x.isValidLatLng=$,x.isWebGLSupported=he,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,ce,N,Ht,N),ze[N+ce]=!0}}return e===o?Bt(T):Gt(T),T}}function Vt(e,n,i){return Je(e,n,i,!0)}function zt(e,n,i){return Je(e,n,i,!1)}var Jt=zt,Kt=Vt;B.Fragment=o,B.jsx=Jt,B.jsxs=Kt}()),B}var de;function Ze(){return de||(de=1,process.env.NODE_ENV==="production"?J.exports=Xe():J.exports=qe()),J.exports}var j=Ze();const pe=R.createContext({licenceMapbox:"",licenseMuiX:""}),Qe=({children:t,licenseMuiX:r,licenceMapbox:a})=>{R.useEffect(()=>{r&&Ke.LicenseInfo.setLicenseKey(r)},[r]);const o=R.useMemo(()=>({licenceMapbox:a,licenseMuiX:r}),[r,a]);return a&&(Y.accessToken=a),j.jsx(pe.Provider,{value:o,children:t})},$e=({containerStyle:t,square:r,error:a,loading:o=!1,height:s=300,width:l="100%"},d)=>j.jsxs(D.Box,{sx:{position:"relative"},height:s,children:[j.jsx(D.Box,{sx:{alignItems:"center",borderRadius:r?0:1,display:"flex",justifyContent:"center",left:0,position:"absolute",top:0,zIndex:1,...t},ref:d,width:l,height:s,children:a&&j.jsx(D.Box,{textAlign:"center",children:a})}),o&&j.jsx(D.Skeleton,{sx:{left:0,position:"absolute",top:0,zIndex:0,...t},width:l,height:s,variant:r?"rectangular":"rounded"})]}),et=R.forwardRef($e),tt=({map:t,disableFlyTo:r,flyToDuration:a,zoom:o,fitBounds:s,markers:l,fitBoundDuration:d,fitBoundsPadding:p})=>{R.useEffect(()=>{if(!t.current||(r||t.current.flyTo({duration:a,zoom:o}),!s||!(l!=null&&l.length)||(l==null?void 0:l.length)<2))return;const u=new Y.LngLatBounds,v=l.filter(f=>{const b=Number(f.lng),_=Number(f.lat);return $(_,b)});if(!(v.length<2)){for(let f=0;f<v.length;f+=1){const b=Number(v[f].lng),_=Number(v[f].lat);u.extend([b,_])}t.current.fitBounds(u,{duration:d,padding:p})}},[l,s,p,a,o,d,r,t])},ve=t=>Array.isArray(t)?t.length>=2?[t[0],t[1]]:void 0:t,rt=({map:t,center:r})=>{R.useEffect(()=>{if(!t.current||!r)return;const a=Array.isArray(r)&&$(r[1],r[0])?ve(r):{lat:46.8677,lng:2.333};a&&t.current.setCenter(a)},[r,t])};var k={},ye;function nt(){if(ye)return k;ye=1;var t=He;if(process.env.NODE_ENV==="production")k.createRoot=t.createRoot,k.hydrateRoot=t.hydrateRoot;else{var r=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;k.createRoot=function(a,o){r.usingClientEntryPoint=!0;try{return t.createRoot(a,o)}finally{r.usingClientEntryPoint=!1}},k.hydrateRoot=function(a,o,s){r.usingClientEntryPoint=!0;try{return t.hydrateRoot(a,o,s)}finally{r.usingClientEntryPoint=!1}}}return k}var ge=nt();const ot=({palette:t,type:r})=>{const a=t.mode==="dark"?"black":"white",o=t.secondary.main,s=t.info.main;switch(r){case"dropOff":return{"circle-color":a,"circle-radius":5,"circle-stroke-color":s,"circle-stroke-width":6};default:return{"circle-color":a,"circle-radius":7,"circle-stroke-color":o,"circle-stroke-width":8}}},it=(t,r,a,o)=>{const s={features:a.map(d=>({geometry:{coordinates:d.geometry.coordinates,type:"Point"},properties:{id:d.properties.id,...d.properties},type:"Feature"})),type:"FeatureCollection"},l=t.getSource(r);l?l.setData(s):t.addSource(r,{data:s,type:"geojson"}),s.features.forEach(d=>{const{description:p,id:u}=d.properties||{},v=ot({palette:o,type:p}),f=`marker-${u}`;t.getLayer(f)?Object.entries(v||{}).forEach(([b,_])=>{t.setPaintProperty(f,b,_)}):t.addLayer({filter:["==","id",u],id:f,layout:{visibility:"visible"},paint:v,source:r,type:"circle"})})},at=(t,r)=>{document.querySelectorAll(".react-custom-marker").forEach(o=>o.remove()),r.forEach(o=>{const{IconComponent:s,iconProps:l,onClick:d}=o.properties||{},{coordinates:p}=o.geometry;if(s&&p.length>=2){const u=document.createElement("div");u.className="react-custom-marker",u.style.position="absolute";const v=document.createElement("div"),f=ge.createRoot(v);s&&f.render(R.createElement(s,l||{})),u.appendChild(v);const b=()=>{d==null||d(o)};u.addEventListener("click",b),new Y.Marker(u).setLngLat([p[0],p[1]]).addTo(t)}})},st=t=>({features:(t==null?void 0:t.map((r,a)=>({geometry:{coordinates:[Number.isFinite(Number(r.lng))?Number(r.lng):Number(Re),Number.isFinite(Number(r.lat))?Number(r.lat):Number(_e)],type:"Point"},properties:{description:r.type,IconComponent:r.IconComponent,iconProps:r.iconProps,id:r.id||`{marker-${a}}`,name:r.name,onClick:r.onClick,size:r.size||1,zIndex:r.zIndex||0},type:"Feature"})))||[],type:"FeatureCollection"}),ut=({map:t,setLoadingMapBox:r,palette:a,markers:o})=>{if(r(!1),!t.current)return;const s=st(o),l=s.features.filter(p=>{var u;return((u=p.properties)==null?void 0:u.IconComponent)===void 0});l.length&&it(t.current,"markerProps",l,a);const d=s.features.filter(p=>{var u;return(u=p.properties)==null?void 0:u.IconComponent});d.length&&at(t.current,d)},ct=({map:t,markers:r,markersAreInvalid:a,palette:o,setLoadingMapBox:s})=>{R.useEffect(()=>{if(!t.current||a)return;const l=()=>{r&&ut({map:t,markers:r,palette:o,setLoadingMapBox:s})};t.current.loaded()?l():t.current.once("load",l)},[t,r,a,o,s])},lt=({map:t,onMapClick:r})=>{R.useEffect(()=>{if(!t.current||!r)return;const a=t.current.getCanvas(),o=s=>{const l=[s.clientX-a.getBoundingClientRect().left,s.clientY-a.getBoundingClientRect().top],d=t.current.unproject(l);r(d.lng,d.lat)};a.addEventListener("click",o)},[t,r])},ft=t=>{const r=document.createElement("button");return r.innerText="×",r.style.position="absolute",r.style.top="5px",r.style.right="5px",r.style.background="transparent",r.style.border="none",r.style.fontSize="16px",r.style.padding="0",r.style.margin="10px",r.style.cursor="pointer",r.type="button",r.setAttribute("aria-label","Close popup"),r.removeAttribute("aria-hidden"),r.onclick=()=>t.remove(),r},Ee=({map:t,tooltip:r,coordinates:a})=>{if(!a||!r||!t.current||!Array.isArray(a)||a.length!==2)return null;const o=document.createElement("div");o.style.position="relative",o.style.overflow="hidden";const s=document.createElement("div");s.style.padding="10px",o.style.zIndex="1000";const l=ge.createRoot(s);l.render(r);const d=new Y.Popup({closeButton:!1}).setLngLat(a).setDOMContent(o).addTo(t.current);d.on("close",()=>{queueMicrotask(()=>{l.unmount()})});const p=ft(d);return o.appendChild(p),o.appendChild(s),d},be=t=>typeof t=="object"&&t!==null&&"type"in t&&"coordinates"in t,dt=t=>{if(typeof t!="object"||t===null||!("geometry"in t&&"properties"in t))return!1;const{geometry:a}=t;if(typeof a!="object"||a===null||!("coordinates"in a))return!1;const{coordinates:o}=a;if(!Array.isArray(o)||o.length!==2||!be(a))return!1;const{properties:s}=t;return typeof s!="object"||s===null?!1:"id"in s&&s.id!==void 0},pt=({map:t,point:r})=>{var s,l,d,p,u;if(!((s=t.current)!=null&&s.isStyleLoaded()))return null;const a=((p=(d=(l=t.current)==null?void 0:l.getStyle())==null?void 0:d.layers)==null?void 0:p.filter(v=>v.id.startsWith("marker-")).map(v=>v.id))||[],o=(u=t.current)==null?void 0:u.queryRenderedFeatures(r,{layers:a});if(o&&o.length>0){const v=o[0];if(!dt(v)||!be(v.geometry))return null;const{geometry:f}=v,b=f.coordinates.slice();return b.length!==2||typeof b[0]!="number"||typeof b[1]!="number"?null:v}},vt=({openPopup:t,map:r,markers:a})=>{const o=R.useRef(null);R.useEffect(()=>{if(!r.current||!a)return;const l=r.current.getCanvas();if(o.current&&(o.current.remove(),o.current=null),t){const p=a.find(u=>u.id===t);if(p){const u=[Number(p.lng)||0,Number(p.lat)||0],v=Ee({coordinates:u,map:r,tooltip:p.Tooltip});v&&(o.current=v)}}const d=p=>{const u=[p.clientX-l.getBoundingClientRect().left,p.clientY-l.getBoundingClientRect().top],v=pt({map:r,point:u});if(v&&v.properties&&v.properties.id){o.current&&(o.current.remove(),o.current=null);const f=a.find(b=>b.id===v.properties.id);if(f){const b=[Number(f.lng)||0,Number(f.lat)||0];if(typeof f.onClick=="function"){const _={geometry:{coordinates:b,type:"Point"},properties:{description:f.name,id:f.id,name:f.name,onClick:f.onClick,size:f.size||1,zIndex:f.zIndex||1},type:"Feature"};f.onClick(_)}requestAnimationFrame(()=>{const _=Ee({coordinates:b,map:r,tooltip:f.Tooltip});_&&(o.current=_)})}}};return l.addEventListener("click",d),()=>{l.removeEventListener("click",d),o.current&&(o.current.remove(),o.current=null)}},[r,a,t])},he=()=>{try{const t=document.createElement("canvas");return(t.getContext("webgl")||t.getContext("experimental-webgl"))instanceof WebGLRenderingContext}catch{return!1}},yt=({mapStyle:t,mapContainer:r,zoomFlyFrom:a,markers:o,center:s})=>{var d,p;return{center:s?ve(s):{lat:((d=o==null?void 0:o[0])==null?void 0:d.lat)!==void 0?Number(o[0].lat):_e,lng:((p=o==null?void 0:o[0])==null?void 0:p.lng)!==void 0?Number(o[0].lng):Re},container:(r==null?void 0:r.current)||"",cooperativeGestures:!0,failIfMajorPerformanceCaveat:!1,style:t,zoom:a}},Re=2.333,_e=46.8677,gt=({markers:t,loading:r,center:a,openPopup:o,onMapClick:s,flyToDuration:l=5e3,fitBoundDuration:d=1e3,fitBounds:p=!0,disableFlyTo:u=!1,fitBoundsPadding:v=50,mapStyle:f="mapbox://styles/mapbox/streets-v12?optimize=true",zoom:b=6,zoomFlyFrom:_=3})=>{const{palette:M}=D.useTheme(),[K,H]=R.useState(!0),[ee,L]=R.useState(!0),m=R.useRef(null),O=R.useRef(null),te=!t||t.some(I=>I.lat===void 0||I.lng===void 0);return R.useEffect(()=>{if(!he()){L(!1),H(!1);return}if(O.current||!m.current||r)return;m.current.innerHTML!==""&&(m.current.innerHTML="");const I=yt({center:a,mapContainer:m,mapStyle:f,markers:t,zoomFlyFrom:_});O.current=new Y.Map(I)},[a,r,f,t,_]),ct({map:O,markers:t,markersAreInvalid:te,palette:M,setLoadingMapBox:H}),vt({map:O,markers:t,openPopup:o}),rt({center:a,map:O}),lt({map:O,onMapClick:s}),tt({disableFlyTo:u,fitBoundDuration:d,fitBounds:p,fitBoundsPadding:v,flyToDuration:l,map:O,markers:t,zoom:b}),R.useEffect(()=>()=>{O.current&&(O.current.remove(),O.current=null)},[]),{loading:K||r,map:O,mapContainer:m,markers:t,webGLSupported:ee}},Et=({containerStyle:t,square:r,theme:a,height:o=300,width:s="100%",...l})=>{const{loading:d,mapContainer:p,webGLSupported:u}=gt(l);return j.jsxs(j.Fragment,{children:[j.jsx(D.GlobalStyles,{styles:{".mapboxgl-popup-content":{backgroundColor:"transparent!important",borderRadius:"0px !important",boxShadow:"none!important",padding:"0px 0px!important",width:"fit-content!important"}}}),j.jsx(et,{ref:p,loading:d,height:o,width:s,containerStyle:t,square:r,error:!u&&"WebGL is not enabled in your browser. This technology is required to display the interactive map."})]})},$=(t,r)=>Number.isFinite(t)&&Number.isFinite(r)&&t>=-90&&t<=90&&r>=-180&&r<=180;x.DEFAULT_CENTER_LAT=46.8677,x.DEFAULT_CENTER_LNG=2.333,x.MapProvider=Qe,x.MapProviderContext=pe,x.MarkerMap=Et,x.isValidLatLng=$,x.isWebGLSupported=he,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});

package/dist/types/MarkerProps.d.ts

@@ -1,4 +1,5 @@
 import { default as React, ReactNode } from 'react';
+import { CustomMarkerMapProps } from '../utils/loadMarkers.tsx';
 export interface MarkerProps {
     /**
      * Optional unique identifier for the marker.
@@ -35,7 +36,7 @@ export interface MarkerProps {
     /**
      * Function to call when the marker is clicked.
      */
-    onClick?: () => void;
+    onClick?: (markerData?: CustomMarkerMapProps) => void;
     /**
      * Optional type/category of the marker (e.g., 'restaurant', 'user', etc.).
      */

package/dist/utils/loadMarkers.d.ts

@@ -1,7 +1,24 @@
 import { Palette } from '@tracktor/design-system';
 import { Map } from 'mapbox-gl';
-import { RefObject } from 'react';
+import { default as React, RefObject } from 'react';
 import { MarkerProps } from '../types/MarkerProps.ts';
+export interface CustomMarkerMapProps {
+    geometry: {
+        coordinates: number[];
+        type: string;
+    };
+    properties: {
+        description?: string;
+        id?: string | number;
+        size: number;
+        zIndex: number;
+        name?: string;
+        IconComponent?: React.ComponentType<any>;
+        iconProps?: Record<string, any>;
+        onClick?: (markerData?: CustomMarkerMapProps) => void;
+    };
+    type: string;
+}
 interface GenerateMarkersProps {
     palette: Palette;
     type?: string;

package/dist/utils/mapOptions.d.ts

@@ -42,13 +42,13 @@ interface MapOptionsProps {
  * });
  */
 declare const mapOptions: ({ mapStyle, mapContainer, zoomFlyFrom, markers, center }: MapOptionsProps) => {
-    center: {
+    center: [number, number] | {
         lng: number;
         lat: number;
     } | {
         lon: number;
         lat: number;
-    } | [number, number] | undefined;
+    } | undefined;
     container: string | HTMLDivElement;
     cooperativeGestures: boolean;
     failIfMajorPerformanceCaveat: boolean;

package/package.json

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