@local-logic/maps 0.0.9 → 0.0.10

package/dist/IconBase.es-rM5tt24D.js

@@ -0,0 +1,48 @@
+import * as r from "react";
+import { createContext as h } from "react";
+const p = h({
+  color: "currentColor",
+  size: "1em",
+  weight: "regular",
+  mirrored: !1
+}), x = r.forwardRef(
+  (n, s) => {
+    const {
+      alt: t,
+      color: o,
+      size: e,
+      weight: l,
+      mirrored: a,
+      children: c,
+      weights: m,
+      ...g
+    } = n, {
+      color: w = "currentColor",
+      size: i,
+      weight: u = "regular",
+      mirrored: f = !1,
+      ...d
+    } = r.useContext(p);
+    return /* @__PURE__ */ r.createElement(
+      "svg",
+      {
+        ref: s,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: e ?? i,
+        height: e ?? i,
+        fill: o ?? w,
+        viewBox: "0 0 256 256",
+        transform: a || f ? "scale(-1, 1)" : void 0,
+        ...d,
+        ...g
+      },
+      !!t && /* @__PURE__ */ r.createElement("title", null, t),
+      c,
+      m.get(l ?? u)
+    );
+  }
+);
+x.displayName = "IconBase";
+export {
+  x as p
+};

