@local-logic/maps 0.0.23 → 0.0.25

package/dist/styles-DGEqzC-2.js

@@ -0,0 +1,36 @@
+import { b as r } from "./index-zPNEOm6B.js";
+function n(e, b, f, t, l, w) {
+  const o = {
+    left: l.left || r.left,
+    right: l.right || r.right,
+    top: l.top || r.top,
+    bottom: l.bottom || r.bottom
+  }, m = t.top || 0, p = t.left || 0, i = {
+    top: e.top - m,
+    bottom: e.bottom - m,
+    left: e.left - p,
+    right: e.right - p,
+    width: e.width,
+    height: e.height
+  }, h = {
+    top: i.top >= o.top,
+    left: i.left >= o.left,
+    bottom: i.bottom <= t.height - o.bottom,
+    right: i.right <= t.width - o.right
+  };
+  if (!!Object.values(h).includes(!1)) {
+    let g = 0, s = 0;
+    h.top ? h.bottom || (g = t.height - o.bottom - i.bottom) : g = o.top - i.top, h.left ? h.right || (s = t.width - o.right - i.right) : s = o.left - i.left, w({
+      longitude: b.longitude - s / t.width * (f.right - f.left),
+      latitude: b.latitude + g / t.height * (f.top - f.bottom)
+    });
+  }
+}
+const u = `
+  bg-base-white border border-primary-100 w-auto overflow-hidden
+  rounded-lg shadow-sm
+`;
+export {
+  u as c,
+  n as m
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@local-logic/maps",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "description": "This is a maps implementation allowing for the display of Local Logic data on a map.",
   "author": "Local Logic",
   "license": "ISC",
@@ -36,14 +36,34 @@
     "storybook": "storybook dev -p 6006"
   },
   "peerDependencies": {
+    "@phosphor-icons/react": ">=2",
+    "@vis.gl/react-google-maps": ">=1",
+    "mapbox-gl": ">=3",
+    "maplibre-gl": ">=5",
     "react": ">=18",
     "react-dom": ">=18",
+    "react-map-gl": ">=8",
     "tailwindcss": ">=3"
   },
+  "peerDependenciesMeta": {
+    "@vis.gl/react-google-maps": {
+      "optional": true
+    },
+    "mapbox-gl": {
+      "optional": true
+    },
+    "maplibre-gl": {
+      "optional": true
+    },
+    "react-map-gl": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.32.0",
-    "@local-logic/eslint-config": "*",
+    "@local-logic/eslint-config": "workspace:*",
+    "@phosphor-icons/react": "^2.1.10",
     "@storybook/addon-actions": "^8.6.14",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/addon-interactions": "^8.6.14",
@@ -61,16 +81,20 @@
     "@types/supercluster": "^7.1.3",
     "@typescript-eslint/eslint-plugin": "^8.39.0",
     "@typescript-eslint/parser": "^8.39.0",
+    "@vis.gl/react-google-maps": "^1.5.4",
     "@vitejs/plugin-react": "^4.7.0",
     "eslint": "^9.32.0",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-storybook": "^0.11.6",
+    "mapbox-gl": "^3.15.0",
+    "maplibre-gl": "5.11.0",
     "react": "^19.0.0",
     "react-dom": "^19.1.1",
+    "react-map-gl": "^8.1.0",
     "rollup-plugin-visualizer": "^5.14.0",
     "storybook": "^8.6.14",
     "tailwindcss": "^3.4.17",
-    "tsconfig": "*",
+    "tsconfig": "workspace:*",
     "typescript": "^5.9.2",
     "vite": "^7.1.11",
     "vite-plugin-dts": "^4.5.4",
@@ -78,13 +102,9 @@
     "vitest": "^3.2.4"
   },
   "dependencies": {
-    "@local-logic/design-system": "*",
-    "@phosphor-icons/react": "^2.1.10",
-    "@turf/turf": "^7.2.0",
-    "@vis.gl/react-google-maps": "^1.5.4",
-    "mapbox-gl": "^3.15.0",
-    "maplibre-gl": "^5.9.0",
-    "react-map-gl": "^8.1.0",
+    "@local-logic/design-system": "workspace:*",
+    "@turf/bbox": "^7.2.0",
+    "@turf/helpers": "^7.2.0",
     "supercluster": "^8.0.1",
     "tailwind-merge": "^3.3.1",
     "use-supercluster": "^1.2.0"

package/dist/IconBase.es-rM5tt24D.js

@@ -1,48 +0,0 @@
-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/_commonjsHelpers-C6fGbg64.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as g
-};

package/dist/index-BpFpg_5A.js

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

package/dist/index-CRdDPWou.js

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

package/dist/index-CceEGv05.js

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

package/dist/index-CmajMf1d.js

@@ -1,109 +0,0 @@
-import { jsx as t, jsxs as i, Fragment as f } from "react/jsx-runtime";
-import * as e from "react";
-import { useMemo as g } from "react";
-import { u as p, M as c } from "./index-CN_dNOir.js";
-import { p as Z } from "./IconBase.es-rM5tt24D.js";
-const A = /* @__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(Z, { ref: r, ...a, weights: A }));
-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,theme(colors.base.white))]
-  ring-[var(--fill,theme(colors.primary.100))]
-
-  hover:bg-[var(--fill,theme(colors.primary.100))]
-
-  data-[is-zoomed-out=true]:bg-[var(--fill,theme(colors.primary.100))]
-  data-[is-zoomed-out=true]:h-4
-  data-[is-zoomed-out=true]:w-4
-
-  data-[is-active=true]:bg-[var(--fill,theme(colors.primary.100))]
-`, s = `
-  m-auto transition-all w-4 h-4 
-
-  fill-[var(--fill,theme(colors.primary.100))]
-  group-hover/marker:fill-[var(--background,theme(colors.base.white))]
-
-  group-data-[is-zoomed-out=true]/marker:hidden
-
-  group-data-[is-active=true]/marker:fill-[var(--background,theme(colors.base.white))]
-`;
-function v({ icon: a }) {
-  return typeof a < "u" ? /* @__PURE__ */ t(a, { className: s }) : /* @__PURE__ */ t(d, { className: s });
-}
-const M = `
-  relative flex
-`, u = `
-  -ml-6 -z-10 last:-z-20
-`;
-function w({
-  isActive: a = !1,
-  colors: r,
-  icon: h
-}) {
-  const { zoom: o, mapProvider: l } = p(), n = g(() => l.name === "google" ? o - 1 < c + 1 : o < c, [o, l]);
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: M,
-      style: {
-        "--background": r?.background,
-        "--fill": r?.fill
-      },
-      children: [
-        /* @__PURE__ */ t(
-          "div",
-          {
-            className: m,
-            "data-is-zoomed-out": n,
-            "data-is-active": a,
-            children: /* @__PURE__ */ t(v, { icon: h })
-          }
-        ),
-        !n && /* @__PURE__ */ i(f, { children: [
-          /* @__PURE__ */ t("div", { className: `${m} ${u}` }),
-          /* @__PURE__ */ t("div", { className: `${m} ${u}` })
-        ] })
-      ]
-    }
-  );
-}
-export {
-  w as C,
-  v as M,
-  m as c
-};

package/dist/index-D5kHxP9H.js

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

package/dist/index-DNNz78Rc.js

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

package/dist/index-Db33Ugg9.js

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

package/dist/index-arkRlpaR.js

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