@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.
Files changed (5) hide show
  1. package/dist/index.js +219 -212
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +219 -212
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -8747,237 +8747,235 @@ function PropertyOverview({
8747
8747
  item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
8748
8748
  item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
8749
8749
  /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
8750
- ] }, i)) })
8751
- ] })
8752
- ] }),
8753
- /* @__PURE__ */ jsx(AssetMapWrap, { children: /* @__PURE__ */ jsx(
8754
- GalleryMapSection,
8755
- {
8756
- images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8757
- categories: galleryCategories2,
8758
- propertyLocation: location,
8759
- videoUrl,
8760
- tokenName,
8761
- onPhotoClick: onPhotosClick,
8762
- hideGallery: true
8763
- }
8764
- ) }),
8765
- /* @__PURE__ */ jsxs(AssetBentoNarratives, { children: [
8766
- /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8767
- /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) }),
8768
- /* @__PURE__ */ jsx(NarrativeTitle, { children: "Generational Compounding" }),
8769
- /* @__PURE__ */ jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000, compounded through every market cycle to a current valuation exceeding A$20M." })
8770
- ] }),
8771
- /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8772
- /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }),
8773
- /* @__PURE__ */ jsx(NarrativeTitle, { children: "Permanent Scarcity" }),
8774
- /* @__PURE__ */ jsx(NarrativeDesc, { children: "Heritage harbour-front estates in Mosman cannot be replicated. Sustained global demand supports long-term price growth." })
8775
- ] }),
8776
- /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8777
- /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
8778
- /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
8779
- /* @__PURE__ */ jsx("path", { d: "M12 6v6l4 2" })
8780
- ] }) }),
8781
- /* @__PURE__ */ jsx(NarrativeTitle, { children: "Liquidity Premium" }),
8782
- /* @__PURE__ */ jsx(NarrativeDesc, { children: "Listed assets historically trade at a 20\u201330% premium to unlisted counterparts. First individual property admitted to a continuously traded market." })
8783
- ] })
8784
- ] })
8785
- ] }),
8786
- /* @__PURE__ */ jsxs(StatsGrid, { style: { gridTemplateColumns: "340px 340px" }, children: [
8787
- /* @__PURE__ */ jsxs(StatsColumn, { children: [
8788
- /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Capital History" }),
8789
- /* @__PURE__ */ jsxs(TimelineWrap, { children: [
8790
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8791
- /* @__PURE__ */ jsx(TimelineYear, { children: "1880s" }),
8792
- /* @__PURE__ */ jsx(TimelineDot, {}),
8793
- /* @__PURE__ */ jsx(TimelineDetail, { children: /* @__PURE__ */ jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8794
- ] }),
8795
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8796
- /* @__PURE__ */ jsx(TimelineYear, { children: "1976" }),
8797
- /* @__PURE__ */ jsx(TimelineDot, {}),
8798
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8799
- /* @__PURE__ */ jsx(TimelineLabel, { children: "Acquired" }),
8800
- /* @__PURE__ */ jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsx(TimelinePrice, { children: "\xA340,000" }) })
8801
- ] })
8802
- ] }),
8803
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8804
- /* @__PURE__ */ jsx(TimelineYear, { children: "1993" }),
8805
- /* @__PURE__ */ jsx(TimelineDot, {}),
8806
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8807
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8808
- "Sold ",
8809
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "17 yrs" })
8810
- ] }),
8811
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8812
- /* @__PURE__ */ jsx(TimelineGain, { children: "+1,563%" }),
8813
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$1.33M" })
8750
+ ] }, i)) }),
8751
+ /* @__PURE__ */ jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
8752
+ /* @__PURE__ */ jsxs(TimelineWrap, { children: [
8753
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8754
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1880s" }),
8755
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8756
+ /* @__PURE__ */ jsx(TimelineDetail, { children: /* @__PURE__ */ jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8757
+ ] }),
8758
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8759
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1976" }),
8760
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8761
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8762
+ /* @__PURE__ */ jsx(TimelineLabel, { children: "Acquired" }),
8763
+ /* @__PURE__ */ jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsx(TimelinePrice, { children: "\xA340,000" }) })
8814
8764
  ] })
