@opensite/ui 2.9.3 → 2.9.5

package/dist/contact-map.cjs

@@ -524,9 +524,18 @@ 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 {
-      mapWrapperClassName: "h-full min-h-[420px] md:min-h-[520px]",
+      // 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),
@@ -535,7 +544,7 @@ function ContactMap({
       IconComponent: DynamicIcon,
       ImgComponent: img.Img
     };
-  }, [mapClassName, mapProps, optixFlowConfig]);
+  }, [isInIframe, mapClassName, mapProps, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -578,7 +587,20 @@ function ContactMap({
               ] }),
               renderForm
             ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full", mapColumnClassName), children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps }) })
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "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
+                  mapColumnClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps })
+              }
+            )
           ]
         }
       )

package/dist/contact-map.js

@@ -503,9 +503,18 @@ 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 {
-      mapWrapperClassName: "h-full min-h-[420px] md:min-h-[520px]",
+      // 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),
@@ -514,7 +523,7 @@ function ContactMap({
       IconComponent: DynamicIcon,
       ImgComponent: Img
     };
-  }, [mapClassName, mapProps, optixFlowConfig]);
+  }, [isInIframe, mapClassName, mapProps, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -557,7 +566,20 @@ function ContactMap({
               ] }),
               renderForm
             ] }) }),
-            /* @__PURE__ */ jsx("div", { className: cn("h-full", mapColumnClassName), children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps }) })
+            /* @__PURE__ */ jsx(
+              "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
+                  mapColumnClassName
+                ),
+                children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps })
+              }
+            )
           ]
         }
       )

package/dist/registry.cjs

@@ -16634,9 +16634,18 @@ 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 {
-      mapWrapperClassName: "h-full min-h-[420px] md:min-h-[520px]",
+      // 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),
@@ -16645,7 +16654,7 @@ function ContactMap({
       IconComponent: DynamicIcon,
       ImgComponent: img.Img
     };
-  }, [mapClassName, mapProps, optixFlowConfig]);
+  }, [isInIframe, mapClassName, mapProps, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -16688,7 +16697,20 @@ function ContactMap({
               ] }),
               renderForm
             ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full", mapColumnClassName), children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps }) })
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "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
+                  mapColumnClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(maps.GeoMap, { ...resolvedMapProps })
+              }
+            )
           ]
         }
       )
@@ -47243,7 +47265,7 @@ function TestimonialsParallaxNumber({
               ) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 py-6 md:py-12 pl-4 md:pl-16", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
+              companyName ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.div,
                 {
                   initial: { opacity: 0, x: -20 },
@@ -47254,12 +47276,12 @@ function TestimonialsParallaxNumber({
                   children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm", children: companyName })
                 },
                 activeIndex
-              ) }),
+              ) }) : null,
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mb-12 min-h-[140px]", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.blockquote,
                 {
                   className: cn(
-                    "text-2xl md:text-4xl lg:text-5xl",
+                    "text-2xl md:text-3xl lg:text-4xl xl:text-5xl",
                     "font-light leading-[1.15] tracking-tight",
                     quoteClassName
                   ),

package/dist/registry.js

@@ -16594,9 +16594,18 @@ 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 {
-      mapWrapperClassName: "h-full min-h-[420px] md:min-h-[520px]",
+      // 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),
@@ -16605,7 +16614,7 @@ function ContactMap({
       IconComponent: DynamicIcon,
       ImgComponent: Img
     };
-  }, [mapClassName, mapProps, optixFlowConfig]);
+  }, [isInIframe, mapClassName, mapProps, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -16648,7 +16657,20 @@ function ContactMap({
               ] }),
               renderForm
             ] }) }),
-            /* @__PURE__ */ jsx("div", { className: cn("h-full", mapColumnClassName), children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps }) })
+            /* @__PURE__ */ jsx(
+              "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
+                  mapColumnClassName
+                ),
+                children: /* @__PURE__ */ jsx(GeoMap, { ...resolvedMapProps })
+              }
+            )
           ]
         }
       )
@@ -47203,7 +47225,7 @@ function TestimonialsParallaxNumber({
               ) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1 py-6 md:py-12 pl-4 md:pl-16", children: [
-              /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+              companyName ? /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
                 motion.div,
                 {
                   initial: { opacity: 0, x: -20 },
@@ -47214,12 +47236,12 @@ function TestimonialsParallaxNumber({
                   children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm", children: companyName })
                 },
                 activeIndex
-              ) }),
+              ) }) : null,
               /* @__PURE__ */ jsx("div", { className: "relative mb-12 min-h-[140px]", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
                 motion.blockquote,
                 {
                   className: cn(
-                    "text-2xl md:text-4xl lg:text-5xl",
+                    "text-2xl md:text-3xl lg:text-4xl xl:text-5xl",
                     "font-light leading-[1.15] tracking-tight",
                     quoteClassName
                   ),

package/dist/testimonials-parallax-number.cjs

@@ -992,7 +992,7 @@ function TestimonialsParallaxNumber({
               ) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 py-6 md:py-12 pl-4 md:pl-16", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
+              companyName ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.div,
                 {
                   initial: { opacity: 0, x: -20 },
@@ -1003,12 +1003,12 @@ function TestimonialsParallaxNumber({
                   children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm", children: companyName })
                 },
                 activeIndex
-              ) }),
+              ) }) : null,
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mb-12 min-h-[140px]", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.blockquote,
                 {
                   className: cn(
-                    "text-2xl md:text-4xl lg:text-5xl",
+                    "text-2xl md:text-3xl lg:text-4xl xl:text-5xl",
                     "font-light leading-[1.15] tracking-tight",
                     quoteClassName
                   ),

package/dist/testimonials-parallax-number.js

@@ -971,7 +971,7 @@ function TestimonialsParallaxNumber({
               ) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1 py-6 md:py-12 pl-4 md:pl-16", children: [
-              /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+              companyName ? /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
                 motion.div,
                 {
                   initial: { opacity: 0, x: -20 },
@@ -982,12 +982,12 @@ function TestimonialsParallaxNumber({
                   children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm", children: companyName })
                 },
                 activeIndex
-              ) }),
+              ) }) : null,
               /* @__PURE__ */ jsx("div", { className: "relative mb-12 min-h-[140px]", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
                 motion.blockquote,
                 {
                   className: cn(
-                    "text-2xl md:text-4xl lg:text-5xl",
+                    "text-2xl md:text-3xl lg:text-4xl xl:text-5xl",
                     "font-light leading-[1.15] tracking-tight",
                     quoteClassName
                   ),

package/package.json

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