@local-logic/maps 0.0.9 → 0.0.10

package/dist/styles-D2MYaLhP.js

@@ -0,0 +1,47 @@
+import * as e from "react";
+import { p as l } from "./IconBase.es-rM5tt24D.js";
+const n = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M240,204H228V144a12,12,0,0,0,12.49-19.78L142.14,25.85a20,20,0,0,0-28.28,0L15.51,124.2A12,12,0,0,0,28,144v60H16a12,12,0,0,0,0,24H240a12,12,0,0,0,0-24ZM52,121.65l76-76,76,76V204H164V152a12,12,0,0,0-12-12H104a12,12,0,0,0-12,12v52H52ZM140,204H116V164h24Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M216,116.69V216H152V152H104v64H40V116.69l82.34-82.35a8,8,0,0,1,11.32,0Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M240,208H224V136l2.34,2.34A8,8,0,0,0,237.66,127L139.31,28.68a16,16,0,0,0-22.62,0L18.34,127a8,8,0,0,0,11.32,11.31L32,136v72H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM48,120l80-80,80,80v88H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48Zm96,88H112V160h32Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M240,208H224V136l2.34,2.34A8,8,0,0,0,237.66,127L139.31,28.68a16,16,0,0,0-22.62,0L18.34,127a8,8,0,0,0,11.32,11.31L32,136v72H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16Zm-88,0H104V160a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M240,210H222V131.17l5.76,5.76a6,6,0,0,0,8.48-8.49L137.9,30.09a14,14,0,0,0-19.8,0L19.76,128.44a6,6,0,0,0,8.48,8.49L34,131.17V210H16a6,6,0,0,0,0,12H240a6,6,0,0,0,0-12ZM46,119.17l80.58-80.59a2,2,0,0,1,2.84,0L210,119.17V210H158V152a6,6,0,0,0-6-6H104a6,6,0,0,0-6,6v58H46ZM146,210H110V158h36Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M240,208H224V136l2.34,2.34A8,8,0,0,0,237.66,127L139.31,28.68a16,16,0,0,0-22.62,0L18.34,127a8,8,0,0,0,11.32,11.31L32,136v72H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM48,120l80-80,80,80v88H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48Zm96,88H112V160h32Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M240,212H220V126.34l9.17,9.17a4,4,0,1,0,5.66-5.66L136.49,31.51a12,12,0,0,0-17,0L21.17,129.85a4,4,0,1,0,5.66,5.66L36,126.34V212H16a4,4,0,0,0,0,8H240a4,4,0,0,0,0-8ZM44,118.34l81.17-81.17a4,4,0,0,1,5.66,0L212,118.34V212H156V152a4,4,0,0,0-4-4H104a4,4,0,0,0-4,4v60H44ZM148,212H108V156h40Z" }))
+  ]
+]), H = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(l, { ref: t, ...a, weights: n }));
+H.displayName = "HouseLineIcon";
+const m = (a) => /* @__PURE__ */ e.createElement("svg", { width: 34, height: 41, viewBox: "0 0 34 41", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 0C26.3888 0 34 7.61116 34 17C34 24.1987 29.5256 30.3524 23.2061 32.8316L17.9683 39.991C17.8591 40.1409 17.7141 40.2632 17.5456 40.3476C17.377 40.4321 17.1899 40.4762 17 40.4762C16.8101 40.4762 16.623 40.4321 16.4544 40.3476C16.2859 40.2632 16.1409 40.1409 16.0317 39.991L10.7939 32.8316C4.47445 30.3524 0 24.1987 0 17C0 7.61116 7.61116 0 17 0Z", fill: "#008491" })), c = `
+  relative flex items-center justify-center z-10
+`, o = `
+  w-5 h-5 fill-base-white
+  absolute top-1.5 left-1/2 transform -translate-x-1/2
+`;
+export {
+  m as S,
+  c,
+  o as i,
+  H as o
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@local-logic/maps",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "This is a maps implementation allowing for the display of Local Logic data on a map.",
   "author": "Local Logic",
   "license": "ISC",
@@ -37,7 +37,8 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",
+    "tailwindcss": ">=3"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.0",
@@ -68,6 +69,7 @@
     "react-dom": "^19.0.0",
     "rollup-plugin-visualizer": "^5.14.0",
     "storybook": "^8.6.7",
+    "tailwindcss": "^3.4.14",
     "tsconfig": "*",
     "typescript": "^5.8.2",
     "vite": "^6.2.2",
@@ -77,7 +79,7 @@
   },
   "dependencies": {
     "@local-logic/design-system": "*",
-    "@phosphor-icons/react": "^2.1.7",
+    "@phosphor-icons/react": "^2.1.10",
     "@turf/turf": "^7.2.0",
     "@vis.gl/react-google-maps": "^1.5.2",
     "mapbox-gl": "^3.10.0",

package/dist/index-92HhWupr.js

@@ -1,29 +0,0 @@
-import { jsx as a, jsxs as d, Fragment as c } from "react/jsx-runtime";
-import { C as h, M as l } from "./index-CXjxZmYt.js";
-import { a as f } from "./logo-control-NE-LlsRy.js";
-import "react";
-import { c as g, i as M, b as t } from "./index-CY0to_1B.js";
-function k({ clusters: o, onClick: e, children: p }) {
-  return o == null ? void 0 : o.map((r, m) => {
-    const i = r.geometry.coordinates[0], n = r.geometry.coordinates[1];
-    return /* @__PURE__ */ a(
-      f,
-      {
-        anchor: "bottom",
-        longitude: i,
-        latitude: n,
-        onClick: (s) => {
-          s.originalEvent.stopPropagation(), e == null || e(r);
-        },
-        children: /* @__PURE__ */ a("div", { className: g, "data-is-cluster": !!r.properties.cluster, children: r.properties.cluster ? /* @__PURE__ */ a(h, { cluster: r }) : /* @__PURE__ */ d(c, { children: [
-          /* @__PURE__ */ a("div", { className: M, children: r.properties.icon ? /* @__PURE__ */ a(r.properties.icon, { className: t }) : /* @__PURE__ */ a(l, { className: t }) }),
-          p
-        ] }) })
-      },
-      `map-marker-${i}-${n}-${m}`
-    );
-  });
-}
-export {
-  k as default
-};

package/dist/index-BF2kb4Y-.js

@@ -1,42 +0,0 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { useEffect as c } from "react";
-import { M as f, N as d, u as M } from "./logo-control-NE-LlsRy.js";
-import { u as s, d as o, a as h } from "./index-CY0to_1B.js";
-const y = () => {
-  const { current: t } = M(), { setBounds: e } = s();
-  return c(() => {
-    t && e(t.getBounds().toArray().flat());
-  }, [t]), null;
-};
-function z({ children: t }) {
-  const {
-    mapProvider: e,
-    center: i,
-    zoom: n = o.zoom,
-    pitch: p = o.pitch,
-    bearing: m = o.bearing,
-    cooperativeGestures: u = o.cooperativeGestures,
-    zoomPosition: a
-  } = s();
-  return e.name !== "maptiler" ? null : /* @__PURE__ */ l(
-    f,
-    {
-      initialViewState: {
-        ...i,
-        zoom: n,
-        pitch: p,
-        bearing: m
-      },
-      cooperativeGestures: u,
-      mapStyle: `https://api.maptiler.com/maps/${e.theme || h.maptiler}/style.json?key=${e.apiKey}`,
-      children: [
-        /* @__PURE__ */ r(y, {}),
-        a && /* @__PURE__ */ r(d, { position: a }),
-        t
-      ]
-    }
-  );
-}
-export {
-  z as default
-};