8815
- ] })
8816
- ] }),
8817
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8818
- /* @__PURE__ */ jsx(TimelineYear, { children: "2006" }),
8819
- /* @__PURE__ */ jsx(TimelineDot, {}),
8820
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8821
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8822
- "Sold ",
8823
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "13 yrs" })
8824
- ] }),
8825
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8826
- /* @__PURE__ */ jsx(TimelineGain, { children: "+491%" }),
8827
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$7.86M" })
8765
+ ] }),
8766
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8767
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1993" }),
8768
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8769
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8770
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8771
+ "Sold ",
8772
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "17 yrs" })
8773
+ ] }),
8774
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8775
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+1,563%" }),
8776
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$1.33M" })
8777
+ ] })
8828
8778
  ] })
8829
- ] })
8830
- ] }),
8831
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8832
- /* @__PURE__ */ jsx(TimelineYear, { children: "2021" }),
8833
- /* @__PURE__ */ jsx(TimelineDot, {}),
8834
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8835
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8836
- "Sold (COVID correction) ",
8837
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "15 yrs" })
8838
- ] }),
8839
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8840
- /* @__PURE__ */ jsx(TimelineGain, { children: "+16%" }),
8841
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$9.09M" })
8779
+ ] }),
8780
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8781
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2006" }),
8782
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8783
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8784
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8785
+ "Sold ",
8786
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "13 yrs" })
8787
+ ] }),
8788
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8789
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+491%" }),
8790
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$7.86M" })
8791
+ ] })
8842
8792
  ] })
8843
- ] })
8844
- ] }),
8845
- /* @__PURE__ */ jsxs(TimelineEntry, { $last: true, children: [
8846
- /* @__PURE__ */ jsx(TimelineYear, { children: "2026" }),
8847
- /* @__PURE__ */ jsx(TimelineDot, { $active: true }),
8848
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8849
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8850
- "Loaf Offering ",
8851
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "5 yrs" })
8852
- ] }),
8853
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8854
- /* @__PURE__ */ jsx(TimelineGain, { children: "+105%" }),
8855
- /* @__PURE__ */ jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8793
+ ] }),
8794
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8795
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2021" }),
8796
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8797
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8798
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8799
+ "Sold (COVID correction) ",
8800
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "15 yrs" })
8801
+ ] }),
8802
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8803
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+16%" }),
8804
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$9.09M" })
8805
+ ] })
8806
+ ] })
8807
+ ] }),
8808
+ /* @__PURE__ */ jsxs(TimelineEntry, { $last: true, children: [
8809
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2026" }),
8810
+ /* @__PURE__ */ jsx(TimelineDot, { $active: true }),
8811
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8812
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8813
+ "Loaf Offering ",
8814
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "5 yrs" })
8815
+ ] }),
8816
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8817
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+105%" }),
8818
+ /* @__PURE__ */ jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8819
+ ] })
8856
8820
  ] })
8857
8821
  ] })
8858
8822
  ] })
8859
8823
  ] })
8860
8824
  ] }),
8861
- /* @__PURE__ */ jsxs(StatsColumn, { children: [
8862
- /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8863
- /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8864
- /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8865
- /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8866
- e.target.style.display = "none";
8867
- } }) }),
8868
- /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8869
- /* @__PURE__ */ jsxs(CompAssetName, { children: [
8870
- "Boondabah ",
8871
- /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8825
+ /* @__PURE__ */ jsxs(MapCompRow, { children: [
8826
+ /* @__PURE__ */ jsx(MapCompLeft, { children: /* @__PURE__ */ jsx(
8827
+ GalleryMapSection,
8828
+ {
8829
+ images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8830
+ categories: galleryCategories2,
8831
+ propertyLocation: location,
8832
+ videoUrl,
8833
+ tokenName,
8834
+ onPhotoClick: onPhotosClick,
8835
+ hideGallery: true
8836
+ }
8837
+ ) }),
8838
+ /* @__PURE__ */ jsxs(StatsColumn, { children: [
8839
+ /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8840
+ /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8841
+ /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8842
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8843
+ e.target.style.display = "none";
8844
+ } }) }),
8845
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8846
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8847
+ "Boondabah ",
8848
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8849
+ ] }),
8850
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8872
8851
  ] }),
