@opensite/ui 2.9.5 → 2.9.6

package/dist/contact-map.cjs

@@ -524,18 +524,10 @@ function ContactMap({
       }
     );
   }, [formEngineSetup]);
-  const isInIframe = React4__namespace.useMemo(() => {
-    if (typeof window === "undefined") return false;
-    try {
-      return window.self !== window.top;
-    } catch {
-      return true;
-    }
-  }, []);
   const resolvedMapProps = React4__namespace.useMemo(() => {
     return {
-      // Use simpler height rules when in iframe to avoid resize loops
-      mapWrapperClassName: isInIframe ? "h-full min-h-[420px]" : "h-full min-h-[420px] md:min-h-[520px]",
+      // 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),
@@ -544,7 +536,7 @@ function ContactMap({
       IconComponent: DynamicIcon,
       ImgComponent: img.Img
     };
-  }, [isInIframe, mapClassName, mapProps, optixFlowConfig]);
+  }, [mapClassName, mapProps, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -591,13 +583,14 @@ function ContactMap({
               "div",
               {
                 className: cn(
-                  // Add overflow hidden and relative positioning to contain the map properly
-                  "relative h-full overflow-hidden",
-                  // In iframe contexts, ensure proper containment without fixed aspect ratios
-                  isInIframe && "min-h-0",
-                  // Allow flexible height but prevent infinite expansion
+                  // Strict height containment to prevent MapLibre canvas expansion
+                  "relative overflow-hidden",
                   mapColumnClassName
                 ),
+                style: {
+                  height: "520px",
+                  maxHeight: "90vh"
+                },
                 children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps })
               }
             )

package/dist/contact-map.js

@@ -503,18 +503,10 @@ function ContactMap({
       }
     );
   }, [formEngineSetup]);
-  const isInIframe = React4.useMemo(() => {
-    if (typeof window === "undefined") return false;
-    try {
-      return window.self !== window.top;
-    } catch {
-      return true;
-    }
-  }, []);
   const resolvedMapProps = React4.useMemo(() => {
     return {
-      // Use simpler height rules when in iframe to avoid resize loops
-      mapWrapperClassName: isInIframe ? "h-full min-h-[420px]" : "h-full min-h-[420px] md:min-h-[520px]",
+      // 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),
@@ -523,7 +515,7 @@ function ContactMap({
       IconComponent: DynamicIcon,
       ImgComponent: Img
     };
-  }, [isInIframe, mapClassName, mapProps, optixFlowConfig]);
+  }, [mapClassName, mapProps, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -570,13 +562,14 @@ function ContactMap({
               "div",
               {
                 className: cn(
-                  // Add overflow hidden and relative positioning to contain the map properly
-                  "relative h-full overflow-hidden",
-                  // In iframe contexts, ensure proper containment without fixed aspect ratios
-                  isInIframe && "min-h-0",
-                  // Allow flexible height but prevent infinite expansion
+                  // Strict height containment to prevent MapLibre canvas expansion
+                  "relative overflow-hidden",
                   mapColumnClassName
                 ),
+                style: {
+                  height: "520px",
+                  maxHeight: "90vh"
+                },
                 children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps })
               }
             )

package/dist/registry.cjs

@@ -16634,18 +16634,10 @@ function ContactMap({
       }
     );
   }, [formEngineSetup]);
