@opensite/ui 2.9.6 → 2.9.7

package/dist/contact-map.cjs

@@ -526,11 +526,11 @@ function ContactMap({
   }, [formEngineSetup]);
   const resolvedMapProps = React4__namespace.useMemo(() => {
     return {
-      // Use explicit height to prevent MapLibre canvas expansion issues
-      mapWrapperClassName: "h-[520px]",
       panelPosition: "top-left",
       ...mapProps,
-      className: cn("h-full w-full", mapClassName, mapProps?.className),
+      // Don't override mapWrapperClassName if it's provided in mapProps
+      mapWrapperClassName: mapProps?.mapWrapperClassName,
+      className: cn(mapClassName, mapProps?.className),
       optixFlowConfig,
       // Provide icon and image components for rich marker panels
       IconComponent: DynamicIcon,
@@ -583,13 +583,13 @@ function ContactMap({
               "div",
               {
                 className: cn(
-                  // Strict height containment to prevent MapLibre canvas expansion
-                  "relative overflow-hidden",
+                  // Allow map panels to overflow outside container
+                  "relative",
                   mapColumnClassName
                 ),
                 style: {
-                  height: "520px",
-                  maxHeight: "90vh"
+                  // Explicitly allow overflow for marker panels
+                  overflow: "visible"
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps })
               }

package/dist/contact-map.js

@@ -505,11 +505,11 @@ function ContactMap({
   }, [formEngineSetup]);
   const resolvedMapProps = React4.useMemo(() => {
     return {
-      // Use explicit height to prevent MapLibre canvas expansion issues
-      mapWrapperClassName: "h-[520px]",
       panelPosition: "top-left",
       ...mapProps,
-      className: cn("h-full w-full", mapClassName, mapProps?.className),
+      // Don't override mapWrapperClassName if it's provided in mapProps
+      mapWrapperClassName: mapProps?.mapWrapperClassName,
+      className: cn(mapClassName, mapProps?.className),
       optixFlowConfig,
       // Provide icon and image components for rich marker panels
       IconComponent: DynamicIcon,
@@ -562,13 +562,13 @@ function ContactMap({
               "div",
               {
                 className: cn(
-                  // Strict height containment to prevent MapLibre canvas expansion
-                  "relative overflow-hidden",
+                  // Allow map panels to overflow outside container
+                  "relative",
                   mapColumnClassName
                 ),
                 style: {
-                  height: "520px",
-                  maxHeight: "90vh"
+                  // Explicitly allow overflow for marker panels
+                  overflow: "visible"
                 },
                 children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps })
               }

package/dist/registry.cjs

@@ -16636,11 +16636,11 @@ function ContactMap({
   }, [formEngineSetup]);
   const resolvedMapProps = React32__namespace.useMemo(() => {
     return {
-      // Use explicit height to prevent MapLibre canvas expansion issues
-      mapWrapperClassName: "h-[520px]",
       panelPosition: "top-left",
       ...mapProps,
-      className: cn("h-full w-full", mapClassName, mapProps?.className),
+      // Don't override mapWrapperClassName if it's provided in mapProps
+      mapWrapperClassName: mapProps?.mapWrapperClassName,
+      className: cn(mapClassName, mapProps?.className),
       optixFlowConfig,
       // Provide icon and image components for rich marker panels
       IconComponent: DynamicIcon,
@@ -16693,13 +16693,13 @@ function ContactMap({
               "div",
               {
                 className: cn(
-                  // Strict height containment to prevent MapLibre canvas expansion
-                  "relative overflow-hidden",
+                  // Allow map panels to overflow outside container
+                  "relative",
                   mapColumnClassName
                 ),
                 style: {
-                  height: "520px",
-                  maxHeight: "90vh"
+                  // Explicitly allow overflow for marker panels
+                  overflow: "visible"
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps })
               }

package/dist/registry.js

@@ -16596,11 +16596,11 @@ function ContactMap({
   }, [formEngineSetup]);
   const resolvedMapProps = React32.useMemo(() => {
     return {
-      // Use explicit height to prevent MapLibre canvas expansion issues
-      mapWrapperClassName: "h-[520px]",
       panelPosition: "top-left",
       ...mapProps,
-      className: cn("h-full w-full", mapClassName, mapProps?.className),
+      // Don't override mapWrapperClassName if it's provided in mapProps
+      mapWrapperClassName: mapProps?.mapWrapperClassName,
+      className: cn(mapClassName, mapProps?.className),
       optixFlowConfig,
       // Provide icon and image components for rich marker panels
       IconComponent: DynamicIcon,
@@ -16653,13 +16653,13 @@ function ContactMap({
               "div",
               {
                 className: cn(
-                  // Strict height containment to prevent MapLibre canvas expansion
-                  "relative overflow-hidden",
+                  // Allow map panels to overflow outside container
+                  "relative",
                   mapColumnClassName
                 ),
                 style: {
-                  height: "520px",
-                  maxHeight: "90vh"
+                  // Explicitly allow overflow for marker panels
+                  overflow: "visible"
                 },
                 children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps })
               }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensite/ui",
-  "version": "2.9.6",
+  "version": "2.9.7",
   "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
   "keywords": [
     "react",
@@ -3413,7 +3413,7 @@
     "@page-speed/icon": "0.1.2",
     "@page-speed/img": "0.4.6",
     "@page-speed/lightbox": "0.2.1",
-    "@page-speed/maps": "0.1.8",
+    "@page-speed/maps": "0.1.9",
     "@page-speed/pdf-viewer": "0.1.9",
     "@page-speed/social-share": "0.0.5",
     "@radix-ui/react-accordion": "^1.2.12",