@loafmarkets/ui 0.1.222 → 0.1.224

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
@@ -8773,21 +8773,216 @@ function PropertyOverview({
8773
8773
  item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
8774
8774
  item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
8775
8775
  /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
8776
- ] }, i)) })
8776
+ ] }, i)) }),
8777
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
8778
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
8779
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8780
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1880s" }),
8781
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8782
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8783
+ ] }),
8784
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8785
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
8786
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8787
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8788
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Acquired" }),
8789
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" }) })
8790
+ ] })
8791
+ ] }),
8792
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8793
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1993" }),
8794
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8795
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8796
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8797
+ "Sold ",
8798
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "17 yrs" })
8799
+ ] }),
8800
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8801
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+1,563%" }),
8802
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
8803
+ ] })
8804
+ ] })
8805
+ ] }),
8806
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8807
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2006" }),
8808
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8809
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8810
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8811
+ "Sold ",
8812
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "13 yrs" })
8813
+ ] }),
8814
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8815
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+491%" }),
8816
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
8817
+ ] })
8818
+ ] })
8819
+ ] }),
8820
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8821
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2021" }),
8822
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8823
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8824
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8825
+ "Sold (COVID correction) ",
8826
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
8827
+ ] }),
8828
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8829
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+16%" }),
8830
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
8831
+ ] })
8832
+ ] })
8833
+ ] }),
8834
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: true, children: [
8835
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2026" }),
8836
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: true }),
8837
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8838
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8839
+ "Loaf Offering ",
8840
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "5 yrs" })
8841
+ ] }),
8842
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8843
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+105%" }),
8844
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8845
+ ] })
8846
+ ] })
8847
+ ] })
8848
+ ] })
8849
+ ] })
8850
+ ] }),
8851
+ /* @__PURE__ */ jsxRuntime.jsxs(MapCompRow, { children: [
8852
+ /* @__PURE__ */ jsxRuntime.jsx(MapCompLeft, { children: /* @__PURE__ */ jsxRuntime.jsx(
8853
+ GalleryMapSection,
8854
+ {
8855
+ images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8856
+ categories: galleryCategories2,
8857
+ propertyLocation: location,
8858
+ videoUrl,
8859
+ tokenName,
8860
+ onPhotoClick: onPhotosClick,
8861
+ hideGallery: true
8862
+ }
8863
+ ) }),
8864
+ /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8865
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8866
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8867
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8868
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8869
+ e.target.style.display = "none";
8870
+ } }) }),
8871
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8872
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8873
+ "Boondabah ",
8874
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8875
+ ] }),
8876
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8877
+ ] }),
8878
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8879
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$16.07M" }),
8880
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Mar 2022" })
8881
+ ] })
8882
+ ] }),
8883
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8884
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8885
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8886
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,066 sqm" })
8887
+ ] }),
8888
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8889
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8890
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8891
+ ] }),
8892
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8893
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8894
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8895
+ ] })
8896
+ ] }),
8897
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8898
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8899
+ e.target.src = "";
8900
+ } }) }),
8901
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8902
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8903
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8904
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7.35M (Sep 2016)" })
8905
+ ] }),
8906
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8907
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8908
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "6 years" })
8909
+ ] }),
8910
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8911
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8912
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8913
+ ] }),
8914
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8915
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8916
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8917
+ ] }),
8918
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8919
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8920
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Same street, heritage estate" })
8921
+ ] })
8922
+ ] })
8923
+ ] })
8924
+ ] }),
8925
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8926
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8927
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8928
+ e.target.style.display = "none";
8929
+ } }) }),
8930
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8931
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8932
+ "Dobroyd ",
8933
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8934
+ ] }),
8935
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8936
+ ] }),
8937
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8938
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$27.96M" }),
8939
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Aug 2024" })
8940
+ ] })
8941
+ ] }),
8942
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8943
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8944
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8945
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,592 sqm" })
8946
+ ] }),
8947
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8948
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8949
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8950
+ ] }),
8951
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8952
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8953
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8954
+ ] })
8955
+ ] }),
8956
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8957
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8958
+ e.target.src = "";
8959
+ } }) }),
8960
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8961
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8962
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8963
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$3.9M (2013)" })
8964
+ ] }),
8965
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8966
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8967
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "11 years" })
8968
+ ] }),
8969
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8970
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8971
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8972
+ ] }),
8973
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8974
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8975
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8976
+ ] }),
8977
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8978
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8979
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Heritage harbourside estate" })
8980
+ ] })
8981
+ ] })
8982
+ ] })
8983
+ ] })
8777
8984
  ] })
