@local-logic/maps 0.0.20 → 0.0.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@local-logic/maps",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "description": "This is a maps implementation allowing for the display of Local Logic data on a map.",
   "author": "Local Logic",
   "license": "ISC",
@@ -72,7 +72,7 @@
     "tailwindcss": "^3.4.17",
     "tsconfig": "*",
     "typescript": "^5.9.2",
-    "vite": "^6.3.6",
+    "vite": "^7.0.7",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^4.3.0",
     "vitest": "^3.2.4"
@@ -86,6 +86,7 @@
     "maplibre-gl": "^5.9.0",
     "react-map-gl": "^8.1.0",
     "supercluster": "^8.0.1",
+    "tailwind-merge": "^3.3.1",
     "use-supercluster": "^1.2.0"
   }
 }

package/dist/index-B8fs8nrA.js

@@ -1,79 +0,0 @@
-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-C5ZdRec5.js";
-import { b as B } from "./index-CFomI3Il.js";
-import { u as M, d as u, a as Z, m as z } from "./index-DiCaFCSI.js";
-const L = ({ padding: i }) => {
-  const { current: o } = b(), { markerPoints: n, setBounds: m, setZoom: f } = M(), [r, p] = y(void 0), s = () => {
-    var e;
-    if (!o)
-      return;
-    const t = (e = o.getBounds()) == null ? void 0 : e.toArray().flat();
-    t && m(t);
-  }, a = () => {
-    o && f(o.getZoom());
-  };
-  return c(() => (s(), a(), o == null || o.on("move", () => {
-    s();
-  }), o == null || o.on("zoom", () => {
-    a();
-  }), () => {
-    o == null || o.off("move", s), o == null || o.off("zoom", a);
-  }), [o]), c(() => {
-    if (!o || typeof n > "u" || n.length === 0)
-      return;
-    const t = B(z(n));
-    t.every((e, l) => e === (r == null ? void 0 : r[l])) || p(t);
-  }, [o, n]), c(() => {
-    if (!o || typeof r > "u")
-      return;
-    const [t, e, l, v] = r;
-    o.fitBounds(
-      [
-        [e, t],
-        [v, l]
-      ],
-      {
-        maxZoom: 17,
-        duration: 700,
-        padding: i
-      }
-    );
-  }, [o, r, i]), null;
-};
-function C({ padding: i, children: o }) {
-  const {
-    mapProvider: n,
-    center: m,
-    zoom: f = u.zoom,
-    minZoom: r,
-    maxZoom: p,
-    pitch: s = u.pitch,
-    bearing: a = u.bearing,
-    cooperativeGestures: t = u.cooperativeGestures,
-    zoomPosition: e
-  } = M();
-  return n.name !== "maptiler" ? null : /* @__PURE__ */ x(
-    g,
-    {
-      initialViewState: {
-        ...m,
-        zoom: f,
-        pitch: s,
-        bearing: a
-      },
-      cooperativeGestures: t,
-      minZoom: r,
-      maxZoom: p,
-      mapStyle: `https://api.maptiler.com/maps/${n.theme || Z.maptiler}/style.json?key=${n.apiKey}`,
-      children: [
-        /* @__PURE__ */ d(L, { padding: i }),
-        e && /* @__PURE__ */ d(h, { position: e }),
-        o
-      ]
-    }
-  );
-}
-export {
-  C as default
-};

package/dist/index-B8yUQ1_f.js

@@ -1,23 +0,0 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { a as o } from "./scale-control-Cflgzbvb.js";
-import "react";
-import { c as n, b as e, S as r, o as s, i as c } from "./styles-Do-o-qNU.js";
-function p({ marker: t }) {
-  return /* @__PURE__ */ i(
-    o,
-    {
-      anchor: "bottom",
-      longitude: t.longitude,
-      latitude: t.latitude,
-      className: n.trim(),
-      children: [
-        /* @__PURE__ */ a("span", { className: e, children: /* @__PURE__ */ a(r, {}) }),
-        /* @__PURE__ */ a(s, { className: c })
-      ]
-    },
-    `center-pin-marker-${t.longitude}-${t.latitude}`
-  );
-}
-export {
-  p as default
-};

package/dist/index-BG_F5Dkz.js

@@ -1,23 +0,0 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { a as e } from "./logo-control-C5ZdRec5.js";
-import "react";
-import { c as n, b as o, S as r, o as s, i as l } from "./styles-Do-o-qNU.js";
-function p({ marker: t }) {
-  return /* @__PURE__ */ i(
-    e,
-    {
-      anchor: "bottom",
-      longitude: t.longitude,
-      latitude: t.latitude,
-      className: n.trim(),
-      children: [
-        /* @__PURE__ */ a("span", { className: o, children: /* @__PURE__ */ a(r, {}) }),
-        /* @__PURE__ */ a(s, { className: l })
-      ]
-    },
-    `center-pin-marker-${t.longitude}-${t.latitude}`
-  );
-}
-export {
-  p as default
-};

