@loafmarkets/ui 0.1.178 → 0.1.180

package/dist/index.js

@@ -8561,7 +8561,8 @@ function PropertyOverview({
   const tokenMarketCap = tokenPriceValue && resolvedTokensIssued ? tokenPriceValue * resolvedTokensIssued : null;
   const currentDividendYield = tokenMarketCap && monthlyCoupon > 0 ? (monthlyCoupon * 12 / tokenMarketCap * 100).toFixed(2) : null;
   const loadingSkeleton = /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 90, height: 18 });
-  const resolvedPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
+  const rawPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
+  const resolvedPropertyType = rawPropertyType === "House" ? "Residential" : rawPropertyType;
   const galleryImages = images ?? [];
   const chainValue = /* @__PURE__ */ jsxRuntime.jsxs(ChainLogos, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ChainLogoImg, { src: "/Base-Symbol.png", alt: "Base" }),
@@ -8820,7 +8821,41 @@ function PropertyOverview({
               /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+617%" }),
               /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 11 yrs" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "2,592 sqm" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,592 sqm" }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(PeerEstatesTitle, { children: "Heritage Peer Group \u2014 Mosman" }),
+          /* @__PURE__ */ jsxRuntime.jsx(PeerEstatesDesc, { children: "Musgrave is among a handful of pre-Federation harbour estates that define Mosman's top tier. None of its peers have transacted publicly in recent years." }),
+          /* @__PURE__ */ jsxRuntime.jsxs(PeerEstatesTable, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(PeerEstateRow, { $active: true, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateName, { children: "Musgrave" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateYear, { children: "c.1880" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateSale, { children: "2026" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateStatus, { $status: "listed", children: "Tokenized on Loaf" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(PeerEstateRow, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateName, { children: "Kirkoswald House" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateYear, { children: "c.1873" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateSale, { children: "Listed 2025" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateStatus, { $status: "off", children: "Off Market" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(PeerEstateRow, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateName, { children: "Balmoral House" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateYear, { children: "c.1906" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateSale, { children: "Sold 2017" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateStatus, { $status: "off", children: "Off Market \u2014 est. $40M+" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(PeerEstateRow, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateName, { children: "Glenmire" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateYear, { children: "c.1880s" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateSale, { children: "Sold 2015" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateStatus, { $status: "off", children: "Off Market" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(PeerEstateRow, { $last: true, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateName, { children: "Boronia House" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateYear, { children: "c.1885" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateSale, { children: "Not sold since 1952" }),
+              /* @__PURE__ */ jsxRuntime.jsx(PeerEstateStatus, { $status: "off", children: "Council-owned" })
+            ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
@@ -9451,6 +9486,65 @@ var CompSalePriorDate = styled9__default.default.span`
   font-size: 0.68rem;
   color: rgba(255,255,255,0.25);
 `;
+var PeerEstatesTitle = styled9__default.default.div`
+  font-size: 0.65rem;
+  color: rgba(255,255,255,0.35);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-weight: 500;
+  margin-top: 1rem;
+  padding-top: 0.75rem;
+  padding-bottom: 0.35rem;
+  border-top: 1px solid rgba(255,255,255,0.04);
+`;
+var PeerEstatesDesc = styled9__default.default.div`
+  font-size: 0.72rem;
+  color: rgba(255,255,255,0.3);
+  line-height: 1.5;
+  margin-bottom: 0.6rem;
+`;
+var PeerEstatesTable = styled9__default.default.div`
+  display: flex;
+  flex-direction: column;
+`;
+var PeerEstateRow = styled9__default.default.div`
+  display: grid;
+  grid-template-columns: 1fr 52px auto auto;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.45rem 0;
+  border-bottom: ${(p) => p.$last ? "none" : "1px solid rgba(255,255,255,0.03)"};
+  ${(p) => p.$active ? `
+    background: rgba(212,175,55,0.04);
+    margin: 0 -0.5rem;
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+    border-radius: 6px;
+  ` : ""}
+`;
+var PeerEstateName = styled9__default.default.span`
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: rgba(255,255,255,0.7);
+`;
+var PeerEstateYear = styled9__default.default.span`
+  font-size: 0.72rem;
+  color: rgba(255,255,255,0.3);
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+`;
+var PeerEstateSale = styled9__default.default.span`
+  font-size: 0.65rem;
+  color: rgba(255,255,255,0.2);
+  text-align: right;
+  white-space: nowrap;
+`;
+var PeerEstateStatus = styled9__default.default.span`
+  font-size: 0.68rem;
+  font-weight: 500;
+  text-align: right;
+  color: ${(p) => p.$status === "listed" ? "#D4AF37" : "rgba(255,255,255,0.25)"};
+`;
 var AssetFeatureRow = styled9__default.default.div`
   display: flex;
   flex-wrap: wrap;