package/dist/index-C5-_i-6M.js

@@ -1,64 +0,0 @@
-import { jsxs as g, jsx as i } from "react/jsx-runtime";
-import { useState as T, useEffect as M } from "react";
-import { A as h, M as C, C as s, u as O } from "./index.modern-EsUgbhzI.js";
-import { u, d as n, a as P } from "./index-CY0to_1B.js";
-const b = {
-  "top-left": s.LEFT_TOP,
-  "top-right": s.RIGHT_TOP,
-  "bottom-left": s.LEFT_BOTTOM,
-  "bottom-right": s.RIGHT_BOTTOM
-}, I = ({ isMapLoaded: a }) => {
-  const e = O(), { setBounds: r } = u();
-  return M(() => {
-    var t;
-    if (!a || !e)
-      return;
-    const o = (t = e.getBounds()) == null ? void 0 : t.toJSON();
-    o && r([o.west, o.south, o.east, o.north]);
-  }, [a, e]), null;
-};
-function L({ children: a }) {
-  const [e, r] = T(!1), {
-    mapProvider: o,
-    center: t,
-    zoom: p = n.zoom,
-    pitch: d = n.pitch,
-    bearing: f = n.bearing,
-    cooperativeGestures: m = n.cooperativeGestures,
-    zoomPosition: l
-  } = u();
-  if (o.name !== "google")
-    return null;
-  const c = () => {
-    r(!0);
-  };
-  return /* @__PURE__ */ g(h, { apiKey: o.apiKey, children: [
-    /* @__PURE__ */ i(I, { isMapLoaded: e }),
-    /* @__PURE__ */ i(
-      C,
-      {
-        mapId: o.theme || P.google,
-        defaultCenter: {
-          lat: t.latitude,
-          lng: t.longitude
-        },
-        defaultZoom: p,
-        defaultTilt: d,
-        defaultHeading: f,
-        gestureHandling: m ? "cooperative" : "greedy",
-        streetViewControl: !1,
-        fullscreenControl: !1,
-        clickableIcons: !1,
-        mapTypeControl: !1,
-        zoomControlOptions: {
-          position: l && b[l]
-        },
-        onTilesLoaded: c,
-        children: a
-      }
-    )
-  ] });
-}
-export {
-  L as default
-};

