@local-logic/maps 0.1.3 → 0.1.4

package/dist/{index-zqYpD_YN.js → index--PIAfLjo.js}

@@ -1,8 +1,8 @@
 import { jsx as E } from "react/jsx-runtime";
 import { useRef as d, useEffect as M } from "react";
 import { u as D, P as H } from "./logo-control-CHapR1Dt.js";
-import { u as j, P as T } from "./index-J8lmJ6Xj.js";
-import { c as x, m as A } from "./styles-J872R1eq.js";
+import { u as j, P as T } from "./index-CNP-c5ZB.js";
+import { c as x, m as A } from "./styles-DvWVFFVb.js";
 function Z({
   latitude: l,
   longitude: h,

package/dist/{index-Deqck8KU.js → index-0EkdzCyN.js}

@@ -1,17 +1,18 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { a as k } from "./logo-control-CHapR1Dt.js";
 import "react";
-import { u, M } from "./index-J8lmJ6Xj.js";
-import { C as g, c as C, M as v } from "./index-HWDZde-a.js";
-function x({
+import { u, M } from "./index-CNP-c5ZB.js";
+import { c as g, M as C } from "./index-D4t3jFAj.js";
+import { C as v } from "./index-CHdAT424.js";
+function y({
   clusters: n,
   colors: o,
-  clusterIcon: s,
-  onClick: p,
+  clusterIcon: p,
+  onClick: s,
   doesSuperclusterContainActiveMarker: d
 }) {
   const { activeMarker: m, zoom: c } = u(), l = (r) => (e) => {
-    e.originalEvent.stopPropagation(), !r.properties.disableClick && p?.(r);
+    e.originalEvent.stopPropagation(), !r.properties.disableClick && s?.(r);
   };
   return n?.map((r, e) => {
     const t = r.geometry.coordinates[0], a = r.geometry.coordinates[1];
@@ -24,17 +25,17 @@ function x({
         onClick: l(r),
         children: [
           r.properties.cluster && r.properties.cluster_id && /* @__PURE__ */ i(
-            g,
+            v,
             {
               colors: o,
-              icon: s,
+              icon: p,
               isActive: d(r.properties.cluster_id)
             }
           ),
           !r.properties.cluster && /* @__PURE__ */ i(
             "div",
             {
-              className: C,
+              className: g,
               style: r.properties.defaultColor ? {} : {
                 "--background": o?.background,
                 "--fill": o?.fill
@@ -42,7 +43,7 @@ function x({
               "data-is-cluster": !!r.properties.cluster,
               "data-is-zoomed-out": c < M,
               "data-is-active": m?.id === r.properties.id,
-              children: /* @__PURE__ */ i(v, { icon: r.properties.icon })
+              children: /* @__PURE__ */ i(C, { icon: r.properties.icon })
             }
           )
         ]
@@ -52,5 +53,5 @@ function x({
   });
 }
 export {
-  x as default
+  y as default
 };

package/dist/index-BO34uKgS.js

@@ -0,0 +1,16 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { HouseLineIcon as i } from "@phosphor-icons/react";
+const o = `
+  p-2 border-b border-primary-200
+  bg-primary-100 text-white
+  flex items-center gap-2 text-xs font-mono
+`;
+function m({ marker: r, className: t }) {
+  return /* @__PURE__ */ n("div", { className: `${o} ${t || ""}`, children: [
+    /* @__PURE__ */ e(i, { size: 20, weight: "fill" }),
+    /* @__PURE__ */ e("span", { children: r.name || "Center" })
+  ] });
+}
+export {
+  m as default
+};

package/dist/{index-CyFpPXRS.js → index-BY_xYg2p.js}

@@ -1,16 +1,17 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { a as k } from "./scale-control-Dsir9fWY.js";
 import "react";
-import { u, M } from "./index-J8lmJ6Xj.js";
-import { C as g, c as C, M as b } from "./index-HWDZde-a.js";
-function _({
+import { u, M } from "./index-CNP-c5ZB.js";
+import { c as g, M as C } from "./index-D4t3jFAj.js";
+import { C as b } from "./index-CHdAT424.js";
+function y({
   clusters: n,
   colors: r,
   clusterIcon: s,
   onClick: p,
-  doesSuperclusterContainActiveMarker: d
+  doesSuperclusterContainActiveMarker: m
 }) {
-  const { activeMarker: m, zoom: c } = u(), l = (o) => (e) => {
+  const { activeMarker: d, zoom: c } = u(), l = (o) => (e) => {
     e.originalEvent.stopPropagation(), !o.properties.disableClick && p?.(o);
   };
   return n?.map((o, e) => {
@@ -24,25 +25,25 @@ function _({
         onClick: l(o),
         children: [
           o.properties.cluster && /* @__PURE__ */ i(
-            g,
+            b,
             {
               colors: r,
               icon: s,
-              isActive: d(o.properties.cluster_id)
+              isActive: m(o.properties.cluster_id)
             }
           ),
           !o.properties.cluster && /* @__PURE__ */ i(
             "div",
             {
-              className: C,
+              className: g,
               style: o.properties.defaultColor ? {} : {
                 "--background": r?.background,
                 "--fill": r?.fill
               },
               "data-is-cluster": !!o.properties.cluster,
               "data-is-zoomed-out": c < M,
-              "data-is-active": m?.id === o.properties.id,
-              children: /* @__PURE__ */ i(b, { icon: o.properties.icon })
+              "data-is-active": d?.id === o.properties.id,
+              children: /* @__PURE__ */ i(C, { icon: o.properties.icon })
             }
           )
         ]
@@ -52,5 +53,5 @@ function _({
   });
 }
 export {
-  _ as default
+  y as default
 };

package/dist/{index-CzqD82Cl.js → index-BnTZMzoy.js}

@@ -1,8 +1,8 @@
 import { jsx as E } from "react/jsx-runtime";
 import { useState as L, useRef as M, useCallback as N, useEffect as f, useMemo as W } from "react";
 import { useMap as _, InfoWindow as x } from "@vis.gl/react-google-maps";
-import { u as z, P as y } from "./index-J8lmJ6Xj.js";
-import { c as H, m as j } from "./styles-J872R1eq.js";
+import { u as z, P as y } from "./index-CNP-c5ZB.js";
+import { c as H, m as j } from "./styles-DvWVFFVb.js";
 function Z({
   latitude: g,
   longitude: m,

package/dist/index-C0inY_TA.js

@@ -0,0 +1,41 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+const o = `
+  p-2 border-b border-gray-300
+  bg-white/95 text-xs
+`, d = `
+  font-bold mb-2
+`, i = `
+  p-1.5 mb-1 bg-gray-50 border border-gray-200 rounded
+`, c = `
+  font-bold
+`, y = `
+  flex gap-1.5 mt-1
+`, m = `
+  flex items-center gap-1
+`, b = `
+  w-4 h-4 border border-gray-400 rounded-sm
+`, g = `
+  text-xs
+`;
+function p({ sources: l = [] }) {
+  return l.length === 0 ? null : /* @__PURE__ */ r("div", { className: o, children: [
+    /* @__PURE__ */ r("div", { className: d, children: [
+      "Layers (",
+      l.length,
+      ")"
+    ] }),
+    l.map((e) => {
+      const n = Array.isArray(e.layer) ? e.layer : [e.layer];
+      return /* @__PURE__ */ r("div", { className: i, children: [
+        /* @__PURE__ */ a("div", { className: c, children: e.key }),
+        /* @__PURE__ */ a("div", { className: y, children: n.map((t, s) => /* @__PURE__ */ r("div", { className: m, children: [
+          /* @__PURE__ */ a("div", { className: b, style: { backgroundColor: t.color } }),
+          /* @__PURE__ */ a("span", { className: g, children: t.type })
+        ] }, s)) })
+      ] }, e.key);
+    })
+  ] });
+}
+export {
+  p as default
+};

package/dist/index-CHdAT424.js

@@ -0,0 +1,44 @@
+import { jsxs as i, jsx as e, Fragment as d } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { u as f, M as n } from "./index-CNP-c5ZB.js";
+import { c as o, M as v } from "./index-D4t3jFAj.js";
+const M = `
+  relative flex
+`, m = `
+  -ml-6 -z-10 last:-z-20
+`;
+function $({
+  isActive: c = !1,
+  colors: r,
+  icon: l
+}) {
+  const { zoom: a, mapProvider: s } = f(), t = u(() => s.name === "google" ? a - 1 < n + 1 : a < n, [a, s]);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: M,
+      style: {
+        "--background": r?.background,
+        "--fill": r?.fill
+      },
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: o,
+            "data-is-zoomed-out": t,
+            "data-is-active": c,
+            children: /* @__PURE__ */ e(v, { icon: l })
+          }
+        ),
+        !t && /* @__PURE__ */ i(d, { children: [
+          /* @__PURE__ */ e("div", { className: `${o} ${m}` }),
+          /* @__PURE__ */ e("div", { className: `${o} ${m}` })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  $ as C
+};