8778
8985
  ] }),
8779
- /* @__PURE__ */ jsxRuntime.jsx(AssetMapWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(
8780
- GalleryMapSection,
8781
- {
8782
- images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8783
- categories: galleryCategories2,
8784
- propertyLocation: location,
8785
- videoUrl,
8786
- tokenName,
8787
- onPhotoClick: onPhotosClick,
8788
- hideGallery: true
8789
- }
8790
- ) }),
8791
8986
  /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
8792
8987
  /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8793
8988
  /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) }),
@@ -8808,117 +9003,6 @@ function PropertyOverview({
8808
9003
  /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Listed assets historically trade at a 20\u201330% premium to unlisted counterparts. First individual property admitted to a continuously traded market." })
8809
9004
  ] })
8810
9005
  ] })
8811
- ] }),
8812
- /* @__PURE__ */ jsxRuntime.jsxs(StatsGrid, { style: { gridTemplateColumns: "340px 340px" }, children: [
8813
- /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8814
- /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Capital History" }),
8815
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
8816
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8817
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1880s" }),
8818
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8819
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8820
- ] }),
8821
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8822
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
8823
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8824
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8825
- /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Acquired" }),
8826
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" }) })
8827
- ] })
8828
- ] }),
8829
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8830
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1993" }),
8831
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8832
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8833
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8834
- "Sold ",
8835
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "17 yrs" })
8836
- ] }),
8837
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8838
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+1,563%" }),
8839
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
8840
- ] })
8841
- ] })
8842
- ] }),
8843
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8844
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2006" }),
8845
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8846
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8847
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8848
- "Sold ",
8849
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "13 yrs" })
8850
- ] }),
8851
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8852
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+491%" }),
8853
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
8854
- ] })
8855
- ] })
8856
- ] }),
8857
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8858
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2021" }),
8859
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8860
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8861
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8862
- "Sold (COVID correction) ",
8863
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
8864
- ] }),
8865
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8866
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+16%" }),
8867
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
8868
- ] })
8869
- ] })
8870
- ] }),
8871
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: true, children: [
8872
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2026" }),
8873
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: true }),
8874
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8875
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8876
- "Loaf Offering ",
8877
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "5 yrs" })
8878
- ] }),
8879
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8880
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+105%" }),
8881
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8882
- ] })
8883
- ] })
8884
- ] })
8885
- ] })
8886
- ] }),
8887
- /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8888
- /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8889
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8890
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8891
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8892
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8893
- "$16.07M ",
8894
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Mar 2022" })
8895
- ] })
8896
- ] }),
8897
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8898
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $7.35M" }),
8899
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "Sep 2016" }),
8900
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+119%" }),
8901
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 6 yrs" })
8902
- ] }),
8903
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,066 sqm" }) })
8904
- ] }),
8905
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8906
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8907
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8908
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8909
- "$27.96M ",
8910
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Aug 2024" })
8911
- ] })
8912
- ] }),
8913
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8914
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $3.9M" }),
8915
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "2013" }),
8916
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+617%" }),
8917
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 11 yrs" })
8918
- ] }),
8919
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,592 sqm" }) })
8920
- ] })
8921
- ] })
8922
9006
  ] })
8923
9007
  ] }),
8924
9008
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
@@ -9183,18 +9267,27 @@ var Wrapper = styled9__default.default.div`
9183
9267
  `;
9184
9268
  var GallerySpecRow = styled9__default.default.div`
9185
9269
  display: grid;
9186
- grid-template-columns: 1fr 340px;
9270
+ grid-template-columns: 1fr 380px;
9187
9271
  gap: 1.25rem;
9188
9272
  margin-bottom: 1.25rem;
9189
- align-items: stretch;
9273
+ align-items: start;
9190
9274
  @media (max-width: 900px) { grid-template-columns: 1fr; }
9191
9275
  `;
9192
9276
  var GallerySpecLeft = styled9__default.default.div`
9193
9277
  min-width: 0;
9194
9278
  overflow: hidden;
9195
9279
  `;
9196
- var AssetMapWrap = styled9__default.default.div`
9280
+ var MapCompRow = styled9__default.default.div`
9281
+ display: grid;
9282
+ grid-template-columns: 1fr 340px;
9283
+ gap: 1.25rem;
9197
9284
  margin-bottom: 1.25rem;
