@local-logic/maps 0.0.9 → 0.0.11

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-B9QF7ewJ.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-BOBkPCX5.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-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-BMvwx9_l.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-BOBkPCX5.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
+};