-  const isInIframe = React32__namespace.useMemo(() => {
-    if (typeof window === "undefined") return false;
-    try {
-      return window.self !== window.top;
-    } catch {
-      return true;
-    }
-  }, []);
   const resolvedMapProps = React32__namespace.useMemo(() => {
     return {
-      // Use simpler height rules when in iframe to avoid resize loops
-      mapWrapperClassName: isInIframe ? "h-full min-h-[420px]" : "h-full min-h-[420px] md:min-h-[520px]",
+      // 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),
@@ -16654,7 +16646,7 @@ function ContactMap({
       IconComponent: DynamicIcon,
       ImgComponent: img.Img
     };
-  }, [isInIframe, mapClassName, mapProps, optixFlowConfig]);
+  }, [mapClassName, mapProps, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -16701,13 +16693,14 @@ function ContactMap({
               "div",
               {
                 className: cn(
-                  // Add overflow hidden and relative positioning to contain the map properly
-                  "relative h-full overflow-hidden",
-                  // In iframe contexts, ensure proper containment without fixed aspect ratios
-                  isInIframe && "min-h-0",
-                  // Allow flexible height but prevent infinite expansion
+                  // Strict height containment to prevent MapLibre canvas expansion
+                  "relative overflow-hidden",
                   mapColumnClassName
                 ),
+                style: {
+                  height: "520px",
+                  maxHeight: "90vh"
+                },
                 children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps })
               }
             )
@@ -47281,7 +47274,7 @@ function TestimonialsParallaxNumber({
                 framerMotion.motion.blockquote,
                 {
                   className: cn(
-                    "text-2xl md:text-3xl lg:text-4xl xl:text-5xl",
+                    "text-2xl md:text-3xl lg:text-4xl",
                     "font-light leading-[1.15] tracking-tight",
                     quoteClassName
                   ),

package/dist/registry.js

@@ -16594,18 +16594,10 @@ function ContactMap({
       }
     );
   }, [formEngineSetup]);
-  const isInIframe = React32.useMemo(() => {
-    if (typeof window === "undefined") return false;
-    try {
-      return window.self !== window.top;
-    } catch {
-      return true;
-    }
-  }, []);
   const resolvedMapProps = React32.useMemo(() => {
     return {
-      // Use simpler height rules when in iframe to avoid resize loops
-      mapWrapperClassName: isInIframe ? "h-full min-h-[420px]" : "h-full min-h-[420px] md:min-h-[520px]",
+      // 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),
@@ -16614,7 +16606,7 @@ function ContactMap({
       IconComponent: DynamicIcon,
       ImgComponent: Img
     };
-  }, [isInIframe, mapClassName, mapProps, optixFlowConfig]);
+  }, [mapClassName, mapProps, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -16661,13 +16653,14 @@ function ContactMap({
               "div",
               {
                 className: cn(
-                  // Add overflow hidden and relative positioning to contain the map properly
-                  "relative h-full overflow-hidden",
-                  // In iframe contexts, ensure proper containment without fixed aspect ratios
-                  isInIframe && "min-h-0",
-                  // Allow flexible height but prevent infinite expansion
+                  // Strict height containment to prevent MapLibre canvas expansion
+                  "relative overflow-hidden",
                   mapColumnClassName
                 ),
+                style: {
+                  height: "520px",
+                  maxHeight: "90vh"
+                },
                 children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps })
               }
             )
@@ -47241,7 +47234,7 @@ function TestimonialsParallaxNumber({
                 motion.blockquote,
                 {
                   className: cn(
-                    "text-2xl md:text-3xl lg:text-4xl xl:text-5xl",
+                    "text-2xl md:text-3xl lg:text-4xl",
                     "font-light leading-[1.15] tracking-tight",
                     quoteClassName
                   ),

package/dist/testimonials-parallax-number.cjs

@@ -1008,7 +1008,7 @@ function TestimonialsParallaxNumber({
                 framerMotion.motion.blockquote,
                 {
                   className: cn(
-                    "text-2xl md:text-3xl lg:text-4xl xl:text-5xl",
+                    "text-2xl md:text-3xl lg:text-4xl",
                     "font-light leading-[1.15] tracking-tight",
                     quoteClassName
                   ),

package/dist/testimonials-parallax-number.js

@@ -987,7 +987,7 @@ function TestimonialsParallaxNumber({
                 motion.blockquote,
                 {
                   className: cn(
-                    "text-2xl md:text-3xl lg:text-4xl xl:text-5xl",
+                    "text-2xl md:text-3xl lg:text-4xl",
                     "font-light leading-[1.15] tracking-tight",
                     quoteClassName
                   ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensite/ui",
-  "version": "2.9.5",
+  "version": "2.9.6",
   "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.7",
+    "@page-speed/maps": "0.1.8",
     "@page-speed/pdf-viewer": "0.1.9",
     "@page-speed/social-share": "0.0.5",
     "@radix-ui/react-accordion": "^1.2.12",