@seed-ship/mcp-ui-solid 1.2.2 → 2.0.0

package/dist/components/LightboxOverlay.js

@@ -0,0 +1,118 @@
+import { delegateEvents, createComponent, Portal, getNextElement, template, getNextMarker, addEventListener, insert, runHydrationEvents, effect, setAttribute } from "solid-js/web";
+import { createEffect, onCleanup, Show } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<button class="absolute left-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full hover:bg-white/10 transition-colors"aria-label="Previous image"><svg class="w-8 h-8"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M15 19l-7-7 7-7">`), _tmpl$2 = /* @__PURE__ */ template(`<button class="absolute right-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full hover:bg-white/10 transition-colors"aria-label="Next image"><svg class="w-8 h-8"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 5l7 7-7 7">`), _tmpl$3 = /* @__PURE__ */ template(`<div class="absolute bottom-16 left-1/2 -translate-x-1/2 bg-black/60 text-white px-4 py-2 rounded-lg max-w-[80vw] text-center">`), _tmpl$4 = /* @__PURE__ */ template(`<div class="fixed inset-0 z-50 bg-black/90 flex items-center justify-center"role=dialog aria-modal=true aria-label="Image lightbox"><button class="absolute top-4 right-4 text-white/80 hover:text-white p-2 rounded-full hover:bg-white/10 transition-colors"aria-label="Close lightbox"><svg class="w-8 h-8"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12"></path></svg></button><!$><!/><!$><!/><img class="max-w-[90vw] max-h-[90vh] object-contain"><!$><!/><div class="absolute top-4 left-4 text-white/80 bg-black/40 px-3 py-1 rounded-full text-sm"><!$><!/> / <!$><!/>`);
+const LightboxOverlay = (props) => {
+  const isOpen = () => props.selectedIndex !== null;
+  const currentImage = () => props.selectedIndex !== null ? props.images[props.selectedIndex] : null;
+  const canGoPrev = () => props.selectedIndex !== null && props.selectedIndex > 0;
+  const canGoNext = () => props.selectedIndex !== null && props.selectedIndex < props.images.length - 1;
+  const handlePrev = () => {
+    if (canGoPrev()) {
+      props.onNavigate(props.selectedIndex - 1);
+    }
+  };
+  const handleNext = () => {
+    if (canGoNext()) {
+      props.onNavigate(props.selectedIndex + 1);
+    }
+  };
+  createEffect(() => {
+    if (!isOpen()) return;
+    const handleKeydown = (e) => {
+      switch (e.key) {
+        case "Escape":
+          props.onClose();
+          break;
+        case "ArrowLeft":
+          handlePrev();
+          break;
+        case "ArrowRight":
+          handleNext();
+          break;
+      }
+    };
+    document.addEventListener("keydown", handleKeydown);
+    document.body.style.overflow = "hidden";
+    onCleanup(() => {
+      document.removeEventListener("keydown", handleKeydown);
+      document.body.style.overflow = "";
+    });
+  });
+  return createComponent(Show, {
+    get when() {
+      return isOpen();
+    },
+    get children() {
+      return createComponent(Portal, {
+        get children() {
+          var _el$ = getNextElement(_tmpl$4), _el$2 = _el$.firstChild, _el$11 = _el$2.nextSibling, [_el$12, _co$3] = getNextMarker(_el$11.nextSibling), _el$13 = _el$12.nextSibling, [_el$14, _co$4] = getNextMarker(_el$13.nextSibling), _el$5 = _el$14.nextSibling, _el$15 = _el$5.nextSibling, [_el$16, _co$5] = getNextMarker(_el$15.nextSibling), _el$7 = _el$16.nextSibling, _el$9 = _el$7.firstChild, [_el$0, _co$] = getNextMarker(_el$9.nextSibling), _el$8 = _el$0.nextSibling, _el$1 = _el$8.nextSibling, [_el$10, _co$2] = getNextMarker(_el$1.nextSibling);
+          addEventListener(_el$, "click", props.onClose, true);
+          addEventListener(_el$2, "click", props.onClose, true);
+          insert(_el$, createComponent(Show, {
+            get when() {
+              return canGoPrev();
+            },
+            get children() {
+              var _el$3 = getNextElement(_tmpl$);
+              _el$3.$$click = (e) => {
+                e.stopPropagation();
+                handlePrev();
+              };
+              runHydrationEvents();
+              return _el$3;
+            }
+          }), _el$12, _co$3);
+          insert(_el$, createComponent(Show, {
+            get when() {
+              return canGoNext();
+            },
+            get children() {
+              var _el$4 = getNextElement(_tmpl$2);
+              _el$4.$$click = (e) => {
+                e.stopPropagation();
+                handleNext();
+              };
+              runHydrationEvents();
+              return _el$4;
+            }
+          }), _el$14, _co$4);
+          _el$5.$$click = (e) => e.stopPropagation();
+          insert(_el$, createComponent(Show, {
+            get when() {
+              var _a;
+              return (_a = currentImage()) == null ? void 0 : _a.caption;
+            },
+            get children() {
+              var _el$6 = getNextElement(_tmpl$3);
+              insert(_el$6, () => currentImage().caption);
+              return _el$6;
+            }
+          }), _el$16, _co$5);
+          insert(_el$7, () => (props.selectedIndex ?? 0) + 1, _el$0, _co$);
+          insert(_el$7, () => props.images.length, _el$10, _co$2);
+          effect((_p$) => {
+            var _a, _b, _c, _d;
+            var _v$ = (_a = currentImage()) == null ? void 0 : _a.url, _v$2 = ((_b = currentImage()) == null ? void 0 : _b.alt) || "", _v$3 = (_c = currentImage()) == null ? void 0 : _c.srcset, _v$4 = (_d = currentImage()) == null ? void 0 : _d.sizes;
+            _v$ !== _p$.e && setAttribute(_el$5, "src", _p$.e = _v$);
+            _v$2 !== _p$.t && setAttribute(_el$5, "alt", _p$.t = _v$2);
+            _v$3 !== _p$.a && setAttribute(_el$5, "srcset", _p$.a = _v$3);
+            _v$4 !== _p$.o && setAttribute(_el$5, "sizes", _p$.o = _v$4);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          });
+          runHydrationEvents();
+          return _el$;
+        }
+      });
+    }
+  });
+};
+delegateEvents(["click"]);
+export {
+  LightboxOverlay
+};
+//# sourceMappingURL=LightboxOverlay.js.map

