@loafmarkets/ui 0.1.171 → 0.1.173

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +116 -20
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +116 -20
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -8702,58 +8702,90 @@ function PropertyOverview({
8702
8702
  /* @__PURE__ */ jsx(TimelineYear, { children: "1976" }),
8703
8703
  /* @__PURE__ */ jsx(TimelineDot, {}),
8704
8704
  /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8705
- /* @__PURE__ */ jsx(TimelineLabel, { children: "Sold" }),
8706
- /* @__PURE__ */ jsx(TimelinePrice, { children: "\xA340,000" })
8705
+ /* @__PURE__ */ jsx(TimelineLabel, { children: "Acquired" }),
8706
+ /* @__PURE__ */ jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsx(TimelinePrice, { children: "\xA340,000" }) })
8707
8707
  ] })
8708
8708
  ] }),
8709
8709
  /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8710
8710
  /* @__PURE__ */ jsx(TimelineYear, { children: "1993" }),
8711
8711
  /* @__PURE__ */ jsx(TimelineDot, {}),
8712
8712
  /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8713
- /* @__PURE__ */ jsx(TimelineLabel, { children: "Sold" }),
8714
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$1.33M" })
8713
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8714
+ "Sold ",
8715
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "17 yrs" })
8716
+ ] }),
8717
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8718
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+1,563%" }),
8719
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$1.33M" })
8720
+ ] })
8715
8721
  ] })
8716
8722
  ] }),
8717
8723
  /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8718
8724
  /* @__PURE__ */ jsx(TimelineYear, { children: "2006" }),
8719
8725
  /* @__PURE__ */ jsx(TimelineDot, {}),
8720
8726
  /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8721
- /* @__PURE__ */ jsx(TimelineLabel, { children: "Sold" }),
8722
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$7.86M" })
8727
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8728
+ "Sold ",
8729
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "13 yrs" })
8730
+ ] }),
8731
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8732
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+491%" }),
8733
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$7.86M" })
8734
+ ] })
8723
8735
  ] })
8724
8736
  ] }),
8725
8737
  /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8726
8738
  /* @__PURE__ */ jsx(TimelineYear, { children: "2021" }),
8727
8739
  /* @__PURE__ */ jsx(TimelineDot, {}),
8728
8740
  /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8729
- /* @__PURE__ */ jsx(TimelineLabel, { children: "Sold \u2014 COVID correction" }),
8730
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$9.09M" })
8741
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8742
+ "Sold \u2014 COVID correction ",
8743
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "15 yrs" })
8744
+ ] }),
8745
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8746
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+16%" }),
8747
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$9.09M" })
8748
+ ] })
8731
8749
  ] })
8732
8750
  ] }),
8733
8751
  /* @__PURE__ */ jsxs(TimelineEntry, { $last: true, children: [
8734
8752
  /* @__PURE__ */ jsx(TimelineYear, { children: "2026" }),
8735
8753
  /* @__PURE__ */ jsx(TimelineDot, { $active: true }),
8736
8754
  /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8737
- /* @__PURE__ */ jsx(TimelineLabel, { children: "Loaf Offering" }),
8738
- /* @__PURE__ */ jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8755
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8756
+ "Loaf Offering ",
8757
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "5 yrs" })
8758
+ ] }),
8759
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8760
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+105%" }),
8761
+ /* @__PURE__ */ jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8762
+ ] })
8739
8763
  ] })
8740
8764
  ] })
8741
8765
  ] }),
8742
8766
  /* @__PURE__ */ jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8743
- /* @__PURE__ */ jsxs(StatRow, { children: [
8744
- /* @__PURE__ */ jsx(StatLabel, { children: "200A Raglan St, Mosman" }),
8745
- /* @__PURE__ */ jsxs(StatValue, { children: [
8746
- "$16.07M ",
8747
- /* @__PURE__ */ jsx("span", { style: { fontSize: "0.7rem", color: "rgba(255,255,255,0.3)", fontWeight: 400 }, children: "Mar 2022" })
8767
+ /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8768
+ /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8769
+ /* @__PURE__ */ jsx(CompSaleAddress, { children: "200A Raglan St, Mosman" }),
8770
+ /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8771
+ "$16.07M ",
8772
+ /* @__PURE__ */ jsx(CompSaleDate, { children: "Mar 2022" })
8773
+ ] })
8774
+ ] }),
8775
+ /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8776
+ /* @__PURE__ */ jsx("span", { children: "Previously sold $10.12M" }),
8777
+ /* @__PURE__ */ jsx(CompSalePriorDate, { children: "Sep 2016" }),
8778
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+59%" }),
8779
+ /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 6 yrs" })
8748
8780
  ] })