8873
- /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8874
- ] }),
8875
- /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8876
- /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$16.07M" }),
8877
- /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Mar 2022" })
8878
- ] })
8879
- ] }),
8880
- /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8881
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8882
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8883
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
8884
- ] }),
8885
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8886
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8887
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8852
+ /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8853
+ /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$16.07M" }),
8854
+ /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Mar 2022" })
8855
+ ] })
8888
8856
  ] }),
8889
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8890
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8891
- /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8892
- ] })
8893
- ] }),
8894
- /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8895
- /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8896
- e.target.src = "";
8897
- } }) }),
8898
- /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8899
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8900
- /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8901
- /* @__PURE__ */ jsx("span", { children: "$7.35M (Sep 2016)" })
8902
- ] }),
8903
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8904
- /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8905
- /* @__PURE__ */ jsx("span", { children: "6 years" })
8857
+ /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8858
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8859
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8860
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
8906
8861
  ] }),
8907
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8908
- /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8909
- /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8862
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8863
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8864
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8910
8865
  ] }),
8911
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8912
- /* @__PURE__ */ jsx("span", { children: "Style" }),
8913
- /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8914
- ] }),
8915
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8916
- /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8917
- /* @__PURE__ */ jsx("span", { children: "Same street, heritage estate" })
8866
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8867
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8868
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8918
8869
  ] })
8919
- ] })
8920
- ] })
8921
- ] }),
8922
- /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8923
- /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8924
- /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8925
- e.target.style.display = "none";
8926
- } }) }),
8927
- /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8928
- /* @__PURE__ */ jsxs(CompAssetName, { children: [
8929
- "Dobroyd ",
8930
- /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8931
- ] }),
8932
- /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8933
- ] }),
8934
- /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8935
- /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$27.96M" }),
8936
- /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Aug 2024" })
8937
- ] })
8938
- ] }),
8939
- /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8940
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8941
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8942
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
8943
8870
  ] }),
8944
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8945
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8946
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8947
- ] }),
8948
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8949
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8950
- /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8871
+ /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8872
+ /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8873
+ e.target.src = "";
8874
+ } }) }),
8875
+ /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8876
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8877
+ /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8878
+ /* @__PURE__ */ jsx("span", { children: "$7.35M (Sep 2016)" })
8879
+ ] }),
8880
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8881
+ /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8882
+ /* @__PURE__ */ jsx("span", { children: "6 years" })
8883
+ ] }),
8884
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8885
+ /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8886
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8887
+ ] }),
8888
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8889
+ /* @__PURE__ */ jsx("span", { children: "Style" }),
8890
+ /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8891
+ ] }),
8892
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8893
+ /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8894
+ /* @__PURE__ */ jsx("span", { children: "Same street, heritage estate" })
8895
+ ] })
8896
+ ] })
8951
8897
  ] })
8952
8898
  ] }),
8953
- /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8954
- /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8955
- e.target.src = "";
8956
- } }) }),
8957
- /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8958
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8959
- /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8960
- /* @__PURE__ */ jsx("span", { children: "$3.9M (2013)" })
8961
- ] }),
8962
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8963
- /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8964
- /* @__PURE__ */ jsx("span", { children: "11 years" })
8899
+ /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8900
+ /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8901
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8902
+ e.target.style.display = "none";
8903
+ } }) }),
8904
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8905
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8906
+ "Dobroyd ",
8907
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8908
+ ] }),
8909
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8965
8910
  ] }),
8966
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8967
- /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8968
- /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8911
+ /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8912
+ /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$27.96M" }),
8913
+ /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Aug 2024" })
8914
+ ] })
8915
+ ] }),
8916
+ /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8917
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8918
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8919
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
8969
8920
  ] }),
8970
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8971
- /* @__PURE__ */ jsx("span", { children: "Style" }),
8972
- /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8921
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8922
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8923
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8973
8924
  ] }),
