@loafmarkets/ui 0.1.152 → 0.1.153

package/dist/index.mjs

@@ -8055,13 +8055,38 @@ function GalleryMapSection({
             src: resolvedMapUrl,
             width: "100%",
             height: "100%",
-            style: { border: 0, minHeight: 500, pointerEvents: "auto" },
+            style: { border: 0, minHeight: 380, pointerEvents: "auto" },
             allow: "autoplay; fullscreen; web-share; xr-spatial-tracking;",
             title: "Property Location",
             referrerPolicy: "unsafe-url",
             tabIndex: -1
           }
         )
+      ] }),
+      /* @__PURE__ */ jsxs(SuburbProfile, { children: [
+        /* @__PURE__ */ jsxs(SuburbProfileTitle, { children: [
+          "Suburb Profile \u2014 ",
+          propertyLocation.split(",")[0]?.trim() || propertyLocation
+        ] }),
+        /* @__PURE__ */ jsxs(SuburbStatsGrid, { children: [
+          /* @__PURE__ */ jsxs(SuburbStat, { children: [
+            /* @__PURE__ */ jsx(SuburbStatLabel, { children: "Median House Price" }),
+            /* @__PURE__ */ jsx(SuburbStatValue, { children: "$6.2M" })
+          ] }),
+          /* @__PURE__ */ jsxs(SuburbStat, { children: [
+            /* @__PURE__ */ jsx(SuburbStatLabel, { children: "5yr Growth" }),
+            /* @__PURE__ */ jsx(SuburbStatValue, { children: "+42%" })
+          ] }),
+          /* @__PURE__ */ jsxs(SuburbStat, { children: [
+            /* @__PURE__ */ jsx(SuburbStatLabel, { children: "Rental Yield" }),
+            /* @__PURE__ */ jsx(SuburbStatValue, { children: "2.1%" })
+          ] }),
+          /* @__PURE__ */ jsxs(SuburbStat, { children: [
+            /* @__PURE__ */ jsx(SuburbStatLabel, { children: "Population" }),
+            /* @__PURE__ */ jsx(SuburbStatValue, { children: "30,200" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(SuburbDesc, { children: "Premium harbourside suburb on Sydney's Lower North Shore. Known for heritage homes, village atmosphere, and proximity to Taronga Zoo and Balmoral Beach." })
       ] })
     ] }),
     showFullMap && /* @__PURE__ */ jsx(FullMapPopup, { onClose: () => setShowFullMap(false) })
@@ -8214,11 +8239,55 @@ var MapPanel = styled9(PanelBase)`
   min-width: 0; overflow: hidden;
 `;
 var MapFrame = styled9.div`
-  flex: 1; border-radius: 6px; overflow: hidden; min-height: 500px; position: relative;
+  flex: 1; border-radius: 6px; overflow: hidden; min-height: 380px; position: relative;
 `;
 var IframeShield = styled9.div`
   position: absolute; inset: 0; z-index: 1; cursor: pointer;
 `;
+var SuburbProfile = styled9.div`
+  margin-top: 1rem;
+  padding-top: 0.85rem;
+  border-top: 1px solid rgba(255,255,255,0.06);
+`;
+var SuburbProfileTitle = styled9.div`
+  font-size: 0.65rem;
+  color: #D4AF37;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-weight: 600;
+  margin-bottom: 0.75rem;
+`;
+var SuburbStatsGrid = styled9.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.5rem;
+  margin-bottom: 0.75rem;
+`;
+var SuburbStat = styled9.div`
+  background: rgba(255,255,255,0.03);
+  border-radius: 6px;
+  padding: 0.5rem 0.65rem;
+  border: 1px solid rgba(255,255,255,0.04);
+`;
+var SuburbStatLabel = styled9.div`
+  font-size: 0.6rem;
+  color: rgba(255,255,255,0.4);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  margin-bottom: 0.2rem;
+`;
+var SuburbStatValue = styled9.div`
+  font-size: 0.9rem;
+  font-weight: 600;
+  color: #fff;
+  font-variant-numeric: tabular-nums;
+`;
+var SuburbDesc = styled9.p`
+  margin: 0;
+  font-size: 0.75rem;
+  color: rgba(255,255,255,0.45);
+  line-height: 1.5;
+`;
 var MapHeaderRight = styled9.div`
   display: flex;
   align-items: center;