@mcp-b/geo-support 0.2.19 → 0.3.1

package/dist/components/classify-panel/classify-panel.styles.js

@@ -7,31 +7,39 @@ export default css `
     color: var(--sigvelo-color-text, #1a1a1a);
   }
 
-  .panel {
+  .sigvelo-geo-panel {
     background: var(--sigvelo-color-surface, #fff);
     border: 1px solid var(--sigvelo-color-neutral-border-muted, #ddd);
     border-radius: var(--sigvelo-radius-md, 6px);
-    padding: 0.75rem;
+    padding: var(--sigvelo-spacing-3);
     box-shadow: var(--sigvelo-elevation-floating, 0 2px 8px rgb(0 0 0 / 0.12));
     width: 240px;
   }
 
-  .panel__header {
+  .sigvelo-geo-panel__header {
     display: flex;
+    width: 100%;
+    min-height: var(--sigvelo-control-height-xs);
+    padding: 0;
+    border: 0;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    text-align: start;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
-    gap: 0.5rem;
+    gap: var(--sigvelo-spacing-2);
     user-select: none;
-    margin-bottom: 0.5rem;
+    margin-bottom: var(--sigvelo-spacing-2);
   }
 
-  .panel__title {
-    font-weight: 600;
+  .sigvelo-geo-panel__title {
+    font-weight: var(--sigvelo-font-weight-semibold);
     white-space: nowrap;
   }
 
-  .panel__chevron {
+  .sigvelo-geo-panel__chevron {
     width: 16px;
     height: 16px;
     flex-shrink: 0;
@@ -39,57 +47,61 @@ export default css `
     fill: currentColor;
   }
 
