@loafmarkets/ui 0.1.171 → 0.1.172

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.
package/dist/index.js CHANGED
@@ -8728,40 +8728,64 @@ 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
  ] }),
@@ -9328,12 +9352,34 @@ var TimelineLabel = styled9__default.default.span`
9328
9352
  font-size: 0.8rem;
9329
9353
  color: rgba(255,255,255,0.6);
9330
9354
  `;
9355
+ var TimelinePriceWrap = styled9__default.default.div`
9356
+ display: flex;
9357
+ align-items: center;
9358
+ gap: 0.5rem;
9359
+ flex-shrink: 0;
9360
+ `;
9331
9361
  var TimelinePrice = styled9__default.default.span`
9332
9362
  font-size: 0.85rem;
9333
9363
  font-weight: 600;
9334
9364
  color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
9335
9365
  font-variant-numeric: tabular-nums;
9336
9366
  `;
9367
+ var TimelineGain = styled9__default.default.span`
9368
+ font-size: 0.68rem;
9369
+ font-weight: 600;
9370
+ color: #4ade80;
9371
+ background: rgba(74,222,128,0.08);
9372
+ border: 1px solid rgba(74,222,128,0.15);
9373
+ padding: 1px 6px;
9374
+ border-radius: 4px;
9375
+ font-variant-numeric: tabular-nums;
9376
+ white-space: nowrap;
9377
+ `;
9378
+ var TimelineHoldPeriod = styled9__default.default.span`
9379
+ font-size: 0.68rem;
9380
+ color: rgba(255,255,255,0.25);
9381
+ font-weight: 400;
9382
+ `;
9337
9383
  var ComparableSalesTitle = styled9__default.default.div`
9338
9384
  font-size: 0.65rem;
9339
9385
  color: rgba(255,255,255,0.35);