@loafmarkets/ui 0.1.224 → 0.1.226

package/dist/index.js

@@ -8090,33 +8090,33 @@ function GalleryMapSection({
             tabIndex: -1
           }
         )
+      ] })
+    ] }),
+    !hideMap && /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfilePanel, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfileTitle, { children: [
+        "Suburb Profile (",
+        propertyLocation.split(",")[0]?.trim() || propertyLocation,
+        ")"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfile, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfileTitle, { children: [
-          "Suburb Profile (",
-          propertyLocation.split(",")[0]?.trim() || propertyLocation,
-          ")"
+      /* @__PURE__ */ jsxRuntime.jsxs(SuburbStatsGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Median House Price" }),
+          /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "$5.5M" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(SuburbStatsGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Median House Price" }),
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "$5.5M" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "5yr Growth" }),
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "+42%" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Suburb Rank" }),
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "Top 1%" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Avg. Days on Market" }),
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "28" })
-          ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "5yr Growth" }),
+          /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "+42%" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(SuburbDesc, { children: "One of Sydney's most prestigious harbourside suburbs, consistently ranked among Australia's highest-value residential markets. Strong capital growth driven by limited supply, heritage conservation overlays, and international buyer demand." })
-      ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Suburb Rank" }),
+          /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "Top 1%" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Avg. Days on Market" }),
+          /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "28" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(SuburbDesc, { children: "One of Sydney's most prestigious harbourside suburbs, consistently ranked among Australia's highest-value residential markets. Strong capital growth driven by limited supply, heritage conservation overlays, and international buyer demand." })
     ] }),
     showFullMap && !hideMap && /* @__PURE__ */ jsxRuntime.jsx(FullMapPopup, { onClose: () => setShowFullMap(false), mapUrl: resolvedMapUrl })
   ] });
@@ -8296,10 +8296,8 @@ var MapFrame = styled9__default.default.div`
 var IframeShield = styled9__default.default.div`
   position: absolute; inset: 0; z-index: 1; cursor: pointer;
 `;
-var SuburbProfile = styled9__default.default.div`
-  margin-top: 1rem;
-  padding-top: 0.85rem;
-  border-top: 1px solid rgba(255,255,255,0.06);
+var SuburbProfilePanel = styled9__default.default(PanelBase)`
+  padding: 1.5rem;
 `;
 var SuburbProfileTitle = styled9__default.default.div`
   font-size: 0.65rem;
@@ -8717,18 +8715,25 @@ function PropertyOverview({
       /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "The Asset" }),
       galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(GallerySpecRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(GallerySpecLeft, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            GalleryMapSection,
-            {
-              images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
-              categories: galleryCategories2,
-              propertyLocation: location,
-              videoUrl,
-              tokenName,
-              onPhotoClick: onPhotosClick,
-              hideMap: true
-            }
-          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(GallerySpecLeft, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              GalleryMapSection,
+              {
+                images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
+                categories: galleryCategories2,
+                propertyLocation: location,
+                videoUrl,
+                tokenName,
+                onPhotoClick: onPhotosClick,
+                hideMap: true
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(FeaturesPanel, { children: features.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(AssetFeatureItem, { children: [
+              item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
+              item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
+              /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
+            ] }, i)) })
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
             /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
@@ -8769,11 +8774,6 @@ function PropertyOverview({
               /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
               /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureRow, { children: features.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(AssetFeatureItem, { children: [
-              item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
-              item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
-              /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
-            ] }, i)) }),
             /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
             /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
@@ -9948,7 +9948,18 @@ styled9__default.default.span`
   text-align: right;
   color: ${(p) => p.$status === "listed" ? "#D4AF37" : "rgba(255,255,255,0.25)"};
 `;
-var AssetFeatureRow = styled9__default.default.div`
+var FeaturesPanel = styled9__default.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem 1.5rem;
+  margin-top: 1.25rem;
+  background: #111111;
+  border: 1px solid rgba(255,255,255,0.1);
+  border-radius: 12px;
+  padding: 1rem 1.25rem;
+  justify-content: center;
+`;
+styled9__default.default.div`
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem 1.25rem;