@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.js CHANGED
@@ -8728,58 +8728,90 @@ function PropertyOverview({
8728
8728
  /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
8729
8729
  /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8730
8730
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8731
- /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Sold" }),
8732
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" })
8731
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Acquired" }),
8732
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" }) })
8733
8733
  ] })
8734
8734
  ] }),
8735
8735
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8736
8736
  /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1993" }),
8737
8737
  /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8738
8738
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8739
- /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Sold" }),
8740
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
8739
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8740
+ "Sold ",
8741
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "17 yrs" })
8742
+ ] }),
8743
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8744
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+1,563%" }),
8745
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
8746
+ ] })
8741
8747
  ] })
8742
8748
  ] }),
8743
8749
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8744
8750
  /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2006" }),
8745
8751
  /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8746
8752
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8747
- /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Sold" }),
8748
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
8753
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8754
+ "Sold ",
8755
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "13 yrs" })
8756
+ ] }),
8757
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8758
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+491%" }),
8759
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
8760
+ ] })
8749
8761
  ] })
8750
8762
  ] }),
8751
8763
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8752
8764
  /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2021" }),
8753
8765
  /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8754
8766
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8755
- /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Sold \u2014 COVID correction" }),
8756
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
8767
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8768
+ "Sold \u2014 COVID correction ",
8769
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
8770
+ ] }),
8771
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8772
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+16%" }),
8773
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
8774
+ ] })
8757
8775
  ] })
8758
8776
  ] }),
8759
8777
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: true, children: [
8760
8778
  /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2026" }),
8761
8779
  /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: true }),
8762
8780
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8763
- /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Loaf Offering" }),
8764
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8781
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8782
+ "Loaf Offering ",
8783
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "5 yrs" })
8784
+ ] }),
8785
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8786
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+105%" }),
8787
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8788
+ ] })
8765
8789
  ] })
8766
8790
  ] })
8767
8791
  ] }),
8768
8792
  /* @__PURE__ */ jsxRuntime.jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8769
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8770
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "200A Raglan St, Mosman" }),
8771
- /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
8772
- "$16.07M ",
8773
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.7rem", color: "rgba(255,255,255,0.3)", fontWeight: 400 }, children: "Mar 2022" })
8793
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8794
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8795
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "200A Raglan St, Mosman" }),
8796
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8797
+ "$16.07M ",
8798
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Mar 2022" })
8799
+ ] })
8800
+ ] }),
8801
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8802
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $10.12M" }),
8803
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "Sep 2016" }),
8804
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+59%" }),
8805
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 6 yrs" })
8774
8806
  ] })
8775
8807
  ] }),
8776
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8777
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "7 Bradleys Head Rd, Mosman" }),
8778
- /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
8808
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8809
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8810
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8779
8811
  "$27.96M ",
8780
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.7rem", color: "rgba(255,255,255,0.3)", fontWeight: 400 }, children: "Aug 2024" })
8812
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Aug 2024" })
8781
8813
  ] })
8782
- ] })
8814
+ ] }) })
8783
8815
  ] }),
8784
8816
  /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8785
8817
  /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
@@ -9328,12 +9360,34 @@ var TimelineLabel = styled9__default.default.span`
9328
9360
  font-size: 0.8rem;
9329
9361
  color: rgba(255,255,255,0.6);
9330
9362
  `;
9363
+ var TimelinePriceWrap = styled9__default.default.div`
9364
+ display: flex;
9365
+ align-items: center;
9366
+ gap: 0.5rem;
9367
+ flex-shrink: 0;
9368
+ `;
9331
9369
  var TimelinePrice = styled9__default.default.span`
9332
9370
  font-size: 0.85rem;
9333
9371
  font-weight: 600;
9334
9372
  color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
9335
9373
  font-variant-numeric: tabular-nums;
9336
9374
  `;
9375
+ var TimelineGain = styled9__default.default.span`
9376
+ font-size: 0.68rem;
9377
+ font-weight: 600;
9378
+ color: #4ade80;
9379
+ background: rgba(74,222,128,0.08);
9380
+ border: 1px solid rgba(74,222,128,0.15);
9381
+ padding: 1px 6px;
9382
+ border-radius: 4px;
9383
+ font-variant-numeric: tabular-nums;
9384
+ white-space: nowrap;
9385
+ `;
9386
+ var TimelineHoldPeriod = styled9__default.default.span`
9387
+ font-size: 0.68rem;
9388
+ color: rgba(255,255,255,0.25);
9389
+ font-weight: 400;
9390
+ `;
9337
9391
  var ComparableSalesTitle = styled9__default.default.div`
9338
9392
  font-size: 0.65rem;
9339
9393
  color: rgba(255,255,255,0.35);
@@ -9345,6 +9399,48 @@ var ComparableSalesTitle = styled9__default.default.div`
9345
9399
  padding-bottom: 0.5rem;
9346
9400
  border-top: 1px solid rgba(255,255,255,0.04);
9347
9401
  `;
9402
+ var CompSaleCard = styled9__default.default.div`
9403
+ padding: 0.6rem 0;
9404
+ border-bottom: 1px solid rgba(255,255,255,0.03);
9405
+ &:last-child { border-bottom: none; }
9406
+ `;
9407
+ var CompSaleHeader = styled9__default.default.div`
9408
+ display: flex;
9409
+ justify-content: space-between;
9410
+ align-items: center;
9411
+ gap: 0.5rem;
9412
+ `;
9413
+ var CompSaleAddress = styled9__default.default.span`
9414
+ font-size: 0.82rem;
9415
+ color: rgba(255,255,255,0.6);
9416
+ `;
9417
+ var CompSalePrice = styled9__default.default.span`
9418
+ font-size: 0.85rem;
9419
+ font-weight: 600;
9420
+ color: #fff;
9421
+ font-variant-numeric: tabular-nums;
9422
+ display: flex;
9423
+ align-items: center;
9424
+ gap: 0.4rem;
9425
+ flex-shrink: 0;
9426
+ `;
9427
+ var CompSaleDate = styled9__default.default.span`
9428
+ font-size: 0.7rem;
9429
+ color: rgba(255,255,255,0.3);
9430
+ font-weight: 400;
9431
+ `;
9432
+ var CompSalePrior = styled9__default.default.div`
9433
+ display: flex;
9434
+ align-items: center;
9435
+ gap: 0.4rem;
9436
+ margin-top: 0.3rem;
9437
+ font-size: 0.72rem;
9438
+ color: rgba(255,255,255,0.35);
9439
+ `;
9440
+ var CompSalePriorDate = styled9__default.default.span`
9441
+ font-size: 0.68rem;
9442
+ color: rgba(255,255,255,0.25);
9443
+ `;
9348
9444
  var AssetFeatureRow = styled9__default.default.div`
9349
9445
  display: flex;
9350
9446
  flex-wrap: wrap;