package/dist/index-BQ20UVWH.js

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

package/dist/index-C-sxmk7l.js

@@ -1,81 +0,0 @@
-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-Cflgzbvb.js";
-import { b as B } from "./index-CFomI3Il.js";
-import { u as b, d as u, a as Z, m as z } from "./index-DiCaFCSI.js";
-const L = ({ padding: i }) => {
-  const { current: o } = h(), { markerPoints: n, setBounds: m, setZoom: f } = b(), [r, p] = v(void 0), a = () => {
-    var t;
-    if (!o)
-      return;
-    const e = (t = o.getBounds()) == null ? void 0 : t.toArray().flat();
-    e && m(e);
-  }, s = () => {
-    o && f(o.getZoom());
-  };
-  return l(() => (a(), s(), o == null || o.on("move", () => {
-    a();
-  }), o == null || o.on("zoom", () => {
-    s();
-  }), () => {
-    o == null || o.off("move", a), o == null || o.off("zoom", s);
-  }), [o]), l(() => {
-    if (!o || typeof n > "u" || n.length === 0)
-      return;
-    const e = B(z(n));
-    e.every((t, c) => t === (r == null ? void 0 : r[c])) || p(e);
-  }, [o, n]), l(() => {
-    if (!o || typeof r > "u")
-      return;
-    const [e, t, c, x] = r;
-    o.fitBounds(
-      [
-        [t, e],
-        [x, c]
-      ],
-      {
-        maxZoom: 17,
-        duration: 700,
-        padding: i
-      }
-    );
-  }, [o, r, i]), null;
-};
-function A({ padding: i, children: o }) {
-  const {
-    mapProvider: n,
-    center: m,
-    zoom: f = u.zoom,
-    minZoom: r,
-    maxZoom: p,
-    pitch: a = u.pitch,
-    bearing: s = u.bearing,
-    cooperativeGestures: e = u.cooperativeGestures,
-    zoomPosition: t
-  } = b();
-  return n.name !== "mapbox" ? null : /* @__PURE__ */ M(
-    y,
-    {
-      mapboxAccessToken: n.apiKey,
-      initialViewState: {
-        ...m,
-        zoom: f,
-        pitch: a,
-        bearing: s
-      },
-      cooperativeGestures: e,
-      minZoom: r,
-      maxZoom: p,
-      mapStyle: `mapbox://styles/${n.theme || Z.mapbox}`,
-      interactiveLayerIds: ["road-label", "waterway-label"],
-      children: [
-        /* @__PURE__ */ d(L, { padding: i }),
-        t && /* @__PURE__ */ d(g, { position: t }),
-        o
-      ]
-    }
-  );
-}
-export {
-  A as default
-};

package/dist/index-C7cTTXxY.js

@@ -1,24 +0,0 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import { a as i } from "./index.modern-fpUBOYPT.js";
-import { c as t, b as o, S as s, o as r, i as l } from "./styles-Do-o-qNU.js";
-function u({ marker: n }) {
-  return /* @__PURE__ */ e(
-    i,
-    {
-      position: {
-        lat: n.latitude,
-        lng: n.longitude
-      },
-      className: t.trim(),
-      zIndex: 10,
-      children: [
-        /* @__PURE__ */ a("span", { className: o, children: /* @__PURE__ */ a(s, {}) }),
-        /* @__PURE__ */ a(r, { className: l })
-      ]
-    },
-    `center-pin-marker-${n.longitude}-${n.latitude}`
-  );
-}
-export {
-  u as default
-};

package/dist/index-CHSsiFtN.js