8974
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8975
- /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8976
- /* @__PURE__ */ jsx("span", { children: "Heritage harbourside estate" })
8925
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8926
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8927
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8928
+ ] })
8929
+ ] }),
8930
+ /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8931
+ /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8932
+ e.target.src = "";
8933
+ } }) }),
8934
+ /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8935
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8936
+ /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8937
+ /* @__PURE__ */ jsx("span", { children: "$3.9M (2013)" })
8938
+ ] }),
8939
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8940
+ /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8941
+ /* @__PURE__ */ jsx("span", { children: "11 years" })
8942
+ ] }),
8943
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8944
+ /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8945
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8946
+ ] }),
8947
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8948
+ /* @__PURE__ */ jsx("span", { children: "Style" }),
8949
+ /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8950
+ ] }),
8951
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8952
+ /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8953
+ /* @__PURE__ */ jsx("span", { children: "Heritage harbourside estate" })
8954
+ ] })
8977
8955
  ] })
8978
8956
  ] })
8979
8957
  ] })
8980
8958
  ] })
8959
+ ] }),
8960
+ /* @__PURE__ */ jsxs(AssetBentoNarratives, { children: [
8961
+ /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8962
+ /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) }),
8963
+ /* @__PURE__ */ jsx(NarrativeTitle, { children: "Generational Compounding" }),
8964
+ /* @__PURE__ */ jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000, compounded through every market cycle to a current valuation exceeding A$20M." })
8965
+ ] }),
8966
+ /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8967
+ /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }),
8968
+ /* @__PURE__ */ jsx(NarrativeTitle, { children: "Permanent Scarcity" }),
8969
+ /* @__PURE__ */ jsx(NarrativeDesc, { children: "Heritage harbour-front estates in Mosman cannot be replicated. Sustained global demand supports long-term price growth." })
8970
+ ] }),
8971
+ /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8972
+ /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
8973
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
8974
+ /* @__PURE__ */ jsx("path", { d: "M12 6v6l4 2" })
8975
+ ] }) }),
8976
+ /* @__PURE__ */ jsx(NarrativeTitle, { children: "Liquidity Premium" }),
8977
+ /* @__PURE__ */ jsx(NarrativeDesc, { children: "Listed assets historically trade at a 20\u201330% premium to unlisted counterparts. First individual property admitted to a continuously traded market." })
8978
+ ] })
8981
8979
  ] })
8982
8980
  ] })
8983
8981
  ] }),
@@ -9243,18 +9241,27 @@ var Wrapper = styled9.div`
9243
9241
  `;
9244
9242
  var GallerySpecRow = styled9.div`
9245
9243
  display: grid;
9246
- grid-template-columns: 1fr 340px;
9244
+ grid-template-columns: 1fr 380px;
9247
9245
  gap: 1.25rem;
9248
9246
  margin-bottom: 1.25rem;
9249
- align-items: stretch;
9247
+ align-items: start;
9250
9248
  @media (max-width: 900px) { grid-template-columns: 1fr; }
9251
9249
  `;
9252
9250
  var GallerySpecLeft = styled9.div`
9253
9251
  min-width: 0;
9254
9252
  overflow: hidden;
9255
9253
  `;
9256
- var AssetMapWrap = styled9.div`
9254
+ var MapCompRow = styled9.div`
9255
+ display: grid;
9256
+ grid-template-columns: 1fr 340px;
9257
+ gap: 1.25rem;
9257
9258
  margin-bottom: 1.25rem;
9259
+ align-items: start;
9260
+ @media (max-width: 900px) { grid-template-columns: 1fr; }
9261
+ `;
9262
+ var MapCompLeft = styled9.div`
9263
+ min-width: 0;
9264
+ overflow: hidden;
9258
9265
  `;
9259
9266
  var AssetBentoNarratives = styled9.div`
9260
9267
  display: grid;
@@ -9536,7 +9543,7 @@ var StatsTab = styled9.button`
9536
9543
  var StatsTabContent = styled9.div`
9537
9544
  padding: 0.5rem 1.25rem 1.25rem;
9538
9545
  `;
9539
- var StatsGrid = styled9.div`
9546
+ styled9.div`
9540
9547
  display: grid;
9541
9548
  grid-template-columns: 340px 340px;
9542
9549
  gap: 1rem;