package/dist/{index-BZ2605rA.js → index-9RZYMoMG.js}

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { useEffect as m, useMemo as o } from "react";
-import { u as s, I as d } from "./index.modern-EsUgbhzI.js";
+import { u as s, I as d } from "./index.modern-CLRs8JwI.js";
 import { c as f } from "./styles-uPzJnzVS.js";
 function v({
   latitude: n,

package/dist/index-BCa658u4.js

@@ -0,0 +1,24 @@
+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";
+function m({ marker: t }) {
+  return /* @__PURE__ */ n(
+    e,
+    {
+      position: {
+        lat: t.latitude,
+        lng: t.longitude
+      },
+      className: o.trim(),
+      zIndex: 10,
+      children: [
+        /* @__PURE__ */ i(a, {}),
+        /* @__PURE__ */ i(s, { className: r })
+      ]
+    },
+    `center-pin-marker-${t.longitude}-${t.latitude}`
+  );
+}
+export {
+  m as default
+};

package/dist/index-BOuko7CL.js

@@ -0,0 +1,32 @@
+import { jsx as o } from "react/jsx-runtime";
+import { P as u } from "./logo-control-NE-LlsRy.js";
+import "react";
+import { c as a } from "./styles-uPzJnzVS.js";
+function c({
+  latitude: e,
+  longitude: p,
+  anchor: r,
+  offset: t = [0, -35],
+  onClose: n,
+  children: f
+}) {
+  return typeof e > "u" || typeof p > "u" ? null : /* @__PURE__ */ o(
+    u,
+    {
+      className: "maplibre-popup",
+      focusAfterOpen: !0,
+      latitude: e,
+      longitude: p,
+      anchor: r,
+      offset: t,
+      onClose: n,
+      closeButton: !1,
+      closeOnMove: !0,
+      children: /* @__PURE__ */ o("div", { className: a, children: f })
+    },
+    "maplibre-popup"
+  );
+}
+export {
+  c as default
+};

package/dist/index-BYlamtEc.js

@@ -0,0 +1,96 @@
+import { jsx as t, jsxs as o, Fragment as f } from "react/jsx-runtime";
+import * as e from "react";
+import { useMemo as g } from "react";
+import { u as Z, M as c } from "./index-DgHrPgsK.js";
+import { p as A } from "./IconBase.es-rM5tt24D.js";
+const p = /* @__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" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,16a88.1,88.1,0,0,0-88,88c0,75.3,80,132.17,83.41,134.55a8,8,0,0,0,9.18,0C136,236.17,216,179.3,216,104A88.1,88.1,0,0,0,128,16Zm0,56a32,32,0,1,1-32,32A32,32,0,0,1,128,72Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,66a38,38,0,1,0,38,38A38,38,0,0,0,128,66Zm0,64a26,26,0,1,1,26-26A26,26,0,0,1,128,130Zm0-112a86.1,86.1,0,0,0-86,86c0,30.91,14.34,63.74,41.47,94.94a252.32,252.32,0,0,0,41.09,38,6,6,0,0,0,6.88,0,252.32,252.32,0,0,0,41.09-38c27.13-31.2,41.47-64,41.47-94.94A86.1,86.1,0,0,0,128,18Zm0,206.51C113,212.93,54,163.62,54,104a74,74,0,0,1,148,0C202,163.62,143,212.93,128,224.51Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z" }))
+  ],
+  [
+    "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((a, r) => /* @__PURE__ */ e.createElement(A, { ref: r, ...a, weights: p }));
+d.displayName = "MapPinIcon";
+const m = `
+  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)]
+
+  hover:bg-[var(--fill)]
+
+  data-[is-zoomed-out=true]:bg-[var(--fill)]
+  data-[is-zoomed-out=true]:h-4
+  data-[is-zoomed-out=true]:w-4
+`, u = `
+  m-auto transition-all w-4 h-4 
+
+  fill-[var(--fill)]
+  group-hover/marker:fill-[var(--background)]
+
+  group-data-[is-zoomed-out=true]/marker:hidden
+`;
+function h({ icon: a }) {
+  return typeof a < "u" ? /* @__PURE__ */ t(a, { className: u }) : /* @__PURE__ */ t(d, { className: u });
+}
+const E = `
+  relative flex
+`, s = `
+  -ml-6 -z-10 last:-z-20
+`;
+function k({
+  colors: a,
+  icon: r
+}) {
+  const { zoom: n, mapProvider: l } = Z(), i = g(() => l.name === "google" ? n - 1 < c + 1 : n < c, [n, l]);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: E,
+      style: {
+        "--background": a == null ? void 0 : a.background,
+        "--fill": a == null ? void 0 : a.fill
+      },
+      children: [
+        /* @__PURE__ */ t("div", { className: m, "data-is-zoomed-out": i, children: /* @__PURE__ */ t(h, { icon: r }) }),
+        !i && /* @__PURE__ */ o(f, { children: [
+          /* @__PURE__ */ t("div", { className: `${m} ${s}` }),
+          /* @__PURE__ */ t("div", { className: `${m} ${s}` })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  k as C,
+  h as M,
+  m as c
+};

package/dist/{index-CPq7k7F4.js → index-BsnsAUt5.js}

@@ -1,6 +1,6 @@
 import { jsx as u, Fragment as h } from "react/jsx-runtime";
 import { useState as i, useContext as P, useEffect as c } from "react";
-import { G as M } from "./index.modern-EsUgbhzI.js";
+import { G as M } from "./index.modern-CLRs8JwI.js";
 import { a as x } from "./utils-YqJg0vBb.js";
 function f(a, e) {
   switch (a) {

package/dist/index-BtwgeEEU.js

@@ -0,0 +1,53 @@
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { useEffect as d } from "react";
+import { M as b, N as x, u as M } from "./scale-control-CyJd4u6j.js";
+import { u as m, d as r, a as v } from "./index-DgHrPgsK.js";
+const y = () => {
+  const { current: e } = M(), { setBounds: o, setZoom: s } = m(), t = () => {
+    var a;
+    e && (o((a = e.getBounds()) == null ? void 0 : a.toArray().flat()), s(e.getZoom()));
+  };
+  return d(() => {
+    e && (t(), e.on("move", () => {
+      t();
+    }));
+  }, [e]), null;
+};
+function z({ children: e }) {
+  const {
+    mapProvider: o,
+    center: s,
+    zoom: t = r.zoom,
+    minZoom: a,
+    maxZoom: p,
+    pitch: u = r.pitch,
+    bearing: l = r.bearing,
+    cooperativeGestures: c = r.cooperativeGestures,
+    zoomPosition: n
+  } = m();
+  return o.name !== "mapbox" ? null : /* @__PURE__ */ f(
+    b,
+    {
+      mapboxAccessToken: o.apiKey,
+      initialViewState: {
+        ...s,
+        zoom: t,
+        pitch: u,
+        bearing: l
+      },
+      cooperativeGestures: c,
+      minZoom: a,
+      maxZoom: p,
+      mapStyle: `mapbox://styles/${o.theme || v.mapbox}`,
+      interactiveLayerIds: ["road-label", "waterway-label"],
+      children: [
+        /* @__PURE__ */ i(y, {}),
+        n && /* @__PURE__ */ i(x, { position: n }),
+        e
+      ]
+    }
+  );
+}
+export {
+  z as default
+};

package/dist/index-CNxLnZ8O.js

@@ -0,0 +1,23 @@
+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";
+function d({ marker: t }) {
+  return /* @__PURE__ */ o(
+    a,
+    {
+      anchor: "bottom",
+      longitude: t.longitude,
+      latitude: t.latitude,
+      className: e.trim(),
+      children: [
+        /* @__PURE__ */ i(n, {}),
+        /* @__PURE__ */ i(r, { className: s })
+      ]
+    },
+    `center-pin-marker-${t.longitude}-${t.latitude}`
+  );
+}
+export {
+  d as default
+};

package/dist/index-CR8t37Oz.js

@@ -0,0 +1,73 @@
+import { jsxs as M, jsx as d } from "react/jsx-runtime";
+import { useState as h, useEffect as b } from "react";
+import { A as C, M as O, C as i, u as P } from "./index.modern-CLRs8JwI.js";
+import { u as p, d as l, a as v } from "./index-DgHrPgsK.js";
+const y = {
+  "top-left": i.LEFT_TOP,
+  "top-right": i.RIGHT_TOP,
+  "bottom-left": i.LEFT_BOTTOM,
+  "bottom-right": i.RIGHT_BOTTOM
+}, Z = ({ isMapLoaded: r }) => {
+  const o = P(), { setBounds: u, setZoom: t } = p(), a = () => {
+    var s;
+    if (!o)
+      return;
+    const e = (s = o.getBounds()) == null ? void 0 : s.toJSON(), n = o.getZoom();
+    e && u([e.west, e.south, e.east, e.north]), typeof n < "u" && t(n + 1);
+  };
+  return b(() => {
+    !r || !o || (a(), o.addListener("bounds_changed", () => {
+      a();
+    }));
+  }, [r, o]), null;
+};
+function B({ children: r }) {
+  const [o, u] = h(!1), {
+    mapProvider: t,
+    center: a,
+    // Google Maps zoom level starts at 0, so we add 1 to match our defaultMapValues
+    zoom: e = l.zoom + 1,
+    minZoom: n,
+    maxZoom: s,
+    pitch: f = l.pitch,
+    bearing: c = l.bearing,
+    cooperativeGestures: g = l.cooperativeGestures,
+    zoomPosition: m
+  } = p();
+  if (t.name !== "google")
+    return null;
+  const T = () => {
+    u(!0);
+  };
+  return /* @__PURE__ */ M(C, { apiKey: t.apiKey, children: [
+    /* @__PURE__ */ d(Z, { isMapLoaded: o }),
+    /* @__PURE__ */ d(
+      O,
+      {
+        mapId: t.theme || v.google,
+        defaultCenter: {
+          lat: a.latitude,
+          lng: a.longitude
+        },
+        defaultZoom: e,
+        defaultTilt: f,
+        defaultHeading: c,
+        gestureHandling: g ? "cooperative" : "greedy",
+        streetViewControl: !1,
+        fullscreenControl: !1,
+        clickableIcons: !1,
+        mapTypeControl: !1,
+        zoomControlOptions: {
+          position: m && y[m]
+        },
+        minZoom: typeof n == "number" ? n + 1 : void 0,
+        maxZoom: typeof s == "number" ? s + 1 : void 0,
+        onTilesLoaded: T,
+        children: r
+      }
+    )
+  ] });
+}
+export {
+  B as default
+};

package/dist/index-CRQ5kxRL.js

@@ -0,0 +1,65 @@
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import { useEffect as c } from "react";
+import { u as h, a as L } from "./logo-control-NE-LlsRy.js";
+import { u as b, M as E } from "./index-DgHrPgsK.js";
+import { C as y, c as O, M as $ } from "./index-BYlamtEc.js";
+function N({
+  clusters: r,
+  colors: a,
+  clusterIcon: M,
+  markerBounds: m,
+  markerBoundsPadding: e,
+  onClick: p
+}) {
+  const { current: f } = h(), { zoom: u } = b();
+  c(() => {
+    if (f && m) {
+      const [t, i, o, n] = m;
+      f.fitBounds(
+        [
+          [i - e.left, t - e.bottom],
+          [n + e.right, o + e.top]
+        ],
+        {
+          maxZoom: 17,
+          duration: 1e3
+        }
+      );
+    }
+  }, [f, m, e]);
+  const g = (t) => (i) => {
+    i.originalEvent.stopPropagation(), p == null || p(t);
+  };
+  return r == null ? void 0 : r.map((t, i) => {
+    const o = t.geometry.coordinates[0], n = t.geometry.coordinates[1];
+    return /* @__PURE__ */ x(
+      L,
+      {
+        anchor: "bottom",
+        longitude: o,
+        latitude: n,
+        onClick: g(t),
+        children: [
+          t.properties.cluster && /* @__PURE__ */ s(y, { colors: a, icon: M }),
+          !t.properties.cluster && /* @__PURE__ */ s(
+            "div",
+            {
+              className: O,
+              style: {
+                "--background": a == null ? void 0 : a.background,
+                "--fill": a == null ? void 0 : a.fill
+              },
+              "data-is-cluster": !!t.properties.cluster,
+              "data-is-zoomed-out": u < E,
+              children: /* @__PURE__ */ s($, { icon: t.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${o}-${n}-${i}`
+    );
+  });
+}
+export {
+  N as default
+};

package/dist/{index-B43MtiHH.js → index-D5uhfwEH.js}

@@ -1,27 +1,28 @@
 import { jsx as p } from "react/jsx-runtime";
-import { P as a } from "./scale-control-CyJd4u6j.js";
+import { P as s } from "./scale-control-CyJd4u6j.js";
 import "react";
-import { c as s } from "./styles-uPzJnzVS.js";
+import { c as u } from "./styles-uPzJnzVS.js";
 function l({
   latitude: o,
   longitude: e,
   anchor: r,
-  offset: f = [0, -35],
-  onClose: n,
-  children: t
+  offset: n = [0, -35],
+  onClose: t,
+  children: f
 }) {
   return typeof o > "u" || typeof e > "u" ? null : /* @__PURE__ */ p(
-    a,
+    s,
     {
       className: "mapbox-popup",
       focusAfterOpen: !0,
       latitude: o,
       longitude: e,
       anchor: r,
-      offset: f,
-      onClose: n,
+      offset: n,
+      onClose: t,
       closeButton: !1,
-      children: /* @__PURE__ */ p("div", { className: s, children: t })
+      closeOnMove: !0,
+      children: /* @__PURE__ */ p("div", { className: u, children: f })
     }
   );
 }

package/dist/index-DNKXUpkv.js

@@ -0,0 +1,65 @@
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import { useEffect as b } from "react";
+import { u as c, a as h } from "./scale-control-CyJd4u6j.js";
+import { u as L, M as E } from "./index-DgHrPgsK.js";
+import { C as y, c as O, M as $ } from "./index-BYlamtEc.js";
+function N({
+  clusters: m,
+  colors: a,
+  clusterIcon: M,
+  markerBoundsPadding: e,
+  markerBounds: p,
+  onClick: r
+}) {
+  const { current: f } = c(), { zoom: u } = L();
+  b(() => {
+    if (f && p) {
+      const [t, i, o, n] = p;
+      f.fitBounds(
+        [
+          [i - e.left, t - e.bottom],
+          [n + e.right, o + e.top]
+        ],
+        {
+          maxZoom: 17,
+          duration: 1e3
+        }
+      );
+    }
+  }, [f, p, e]);
+  const x = (t) => (i) => {
+    i.originalEvent.stopPropagation(), r == null || r(t);
+  };
+  return m == null ? void 0 : m.map((t, i) => {
+    const o = t.geometry.coordinates[0], n = t.geometry.coordinates[1];
+    return /* @__PURE__ */ g(
+      h,
+      {
+        anchor: "bottom",
+        longitude: o,
+        latitude: n,
+        onClick: x(t),
+        children: [
+          t.properties.cluster && /* @__PURE__ */ s(y, { colors: a, icon: M }),
+          !t.properties.cluster && /* @__PURE__ */ s(
+            "div",
+            {
+              className: O,
+              style: {
+                "--background": a == null ? void 0 : a.background,
+                "--fill": a == null ? void 0 : a.fill
+              },
+              "data-is-cluster": !!t.properties.cluster,
+              "data-is-zoomed-out": u < E,
+              children: /* @__PURE__ */ s($, { icon: t.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${o}-${n}-${i}`
+    );
+  });
+}
+export {
+  N as default
+};