package/dist/index-CXjxZmYt.js

@@ -1,144 +0,0 @@
-import a, { createContext as M, forwardRef as g, useContext as P, useMemo as $ } from "react";
-import { jsx as z } from "react/jsx-runtime";
-const F = /* @__PURE__ */ new Map([
-  [
-    "bold",
-    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.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__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.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__ */ a.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__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.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__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.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__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.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__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.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" }))
-  ]
-]), _ = M({
-  color: "currentColor",
-  size: "1em",
-  weight: "regular",
-  mirrored: !1
-});
-var I = Object.defineProperty, o = Object.getOwnPropertySymbols, b = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable, p = (r, e, t) => e in r ? I(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, u = (r, e) => {
-  for (var t in e || (e = {}))
-    b.call(e, t) && p(r, t, e[t]);
-  if (o)
-    for (var t of o(e))
-      v.call(e, t) && p(r, t, e[t]);
-  return r;
-}, d = (r, e) => {
-  var t = {};
-  for (var n in r)
-    b.call(r, n) && e.indexOf(n) < 0 && (t[n] = r[n]);
-  if (r != null && o)
-    for (var n of o(r))
-      e.indexOf(n) < 0 && v.call(r, n) && (t[n] = r[n]);
-  return t;
-};
-const w = g((r, e) => {
-  const t = r, {
-    alt: n,
-    color: i,
-    size: l,
-    weight: c,
-    mirrored: y,
-    children: A,
-    weights: Z
-  } = t, E = d(t, [
-    "alt",
-    "color",
-    "size",
-    "weight",
-    "mirrored",
-    "children",
-    "weights"
-  ]), m = P(_), {
-    color: C = "currentColor",
-    size: s,
-    weight: O = "regular",
-    mirrored: x = !1
-  } = m, j = d(m, [
-    "color",
-    "size",
-    "weight",
-    "mirrored"
-  ]);
-  return /* @__PURE__ */ a.createElement(
-    "svg",
-    u(u({
-      ref: e,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: l ?? s,
-      height: l ?? s,
-      fill: i ?? C,
-      viewBox: "0 0 256 256",
-      transform: y || x ? "scale(-1, 1)" : void 0
-    }, j), E),
-    !!n && /* @__PURE__ */ a.createElement("title", null, n),
-    A,
-    Z.get(c ?? O)
-  );
-});
-w.displayName = "IconBase";
-const B = w;
-var N = Object.defineProperty, S = Object.defineProperties, R = Object.getOwnPropertyDescriptors, f = Object.getOwnPropertySymbols, D = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable, h = (r, e, t) => e in r ? N(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, q = (r, e) => {
-  for (var t in e || (e = {}))
-    D.call(e, t) && h(r, t, e[t]);
-  if (f)
-    for (var t of f(e))
-      k.call(e, t) && h(r, t, e[t]);
-  return r;
-}, G = (r, e) => S(r, R(e));
-const H = g((r, e) => /* @__PURE__ */ a.createElement(B, G(q({ ref: e }, r), { weights: F })));
-H.displayName = "MapPin";
-const J = `
-  rounded-full leading-none font-sans border-2
-  border-solid shadow-sm
-  flex justify-center items-center
-  bg-primary-100 text-base-white border-base-white
-  transition-all
-
-  hover:bg-base-white
-  hover:text-primary-100
-  hover:border-primary-100
-`;
-function Q({ cluster: r }) {
-  const e = $(
-    () => 20 + r.properties.point_count * 4,
-    [r.properties.point_count]
-  );
-  return /* @__PURE__ */ z(
-    "div",
-    {
-      className: J,
-      style: {
-        width: `${e}px`,
-        height: `${e}px`,
-        fontSize: `${e / 2.5}px`
-      },
-      children: r.properties.point_count
-    }
-  );
-}
-export {
-  Q as C,
-  H as M
-};