@opensite/ui 2.9.5 → 2.9.7

package/dist/contact-map.cjs

@@ -524,27 +524,19 @@ 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]",
       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,
       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
+                  // Allow map panels to overflow outside container
+                  "relative",
                   mapColumnClassName
                 ),
+                style: {
+                  // Explicitly allow overflow for marker panels
+                  overflow: "visible"
+                },
                 children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps })
               }
             )

package/dist/contact-map.js

@@ -503,27 +503,19 @@ 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]",
       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,
       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
+                  // Allow map panels to overflow outside container
+                  "relative",
                   mapColumnClassName
                 ),
+                style: {
+                  // Explicitly allow overflow for marker panels
+                  overflow: "visible"
+                },
                 children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps })
               }
             )

package/dist/registry.cjs

@@ -16634,27 +16634,19 @@ 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]",
       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,
       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
+                  // Allow map panels to overflow outside container
+                  "relative",
                   mapColumnClassName
                 ),
+                style: {
+                  // Explicitly allow overflow for marker panels
+                  overflow: "visible"
+                },
                 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,27 +16594,19 @@ 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]",
       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,
       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
+                  // Allow map panels to overflow outside container
+                  "relative",
                   mapColumnClassName
                 ),
+                style: {
+                  // Explicitly allow overflow for marker panels
+                  overflow: "visible"
+                },
                 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.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.7",
+    "@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",