@@ -1,139 +0,0 @@
-import { jsx as u, Fragment as b } from "react/jsx-runtime";
-import * as $ from "react";
-import { useContext as S, useRef as k, useState as C, useMemo as m, useEffect as w, cloneElement as j } from "react";
-import { b as x, d as s } from "./scale-control-Cflgzbvb.js";
-import { g as I } from "./utils-DJ13veBM.js";
-function g(t, e) {
-  if (!t)
-    throw new Error(e);
-}
-let M = 0;
-function U(t, e, n) {
-  if (t.style && t.style._loaded) {
-    const a = { ...n };
-    return delete a.id, delete a.children, t.addSource(e, a), t.getSource(e);
-  }
-  return null;
-}
-function z(t, e, n) {
-  g(e.id === n.id, "source id changed"), g(e.type === n.type, "source type changed");
-  let a = "", i = 0;
-  for (const l in e)
-    l !== "children" && l !== "id" && !s(n[l], e[l]) && (a = l, i++);
-  if (!i)
-    return;
-  const r = e.type;
-  r === "geojson" ? t.setData(e.data) : r === "image" ? t.updateImage({
-    url: e.url,
-    coordinates: e.coordinates
-  }) : "setCoordinates" in t && i === 1 && a === "coordinates" ? t.setCoordinates(e.coordinates) : "setUrl" in t && a === "url" ? t.setUrl(e.url) : "setTiles" in t && a === "tiles" ? t.setTiles(e.tiles) : console.warn(`Unable to update <Source> prop: ${a}`);
-}
-function A(t) {
-  const e = S(x).map.getMap(), n = k(t), [, a] = C(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 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 ? z(r, t, n.current) : r = U(e, i, t), n.current = t, r && $.Children.map(t.children, (l) => l && j(l, {
-    source: i
-  })) || null;
-}
-function E(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: 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);
-  }
-  if (r !== 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);
-  }
-  s(l, a.filter) || t.setFilter(e, l), (y !== a.minzoom || f !== a.maxzoom) && t.setLayerZoomRange(e, y, f);
-}
-function F(t, e, n) {
-  if (t.style && t.style._loaded && (!("source" in n) || t.getSource(n.source))) {
-    const a = { ...n, id: e };
-    delete a.beforeId, t.addLayer(a, n.beforeId);
-  }
-}
-let R = 0;
-function L(t) {
-  const e = S(x).map.getMap(), n = k(t), [, a] = C(0), i = m(() => t.id || `jsx-layer-${R++}`, []);
-  if (w(() => {
-    if (e) {
-      const l = () => a((y) => y + 1);
-      return e.on("styledata", l), l(), () => {
-        e.off("styledata", l), e.style && e.style._loaded && e.getLayer(i) && e.removeLayer(i);
-      };
-    }
-  }, [e]), e && e.style && e.getLayer(i))
-    try {
-      E(e, i, t, n.current);
-    } catch (l) {
-      console.warn(l);
-    }
-  else
-    F(e, i, t);
-  return n.current = t, null;
-}
-function h(t, e, n) {
-  switch (t) {
-    case "fill":
-      return {
-        "fill-color": e,
-        "fill-opacity": 0.25
-      };
-    case "line":
-      return {
-        "line-color": e,
-        "line-width": n === "LineString" ? 6 : 2
-      };
-    default:
-      return {};
-  }
-}
-function O({ sources: t }) {
-  const e = m(() => !Array.isArray(t) || t.length === 0 ? [] : t.map((n) => ({
-    ...n,
-    geoJson: n.geometry ? I(n.geometry, n.type) : null
-  })), [t]);
-  return (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ u(b, { children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ u("div", { children: n.geoJson && /* @__PURE__ */ u(A, { id: n.key, type: "geojson", data: n.geoJson, children: n.layer && (Array.isArray(n.layer) ? n.layer.map((a, i) => /* @__PURE__ */ u(
-    L,
-    {
-      id: `${n.key}-${i}`,
-      type: a.type,
-      paint: h(a.type, a.color, n.type)
-    },
-    `${n.key}-${i}`
-  )) : /* @__PURE__ */ u(
-    L,
-    {
-      id: n.key,
-      type: n.layer.type,
-      paint: h(n.layer.type, n.layer.color, n.type)
-    }
-  )) }, n.key) }, n.key)) });
-}
-export {
-  O as default
-};

package/dist/index-CSNuLBAd.js