-  :host([collapsed]) .panel__chevron {
+  @media (prefers-reduced-motion: reduce) {
+    .sigvelo-geo-panel__chevron {
+      transition: none;
+    }
+  }
+
+  :host([collapsed]) .sigvelo-geo-panel__chevron {
     transform: rotate(-90deg);
   }
 
-  .panel__fields {
+  .sigvelo-geo-panel__fields {
     display: flex;
     flex-direction: column;
-    gap: 0.625rem;
+    gap: var(--sigvelo-spacing-2-5);
   }
 
-  .panel__field {
+  .sigvelo-geo-panel__field {
     display: flex;
     flex-direction: column;
-    gap: 0.125rem;
+    gap: var(--sigvelo-spacing-0-5);
   }
 
-  .panel__label {
-    font-weight: 500;
-    font-size: 0.75rem;
+  .sigvelo-geo-panel__label {
+    font-weight: var(--sigvelo-font-weight-semibold);
+    font-size: var(--sigvelo-control-text-xs);
     color: var(--sigvelo-color-text-muted, #666);
   }
 
   select {
-    appearance: none;
     background: var(--sigvelo-color-surface, #fff);
     border: 1px solid var(--sigvelo-color-neutral-border-muted, #ddd);
     border-radius: var(--sigvelo-radius-sm, 4px);
-    padding: 0.25rem 1.5rem 0.25rem 0.5rem;
+    padding: var(--sigvelo-spacing-1) var(--sigvelo-spacing-2);
+    min-height: var(--sigvelo-control-height-xs);
     font: inherit;
     color: inherit;
     cursor: pointer;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' fill='none' stroke='%23666' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
-    background-repeat: no-repeat;
-    background-position: right 0.375rem center;
   }
 
-  select:focus-visible {
-    outline: var(--sigvelo-border-style, solid) 2px var(--sigvelo-color-focus, #4a97f4);
-    outline-offset: 1px;
+  select:focus-visible,
+  button:focus-visible {
+    outline: var(--sigvelo-focus-ring);
+    outline-offset: var(--sigvelo-focus-offset);
   }
 
-  .panel__color-bar {
+  .sigvelo-geo-panel__color-bar {
     display: flex;
     gap: 1px;
-    margin-top: 0.25rem;
+    margin-top: var(--sigvelo-spacing-1);
     height: 12px;
     border-radius: var(--sigvelo-radius-xs, 2px);
     overflow: hidden;
   }
 
-  .panel__color-bar-segment {
+  .sigvelo-geo-panel__color-bar-segment {
     flex: 1;
   }
 `;

package/dist/components/classify-panel/classify-panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"classify-panel.styles.js","sourceRoot":"","sources":["../../../src/components/classify-panel/classify-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FjB,CAAC"}
+{"version":3,"file":"classify-panel.styles.js","sourceRoot":"","sources":["../../../src/components/classify-panel/classify-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGjB,CAAC"}

package/dist/components/legend/legend.d.ts

@@ -1,3 +1,4 @@
+import { type PropertyValues } from "lit";
 import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
 /**
  * Displays a color-coded legend for classified/choropleth maps.
@@ -35,6 +36,7 @@ export declare class SigveloGeoLegend extends SigveloElement {
     private _unsubscribe;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
     /** @internal */
     private _subscribeChannel;
     private _formatNumber;

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

@@ -1 +1 @@
-{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../../src/components/legend/legend.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAaxE;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,gBAAiB,SAAQ,cAAc;IAClD,MAAM,CAAC,MAAM,4BAAwB;IAErC;;;OAGG;IACS,OAAO,SAAM;IAEzB,oFAAoF;IACpD,MAAM,EAAE,MAAM,EAAE,CAAM;IAEtD,iDAAiD;IACjB,MAAM,EAAE,MAAM,EAAE,CAAM;IAEtD,+DAA+D;IACnD,KAAK,SAAM;IAEvB,uEAAuE;IAC3B,SAAS,UAAS;IAE9D,gBAAgB;IAChB,OAAO,CAAC,YAAY,CAA6B;IAEjD,iBAAiB;IAKjB,oBAAoB;IAMpB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,gBAAgB;IAIxB,MAAM;CA8BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../../src/components/legend/legend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAaxE;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,gBAAiB,SAAQ,cAAc;IAClD,MAAM,CAAC,MAAM,4BAAwB;IAErC;;;OAGG;IACS,OAAO,SAAM;IAEzB,oFAAoF;IACpD,MAAM,EAAE,MAAM,EAAE,CAAM;IAEtD,iDAAiD;IACjB,MAAM,EAAE,MAAM,EAAE,CAAM;IAEtD,+DAA+D;IACnD,KAAK,SAAM;IAEvB,uEAAuE;IAC3B,SAAS,UAAS;IAE9D,gBAAgB;IAChB,OAAO,CAAC,YAAY,CAA6B;IAEjD,iBAAiB;IAKjB,oBAAoB;IAMpB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc;IAIzC,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,gBAAgB;IAIxB,MAAM;CAwCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/components/legend/legend.js

@@ -11,7 +11,7 @@ import hostStyles from "@mcp-b/wc-support/styles/host.styles";
 import { subscribeClassify } from "../../classification/channel.js";
 import styles from "./legend.styles.js";
 const chevronSvg = html `
-  <svg class="legend__chevron" viewBox="0 0 16 16" aria-hidden="true">
+  <svg class="sigvelo-geo-legend__chevron" viewBox="0 0 16 16" aria-hidden="true">
     <path
       d="M4.94 2.94a1.5 1.5 0 0 1 2.12 0L12 7.88a.17.17 0 0 1 0 .24l-4.94 4.94a1.5 1.5 0 0 1-2.12-2.12L8.88 7l-.94-.94L4.94 5.06a1.5 1.5 0 0 1 0-2.12Z"
     />
@@ -62,10 +62,15 @@ let SigveloGeoLegend = class SigveloGeoLegend extends SigveloElement {
         this._unsubscribe?.();
         this._unsubscribe = null;
     }
+    updated(changed) {
+        if (changed.has("channel"))
+            this._subscribeChannel();
+    }
     /** @internal */
     _subscribeChannel() {
         this._unsubscribe?.();
-        if (!this.channel)
+        this._unsubscribe = null;
+        if (!this.isConnected || !this.channel)
             return;
         this._unsubscribe = subscribeClassify(this.channel, (detail) => {
             this.breaks = detail.breaks;
@@ -82,11 +87,15 @@ let SigveloGeoLegend = class SigveloGeoLegend extends SigveloElement {
     render() {
         const items = !this.collapsed && this.colors.length > 0 && this.breaks.length > this.colors.length
             ? html `
-            <div class="legend__items">
+            <div class="sigvelo-geo-legend__items">
               ${this.colors.map((color, i) => html `
-                  <div class="legend__item" part="item">
-                    <span class="legend__swatch" part="swatch" style="background:${color}"></span>
-                    <span class="legend__label" part="label">
+                  <div class="sigvelo-geo-legend__item" part="item">
+                    <span
+                      class="sigvelo-geo-legend__swatch"
+                      part="swatch"
+                      style="background:${color}"
+                    ></span>
+                    <span class="sigvelo-geo-legend__label" part="label">
                       ${this._formatNumber(this.breaks[i])} &ndash;
                       ${this._formatNumber(this.breaks[i + 1])}
                     </span>
@@ -96,11 +105,17 @@ let SigveloGeoLegend = class SigveloGeoLegend extends SigveloElement {
           `
             : nothing;
         return html `
-      <div class="legend" part="container">
-        <div class="legend__header" part="title" @click=${this._toggleCollapsed}>
-          <span class="legend__title">${this.title || "Legend"}</span>
+      <div class="sigvelo-geo-legend" part="container">
+        <button
+          type="button"
+          class="sigvelo-geo-legend__header"
+          part="title"
+          aria-expanded=${!this.collapsed}
+          @click=${this._toggleCollapsed}
+        >
+          <span class="sigvelo-geo-legend__title">${this.title || "Legend"}</span>
           ${chevronSvg}
-        </div>
+        </button>
         ${items}
       </div>
     `;

package/dist/components/legend/legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"legend.js","sourceRoot":"","sources":["../../../src/components/legend/legend.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"legend.js","sourceRoot":"","sources":["../../../src/components/legend/legend.ts"],"names":[],"mappings":"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"}

package/dist/components/legend/legend.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"legend.styles.d.ts","sourceRoot":"","sources":["../../../src/components/legend/legend.styles.ts"],"names":[],"mappings":";AAEA,wBAyEE"}
+{"version":3,"file":"legend.styles.d.ts","sourceRoot":"","sources":["../../../src/components/legend/legend.styles.ts"],"names":[],"mappings":";AAEA,wBA4FE"}

package/dist/components/legend/legend.styles.js

@@ -7,33 +7,46 @@ export default css `
     color: var(--sigvelo-color-text, #1a1a1a);
   }
 
-  .legend {
+  .sigvelo-geo-legend {
     background: var(--sigvelo-color-surface, #fff);
     border: 1px solid var(--sigvelo-color-neutral-border-muted, #ddd);
     border-radius: var(--sigvelo-radius-md, 6px);
-    padding: 0.5rem 0.75rem;
+    padding: var(--sigvelo-spacing-2) var(--sigvelo-spacing-3);
     box-shadow: var(--sigvelo-elevation-floating, 0 2px 8px rgb(0 0 0 / 0.12));
     min-width: 140px;
     max-width: 220px;
   }
 
-  .legend__header {
+  .sigvelo-geo-legend__header {
     display: flex;
+    width: 100%;
+    min-height: var(--sigvelo-control-height-xs);
+    padding: 0;
+    border: 0;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    text-align: start;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
-    gap: 0.5rem;
+    gap: var(--sigvelo-spacing-2);
     user-select: none;
   }
 
-  .legend__title {
-    font-weight: 600;
+  button:focus-visible {
+    outline: var(--sigvelo-focus-ring);
+    outline-offset: var(--sigvelo-focus-offset);
+  }
+
+  .sigvelo-geo-legend__title {
+    font-weight: var(--sigvelo-font-weight-semibold);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }
 
-  .legend__chevron {
+  .sigvelo-geo-legend__chevron {
     width: 16px;
     height: 16px;
     flex-shrink: 0;
@@ -41,25 +54,31 @@ export default css `
     fill: currentColor;
   }
 
-  :host([collapsed]) .legend__chevron {
+  @media (prefers-reduced-motion: reduce) {
+    .sigvelo-geo-legend__chevron {
+      transition: none;
+    }
+  }
+
+  :host([collapsed]) .sigvelo-geo-legend__chevron {
     transform: rotate(-90deg);
   }
 
-  .legend__items {
-    margin-top: 0.375rem;
+  .sigvelo-geo-legend__items {
+    margin-top: var(--sigvelo-spacing-1-5);
     display: flex;
     flex-direction: column;
-    gap: 0.125rem;
+    gap: var(--sigvelo-spacing-0-5);
   }
 
-  .legend__item {
+  .sigvelo-geo-legend__item {
     display: flex;
     align-items: center;
-    gap: 0.5rem;
+    gap: var(--sigvelo-spacing-2);
     padding: 0.0625rem 0;
   }
 
-  .legend__swatch {
+  .sigvelo-geo-legend__swatch {
     width: 18px;
     height: 18px;
     border-radius: var(--sigvelo-radius-xs, 2px);
@@ -67,7 +86,7 @@ export default css `
     border: 1px solid var(--sigvelo-color-neutral-border-subtle, #e5e5e5);
   }
 
-  .legend__label {
+  .sigvelo-geo-legend__label {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/dist/components/legend/legend.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"legend.styles.js","sourceRoot":"","sources":["../../../src/components/legend/legend.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEjB,CAAC"}
+{"version":3,"file":"legend.styles.js","sourceRoot":"","sources":["../../../src/components/legend/legend.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4FjB,CAAC"}

package/dist/docs/custom-elements.json

@@ -2,6 +2,92 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/base/control-placement.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "placeControl",
+          "return": {
+            "type": {
+              "text": "() => void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "control",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "name": "map",
+              "type": {
+                "text": "HTMLElement"
+              }
+            }
+          ],
+          "description": "Keep slotted content in its owning control while the engine lays out an empty\nplaceholder. This also works for controls inside a composition's shadow root."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "placeControl",
+          "declaration": {
+            "name": "placeControl",
+            "module": "src/base/control-placement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/base/find-map-element.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "findMapElement",
+          "return": {
+            "type": {
+              "text": "HTMLElementTagNameMap[K] | null"
+            }
+          },
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "tagName",
+              "type": {
+                "text": "K"
+              }
+            }
+          ],
+          "description": "Find the map element enclosing a declarative map child, across shadow roots.\n\n`Element.closest()` stops at the shadow boundary, so a child silently\nno-ops whenever a host application composes these elements inside its own\ncomponent. This walks the shadow-including ancestors instead — up\n`parentNode`, and from a shadow root on to its host — so the nearest\nenclosing map wins exactly as it does within a single tree. Nesting is\ntherefore still resolved innermost-first: an outer map is only reached\nafter every closer ancestor has been rejected.\n\nThe walk follows nesting, not slot assignment. A child a host application\nslots into a map from outside the map's own tree is not found: slotting is\nnot resolved yet at the moment a child connects and looks its map up."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "findMapElement",
+          "declaration": {
+            "name": "findMapElement",
+            "module": "src/base/find-map-element.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/base/geo-map-element.ts",
@@ -11,6 +97,20 @@
           "description": "Abstract base class for all geo map components. Provides shared reactive\nproperties, ResizeObserver lifecycle, and abstract hooks for library-specific\nmap creation and updates.\n\nSubclasses must implement `createMap`, `destroyMap`, `updateView`, and\n`invalidateSize`.",
           "name": "GeoMapElement",
           "members": [
+            {
+              "kind": "method",
+              "name": "_initializeMap",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_mapReady",
+              "type": {
+                "text": "Promise<void>"
+              },
+              "privacy": "private",
+              "default": "new Promise<void>((resolve) => { this._resolveMapReady = resolve; })"
+            },
             {
               "kind": "field",
               "name": "_resizeObserver",
@@ -165,9 +265,8 @@
                 "text": "Promise<void>"
               },
               "privacy": "public",
-              "readonly": true,
-              "description": "Resolved when the underlying map instance is ready. Child components\n(markers, layers, controls) should await this before registering.",
-              "default": "new Promise<void>((resolve) => { this._resolveMapReady = resolve; })"
+              "description": "Resolved when the current map instance is ready. A new promise is created\nafter disconnect, so awaiting this alone says nothing about which instance\nis current once it settles — children attach through whenMapReady,\nwhich resolves that question for them.",
+              "readonly": true
             },
             {
               "kind": "field",
@@ -189,6 +288,13 @@
               "description": "Minimum allowed zoom level.",
               "attribute": "min-zoom"
             },
+            {
+              "kind": "field",
+              "name": "pendingChildren",
+              "privacy": "private",
+              "static": true,
+              "default": "new WeakMap<Element, symbol>()"
+            },
             {
               "kind": "field",
               "name": "pitch",
@@ -218,6 +324,31 @@
               ],
               "description": "Update the map view when reactive properties change."
             },
+            {
+              "kind": "method",
+              "name": "whenMapReady",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "child",
+                  "type": {
+                    "text": "Element"
+                  }
+                },
+                {
+                  "name": "attach",
+                  "type": {
+                    "text": "() => void"
+                  }
+                }
+              ],
+              "description": "Attach `child` when the current map is ready, if its connection is still\ncurrent. Map disconnect replaces `mapReady`; a newer child connection\nsupersedes its previous wait, even when it reconnects to the same map.\nRun `attach` synchronously with these checks: returning a boolean would\nleave a microtask gap before registration where either could become stale."
+            },
             {
               "kind": "field",
               "name": "zoom",
@@ -311,6 +442,40 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/base/popup-content.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "clonePopupContent",
+          "return": {
+            "type": {
+              "text": "HTMLDivElement"
+            }
+          },
+          "parameters": [
+            {
+              "name": "popup",
+              "type": {
+                "text": "Element"
+              }
+            }
+          ],
+          "description": "Snapshot a `<sigvelo-*-popup>` child's content into a detached container the\nmap engine can own. Every engine takes a popup as a DOM element it inserts,\nmoves, and destroys on its own schedule, so it must not be handed the popup\nelement's live children — a deep clone leaves the declared markup intact for\nthe next render."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "clonePopupContent",
+          "declaration": {
+            "name": "clonePopupContent",
+            "module": "src/base/popup-content.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/classification/algorithms.ts",
@@ -337,7 +502,7 @@
               }
             }
           ],
-          "description": "Returns the class index (0-based) for a value given a breaks array.\nThe breaks array has `numClasses + 1` entries: [min, break1, ..., max].\nReturns -1 for NaN/null/undefined values."
+          "description": "Returns the class index (0-based) for a value given a breaks array.\nThe breaks array has `numClasses + 1` entries: [min, break1, ..., max].\nReturns -1 when the value cannot be classified, including against an empty\nbreaks array — which is what the break functions return for no input."
         },
         {
           "kind": "function",
@@ -1792,7 +1957,7 @@
   "package": {
     "name": "@mcp-b/geo-support",
     "description": "Shared base classes, events, types, and styles for Sigvelo geo component libraries.",
-    "version": "0.2.19",
+    "version": "0.3.1",
     "license": "MIT"
   }
 }

package/dist/styles/control.styles.d.ts

@@ -0,0 +1,4 @@
+/** Controls retain their native slots; engine placeholders determine placement. */
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=control.styles.d.ts.map

package/dist/styles/control.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.styles.d.ts","sourceRoot":"","sources":["../../src/styles/control.styles.ts"],"names":[],"mappings":"AAEA,mFAAmF;;AACnF,wBAUE"}

package/dist/styles/control.styles.js

@@ -0,0 +1,14 @@
+import { css } from "lit";
+/** Controls retain their native slots; engine placeholders determine placement. */
+export default css `
+  :host {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: max-content;
+    z-index: 1;
+    pointer-events: auto;
+  }
+`;
+//# sourceMappingURL=control.styles.js.map

package/dist/styles/control.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.styles.js","sourceRoot":"","sources":["../../src/styles/control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,mFAAmF;AACnF,eAAe,GAAG,CAAA;;;;;;;;;;CAUjB,CAAC"}

package/dist/styles/map-child.styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Shared styles for the declarative children of a map — markers, layers,
+ * shapes, popups, and overlays. They exist to configure the map engine, which
+ * owns every pixel they produce, so the elements themselves never render.
+ */
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=map-child.styles.d.ts.map

package/dist/styles/map-child.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-child.styles.d.ts","sourceRoot":"","sources":["../../src/styles/map-child.styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;;AACH,wBAIE"}

package/dist/styles/map-child.styles.js

@@ -0,0 +1,12 @@
+import { css } from "lit";
+/**
+ * Shared styles for the declarative children of a map — markers, layers,
+ * shapes, popups, and overlays. They exist to configure the map engine, which
+ * owns every pixel they produce, so the elements themselves never render.
+ */
+export default css `
+  :host {
+    display: none;
+  }
+`;
+//# sourceMappingURL=map-child.styles.js.map

package/dist/styles/map-child.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-child.styles.js","sourceRoot":"","sources":["../../src/styles/map-child.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;;GAIG;AACH,eAAe,GAAG,CAAA;;;;CAIjB,CAAC"}

package/dist/styles/map-host.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"map-host.styles.d.ts","sourceRoot":"","sources":["../../src/styles/map-host.styles.ts"],"names":[],"mappings":"AAEA,sDAAsD;;AACtD,wBAaE"}
+{"version":3,"file":"map-host.styles.d.ts","sourceRoot":"","sources":["../../src/styles/map-host.styles.ts"],"names":[],"mappings":"AAEA,sDAAsD;;AACtD,wBAkBE"}

package/dist/styles/map-host.styles.js

@@ -5,9 +5,14 @@ export default css `
     display: block;
     position: relative;
     min-height: 300px;
+    overflow: hidden;
+    border: 1px solid var(--sigvelo-color-neutral-border-muted);
+    border-radius: var(--sigvelo-radius-md);
+    background: var(--sigvelo-color-surface-sunken);
   }
 
   .map-host {
+    isolation: isolate;
     width: 100%;
     height: 100%;
     position: absolute;

package/dist/styles/map-host.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"map-host.styles.js","sourceRoot":"","sources":["../../src/styles/map-host.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,sDAAsD;AACtD,eAAe,GAAG,CAAA;;;;;;;;;;;;;CAajB,CAAC"}
+{"version":3,"file":"map-host.styles.js","sourceRoot":"","sources":["../../src/styles/map-host.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,sDAAsD;AACtD,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBjB,CAAC"}