9285
+ align-items: start;
9286
+ @media (max-width: 900px) { grid-template-columns: 1fr; }
9287
+ `;
9288
+ var MapCompLeft = styled9__default.default.div`
9289
+ min-width: 0;
9290
+ overflow: hidden;
9198
9291
  `;
9199
9292
  var AssetBentoNarratives = styled9__default.default.div`
9200
9293
  display: grid;
@@ -9476,7 +9569,7 @@ var StatsTab = styled9__default.default.button`
9476
9569
  var StatsTabContent = styled9__default.default.div`
9477
9570
  padding: 0.5rem 1.25rem 1.25rem;
9478
9571
  `;
9479
- var StatsGrid = styled9__default.default.div`
9572
+ styled9__default.default.div`
9480
9573
  display: grid;
9481
9574
  grid-template-columns: 340px 340px;
9482
9575
  gap: 1rem;
@@ -9642,58 +9735,159 @@ var TimelineHoldPeriod = styled9__default.default.span`
9642
9735
  color: rgba(255,255,255,0.25);
9643
9736
  font-weight: 400;
9644
9737
  `;
9645
- styled9__default.default.div`
9646
- font-size: 0.65rem;
9647
- color: rgba(255,255,255,0.35);
9648
- text-transform: uppercase;
9649
- letter-spacing: 0.08em;
9650
- font-weight: 500;
9651
- margin-top: 1rem;
9652
- padding-top: 0.75rem;
9653
- padding-bottom: 0.5rem;
9654
- border-top: 1px solid rgba(255,255,255,0.04);
9655
- `;
9656
- var CompSaleCard = styled9__default.default.div`
9657
- padding: 0.6rem 0;
9658
- border-bottom: 1px solid rgba(255,255,255,0.03);
9659
- &:last-child { border-bottom: none; }
9738
+ var CompAssetCard = styled9__default.default.div`
9739
+ position: relative;
9740
+ background: rgba(255,255,255,0.02);
9741
+ border: 1px solid rgba(255,255,255,0.06);
9742
+ border-radius: 10px;
9743
+ padding: 0.75rem;
9744
+ margin-bottom: 0.75rem;
9745
+ transition: border-color 0.2s, background 0.2s;
9746
+ &:last-child { margin-bottom: 0; }
9747
+ &:hover {
9748
+ border-color: rgba(212,175,55,0.3);
9749
+ background: rgba(255,255,255,0.03);
9750
+ }
9751
+ &:hover > div:last-child {
9752
+ max-height: 300px;
9753
+ opacity: 1;
9754
+ padding-top: 0.75rem;
9755
+ margin-top: 0.75rem;
9756
+ }
9660
9757
  `;
9661
- var CompSaleHeader = styled9__default.default.div`
9758
+ var CompAssetRow = styled9__default.default.div`
9662
9759
  display: flex;
9663
- justify-content: space-between;
9664
9760
  align-items: center;
9665
- gap: 0.5rem;
9761
+ gap: 0.75rem;
9666
9762
  `;
9667
- var CompSaleAddress = styled9__default.default.span`
9668
- font-size: 0.82rem;
9669
- color: rgba(255,255,255,0.6);
9763
+ var CompAssetThumb = styled9__default.default.div`
9764
+ width: 48px;
9765
+ height: 48px;
9766
+ border-radius: 8px;
9767
+ overflow: hidden;
9768
+ flex-shrink: 0;
9769
+ background: rgba(255,255,255,0.05);
9770
+ img {
9771
+ width: 100%;
9772
+ height: 100%;
9773
+ object-fit: cover;
9774
+ }
9670
9775
  `;
9671
- var CompSalePrice = styled9__default.default.span`
9672
- font-size: 0.85rem;
9776
+ var CompAssetInfo = styled9__default.default.div`
9777
+ flex: 1;
9778
+ min-width: 0;
9779
+ `;
9780
+ var CompAssetName = styled9__default.default.div`
9781
+ font-size: 0.88rem;
9673
9782
  font-weight: 600;
9674
9783
  color: #fff;
9675
- font-variant-numeric: tabular-nums;
9676
9784
  display: flex;
9677
9785
  align-items: center;
9678
- gap: 0.4rem;
9786
+ gap: 0.5rem;
9787
+ `;
9788
+ var CompAssetBadge = styled9__default.default.span`
9789
+ font-size: 0.58rem;
9790
+ font-weight: 600;
9791
+ text-transform: uppercase;
9792
+ letter-spacing: 0.06em;
9793
+ color: #4ade80;
9794
+ background: rgba(74,222,128,0.1);
9795
+ border: 1px solid rgba(74,222,128,0.2);
9796
+ padding: 1px 6px;
9797
+ border-radius: 4px;
9798
+ white-space: nowrap;
9799
+ `;
9800
+ var CompAssetAddr = styled9__default.default.div`
9801
+ font-size: 0.75rem;
9802
+ color: rgba(255,255,255,0.4);
9803
+ margin-top: 2px;
9804
+ `;
9805
+ var CompAssetPriceCol = styled9__default.default.div`
9806
+ text-align: right;
9679
9807
  flex-shrink: 0;
