@loafmarkets/ui 0.1.177 → 0.1.179

package/dist/index.mjs

@@ -8794,7 +8794,36 @@ function PropertyOverview({
               /* @__PURE__ */ jsx(TimelineGain, { children: "+617%" }),
               /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 11 yrs" })
             ] }),
-            /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "2,592 sqm" }) })
+            /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,592 sqm" }) })
+          ] }),
+          /* @__PURE__ */ jsx(PeerEstatesTitle, { children: "Heritage Peer Group \u2014 Mosman" }),
+          /* @__PURE__ */ 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__ */ jsxs(PeerEstatesTable, { children: [
+            /* @__PURE__ */ jsxs(PeerEstateRow, { $active: true, children: [
+              /* @__PURE__ */ jsx(PeerEstateName, { children: "Musgrave" }),
+              /* @__PURE__ */ jsx(PeerEstateYear, { children: "c.1880" }),
+              /* @__PURE__ */ jsx(PeerEstateStatus, { $status: "listed", children: "Tokenized on Loaf" })
+            ] }),
+            /* @__PURE__ */ jsxs(PeerEstateRow, { children: [
+              /* @__PURE__ */ jsx(PeerEstateName, { children: "Kirkoswald House" }),
+              /* @__PURE__ */ jsx(PeerEstateYear, { children: "c.1857" }),
+              /* @__PURE__ */ jsx(PeerEstateStatus, { $status: "off", children: "Off Market" })
+            ] }),
+            /* @__PURE__ */ jsxs(PeerEstateRow, { children: [
+              /* @__PURE__ */ jsx(PeerEstateName, { children: "Balmoral House" }),
+              /* @__PURE__ */ jsx(PeerEstateYear, { children: "c.1906" }),
+              /* @__PURE__ */ jsx(PeerEstateStatus, { $status: "off", children: "Off Market \u2014 est. $40M+" })
+            ] }),
+            /* @__PURE__ */ jsxs(PeerEstateRow, { children: [
+              /* @__PURE__ */ jsx(PeerEstateName, { children: "Glenmire" }),
+              /* @__PURE__ */ jsx(PeerEstateYear, { children: "c.1880s" }),
+              /* @__PURE__ */ jsx(PeerEstateStatus, { $status: "off", children: "Off Market" })
+            ] }),
+            /* @__PURE__ */ jsxs(PeerEstateRow, { $last: true, children: [
+              /* @__PURE__ */ jsx(PeerEstateName, { children: "Boronia House" }),
+              /* @__PURE__ */ jsx(PeerEstateYear, { children: "c.1885" }),
+              /* @__PURE__ */ jsx(PeerEstateStatus, { $status: "off", children: "Off Market" })
+            ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxs(StatsColumn, { children: [
@@ -8826,8 +8855,8 @@ function PropertyOverview({
             /* @__PURE__ */ jsx(StatValue, { style: { color: "#4ade80" }, children: "+12% vs non-heritage" })
           ] }),
           /* @__PURE__ */ jsxs(StatRow, { children: [
-            /* @__PURE__ */ jsx(StatLabel, { children: "Suburb Median" }),
-            /* @__PURE__ */ jsx(StatValue, { children: "$4.2M (Mosman)" })
+            /* @__PURE__ */ jsx(StatLabel, { children: "Suburb Median (6 Bed)" }),
+            /* @__PURE__ */ jsx(StatValue, { children: "$5.5M (Mosman)" })
           ] }),
           /* @__PURE__ */ jsxs(StatRow, { children: [
             /* @__PURE__ */ jsx(StatLabel, { children: "5yr Suburb Growth" }),
@@ -9425,6 +9454,59 @@ var CompSalePriorDate = styled9.span`
   font-size: 0.68rem;
   color: rgba(255,255,255,0.25);
 `;
+var PeerEstatesTitle = styled9.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.div`
+  font-size: 0.72rem;
+  color: rgba(255,255,255,0.3);
+  line-height: 1.5;
+  margin-bottom: 0.6rem;
+`;
+var PeerEstatesTable = styled9.div`
+  display: flex;
+  flex-direction: column;
+`;
+var PeerEstateRow = styled9.div`
+  display: grid;
+  grid-template-columns: 1fr 60px auto;
+  align-items: center;
+  gap: 0.5rem;
+  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.span`
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: rgba(255,255,255,0.7);
+`;
+var PeerEstateYear = styled9.span`
+  font-size: 0.72rem;
+  color: rgba(255,255,255,0.3);
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+`;
+var PeerEstateStatus = styled9.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.div`
   display: flex;
   flex-wrap: wrap;