@@ -1,105 +0,0 @@
-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-fpUBOYPT.js";
-import { b as x } from "./index-CFomI3Il.js";
-import { u as b, d as p, a as B, m as O } from "./index-DiCaFCSI.js";
-const Z = {
-  "top-left": f.LEFT_TOP,
-  "top-right": f.RIGHT_TOP,
-  "bottom-left": f.LEFT_BOTTOM,
-  "bottom-right": f.RIGHT_BOTTOM
-}, z = ({
-  isMapLoaded: c,
-  padding: u
-}) => {
-  const e = P(), { markerPoints: s, setBounds: r, setZoom: d } = b(), [n, l] = h(void 0), i = () => {
-    var t;
-    if (!e)
-      return;
-    const o = (t = e.getBounds()) == null ? void 0 : t.toJSON();
-    o && r([o.west, o.south, o.east, o.north]);
-  }, m = () => {
-    if (!e)
-      return;
-    const o = e.getZoom();
-    typeof o < "u" && d(o + 1);
-  };
-  return M(() => {
-    i(), m();
-    const o = e == null ? void 0 : e.addListener("bounds_changed", () => {
-      i();
-    }), t = e == null ? void 0 : e.addListener("zoom_changed", () => {
-      m();
-    });
-    return () => {
-      o == null || o.remove(), t == null || t.remove();
-    };
-  }, [e]), M(() => {
-    if (!e || typeof s > "u" || s.length === 0)
-      return;
-    const o = x(O(s));
-    o.every((t, a) => t === (n == null ? void 0 : n[a])) || l(o);
-  }, [e, s]), M(() => {
-    if (!e || typeof n > "u")
-      return;
-    const [o, t, a, g] = n;
-    e.fitBounds(
-      {
-        south: o,
-        west: t,
-        north: a,
-        east: g
-      },
-      u
-    );
-  }, [c, e, n, u]), null;
-};
-function E({ padding: c, children: u }) {
-  const [e, s] = h(!1), {
-    mapProvider: r,
-    center: d,
-    zoom: n = p.zoom,
-    minZoom: l,
-    maxZoom: i,
-    pitch: m = p.pitch,
-    bearing: o = p.bearing,
-    cooperativeGestures: t = p.cooperativeGestures,
-    zoomPosition: a
-  } = b();
-  if (r.name !== "google")
-    return null;
-  const g = () => {
-    s(!0);
-  };
-  return /* @__PURE__ */ v(y, { apiKey: r.apiKey, children: [
-    /* @__PURE__ */ T(z, { isMapLoaded: e, padding: c }),
-    /* @__PURE__ */ T(
-      L,
-      {
-        mapId: r.theme || B.google,
-        defaultCenter: {
-          lat: d.latitude,
-          lng: d.longitude
-        },
-        defaultZoom: n + 1,
-        defaultTilt: m,
-        defaultHeading: o,
-        gestureHandling: t ? "cooperative" : "greedy",
-        streetViewControl: !1,
-        fullscreenControl: !1,
-        clickableIcons: !1,
-        mapTypeControl: !1,
-        zoomControlOptions: {
-          position: a && Z[a]
-        },
-        minZoom: typeof l == "number" ? l + 1 : void 0,
-        maxZoom: typeof i == "number" ? i + 1 : void 0,
-        onTilesLoaded: g,
-        children: u
-      }
-    )
-  ] });
-}
-export {
-  E as default
-};

package/dist/index-D0-MIbts.js

@@ -1,43 +0,0 @@
-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-fpUBOYPT.js";
-import { u as y } from "./index-DiCaFCSI.js";
-import { c as x } from "./styles-ChFj97uV.js";
-function I({
-  latitude: u,
-  longitude: e,
-  offset: t = [0, -25],
-  onClose: r,
-  children: m
-}) {
-  const i = o(), { zoom: p } = y();
-  a(() => {
-    r == null || r();
-  }, [p]), a(() => {
-    if (!i) return;
-    const d = i.addListener("click", () => {
-      r == null || r();
-    });
-    return () => {
-      d.remove();
-    };
-  }, [i]);
-  const c = f(() => Array.isArray(t) ? [t[0], t[1]] : [t, t], [t]);
-  return typeof u > "u" || typeof e > "u" ? null : /* @__PURE__ */ n(
-    s,
-    {
-      shouldFocus: !0,
-      disableAutoPan: !0,
-      position: {
-        lat: u,
-        lng: e
-      },
-      pixelOffset: c,
-      onClose: r,
-      children: /* @__PURE__ */ n("div", { className: x, children: m })
-    }
-  );
-}
-export {
-  I as default
-};

package/dist/index-D8HDei0S.js

@@ -1,34 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useEffect as a } from "react";
-import { P as c } from "./scale-control-Cflgzbvb.js";
-import { u as i } from "./index-DiCaFCSI.js";
-import { c as n } from "./styles-ChFj97uV.js";
-function l({
-  latitude: p,
-  longitude: t,
-  anchor: f,
-  offset: o = [0, -35],
-  onClose: r,
-  children: m
-}) {
-  const { zoom: u } = i();
-  return a(() => {
-    r == null || r();
-  }, [u]), typeof p > "u" || typeof t > "u" ? null : /* @__PURE__ */ e(
-    c,
-    {
-      className: "mapbox-popup",
-      focusAfterOpen: !0,
-      latitude: p,
-      longitude: t,
-      anchor: f,
-      offset: o,
-      onClose: r,
-      closeButton: !1,
-      children: /* @__PURE__ */ e("div", { className: n, children: m })
-    }
-  );
-}
-export {
-  l as default
-};

package/dist/index-DD3i8r0F.js

@@ -1,56 +0,0 @@
-import { jsxs as M, jsx as p } from "react/jsx-runtime";
-import { a as u } from "./logo-control-C5ZdRec5.js";
-import "react";
-import { u as _, M as b } from "./index-DiCaFCSI.js";
-import { C as h, c as k, M as I } from "./index-h41HdBg1.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
-};