@loafmarkets/ui 0.1.172 → 0.1.173

package/dist/index.js

@@ -8790,20 +8790,28 @@ function PropertyOverview({
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "200A Raglan St, Mosman" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
-              "$16.07M ",
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.7rem", color: "rgba(255,255,255,0.3)", fontWeight: 400 }, children: "Mar 2022" })
+          /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "200A Raglan St, Mosman" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
+                "$16.07M ",
+                /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Mar 2022" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $10.12M" }),
+              /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "Sep 2016" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+59%" }),
+              /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 6 yrs" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "7 Bradleys Head Rd, Mosman" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CompSaleCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
               "$27.96M ",
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.7rem", color: "rgba(255,255,255,0.3)", fontWeight: 400 }, children: "Aug 2024" })
+              /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Aug 2024" })
             ] })
-          ] })
+          ] }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
@@ -9391,6 +9399,48 @@ var ComparableSalesTitle = styled9__default.default.div`
   padding-bottom: 0.5rem;
   border-top: 1px solid rgba(255,255,255,0.04);
 `;
+var CompSaleCard = styled9__default.default.div`
+  padding: 0.6rem 0;
+  border-bottom: 1px solid rgba(255,255,255,0.03);
+  &:last-child { border-bottom: none; }
+`;
+var CompSaleHeader = styled9__default.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0.5rem;
+`;
+var CompSaleAddress = styled9__default.default.span`
+  font-size: 0.82rem;
+  color: rgba(255,255,255,0.6);
+`;
+var CompSalePrice = styled9__default.default.span`
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: #fff;
+  font-variant-numeric: tabular-nums;
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  flex-shrink: 0;
+`;
+var CompSaleDate = styled9__default.default.span`
+  font-size: 0.7rem;
+  color: rgba(255,255,255,0.3);
+  font-weight: 400;
+`;
+var CompSalePrior = styled9__default.default.div`
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  margin-top: 0.3rem;
+  font-size: 0.72rem;
+  color: rgba(255,255,255,0.35);
+`;
+var CompSalePriorDate = styled9__default.default.span`
+  font-size: 0.68rem;
+  color: rgba(255,255,255,0.25);
+`;
 var AssetFeatureRow = styled9__default.default.div`
   display: flex;
   flex-wrap: wrap;