9680
9808
  `;
9681
- var CompSaleDate = styled9__default.default.span`
9682
- font-size: 0.7rem;
9809
+ var CompAssetSalePrice = styled9__default.default.div`
9810
+ font-size: 0.92rem;
9811
+ font-weight: 600;
9812
+ color: #fff;
9813
+ font-variant-numeric: tabular-nums;
9814
+ `;
9815
+ var CompAssetSaleDate = styled9__default.default.div`
9816
+ font-size: 0.68rem;
9683
9817
  color: rgba(255,255,255,0.3);
9684
- font-weight: 400;
9818
+ margin-top: 1px;
9685
9819
  `;
9686
- var CompSalePrior = styled9__default.default.div`
9820
+ var CompAssetStatsRow = styled9__default.default.div`
9687
9821
  display: flex;
9822
+ gap: 0;
9823
+ margin-top: 0.65rem;
9824
+ border-top: 1px solid rgba(255,255,255,0.04);
9825
+ padding-top: 0.55rem;
9826
+ `;
9827
+ var CompAssetStat = styled9__default.default.div`
9828
+ flex: 1;
9829
+ display: flex;
9830
+ flex-direction: column;
9688
9831
  align-items: center;
9689
- gap: 0.4rem;
9690
- margin-top: 0.3rem;
9691
- font-size: 0.72rem;
9832
+ gap: 2px;
9833
+ &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9834
+ `;
9835
+ var CompAssetStatLabel = styled9__default.default.span`
9836
+ font-size: 0.6rem;
9692
9837
  color: rgba(255,255,255,0.35);
9838
+ text-transform: uppercase;
9839
+ letter-spacing: 0.06em;
9693
9840
  `;
9694
- var CompSalePriorDate = styled9__default.default.span`
9695
- font-size: 0.68rem;
9696
- color: rgba(255,255,255,0.25);
9841
+ var CompAssetStatVal = styled9__default.default.span`
9842
+ font-size: 0.8rem;
9843
+ font-weight: 500;
9844
+ color: #fff;
9845
+ font-variant-numeric: tabular-nums;
9846
+ `;
9847
+ var CompAssetHoverDetail = styled9__default.default.div`
9848
+ max-height: 0;
9849
+ opacity: 0;
9850
+ overflow: hidden;
9851
+ transition: max-height 0.3s ease, opacity 0.25s ease, padding-top 0.3s ease, margin-top 0.3s ease;
9852
+ border-top: 1px solid rgba(255,255,255,0.06);
9853
+ padding-top: 0;
9854
+ margin-top: 0;
9855
+ `;
9856
+ var CompAssetHoverImg = styled9__default.default.div`
9857
+ width: 100%;
9858
+ height: 120px;
9859
+ border-radius: 8px;
9860
+ overflow: hidden;
9861
+ margin-bottom: 0.65rem;
9862
+ background: rgba(255,255,255,0.03);
9863
+ img {
9864
+ width: 100%;
9865
+ height: 100%;
9866
+ object-fit: cover;
9867
+ }
9868
+ `;
9869
+ var CompAssetHoverStats = styled9__default.default.div`
9870
+ display: flex;
9871
+ flex-direction: column;
9872
+ gap: 0;
9873
+ `;
9874
+ var CompAssetHoverRow = styled9__default.default.div`
9875
+ display: flex;
9876
+ justify-content: space-between;
9877
+ align-items: center;
9878
+ padding: 0.35rem 0;
9879
+ border-bottom: 1px solid rgba(255,255,255,0.03);
9880
+ &:last-child { border-bottom: none; }
9881
+ span:first-child {
9882
+ font-size: 0.75rem;
9883
+ color: rgba(255,255,255,0.4);
9884
+ }
9885
+ span:last-child {
9886
+ font-size: 0.8rem;
9887
+ font-weight: 500;
9888
+ color: #fff;
9889
+ font-variant-numeric: tabular-nums;
9890
+ }
9697
9891
  `;
9698
9892
  styled9__default.default.div`
9699
9893
  font-size: 0.65rem;