@local-logic/maps 0.0.14 → 0.0.16

package/dist/{index-CTk5bvm9.js → index-3kRdcdZh.js}

@@ -1,13 +1,13 @@
-import { jsx as u, Fragment as C } from "react/jsx-runtime";
-import * as j from "react";
-import { useContext as k, useRef as S, useState as b, useMemo as m, useEffect as w, cloneElement as I } from "react";
-import { b as x, d as s } from "./logo-control-NE-LlsRy.js";
-import { g as M } from "./utils-YqJg0vBb.js";
+import { jsx as u, Fragment as x } from "react/jsx-runtime";
+import * as $ from "react";
+import { useContext as k, useRef as S, useState as b, useMemo as m, useEffect as w, cloneElement as j } from "react";
+import { b as C, d as s } from "./logo-control-NE-LlsRy.js";
+import { g as I } from "./utils-DJ13veBM.js";
 function g(t, e) {
   if (!t)
     throw new Error(e);
 }
-let $ = 0;
+let M = 0;
 function z(t, e, n) {
   if (t.style && t.style._loaded) {
     const a = { ...n };
@@ -16,17 +16,17 @@ function z(t, e, n) {
   return null;
 }
 function A(t, e, n) {
-  var l, y, d;
+  var l, y, f;
   g(e.id === n.id, "source id changed"), g(e.type === n.type, "source type changed");
   let a = "", i = 0;
-  for (const f in e)
-    f !== "children" && f !== "id" && !s(n[f], e[f]) && (a = f, i++);
+  for (const d in e)
+    d !== "children" && d !== "id" && !s(n[d], e[d]) && (a = d, i++);
   if (!i)
     return;
-  const r = e.type;
-  if (r === "geojson")
+  const o = e.type;
+  if (o === "geojson")
     t.setData(e.data);
-  else if (r === "image")
+  else if (o === "image")
     t.updateImage({
       url: e.url,
       coordinates: e.coordinates
@@ -40,53 +40,53 @@ function A(t, e, n) {
         (y = t.setUrl) == null || y.call(t, e.url);
         break;
       case "tiles":
-        (d = t.setTiles) == null || d.call(t, e.tiles);
+        (f = t.setTiles) == null || f.call(t, e.tiles);
         break;
       default:
         console.warn(`Unable to update <Source> prop: ${a}`);
     }
 }
 function E(t) {
-  const e = k(x).map.getMap(), n = S(t), [, a] = b(0), i = m(() => t.id || `jsx-source-${$++}`, []);
+  const e = k(C).map.getMap(), n = S(t), [, a] = b(0), i = m(() => t.id || `jsx-source-${M++}`, []);
   w(() => {
     if (e) {
       const l = () => setTimeout(() => a((y) => y + 1), 0);
       return e.on("styledata", l), l(), () => {
         var y;
         if (e.off("styledata", l), e.style && e.style._loaded && e.getSource(i)) {
-          const d = (y = e.getStyle()) == null ? void 0 : y.layers;
-          if (d)
-            for (const f of d)
-              f.source === i && e.removeLayer(f.id);
+          const f = (y = e.getStyle()) == null ? void 0 : y.layers;
+          if (f)
+            for (const d of f)
+              d.source === i && e.removeLayer(d.id);
           e.removeSource(i);
         }
       };
     }
   }, [e]);
-  let r = e && e.style && e.getSource(i);
-  return r ? A(r, t, n.current) : r = z(e, i, t), n.current = t, r && j.Children.map(t.children, (l) => l && I(l, {
+  let o = e && e.style && e.getSource(i);
+  return o ? A(o, t, n.current) : o = z(e, i, t), n.current = t, o && $.Children.map(t.children, (l) => l && j(l, {
     source: i
   })) || null;
 }
 function F(t, e, n, a) {
   if (g(n.id === a.id, "layer id changed"), g(n.type === a.type, "layer type changed"), n.type === "custom" || a.type === "custom")
     return;
-  const { layout: i = {}, paint: r = {}, filter: l, minzoom: y, maxzoom: d, beforeId: f } = n;
-  if (f !== a.beforeId && t.moveLayer(e, f), i !== a.layout) {
+  const { layout: i = {}, paint: o = {}, filter: l, minzoom: y, maxzoom: f, beforeId: d } = n;
+  if (d !== a.beforeId && t.moveLayer(e, d), i !== a.layout) {
     const c = a.layout || {};
-    for (const o in i)
-      s(i[o], c[o]) || t.setLayoutProperty(e, o, i[o]);
-    for (const o in c)
-      i.hasOwnProperty(o) || t.setLayoutProperty(e, o, void 0);
+    for (const r in i)
+      s(i[r], c[r]) || t.setLayoutProperty(e, r, i[r]);
+    for (const r in c)
+      i.hasOwnProperty(r) || t.setLayoutProperty(e, r, void 0);
   }
-  if (r !== a.paint) {
+  if (o !== a.paint) {
     const c = a.paint || {};
-    for (const o in r)
-      s(r[o], c[o]) || t.setPaintProperty(e, o, r[o]);
-    for (const o in c)
-      r.hasOwnProperty(o) || t.setPaintProperty(e, o, void 0);
+    for (const r in o)
+      s(o[r], c[r]) || t.setPaintProperty(e, r, o[r]);
+    for (const r in c)
+      o.hasOwnProperty(r) || t.setPaintProperty(e, r, void 0);
   }
-  s(l, a.filter) || t.setFilter(e, l), (y !== a.minzoom || d !== a.maxzoom) && t.setLayerZoomRange(e, y, d);
+  s(l, a.filter) || t.setFilter(e, l), (y !== a.minzoom || f !== a.maxzoom) && t.setLayerZoomRange(e, y, f);
 }
 function R(t, e, n) {
   if (t.style && t.style._loaded && (!("source" in n) || t.getSource(n.source))) {
@@ -96,7 +96,7 @@ function R(t, e, n) {
 }
 let U = 0;
 function h(t) {
-  const e = k(x).map.getMap(), n = S(t), [, a] = b(0), i = m(() => t.id || `jsx-layer-${U++}`, []);
+  const e = k(C).map.getMap(), n = S(t), [, a] = b(0), i = m(() => t.id || `jsx-layer-${U++}`, []);
   if (w(() => {
     if (e) {
       const l = () => a((y) => y + 1);
@@ -114,7 +114,7 @@ function h(t) {
     R(e, i, t);
   return n.current = t, null;
 }
-function L(t, e) {
+function L(t, e, n) {
   switch (t) {
     case "fill":
       return {
@@ -124,7 +124,7 @@ function L(t, e) {
     case "line":
       return {
         "line-color": e,
-        "line-width": 2
+        "line-width": n === "LineString" ? 6 : 2
       };
     default:
       return {};
@@ -133,20 +133,22 @@ function L(t, e) {
 function T({ sources: t }) {
   const e = m(() => !Array.isArray(t) || t.length === 0 ? [] : t.map((n) => ({
     ...n,
-    geoJson: n.geometry ? M(n.geometry) : null
+    geoJson: n.geometry ? I(n.geometry, n.type) : null
   })), [t]);
-  return (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ u(C, { children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ u("div", { children: n.geoJson && /* @__PURE__ */ u(E, { id: n.key, type: "geojson", data: n.geoJson, children: n.layer && (Array.isArray(n.layer) ? n.layer.map((a, i) => /* @__PURE__ */ u(
+  return (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ u(x, { children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ u("div", { children: n.geoJson && /* @__PURE__ */ u(E, { id: n.key, type: "geojson", data: n.geoJson, children: n.layer && (Array.isArray(n.layer) ? n.layer.map((a, i) => /* @__PURE__ */ u(
     h,
     {
+      id: `${n.key}-${i}`,
       type: a.type,
-      paint: L(a.type, a.color)
+      paint: L(a.type, a.color, n.type)
     },
     `${n.key}-${i}`
   )) : /* @__PURE__ */ u(
     h,
     {
+      id: n.key,
       type: n.layer.type,
-      paint: L(n.layer.type, n.layer.color)
+      paint: L(n.layer.type, n.layer.color, n.type)
     }
   )) }, n.key) }, n.key)) });
 }

package/dist/{index-BCa658u4.js → index-BFK3wMTT.js}

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import { a as e } from "./index.modern-CLRs8JwI.js";
-import { c as o, S as a, o as s, i as r } from "./styles-D2MYaLhP.js";
+import { c as o, S as a, o as s, i as r } from "./styles-Do-o-qNU.js";
 function m({ marker: t }) {
   return /* @__PURE__ */ n(
     e,

package/dist/{index-CNxLnZ8O.js → index-BQRXN0e-.js}

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import { a } from "./scale-control-CyJd4u6j.js";
 import "react";
-import { c as e, S as n, o as r, i as s } from "./styles-D2MYaLhP.js";
+import { c as e, S as n, o as r, i as s } from "./styles-Do-o-qNU.js";
 function d({ marker: t }) {
   return /* @__PURE__ */ o(
     a,

package/dist/{index-Bp1bWq9c.js → index-BUkdAOYF.js}

@@ -10,7 +10,7 @@ const tt = it.createContext({}), R = () => at(tt), I = {
   maptiler: "600d69cb-288d-445e-9839-3dfe4d76b31a",
   mapbox: "locallogic/cmb9nz9kb011501ru8drq8fqf",
   google: "a7ff20eb973126bb"
-}, Y = 13, ut = 22, Ht = 12.5, ht = 30, pt = 60, lt = "w-full h-full relative overflow-hidden", ft = w(() => import("./index-S5SfktvB.js")), dt = w(() => import("./index-CUpaKIZP.js")), gt = w(() => import("./index-BGoTpJjt.js")), mt = w(() => import("./index-qqbvBkdn.js")), yt = ({ padding: r = 1e-3, children: t }) => {
+}, Y = 13, ut = 22, Ht = 12.5, ht = 30, pt = 60, lt = "w-full h-full relative overflow-hidden", ft = w(() => import("./index-CnuTCmRK.js")), dt = w(() => import("./index-Cg3HD19r.js")), gt = w(() => import("./index-BvnFFiii.js")), mt = w(() => import("./index-qqbvBkdn.js")), yt = ({ padding: r = 1e-3, children: t }) => {
   const {
     mapProvider: e,
     center: n,
@@ -48,7 +48,7 @@ const tt = it.createContext({}), R = () => at(tt), I = {
       children: /* @__PURE__ */ T(p, { padding: r, children: t })
     }
   );
-}, wt = w(() => import("./index-Do_dW76Q.js")), Mt = w(() => import("./index-BCa658u4.js")), _t = w(() => import("./index-CNxLnZ8O.js"));
+}, wt = w(() => import("./index-_YvDHCeI.js")), Mt = w(() => import("./index-BFK3wMTT.js")), _t = w(() => import("./index-BQRXN0e-.js"));
 function At(r) {
   const { mapProvider: t } = R(), e = P(() => {
     switch (t == null ? void 0 : t.name) {
@@ -564,7 +564,7 @@ var Lt = function(t) {
     supercluster: c.current
   };
 };
-const It = w(() => import("./index-CCtDJ-mV.js")), vt = w(() => import("./index-CXTsUiSS.js")), Rt = w(() => import("./index-58w3Qwxr.js"));
+const It = w(() => import("./index-NEUlLLtm.js")), vt = w(() => import("./index-Brp2pz_Z.js")), Rt = w(() => import("./index-DJ1PVoCd.js"));
 function Zt({ markers: r, onClick: t, ...e }) {
   const { mapProvider: n, activeMarker: o, center: i, bounds: a, zoom: c, setMarkerPoints: s } = R();
   ct(() => {
@@ -629,7 +629,7 @@ function Zt({ markers: r, onClick: t, ...e }) {
     }
   ) : null;
 }
-const Ct = w(() => import("./index-CXUQoF5Q.js")), Ut = w(() => import("./index-DY5pY-zk.js")), Bt = w(() => import("./index-C36u5N_F.js"));
+const Ct = w(() => import("./index-Dzgb7feN.js")), Ut = w(() => import("./index-CV_IAyz3.js")), Bt = w(() => import("./index-DyGtnON3.js"));
 function Ft({ children: r, anchor: t = "bottom", ...e }) {
   const { mapProvider: n } = R(), o = P(() => {
     switch (n == null ? void 0 : n.name) {
@@ -645,7 +645,7 @@ function Ft({ children: r, anchor: t = "bottom", ...e }) {
   }, [n]);
   return o ? /* @__PURE__ */ T(o, { ...e, anchor: t, children: r }) : null;
 }
-const zt = w(() => import("./index-CTk5bvm9.js")), Dt = w(() => import("./index-UEadmVww.js")), Nt = w(() => import("./index-DVitM43i.js"));
+const zt = w(() => import("./index-3kRdcdZh.js")), Dt = w(() => import("./index-x3wrHsPD.js")), Nt = w(() => import("./index-Yh7bUURu.js"));
 function jt(r) {
   const { mapProvider: t } = R(), e = P(() => {
     switch (t == null ? void 0 : t.name) {

package/dist/index-Brp2pz_Z.js

@@ -0,0 +1,57 @@
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { u as M, a as k } from "./index.modern-CLRs8JwI.js";
+import { u as I, M as O } from "./index-BUkdAOYF.js";
+import { C as _, c as b, M as h } from "./index-CTU66ogZ.js";
+function C({
+  clusters: a,
+  colors: i,
+  clusterIcon: d,
+  onClick: t,
+  doesSuperclusterContainActiveMarker: m
+}) {
+  M();
+  const { activeMarker: r, zoom: s } = I(), f = (e) => () => {
+    e.properties.disableClick || t == null || t(e);
+  };
+  return a == null ? void 0 : a.map((e, g) => {
+    const n = e.geometry.coordinates[0], p = e.geometry.coordinates[1];
+    return /* @__PURE__ */ u(
+      k,
+      {
+        position: {
+          lat: p,
+          lng: n
+        },
+        onClick: f(e),
+        children: [
+          e.properties.cluster && /* @__PURE__ */ o(
+            _,
+            {
+              colors: i,
+              icon: d,
+              isActive: m(e.properties.cluster_id)
+            }
+          ),
+          !e.properties.cluster && /* @__PURE__ */ o(
+            "div",
+            {
+              className: b,
+              style: e.properties.defaultColor ? {} : {
+                "--background": i == null ? void 0 : i.background,
+                "--fill": i == null ? void 0 : i.fill
+              },
+              "data-is-cluster": !!e.properties.cluster,
+              "data-is-zoomed-out": s - 1 < O + 1,
+              "data-is-active": (r == null ? void 0 : r.id) === e.properties.id,
+              children: /* @__PURE__ */ o(h, { icon: e.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${n}-${p}-${g}`
+    );
+  });
+}
+export {
+  C as default
+};

package/dist/{index-BGoTpJjt.js → index-BvnFFiii.js}

@@ -2,7 +2,7 @@ import { jsxs as M, jsx as d } from "react/jsx-runtime";
 import { useState as v, useEffect as l } from "react";
 import { M as y, N as g, u as h } from "./scale-control-CyJd4u6j.js";
 import { b as B } from "./index-CFomI3Il.js";
-import { u as b, d as u, a as Z, m as z } from "./index-Bp1bWq9c.js";
+import { u as b, d as u, a as Z, m as z } from "./index-BUkdAOYF.js";
 const L = ({ padding: i }) => {
   const { current: o } = h(), { markerPoints: n, setBounds: m, setZoom: f } = b(), [r, p] = v(void 0), a = () => {
     var t;

package/dist/{index-CBp9gCca.js → index-CTU66ogZ.js}

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as c, Fragment as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as o, Fragment as f } from "react/jsx-runtime";
 import * as e from "react";
-import { useMemo as Z } from "react";
-import { u as A, M as o } from "./index-Bp1bWq9c.js";
-import { p } from "./IconBase.es-rM5tt24D.js";
-const h = /* @__PURE__ */ new Map([
+import { useMemo as g } from "react";
+import { u as p, M as c } from "./index-BUkdAOYF.js";
+import { p as Z } from "./IconBase.es-rM5tt24D.js";
+const A = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,60a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,60Zm0,64a20,20,0,1,1,20-20A20,20,0,0,1,128,124Zm0-112a92.1,92.1,0,0,0-92,92c0,77.36,81.64,135.4,85.12,137.83a12,12,0,0,0,13.76,0,259,259,0,0,0,42.18-39C205.15,170.57,220,136.37,220,104A92.1,92.1,0,0,0,128,12Zm31.3,174.71A249.35,249.35,0,0,1,128,216.89a249.35,249.35,0,0,1-31.3-30.18C80,167.37,60,137.31,60,104a68,68,0,0,1,136,0C196,137.31,176,167.37,159.3,186.71Z" }))
@@ -34,49 +34,49 @@ const h = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z" }))
   ]
-]), d = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(p, { ref: a, ...t, weights: h }));
+]), d = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(Z, { ref: a, ...t, weights: A }));
 d.displayName = "MapPinIcon";
-const m = `
+const n = `
   group/marker cursor-pointer rounded-full
   relative h-7 w-7 flex items-center justify-center
   text-base-white ring-1 ring-inset
   transition-colors
 
-  bg-[var(--background)]
-  ring-[var(--fill)]
+  bg-[var(--background,theme(colors.base.white))]
+  ring-[var(--fill,theme(colors.primary.100))]
 
-  hover:bg-[var(--fill)]
+  hover:bg-[var(--fill,theme(colors.primary.100))]
 
-  data-[is-zoomed-out=true]:bg-[var(--fill)]
+  data-[is-zoomed-out=true]:bg-[var(--fill,theme(colors.primary.100))]
   data-[is-zoomed-out=true]:h-4
   data-[is-zoomed-out=true]:w-4
 
-  data-[is-active=true]:bg-[var(--fill)]
-`, u = `
+  data-[is-active=true]:bg-[var(--fill,theme(colors.primary.100))]
+`, s = `
   m-auto transition-all w-4 h-4 
 
-  fill-[var(--fill)]
-  group-hover/marker:fill-[var(--background)]
+  fill-[var(--fill,theme(colors.primary.100))]
+  group-hover/marker:fill-[var(--background,theme(colors.base.white))]
 
   group-data-[is-zoomed-out=true]/marker:hidden
 
-  group-data-[is-active=true]/marker:fill-[var(--background)]
+  group-data-[is-active=true]/marker:fill-[var(--background,theme(colors.base.white))]
 `;
 function v({ icon: t }) {
-  return typeof t < "u" ? /* @__PURE__ */ r(t, { className: u }) : /* @__PURE__ */ r(d, { className: u });
+  return typeof t < "u" ? /* @__PURE__ */ r(t, { className: s }) : /* @__PURE__ */ r(d, { className: s });
 }
 const M = `
   relative flex
-`, s = `
+`, u = `
   -ml-6 -z-10 last:-z-20
 `;
-function N({
+function w({
   isActive: t = !1,
   colors: a,
-  icon: f
+  icon: h
 }) {
-  const { zoom: n, mapProvider: l } = A(), i = Z(() => l.name === "google" ? n - 1 < o + 1 : n < o, [n, l]);
-  return /* @__PURE__ */ c(
+  const { zoom: m, mapProvider: l } = p(), i = g(() => l.name === "google" ? m - 1 < c + 1 : m < c, [m, l]);
+  return /* @__PURE__ */ o(
     "div",
     {
       className: M,
@@ -88,22 +88,22 @@ function N({
         /* @__PURE__ */ r(
           "div",
           {
-            className: m,
+            className: n,
             "data-is-zoomed-out": i,
             "data-is-active": t,
-            children: /* @__PURE__ */ r(v, { icon: f })
+            children: /* @__PURE__ */ r(v, { icon: h })
           }
         ),
-        !i && /* @__PURE__ */ c(g, { children: [
-          /* @__PURE__ */ r("div", { className: `${m} ${s}` }),
-          /* @__PURE__ */ r("div", { className: `${m} ${s}` })
+        !i && /* @__PURE__ */ o(f, { children: [
+          /* @__PURE__ */ r("div", { className: `${n} ${u}` }),
+          /* @__PURE__ */ r("div", { className: `${n} ${u}` })
         ] })
       ]
     }
   );
 }
 export {
-  N as C,
+  w as C,
   v as M,
-  m as c
+  n as c
 };

package/dist/{index-DY5pY-zk.js → index-CV_IAyz3.js}

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useEffect as a, useMemo as f } from "react";
 import { u as o, I as s } from "./index.modern-CLRs8JwI.js";
-import { u as y } from "./index-Bp1bWq9c.js";
+import { u as y } from "./index-BUkdAOYF.js";
 import { c as x } from "./styles-ChFj97uV.js";
 function I({
   latitude: u,

package/dist/{index-CUpaKIZP.js → index-Cg3HD19r.js}

@@ -2,7 +2,7 @@ import { jsxs as v, jsx as T } from "react/jsx-runtime";
 import { useState as h, useEffect as M } from "react";
 import { A as y, M as L, C as f, u as P } from "./index.modern-CLRs8JwI.js";
 import { b as x } from "./index-CFomI3Il.js";
-import { u as b, d as p, a as B, m as O } from "./index-Bp1bWq9c.js";
+import { u as b, d as p, a as B, m as O } from "./index-BUkdAOYF.js";
 const Z = {
   "top-left": f.LEFT_TOP,
   "top-right": f.RIGHT_TOP,

package/dist/{index-S5SfktvB.js → index-CnuTCmRK.js}

@@ -2,7 +2,7 @@ import { jsxs as x, jsx as d } from "react/jsx-runtime";
 import { useState as y, useEffect as c } from "react";
 import { M as g, N as h, u as b } from "./logo-control-NE-LlsRy.js";
 import { b as B } from "./index-CFomI3Il.js";
-import { u as M, d as u, a as Z, m as z } from "./index-Bp1bWq9c.js";
+import { u as M, d as u, a as Z, m as z } from "./index-BUkdAOYF.js";
 const L = ({ padding: i }) => {
   const { current: o } = b(), { markerPoints: n, setBounds: m, setZoom: f } = M(), [r, p] = y(void 0), s = () => {
     var e;

package/dist/index-DJ1PVoCd.js

@@ -0,0 +1,56 @@
+import { jsxs as M, jsx as p } from "react/jsx-runtime";
+import { a as b } from "./scale-control-CyJd4u6j.js";
+import "react";
+import { u, M as h } from "./index-BUkdAOYF.js";
+import { C as k, c as x, M as I } from "./index-CTU66ogZ.js";
+function N({
+  clusters: t,
+  colors: e,
+  clusterIcon: m,
+  onClick: a,
+  doesSuperclusterContainActiveMarker: s
+}) {
+  const { activeMarker: r, zoom: f } = u(), g = (i) => (o) => {
+    o.originalEvent.stopPropagation(), !i.properties.disableClick && (a == null || a(i));
+  };
+  return t == null ? void 0 : t.map((i, o) => {
+    const n = i.geometry.coordinates[0], d = i.geometry.coordinates[1];
+    return /* @__PURE__ */ M(
+      b,
+      {
+        anchor: "bottom",
+        longitude: n,
+        latitude: d,
+        onClick: g(i),
+        children: [
+          i.properties.cluster && /* @__PURE__ */ p(
+            k,
+            {
+              colors: e,
+              icon: m,
+              isActive: s(i.properties.cluster_id)
+            }
+          ),
+          !i.properties.cluster && /* @__PURE__ */ p(
+            "div",
+            {
+              className: x,
+              style: i.properties.defaultColor ? {} : {
+                "--background": e == null ? void 0 : e.background,
+                "--fill": e == null ? void 0 : e.fill
+              },
+              "data-is-cluster": !!i.properties.cluster,
+              "data-is-zoomed-out": f < h,
+              "data-is-active": (r == null ? void 0 : r.id) === i.properties.id,
+              children: /* @__PURE__ */ p(I, { icon: i.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${n}-${d}-${o}`
+    );
+  });
+}
+export {
+  N as default
+};

package/dist/{index-C36u5N_F.js → index-DyGtnON3.js}

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useEffect as a } from "react";
 import { P as c } from "./scale-control-CyJd4u6j.js";
-import { u as i } from "./index-Bp1bWq9c.js";
+import { u as i } from "./index-BUkdAOYF.js";
 import { c as n } from "./styles-ChFj97uV.js";
 function l({
   latitude: p,

package/dist/{index-CXUQoF5Q.js → index-Dzgb7feN.js}

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { useEffect as a } from "react";
 import { P as i } from "./logo-control-NE-LlsRy.js";
-import { u as c } from "./index-Bp1bWq9c.js";
+import { u as c } from "./index-BUkdAOYF.js";
 import { c as n } from "./styles-ChFj97uV.js";
 function y({
   latitude: e,

package/dist/index-NEUlLLtm.js

@@ -0,0 +1,56 @@
+import { jsxs as M, jsx as p } from "react/jsx-runtime";
+import { a as u } from "./logo-control-NE-LlsRy.js";
+import "react";
+import { u as _, M as b } from "./index-BUkdAOYF.js";
+import { C as h, c as k, M as I } from "./index-CTU66ogZ.js";
+function N({
+  clusters: t,
+  colors: e,
+  clusterIcon: m,
+  onClick: a,
+  doesSuperclusterContainActiveMarker: s
+}) {
+  const { activeMarker: r, zoom: f } = _(), g = (i) => (o) => {
+    o.originalEvent.stopPropagation(), !i.properties.disableClick && (a == null || a(i));
+  };
+  return t == null ? void 0 : t.map((i, o) => {
+    const n = i.geometry.coordinates[0], d = i.geometry.coordinates[1];
+    return /* @__PURE__ */ M(
+      u,
+      {
+        anchor: "bottom",
+        longitude: n,
+        latitude: d,
+        onClick: g(i),
+        children: [
+          i.properties.cluster && i.properties.cluster_id && /* @__PURE__ */ p(
+            h,
+            {
+              colors: e,
+              icon: m,
+              isActive: s(i.properties.cluster_id)
+            }
+          ),
+          !i.properties.cluster && /* @__PURE__ */ p(
+            "div",
+            {
+              className: k,
+              style: i.properties.defaultColor ? {} : {
+                "--background": e == null ? void 0 : e.background,
+                "--fill": e == null ? void 0 : e.fill
+              },
+              "data-is-cluster": !!i.properties.cluster,
+              "data-is-zoomed-out": f < b,
+              "data-is-active": (r == null ? void 0 : r.id) === i.properties.id,
+              children: /* @__PURE__ */ p(I, { icon: i.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${n}-${d}-${o}`
+    );
+  });
+}
+export {
+  N as default
+};