@loafmarkets/ui 0.1.223 → 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,237 +8773,235 @@ 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)) })
8777
- ] })
8778
- ] }),
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
- /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
8792
- /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8793
- /* @__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" }) }) }),
8794
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Generational Compounding" }),
8795
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000, compounded through every market cycle to a current valuation exceeding A$20M." })
8796
- ] }),
8797
- /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8798
- /* @__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: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }),
8799
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Permanent Scarcity" }),
8800
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Heritage harbour-front estates in Mosman cannot be replicated. Sustained global demand supports long-term price growth." })
8801
- ] }),
8802
- /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8803
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
8804
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
8805
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6v6l4 2" })
8806
- ] }) }),
8807
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Liquidity Premium" }),
8808
- /* @__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
- ] })
8810
- ] })
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" })
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" }) })
8840
8790
  ] })
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" })
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
+ ] })
8854
8804
  ] })
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" })
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
+ ] })
8868
8818
  ] })
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" })
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
+ ] })
8882
8846
  ] })
8883
8847
  ] })
8884
8848
  ] })
8885
8849
  ] })
8886
8850
  ] }),
8887
- /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8888
- /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8889
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8890
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8891
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8892
- e.target.style.display = "none";
8893
- } }) }),
8894
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8895
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8896
- "Boondabah ",
8897
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
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" })
8898
8877
  ] }),
8899
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8900
- ] }),
8901
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8902
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$16.07M" }),
8903
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Mar 2022" })
8904
- ] })
8905
- ] }),
8906
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8907
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8908
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8909
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,066 sqm" })
8910
- ] }),
8911
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8912
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8913
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8878
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8879
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$16.07M" }),
8880
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Mar 2022" })
8881
+ ] })
8914
8882
  ] }),
8915
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8916
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8917
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8918
- ] })
8919
- ] }),
8920
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8921
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8922
- e.target.src = "";
8923
- } }) }),
8924
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8925
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8926
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8927
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7.35M (Sep 2016)" })
8928
- ] }),
8929
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8930
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8931
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "6 years" })
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" })
8932
8887
  ] }),
8933
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8934
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8935
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8888
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8889
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8890
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8936
8891
  ] }),
8937
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8938
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8939
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8940
- ] }),
8941
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8942
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8943
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Same street, heritage estate" })
8892
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8893
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8894
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8944
8895
  ] })
8945
- ] })
8946
- ] })
8947
- ] }),
8948
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8949
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8950
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8951
- e.target.style.display = "none";
8952
- } }) }),
8953
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8954
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8955
- "Dobroyd ",
8956
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8957
- ] }),
8958
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8959
- ] }),
8960
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8961
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$27.96M" }),
8962
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Aug 2024" })
8963
- ] })
8964
- ] }),
8965
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8966
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8967
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8968
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,592 sqm" })
8969
8896
  ] }),
8970
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8971
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8972
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8973
- ] }),
8974
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8975
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8976
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
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
+ ] })
8977
8923
  ] })
8978
8924
  ] }),
8979
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8980
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8981
- e.target.src = "";
8982
- } }) }),
8983
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8984
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8985
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8986
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$3.9M (2013)" })
8987
- ] }),
8988
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8989
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8990
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "11 years" })
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" })
8991
8936
  ] }),
8992
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8993
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8994
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
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" })
8995
8946
  ] }),
8996
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8997
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8998
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8947
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8948
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8949
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8999
8950
  ] }),
9000
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
9001
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
9002
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Heritage harbourside estate" })
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
+ ] })
9003
8981
  ] })
9004
8982
  ] })
9005
8983
  ] })
9006
8984
  ] })
8985
+ ] }),
8986
+ /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
8987
+ /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
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" }) }) }),
8989
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Generational Compounding" }),
8990
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000, compounded through every market cycle to a current valuation exceeding A$20M." })
8991
+ ] }),
8992
+ /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8993
+ /* @__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: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }),
8994
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Permanent Scarcity" }),
8995
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Heritage harbour-front estates in Mosman cannot be replicated. Sustained global demand supports long-term price growth." })
8996
+ ] }),
8997
+ /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8998
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
8999
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
9000
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6v6l4 2" })
9001
+ ] }) }),
9002
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Liquidity Premium" }),
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." })
9004
+ ] })
9007
9005
  ] })
9008
9006
  ] })
9009
9007
  ] }),
@@ -9269,18 +9267,27 @@ var Wrapper = styled9__default.default.div`
9269
9267
  `;
9270
9268
  var GallerySpecRow = styled9__default.default.div`
9271
9269
  display: grid;
9272
- grid-template-columns: 1fr 340px;
9270
+ grid-template-columns: 1fr 380px;
9273
9271
  gap: 1.25rem;
9274
9272
  margin-bottom: 1.25rem;
9275
- align-items: stretch;
9273
+ align-items: start;
9276
9274
  @media (max-width: 900px) { grid-template-columns: 1fr; }
9277
9275
  `;
9278
9276
  var GallerySpecLeft = styled9__default.default.div`
9279
9277
  min-width: 0;
9280
9278
  overflow: hidden;
9281
9279
  `;
9282
- 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;
9283
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;
9284
9291
  `;
9285
9292
  var AssetBentoNarratives = styled9__default.default.div`
9286
9293
  display: grid;
@@ -9562,7 +9569,7 @@ var StatsTab = styled9__default.default.button`
9562
9569
  var StatsTabContent = styled9__default.default.div`
9563
9570
  padding: 0.5rem 1.25rem 1.25rem;
9564
9571
  `;
9565
- var StatsGrid = styled9__default.default.div`
9572
+ styled9__default.default.div`
9566
9573
  display: grid;
9567
9574
  grid-template-columns: 340px 340px;
9568
9575
  gap: 1rem;