package/dist/components/LightboxOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightboxOverlay.js","sources":["../../src/components/LightboxOverlay.tsx"],"sourcesContent":["/**\n * LightboxOverlay - Fullscreen image viewer\n * Sprint 5: Media Components\n */\n\nimport { Component, Show, createEffect, onCleanup } from 'solid-js'\nimport { Portal } from 'solid-js/web'\nimport type { GalleryImage } from '../types'\n\nexport interface LightboxOverlayProps {\n  /**\n   * Array of images to navigate through\n   */\n  images: GalleryImage[]\n\n  /**\n   * Currently selected image index (null when closed)\n   */\n  selectedIndex: number | null\n\n  /**\n   * Callback when lightbox should close\n   */\n  onClose: () => void\n\n  /**\n   * Callback when navigating to a different image\n   */\n  onNavigate: (index: number) => void\n}\n\nexport const LightboxOverlay: Component<LightboxOverlayProps> = (props) => {\n  const isOpen = () => props.selectedIndex !== null\n  const currentImage = () =>\n    props.selectedIndex !== null ? props.images[props.selectedIndex] : null\n  const canGoPrev = () => props.selectedIndex !== null && props.selectedIndex > 0\n  const canGoNext = () =>\n    props.selectedIndex !== null && props.selectedIndex < props.images.length - 1\n\n  const handlePrev = () => {\n    if (canGoPrev()) {\n      props.onNavigate(props.selectedIndex! - 1)\n    }\n  }\n\n  const handleNext = () => {\n    if (canGoNext()) {\n      props.onNavigate(props.selectedIndex! + 1)\n    }\n  }\n\n  // Keyboard navigation\n  createEffect(() => {\n    if (!isOpen()) return\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      switch (e.key) {\n        case 'Escape':\n          props.onClose()\n          break\n        case 'ArrowLeft':\n          handlePrev()\n          break\n        case 'ArrowRight':\n          handleNext()\n          break\n      }\n    }\n\n    document.addEventListener('keydown', handleKeydown)\n    document.body.style.overflow = 'hidden'\n\n    onCleanup(() => {\n      document.removeEventListener('keydown', handleKeydown)\n      document.body.style.overflow = ''\n    })\n  })\n\n  return (\n    <Show when={isOpen()}>\n      <Portal>\n        <div\n          class=\"fixed inset-0 z-50 bg-black/90 flex items-center justify-center\"\n          onClick={props.onClose}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Image lightbox\"\n        >\n          {/* Close button */}\n          <button\n            class=\"absolute top-4 right-4 text-white/80 hover:text-white p-2 rounded-full hover:bg-white/10 transition-colors\"\n            onClick={props.onClose}\n            aria-label=\"Close lightbox\"\n          >\n            <svg class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          </button>\n\n          {/* Previous button */}\n          <Show when={canGoPrev()}>\n            <button\n              class=\"absolute left-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full hover:bg-white/10 transition-colors\"\n              onClick={(e) => {\n                e.stopPropagation()\n                handlePrev()\n              }}\n              aria-label=\"Previous image\"\n            >\n              <svg class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M15 19l-7-7 7-7\"\n                />\n              </svg>\n            </button>\n          </Show>\n\n          {/* Next button */}\n          <Show when={canGoNext()}>\n            <button\n              class=\"absolute right-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full hover:bg-white/10 transition-colors\"\n              onClick={(e) => {\n                e.stopPropagation()\n                handleNext()\n              }}\n              aria-label=\"Next image\"\n            >\n              <svg class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M9 5l7 7-7 7\"\n                />\n              </svg>\n            </button>\n          </Show>\n\n          {/* Image */}\n          <img\n            src={currentImage()?.url}\n            alt={currentImage()?.alt || ''}\n            srcset={currentImage()?.srcset}\n            sizes={currentImage()?.sizes}\n            class=\"max-w-[90vw] max-h-[90vh] object-contain\"\n            onClick={(e) => e.stopPropagation()}\n          />\n\n          {/* Caption */}\n          <Show when={currentImage()?.caption}>\n            <div class=\"absolute bottom-16 left-1/2 -translate-x-1/2 bg-black/60 text-white px-4 py-2 rounded-lg max-w-[80vw] text-center\">\n              {currentImage()!.caption}\n            </div>\n          </Show>\n\n          {/* Counter */}\n          <div class=\"absolute top-4 left-4 text-white/80 bg-black/40 px-3 py-1 rounded-full text-sm\">\n            {(props.selectedIndex ?? 0) + 1} / {props.images.length}\n          </div>\n        </div>\n      </Portal>\n    </Show>\n  )\n}\n"],"names":["LightboxOverlay","props","isOpen","selectedIndex","currentImage","images","canGoPrev","canGoNext","length","handlePrev","onNavigate","handleNext","createEffect","handleKeydown","e","key","onClose","document","addEventListener","body","style","overflow","onCleanup","removeEventListener","_$createComponent","Show","when","children","Portal","_el$","_$getNextElement","_tmpl$4","_el$2","firstChild","_el$11","nextSibling","_el$12","_co$3","_$getNextMarker","_el$13","_el$14","_co$4","_el$5","_el$15","_el$16","_co$5","_el$7","_el$9","_el$0","_co$","_el$8","_el$1","_el$10","_co$2","_$addEventListener","_$insert","_el$3","_tmpl$","$$click","stopPropagation","_$runHydrationEvents","_el$4","_tmpl$2","caption","_el$6","_tmpl$3","_$effect","_p$","_v$","url","_v$2","alt","_v$3","srcset","_v$4","sizes","_$setAttribute","t","a","o","undefined","_$delegateEvents"],"mappings":";;;AA+BO,MAAMA,kBAAoDC,CAAAA,UAAU;AACzE,QAAMC,SAASA,MAAMD,MAAME,kBAAkB;AAC7C,QAAMC,eAAeA,MACnBH,MAAME,kBAAkB,OAAOF,MAAMI,OAAOJ,MAAME,aAAa,IAAI;AACrE,QAAMG,YAAYA,MAAML,MAAME,kBAAkB,QAAQF,MAAME,gBAAgB;AAC9E,QAAMI,YAAYA,MAChBN,MAAME,kBAAkB,QAAQF,MAAME,gBAAgBF,MAAMI,OAAOG,SAAS;AAE9E,QAAMC,aAAaA,MAAM;AACvB,QAAIH,aAAa;AACfL,YAAMS,WAAWT,MAAME,gBAAiB,CAAC;AAAA,IAC3C;AAAA,EACF;AAEA,QAAMQ,aAAaA,MAAM;AACvB,QAAIJ,aAAa;AACfN,YAAMS,WAAWT,MAAME,gBAAiB,CAAC;AAAA,IAC3C;AAAA,EACF;AAGAS,eAAa,MAAM;AACjB,QAAI,CAACV,SAAU;AAEf,UAAMW,gBAAgBA,CAACC,MAAqB;AAC1C,cAAQA,EAAEC,KAAAA;AAAAA,QACR,KAAK;AACHd,gBAAMe,QAAAA;AACN;AAAA,QACF,KAAK;AACHP,qBAAAA;AACA;AAAA,QACF,KAAK;AACHE,qBAAAA;AACA;AAAA,MAAA;AAAA,IAEN;AAEAM,aAASC,iBAAiB,WAAWL,aAAa;AAClDI,aAASE,KAAKC,MAAMC,WAAW;AAE/BC,cAAU,MAAM;AACdL,eAASM,oBAAoB,WAAWV,aAAa;AACrDI,eAASE,KAAKC,MAAMC,WAAW;AAAA,IACjC,CAAC;AAAA,EACH,CAAC;AAED,SAAAG,gBACGC,MAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAExB,OAAAA;AAAAA,IAAQ;AAAA,IAAA,IAAAyB,WAAA;AAAA,aAAAH,gBACjBI,QAAM;AAAA,QAAA,IAAAD,WAAA;AAAA,cAAAE,OAAAC,eAAAC,OAAA,GAAAC,QAAAH,KAAAI,YAAAC,SAAAF,MAAAG,aAAA,CAAAC,QAAAC,KAAA,IAAAC,cAAAJ,OAAAC,WAAA,GAAAI,SAAAH,OAAAD,aAAA,CAAAK,QAAAC,KAAA,IAAAH,cAAAC,OAAAJ,WAAA,GAAAO,QAAAF,OAAAL,aAAAQ,SAAAD,MAAAP,aAAA,CAAAS,QAAAC,KAAA,IAAAP,cAAAK,OAAAR,WAAA,GAAAW,QAAAF,OAAAT,aAAAY,QAAAD,MAAAb,YAAA,CAAAe,OAAAC,IAAA,IAAAX,cAAAS,MAAAZ,WAAA,GAAAe,QAAAF,MAAAb,aAAAgB,QAAAD,MAAAf,aAAA,CAAAiB,QAAAC,KAAA,IAAAf,cAAAa,MAAAhB,WAAA;AAAAmB,2BAAAzB,MAAA,SAGM5B,MAAMe,SAAO,IAAA;AAAAsC,2BAAAtB,OAAA,SAQX/B,MAAMe,SAAO,IAAA;AAAAuC,iBAAA1B,MAAAL,gBAcvBC,MAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEpB,UAAAA;AAAAA,YAAW;AAAA,YAAA,IAAAqB,WAAA;AAAA,kBAAA6B,QAAA1B,eAAA2B,MAAA;AAAAD,oBAAAE,UAGT5C,CAAAA,MAAM;AACdA,kBAAE6C,gBAAAA;AACFlD,2BAAAA;AAAAA,cACF;AAACmD,iCAAAA;AAAA,qBAAAJ;AAAAA,YAAA;AAAA,UAAA,CAAA,GAAApB,QAAAC,KAAA;AAAAkB,iBAAA1B,MAAAL,gBAeJC,MAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEnB,UAAAA;AAAAA,YAAW;AAAA,YAAA,IAAAoB,WAAA;AAAA,kBAAAkC,QAAA/B,eAAAgC,OAAA;AAAAD,oBAAAH,UAGT5C,CAAAA,MAAM;AACdA,kBAAE6C,gBAAAA;AACFhD,2BAAAA;AAAAA,cACF;AAACiD,iCAAAA;AAAA,qBAAAC;AAAAA,YAAA;AAAA,UAAA,CAAA,GAAArB,QAAAC,KAAA;AAAAC,gBAAAgB,UAqBO5C,CAAAA,MAAMA,EAAE6C,gBAAAA;AAAiBJ,iBAAA1B,MAAAL,gBAIpCC,MAAI;AAAA,YAAA,IAACC,OAAI;;AAAA,sBAAEtB,wBAAAA,mBAAgB2D;AAAAA,YAAO;AAAA,YAAA,IAAApC,WAAA;AAAA,kBAAAqC,QAAAlC,eAAAmC,OAAA;AAAAV,qBAAAS,OAAA,MAE9B5D,aAAAA,EAAgB2D,OAAO;AAAA,qBAAAC;AAAAA,YAAA;AAAA,UAAA,CAAA,GAAApB,QAAAC,KAAA;AAAAU,iBAAAT,OAAA,OAMxB7C,MAAME,iBAAiB,KAAK,GAAC6C,OAAAC,IAAA;AAAAM,iBAAAT,OAAA,MAAK7C,MAAMI,OAAOG,QAAM4C,QAAAC,KAAA;AAAAa,iBAAAC,CAAAA,QAAA;;AAAA,gBAAAC,OAjBlDhE,kBAAAA,MAAAA,mBAAgBiE,KAAGC,SACnBlE,kBAAAA,MAAAA,mBAAgBmE,QAAO,IAAEC,QACtBpE,kBAAAA,MAAAA,mBAAgBqE,QAAMC,QACvBtE,wBAAAA,mBAAgBuE;AAAKP,oBAAAD,IAAArD,KAAA8D,aAAAlC,OAAA,OAAAyB,IAAArD,IAAAsD,GAAA;AAAAE,qBAAAH,IAAAU,KAAAD,aAAAlC,OAAA,OAAAyB,IAAAU,IAAAP,IAAA;AAAAE,qBAAAL,IAAAW,KAAAF,aAAAlC,OAAA,UAAAyB,IAAAW,IAAAN,IAAA;AAAAE,qBAAAP,IAAAY,KAAAH,aAAAlC,OAAA,SAAAyB,IAAAY,IAAAL,IAAA;AAAA,mBAAAP;AAAAA,UAAA,GAAA;AAAA,YAAArD,GAAAkE;AAAAA,YAAAH,GAAAG;AAAAA,YAAAF,GAAAE;AAAAA,YAAAD,GAAAC;AAAAA,UAAAA,CAAA;AAAApB,6BAAAA;AAAA,iBAAA/B;AAAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAoBxC;AAACoD,eAAA,CAAA,OAAA,CAAA;"}

package/dist/components/MapRenderer.cjs

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+var _tmpl$ = /* @__PURE__ */ web.template(`<div class="p-4 text-red-500 bg-red-50 dark:bg-red-900/20 text-center">`), _tmpl$2 = /* @__PURE__ */ web.template(`<div class="relative z-0"style=width:100%;z-index:0>`), _tmpl$3 = /* @__PURE__ */ web.template(`<div class="w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"><!$><!/><!$><!/>`);
+let L = null;
+let clusterCssLoaded = false;
+const MapRenderer = (props) => {
+  let mapContainer;
+  let mapInstance = null;
+  const [isLeafletLoaded, setIsLeafletLoaded] = solidJs.createSignal(false);
+  const [error, setError] = solidJs.createSignal(null);
+  const params = () => {
+    var _a;
+    return props.params || ((_a = props.component) == null ? void 0 : _a.params);
+  };
+  solidJs.createEffect(async () => {
+    var _a, _b, _c;
+    if (web.isServer) return;
+    if (!L) {
+      try {
+        const module2 = await Promise.resolve().then(() => require("../_virtual/leaflet-src.cjs")).then((n) => n.leafletSrc);
+        L = module2.default || module2;
+        await Promise.resolve().then(() => require("../node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/leaflet.css.cjs"));
+        setIsLeafletLoaded(true);
+      } catch (e) {
+        console.warn("Failed to load leaflet", e);
+        setError("Map library could not be loaded.");
+        return;
+      }
+    } else {
+      setIsLeafletLoaded(true);
+    }
+    if (isLeafletLoaded() && mapContainer && !mapInstance) {
+      const p = params();
+      const center = (p == null ? void 0 : p.center) || [51.505, -0.09];
+      const zoom = (p == null ? void 0 : p.zoom) || 13;
+      mapInstance = L.map(mapContainer, {
+        zoomControl: (p == null ? void 0 : p.zoomControl) !== false,
+        scrollWheelZoom: (p == null ? void 0 : p.scrollWheelZoom) !== false,
+        attributionControl: false
+      }).setView(center, zoom);
+      const tileLayerUrl = (p == null ? void 0 : p.tileLayer) || "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
+      L.tileLayer(tileLayerUrl, {
+        attribution: (p == null ? void 0 : p.attribution) || '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+      }).addTo(mapInstance);
+      if ((p == null ? void 0 : p.attribution) !== "") {
+        L.control.attribution({
+          prefix: false
+        }).addTo(mapInstance);
+      }
+      delete L.Icon.Default.prototype._getIconUrl;
+      L.Icon.Default.mergeOptions({
+        iconRetinaUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png",
+        iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
+        shadowUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png"
+      });
+    }
+    if (mapInstance && L) {
+      const p = params();
+      mapInstance.eachLayer((layer) => {
+        if (layer instanceof L.Marker || layer._group || layer._featureGroup) {
+          mapInstance.removeLayer(layer);
+        }
+      });
+      const markers = [];
+      const shouldCluster = (p == null ? void 0 : p.clustering) && (p == null ? void 0 : p.markers) && p.markers.length > 0;
+      if (shouldCluster) {
+        try {
+          await Promise.resolve().then(() => require("../_virtual/leaflet.markercluster-src.cjs")).then((n) => n.leaflet_markerclusterSrc);
+          if (!clusterCssLoaded) {
+            await Promise.resolve().then(() => require("../node_modules/.pnpm/leaflet.markercluster@1.5.3_leaflet@1.9.4/node_modules/leaflet.markercluster/dist/MarkerCluster.css.cjs"));
+            await Promise.resolve().then(() => require("../node_modules/.pnpm/leaflet.markercluster@1.5.3_leaflet@1.9.4/node_modules/leaflet.markercluster/dist/MarkerCluster.Default.css.cjs"));
+            clusterCssLoaded = true;
+          }
+          const clusterOpts = typeof p.clustering === "object" ? p.clustering : {};
+          const clusterGroup = L.markerClusterGroup({
+            maxClusterRadius: clusterOpts.maxClusterRadius ?? 80,
+            spiderfyOnMaxZoom: clusterOpts.spiderfyOnMaxZoom ?? true,
+            showCoverageOnHover: clusterOpts.showCoverageOnHover ?? true,
+            disableClusteringAtZoom: clusterOpts.disableClusteringAtZoom,
+            animate: clusterOpts.animateAddingMarkers ?? true
+          });
+          (_a = p == null ? void 0 : p.markers) == null ? void 0 : _a.forEach((marker) => {
+            const m = L.marker(marker.position);
+            if (marker.tooltip) {
+              m.bindTooltip(marker.tooltip);
+            }
+            if (marker.popup) {
+              m.bindPopup(marker.popup);
+            }
+            clusterGroup.addLayer(m);
+            markers.push(m);
+          });
+          mapInstance.addLayer(clusterGroup);
+        } catch (e) {
+          console.warn("Failed to load leaflet.markercluster, falling back to regular markers", e);
+          (_b = p == null ? void 0 : p.markers) == null ? void 0 : _b.forEach((marker) => {
+            const m = L.marker(marker.position).addTo(mapInstance);
+            if (marker.tooltip) {
+              m.bindTooltip(marker.tooltip);
+            }
+            if (marker.popup) {
+              m.bindPopup(marker.popup);
+            }
+            markers.push(m);
+          });
+        }
+      } else {
+        (_c = p == null ? void 0 : p.markers) == null ? void 0 : _c.forEach((marker) => {
+          const m = L.marker(marker.position).addTo(mapInstance);
+          if (marker.tooltip) {
+            m.bindTooltip(marker.tooltip);
+          }
+          if (marker.popup) {
+            m.bindPopup(marker.popup);
+          }
+          markers.push(m);
+        });
+      }
+      if ((p == null ? void 0 : p.fitBounds) && markers.length > 0) {
+        const group = L.featureGroup(markers);
+        mapInstance.fitBounds(group.getBounds().pad(0.1));
+      } else if (p == null ? void 0 : p.center) {
+        mapInstance.setView(p.center, p.zoom || mapInstance.getZoom());
+      }
+    }
+  });
+  solidJs.onCleanup(() => {
+    if (mapInstance) {
+      mapInstance.remove();
+      mapInstance = null;
+    }
+  });
+  return (() => {
+    var _el$ = web.getNextElement(_tmpl$3), _el$4 = _el$.firstChild, [_el$5, _co$] = web.getNextMarker(_el$4.nextSibling), _el$6 = _el$5.nextSibling, [_el$7, _co$2] = web.getNextMarker(_el$6.nextSibling);
+    web.insert(_el$, web.createComponent(solidJs.Show, {
+      get when() {
+        return error();
+      },
+      get children() {
+        var _el$2 = web.getNextElement(_tmpl$);
+        web.insert(_el$2, error);
+        return _el$2;
+      }
+    }), _el$5, _co$);
+    web.insert(_el$, web.createComponent(solidJs.Show, {
+      get when() {
+        return !error();
+      },
+      get children() {
+        var _el$3 = web.getNextElement(_tmpl$2);
+        var _ref$ = mapContainer;
+        typeof _ref$ === "function" ? web.use(_ref$, _el$3) : mapContainer = _el$3;
+        web.effect((_$p) => {
+          var _a;
+          return web.setStyleProperty(_el$3, "height", ((_a = params()) == null ? void 0 : _a.height) || "400px");
+        });
+        return _el$3;
+      }
+    }), _el$7, _co$2);
+    return _el$;
+  })();
+};
+exports.MapRenderer = MapRenderer;
+//# sourceMappingURL=MapRenderer.cjs.map

package/dist/components/MapRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapRenderer.cjs","sources":["../../src/components/MapRenderer.tsx"],"sourcesContent":["/**\n * MapRenderer - Interactive map Component\n * Sprint 6: Code & Maps\n * Sprint Ultimate U.2: Marker Clustering Support\n */\n\nimport { Component, createEffect, onCleanup, createSignal, Show } from 'solid-js'\nimport { isServer } from 'solid-js/web'\nimport type { UIComponent, MapComponentParams, MapClusterOptions } from '../types'\n\n// Lazy load leaflet (it doesn't support SSR well)\nlet L: any = null\n// Track if marker cluster CSS has been loaded\nlet clusterCssLoaded = false\n\nexport interface MapRendererProps {\n    /**\n     * UIComponent containing map params\n     */\n    component?: UIComponent\n\n    /**\n     * Direct map params\n     */\n    params?: MapComponentParams\n}\n\nexport const MapRenderer: Component<MapRendererProps> = (props) => {\n    let mapContainer: HTMLDivElement | undefined\n    let mapInstance: any = null\n    const [isLeafletLoaded, setIsLeafletLoaded] = createSignal(false)\n    const [error, setError] = createSignal<string | null>(null)\n\n    const params = () => props.params || (props.component?.params as MapComponentParams)\n\n    // Initialize Map\n    createEffect(async () => {\n        if (isServer) return // Don't run on server\n\n        if (!L) {\n            try {\n                const module = await import('leaflet')\n                L = module.default || module\n                await import('leaflet/dist/leaflet.css') // Import CSS\n                setIsLeafletLoaded(true)\n            } catch (e) {\n                console.warn('Failed to load leaflet', e)\n                setError('Map library could not be loaded.')\n                return\n            }\n        } else {\n            setIsLeafletLoaded(true)\n        }\n\n        if (isLeafletLoaded() && mapContainer && !mapInstance) {\n            const p = params()\n            const center = p?.center || [51.505, -0.09] // Default to London\n            const zoom = p?.zoom || 13\n\n            mapInstance = L.map(mapContainer, {\n                zoomControl: p?.zoomControl !== false,\n                scrollWheelZoom: p?.scrollWheelZoom !== false,\n                attributionControl: false\n            }).setView(center, zoom)\n\n            // Add OpenStreetMap tile layer\n            const tileLayerUrl = p?.tileLayer || 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'\n            L.tileLayer(tileLayerUrl, {\n                attribution: p?.attribution || '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors'\n            }).addTo(mapInstance)\n\n            if (p?.attribution !== '') {\n                L.control.attribution({ prefix: false }).addTo(mapInstance)\n            }\n\n            // Fix marker icons (Leaflet issue with bundlers)\n            delete (L.Icon.Default.prototype as any)._getIconUrl\n            L.Icon.Default.mergeOptions({\n                iconRetinaUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png',\n                iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png',\n                shadowUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png',\n            })\n        }\n\n        // Update markers and view - Sprint Ultimate U.2: Clustering support\n        if (mapInstance && L) {\n            const p = params()\n\n            // Clear existing layers (markers and cluster groups)\n            mapInstance.eachLayer((layer: any) => {\n                if (layer instanceof L.Marker || layer._group || layer._featureGroup) {\n                    mapInstance.removeLayer(layer)\n                }\n            })\n\n            const markers: any[] = []\n            const shouldCluster = p?.clustering && p?.markers && p.markers.length > 0\n\n            if (shouldCluster) {\n                // Sprint Ultimate U.2: Use marker clustering\n                try {\n                    // Lazy load markercluster plugin\n                    // Import markercluster plugin for side-effects (registers with Leaflet)\n                    await import('leaflet.markercluster')\n\n                    // Load cluster CSS if not already loaded\n                    if (!clusterCssLoaded) {\n                        await import('leaflet.markercluster/dist/MarkerCluster.css')\n                        await import('leaflet.markercluster/dist/MarkerCluster.Default.css')\n                        clusterCssLoaded = true\n                    }\n\n                    // Get cluster options\n                    const clusterOpts: MapClusterOptions = typeof p.clustering === 'object' ? p.clustering : {}\n\n                    // Create cluster group with options\n                    const clusterGroup = (L as any).markerClusterGroup({\n                        maxClusterRadius: clusterOpts.maxClusterRadius ?? 80,\n                        spiderfyOnMaxZoom: clusterOpts.spiderfyOnMaxZoom ?? true,\n                        showCoverageOnHover: clusterOpts.showCoverageOnHover ?? true,\n                        disableClusteringAtZoom: clusterOpts.disableClusteringAtZoom,\n                        animate: clusterOpts.animateAddingMarkers ?? true\n                    })\n\n                    // Add markers to cluster group\n                    p?.markers?.forEach(marker => {\n                        const m = L.marker(marker.position)\n                        if (marker.tooltip) {\n                            m.bindTooltip(marker.tooltip)\n                        }\n                        if (marker.popup) {\n                            m.bindPopup(marker.popup)\n                        }\n                        clusterGroup.addLayer(m)\n                        markers.push(m)\n                    })\n\n                    mapInstance.addLayer(clusterGroup)\n                } catch (e) {\n                    console.warn('Failed to load leaflet.markercluster, falling back to regular markers', e)\n                    // Fallback to regular markers\n                    p?.markers?.forEach(marker => {\n                        const m = L.marker(marker.position).addTo(mapInstance)\n                        if (marker.tooltip) {\n                            m.bindTooltip(marker.tooltip)\n                        }\n                        if (marker.popup) {\n                            m.bindPopup(marker.popup)\n                        }\n                        markers.push(m)\n                    })\n                }\n            } else {\n                // Standard marker rendering (no clustering)\n                p?.markers?.forEach(marker => {\n                    const m = L.marker(marker.position).addTo(mapInstance)\n                    if (marker.tooltip) {\n                        m.bindTooltip(marker.tooltip)\n                    }\n                    if (marker.popup) {\n                        m.bindPopup(marker.popup)\n                    }\n                    markers.push(m)\n                })\n            }\n\n            // Handle fitBounds\n            if (p?.fitBounds && markers.length > 0) {\n                const group = L.featureGroup(markers)\n                mapInstance.fitBounds(group.getBounds().pad(0.1))\n            } else if (p?.center) {\n                mapInstance.setView(p.center, p.zoom || mapInstance.getZoom())\n            }\n        }\n    })\n\n    // Cleanup\n    onCleanup(() => {\n        if (mapInstance) {\n            mapInstance.remove()\n            mapInstance = null\n        }\n    })\n\n    return (\n        <div class=\"w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden\">\n            <Show when={error()}>\n                <div class=\"p-4 text-red-500 bg-red-50 dark:bg-red-900/20 text-center\">\n                    {error()}\n                </div>\n            </Show>\n            <Show when={!error()}>\n                <div\n                    ref={mapContainer}\n                    style={{ height: params()?.height || '400px', width: '100%', \"z-index\": 0 }}\n                    class=\"relative z-0\"\n                />\n            </Show>\n        </div>\n    )\n}\n"],"names":["L","clusterCssLoaded","MapRenderer","props","mapContainer","mapInstance","isLeafletLoaded","setIsLeafletLoaded","createSignal","error","setError","params","component","createEffect","isServer","module","default","e","console","warn","p","center","zoom","map","zoomControl","scrollWheelZoom","attributionControl","setView","tileLayerUrl","tileLayer","attribution","addTo","control","prefix","Icon","Default","prototype","_getIconUrl","mergeOptions","iconRetinaUrl","iconUrl","shadowUrl","eachLayer","layer","Marker","_group","_featureGroup","removeLayer","markers","shouldCluster","clustering","length","clusterOpts","clusterGroup","markerClusterGroup","maxClusterRadius","spiderfyOnMaxZoom","showCoverageOnHover","disableClusteringAtZoom","animate","animateAddingMarkers","forEach","marker","m","position","tooltip","bindTooltip","popup","bindPopup","addLayer","push","fitBounds","group","featureGroup","getBounds","pad","getZoom","onCleanup","remove","_el$","_$getNextElement","_tmpl$3","_el$4","firstChild","_el$5","_co$","_$getNextMarker","nextSibling","_el$6","_el$7","_co$2","_$insert","_$createComponent","Show","when","children","_el$2","_tmpl$","_el$3","_tmpl$2","_ref$","_$use","_$effect","_$p","_$setStyleProperty","height"],"mappings":"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"}

package/dist/components/MapRenderer.d.ts

@@ -0,0 +1,19 @@
+/**
+ * MapRenderer - Interactive map Component
+ * Sprint 6: Code & Maps
+ * Sprint Ultimate U.2: Marker Clustering Support
+ */
+import { Component } from 'solid-js';
+import type { UIComponent, MapComponentParams } from '../types';
+export interface MapRendererProps {
+    /**
+     * UIComponent containing map params
+     */
+    component?: UIComponent;
+    /**
+     * Direct map params
+     */
+    params?: MapComponentParams;
+}
+export declare const MapRenderer: Component<MapRendererProps>;
+//# sourceMappingURL=MapRenderer.d.ts.map

package/dist/components/MapRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapRenderer.d.ts","sourceRoot":"","sources":["../../src/components/MapRenderer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAA+C,MAAM,UAAU,CAAA;AAEjF,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAqB,MAAM,UAAU,CAAA;AAOlF,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAA;CAC9B;AAED,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CA6KnD,CAAA"}

package/dist/components/MapRenderer.js

@@ -0,0 +1,166 @@
+import { isServer, getNextElement, template, getNextMarker, insert, createComponent, use, effect, setStyleProperty } from "solid-js/web";
+import { createSignal, createEffect, onCleanup, Show } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<div class="p-4 text-red-500 bg-red-50 dark:bg-red-900/20 text-center">`), _tmpl$2 = /* @__PURE__ */ template(`<div class="relative z-0"style=width:100%;z-index:0>`), _tmpl$3 = /* @__PURE__ */ template(`<div class="w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"><!$><!/><!$><!/>`);
+let L = null;
+let clusterCssLoaded = false;
+const MapRenderer = (props) => {
+  let mapContainer;
+  let mapInstance = null;
+  const [isLeafletLoaded, setIsLeafletLoaded] = createSignal(false);
+  const [error, setError] = createSignal(null);
+  const params = () => {
+    var _a;
+    return props.params || ((_a = props.component) == null ? void 0 : _a.params);
+  };
+  createEffect(async () => {
+    var _a, _b, _c;
+    if (isServer) return;
+    if (!L) {
+      try {
+        const module = await import("../_virtual/leaflet-src.js").then((n) => n.l);
+        L = module.default || module;
+        await Promise.resolve({                                                                   });
+        setIsLeafletLoaded(true);
+      } catch (e) {
+        console.warn("Failed to load leaflet", e);
+        setError("Map library could not be loaded.");
+        return;
+      }
+    } else {
+      setIsLeafletLoaded(true);
+    }
+    if (isLeafletLoaded() && mapContainer && !mapInstance) {
+      const p = params();
+      const center = (p == null ? void 0 : p.center) || [51.505, -0.09];
+      const zoom = (p == null ? void 0 : p.zoom) || 13;
+      mapInstance = L.map(mapContainer, {
+        zoomControl: (p == null ? void 0 : p.zoomControl) !== false,
+        scrollWheelZoom: (p == null ? void 0 : p.scrollWheelZoom) !== false,
+        attributionControl: false
+      }).setView(center, zoom);
+      const tileLayerUrl = (p == null ? void 0 : p.tileLayer) || "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
+      L.tileLayer(tileLayerUrl, {
+        attribution: (p == null ? void 0 : p.attribution) || '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+      }).addTo(mapInstance);
+      if ((p == null ? void 0 : p.attribution) !== "") {
+        L.control.attribution({
+          prefix: false
+        }).addTo(mapInstance);
+      }
+      delete L.Icon.Default.prototype._getIconUrl;
+      L.Icon.Default.mergeOptions({
+        iconRetinaUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png",
+        iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
+        shadowUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png"
+      });
+    }
+    if (mapInstance && L) {
+      const p = params();
+      mapInstance.eachLayer((layer) => {
+        if (layer instanceof L.Marker || layer._group || layer._featureGroup) {
+          mapInstance.removeLayer(layer);
+        }
+      });
+      const markers = [];
+      const shouldCluster = (p == null ? void 0 : p.clustering) && (p == null ? void 0 : p.markers) && p.markers.length > 0;
+      if (shouldCluster) {
+        try {
+          await import("../_virtual/leaflet.markercluster-src.js").then((n) => n.l);
+          if (!clusterCssLoaded) {
+            await Promise.resolve({                                                                                                                   });
+            await Promise.resolve({                                                                                                                           });
+            clusterCssLoaded = true;
+          }
+          const clusterOpts = typeof p.clustering === "object" ? p.clustering : {};
+          const clusterGroup = L.markerClusterGroup({
+            maxClusterRadius: clusterOpts.maxClusterRadius ?? 80,
+            spiderfyOnMaxZoom: clusterOpts.spiderfyOnMaxZoom ?? true,
+            showCoverageOnHover: clusterOpts.showCoverageOnHover ?? true,
+            disableClusteringAtZoom: clusterOpts.disableClusteringAtZoom,
+            animate: clusterOpts.animateAddingMarkers ?? true
+          });
+          (_a = p == null ? void 0 : p.markers) == null ? void 0 : _a.forEach((marker) => {
+            const m = L.marker(marker.position);
+            if (marker.tooltip) {
+              m.bindTooltip(marker.tooltip);
+            }
+            if (marker.popup) {
+              m.bindPopup(marker.popup);
+            }
+            clusterGroup.addLayer(m);
+            markers.push(m);
+          });
+          mapInstance.addLayer(clusterGroup);
+        } catch (e) {
+          console.warn("Failed to load leaflet.markercluster, falling back to regular markers", e);
+          (_b = p == null ? void 0 : p.markers) == null ? void 0 : _b.forEach((marker) => {
+            const m = L.marker(marker.position).addTo(mapInstance);
+            if (marker.tooltip) {
+              m.bindTooltip(marker.tooltip);
+            }
+            if (marker.popup) {
+              m.bindPopup(marker.popup);
+            }
+            markers.push(m);
+          });
+        }
+      } else {
+        (_c = p == null ? void 0 : p.markers) == null ? void 0 : _c.forEach((marker) => {
+          const m = L.marker(marker.position).addTo(mapInstance);
+          if (marker.tooltip) {
+            m.bindTooltip(marker.tooltip);
+          }
+          if (marker.popup) {
+            m.bindPopup(marker.popup);
+          }
+          markers.push(m);
+        });
+      }
+      if ((p == null ? void 0 : p.fitBounds) && markers.length > 0) {
+        const group = L.featureGroup(markers);
+        mapInstance.fitBounds(group.getBounds().pad(0.1));
+      } else if (p == null ? void 0 : p.center) {
+        mapInstance.setView(p.center, p.zoom || mapInstance.getZoom());
+      }
+    }
+  });
+  onCleanup(() => {
+    if (mapInstance) {
+      mapInstance.remove();
+      mapInstance = null;
+    }
+  });
+  return (() => {
+    var _el$ = getNextElement(_tmpl$3), _el$4 = _el$.firstChild, [_el$5, _co$] = getNextMarker(_el$4.nextSibling), _el$6 = _el$5.nextSibling, [_el$7, _co$2] = getNextMarker(_el$6.nextSibling);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return error();
+      },
+      get children() {
+        var _el$2 = getNextElement(_tmpl$);
+        insert(_el$2, error);
+        return _el$2;
+      }
+    }), _el$5, _co$);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return !error();
+      },
+      get children() {
+        var _el$3 = getNextElement(_tmpl$2);
+        var _ref$ = mapContainer;
+        typeof _ref$ === "function" ? use(_ref$, _el$3) : mapContainer = _el$3;
+        effect((_$p) => {
+          var _a;
+          return setStyleProperty(_el$3, "height", ((_a = params()) == null ? void 0 : _a.height) || "400px");
+        });
+        return _el$3;
+      }
+    }), _el$7, _co$2);
+    return _el$;
+  })();
+};
+export {
+  MapRenderer
+};
+//# sourceMappingURL=MapRenderer.js.map

package/dist/components/MapRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapRenderer.js","sources":["../../src/components/MapRenderer.tsx"],"sourcesContent":["/**\n * MapRenderer - Interactive map Component\n * Sprint 6: Code & Maps\n * Sprint Ultimate U.2: Marker Clustering Support\n */\n\nimport { Component, createEffect, onCleanup, createSignal, Show } from 'solid-js'\nimport { isServer } from 'solid-js/web'\nimport type { UIComponent, MapComponentParams, MapClusterOptions } from '../types'\n\n// Lazy load leaflet (it doesn't support SSR well)\nlet L: any = null\n// Track if marker cluster CSS has been loaded\nlet clusterCssLoaded = false\n\nexport interface MapRendererProps {\n    /**\n     * UIComponent containing map params\n     */\n    component?: UIComponent\n\n    /**\n     * Direct map params\n     */\n    params?: MapComponentParams\n}\n\nexport const MapRenderer: Component<MapRendererProps> = (props) => {\n    let mapContainer: HTMLDivElement | undefined\n    let mapInstance: any = null\n    const [isLeafletLoaded, setIsLeafletLoaded] = createSignal(false)\n    const [error, setError] = createSignal<string | null>(null)\n\n    const params = () => props.params || (props.component?.params as MapComponentParams)\n\n    // Initialize Map\n    createEffect(async () => {\n        if (isServer) return // Don't run on server\n\n        if (!L) {\n            try {\n                const module = await import('leaflet')\n                L = module.default || module\n                await import('leaflet/dist/leaflet.css') // Import CSS\n                setIsLeafletLoaded(true)\n            } catch (e) {\n                console.warn('Failed to load leaflet', e)\n                setError('Map library could not be loaded.')\n                return\n            }\n        } else {\n            setIsLeafletLoaded(true)\n        }\n\n        if (isLeafletLoaded() && mapContainer && !mapInstance) {\n            const p = params()\n            const center = p?.center || [51.505, -0.09] // Default to London\n            const zoom = p?.zoom || 13\n\n            mapInstance = L.map(mapContainer, {\n                zoomControl: p?.zoomControl !== false,\n                scrollWheelZoom: p?.scrollWheelZoom !== false,\n                attributionControl: false\n            }).setView(center, zoom)\n\n            // Add OpenStreetMap tile layer\n            const tileLayerUrl = p?.tileLayer || 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'\n            L.tileLayer(tileLayerUrl, {\n                attribution: p?.attribution || '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors'\n            }).addTo(mapInstance)\n\n            if (p?.attribution !== '') {\n                L.control.attribution({ prefix: false }).addTo(mapInstance)\n            }\n\n            // Fix marker icons (Leaflet issue with bundlers)\n            delete (L.Icon.Default.prototype as any)._getIconUrl\n            L.Icon.Default.mergeOptions({\n                iconRetinaUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png',\n                iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png',\n                shadowUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png',\n            })\n        }\n\n        // Update markers and view - Sprint Ultimate U.2: Clustering support\n        if (mapInstance && L) {\n            const p = params()\n\n            // Clear existing layers (markers and cluster groups)\n            mapInstance.eachLayer((layer: any) => {\n                if (layer instanceof L.Marker || layer._group || layer._featureGroup) {\n                    mapInstance.removeLayer(layer)\n                }\n            })\n\n            const markers: any[] = []\n            const shouldCluster = p?.clustering && p?.markers && p.markers.length > 0\n\n            if (shouldCluster) {\n                // Sprint Ultimate U.2: Use marker clustering\n                try {\n                    // Lazy load markercluster plugin\n                    // Import markercluster plugin for side-effects (registers with Leaflet)\n                    await import('leaflet.markercluster')\n\n                    // Load cluster CSS if not already loaded\n                    if (!clusterCssLoaded) {\n                        await import('leaflet.markercluster/dist/MarkerCluster.css')\n                        await import('leaflet.markercluster/dist/MarkerCluster.Default.css')\n                        clusterCssLoaded = true\n                    }\n\n                    // Get cluster options\n                    const clusterOpts: MapClusterOptions = typeof p.clustering === 'object' ? p.clustering : {}\n\n                    // Create cluster group with options\n                    const clusterGroup = (L as any).markerClusterGroup({\n                        maxClusterRadius: clusterOpts.maxClusterRadius ?? 80,\n                        spiderfyOnMaxZoom: clusterOpts.spiderfyOnMaxZoom ?? true,\n                        showCoverageOnHover: clusterOpts.showCoverageOnHover ?? true,\n                        disableClusteringAtZoom: clusterOpts.disableClusteringAtZoom,\n                        animate: clusterOpts.animateAddingMarkers ?? true\n                    })\n\n                    // Add markers to cluster group\n                    p?.markers?.forEach(marker => {\n                        const m = L.marker(marker.position)\n                        if (marker.tooltip) {\n                            m.bindTooltip(marker.tooltip)\n                        }\n                        if (marker.popup) {\n                            m.bindPopup(marker.popup)\n                        }\n                        clusterGroup.addLayer(m)\n                        markers.push(m)\n                    })\n\n                    mapInstance.addLayer(clusterGroup)\n                } catch (e) {\n                    console.warn('Failed to load leaflet.markercluster, falling back to regular markers', e)\n                    // Fallback to regular markers\n                    p?.markers?.forEach(marker => {\n                        const m = L.marker(marker.position).addTo(mapInstance)\n                        if (marker.tooltip) {\n                            m.bindTooltip(marker.tooltip)\n                        }\n                        if (marker.popup) {\n                            m.bindPopup(marker.popup)\n                        }\n                        markers.push(m)\n                    })\n                }\n            } else {\n                // Standard marker rendering (no clustering)\n                p?.markers?.forEach(marker => {\n                    const m = L.marker(marker.position).addTo(mapInstance)\n                    if (marker.tooltip) {\n                        m.bindTooltip(marker.tooltip)\n                    }\n                    if (marker.popup) {\n                        m.bindPopup(marker.popup)\n                    }\n                    markers.push(m)\n                })\n            }\n\n            // Handle fitBounds\n            if (p?.fitBounds && markers.length > 0) {\n                const group = L.featureGroup(markers)\n                mapInstance.fitBounds(group.getBounds().pad(0.1))\n            } else if (p?.center) {\n                mapInstance.setView(p.center, p.zoom || mapInstance.getZoom())\n            }\n        }\n    })\n\n    // Cleanup\n    onCleanup(() => {\n        if (mapInstance) {\n            mapInstance.remove()\n            mapInstance = null\n        }\n    })\n\n    return (\n        <div class=\"w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden\">\n            <Show when={error()}>\n                <div class=\"p-4 text-red-500 bg-red-50 dark:bg-red-900/20 text-center\">\n                    {error()}\n                </div>\n            </Show>\n            <Show when={!error()}>\n                <div\n                    ref={mapContainer}\n                    style={{ height: params()?.height || '400px', width: '100%', \"z-index\": 0 }}\n                    class=\"relative z-0\"\n                />\n            </Show>\n        </div>\n    )\n}\n"],"names":["L","clusterCssLoaded","MapRenderer","props","mapContainer","mapInstance","isLeafletLoaded","setIsLeafletLoaded","createSignal","error","setError","params","component","createEffect","isServer","module","default","e","console","warn","p","center","zoom","map","zoomControl","scrollWheelZoom","attributionControl","setView","tileLayerUrl","tileLayer","attribution","addTo","control","prefix","Icon","Default","prototype","_getIconUrl","mergeOptions","iconRetinaUrl","iconUrl","shadowUrl","eachLayer","layer","Marker","_group","_featureGroup","removeLayer","markers","shouldCluster","clustering","length","clusterOpts","clusterGroup","markerClusterGroup","maxClusterRadius","spiderfyOnMaxZoom","showCoverageOnHover","disableClusteringAtZoom","animate","animateAddingMarkers","forEach","marker","m","position","tooltip","bindTooltip","popup","bindPopup","addLayer","push","fitBounds","group","featureGroup","getBounds","pad","getZoom","onCleanup","remove","_el$","_$getNextElement","_tmpl$3","_el$4","firstChild","_el$5","_co$","_$getNextMarker","nextSibling","_el$6","_el$7","_co$2","_$insert","_$createComponent","Show","when","children","_el$2","_tmpl$","_el$3","_tmpl$2","_ref$","_$use","_$effect","_$p","_$setStyleProperty","height"],"mappings":"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"}