8749
8781
  ] }),
8750
- /* @__PURE__ */ jsxs(StatRow, { children: [
8751
- /* @__PURE__ */ jsx(StatLabel, { children: "7 Bradleys Head Rd, Mosman" }),
8752
- /* @__PURE__ */ jsxs(StatValue, { children: [
8782
+ /* @__PURE__ */ jsx(CompSaleCard, { children: /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8783
+ /* @__PURE__ */ jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8784
+ /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8753
8785
  "$27.96M ",
8754
- /* @__PURE__ */ jsx("span", { style: { fontSize: "0.7rem", color: "rgba(255,255,255,0.3)", fontWeight: 400 }, children: "Aug 2024" })
8786
+ /* @__PURE__ */ jsx(CompSaleDate, { children: "Aug 2024" })
8755
8787
  ] })
8756
- ] })
8788
+ ] }) })
8757
8789
  ] }),
8758
8790
  /* @__PURE__ */ jsxs(StatsColumn, { children: [
8759
8791
  /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Asset Specification" }),
@@ -9302,12 +9334,34 @@ var TimelineLabel = styled9.span`
9302
9334
  font-size: 0.8rem;
9303
9335
  color: rgba(255,255,255,0.6);
9304
9336
  `;
9337
+ var TimelinePriceWrap = styled9.div`
9338
+ display: flex;
9339
+ align-items: center;
9340
+ gap: 0.5rem;
9341
+ flex-shrink: 0;
9342
+ `;
9305
9343
  var TimelinePrice = styled9.span`
9306
9344
  font-size: 0.85rem;
9307
9345
  font-weight: 600;
9308
9346
  color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
9309
9347
  font-variant-numeric: tabular-nums;
9310
9348
  `;
9349
+ var TimelineGain = styled9.span`
9350
+ font-size: 0.68rem;
9351
+ font-weight: 600;
9352
+ color: #4ade80;
9353
+ background: rgba(74,222,128,0.08);
9354
+ border: 1px solid rgba(74,222,128,0.15);
9355
+ padding: 1px 6px;
9356
+ border-radius: 4px;
9357
+ font-variant-numeric: tabular-nums;
9358
+ white-space: nowrap;
9359
+ `;
9360
+ var TimelineHoldPeriod = styled9.span`
9361
+ font-size: 0.68rem;
9362
+ color: rgba(255,255,255,0.25);
9363
+ font-weight: 400;
9364
+ `;
9311
9365
  var ComparableSalesTitle = styled9.div`
9312
9366
  font-size: 0.65rem;
9313
9367
  color: rgba(255,255,255,0.35);
@@ -9319,6 +9373,48 @@ var ComparableSalesTitle = styled9.div`
9319
9373
  padding-bottom: 0.5rem;
9320
9374
  border-top: 1px solid rgba(255,255,255,0.04);
9321
9375
  `;
9376
+ var CompSaleCard = styled9.div`
9377
+ padding: 0.6rem 0;
9378
+ border-bottom: 1px solid rgba(255,255,255,0.03);
9379
+ &:last-child { border-bottom: none; }
9380
+ `;
9381
+ var CompSaleHeader = styled9.div`
9382
+ display: flex;
9383
+ justify-content: space-between;
9384
+ align-items: center;
9385
+ gap: 0.5rem;
9386
+ `;
9387
+ var CompSaleAddress = styled9.span`
9388
+ font-size: 0.82rem;
9389
+ color: rgba(255,255,255,0.6);
9390
+ `;
9391
+ var CompSalePrice = styled9.span`
9392
+ font-size: 0.85rem;
9393
+ font-weight: 600;
9394
+ color: #fff;
9395
+ font-variant-numeric: tabular-nums;
9396
+ display: flex;
9397
+ align-items: center;
9398
+ gap: 0.4rem;
9399
+ flex-shrink: 0;
9400
+ `;
9401
+ var CompSaleDate = styled9.span`
9402
+ font-size: 0.7rem;
9403
+ color: rgba(255,255,255,0.3);
9404
+ font-weight: 400;
9405
+ `;
9406
+ var CompSalePrior = styled9.div`
9407
+ display: flex;
9408
+ align-items: center;
9409
+ gap: 0.4rem;
9410
+ margin-top: 0.3rem;
9411
+ font-size: 0.72rem;
9412
+ color: rgba(255,255,255,0.35);
9413
+ `;
9414
+ var CompSalePriorDate = styled9.span`
9415
+ font-size: 0.68rem;
9416
+ color: rgba(255,255,255,0.25);
9417
+ `;
9322
9418
  var AssetFeatureRow = styled9.div`
9323
9419
  display: flex;
9324
9420
  flex-wrap: wrap;