@loafmarkets/ui 0.1.223 → 0.1.225

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
@@ -8717,18 +8717,25 @@ function PropertyOverview({
8717
8717
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "The Asset" }),
8718
8718
  galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
8719
8719
  /* @__PURE__ */ jsxRuntime.jsxs(GallerySpecRow, { children: [
8720
- /* @__PURE__ */ jsxRuntime.jsx(GallerySpecLeft, { children: /* @__PURE__ */ jsxRuntime.jsx(
8721
- GalleryMapSection,
8722
- {
8723
- images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8724
- categories: galleryCategories2,
8725
- propertyLocation: location,
8726
- videoUrl,
8727
- tokenName,
8728
- onPhotoClick: onPhotosClick,
8729
- hideMap: true
8730
- }
8731
- ) }),
8720
+ /* @__PURE__ */ jsxRuntime.jsxs(GallerySpecLeft, { children: [
8721
+ /* @__PURE__ */ jsxRuntime.jsx(
8722
+ GalleryMapSection,
8723
+ {
8724
+ images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8725
+ categories: galleryCategories2,
8726
+ propertyLocation: location,
8727
+ videoUrl,
8728
+ tokenName,
8729
+ onPhotoClick: onPhotosClick,
8730
+ hideMap: true
8731
+ }
8732
+ ),
8733
+ /* @__PURE__ */ jsxRuntime.jsx(FeaturesPanel, { children: features.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(AssetFeatureItem, { children: [
8734
+ item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
8735
+ item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
8736
+ /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
8737
+ ] }, i)) })
8738
+ ] }),
8732
8739
  /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8733
8740
  /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
8734
8741
  /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
@@ -8769,241 +8776,234 @@ function PropertyOverview({
8769
8776
  /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
8770
8777
  /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
8771
8778
  ] }),
8772
- /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureRow, { children: features.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(AssetFeatureItem, { children: [
8773
- item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
8774
- item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
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" })
8779
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
8780
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
8781
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8782
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1880s" }),
8783
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8784
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8785
+ ] }),
8786
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8787
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
8788
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8789
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8790
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Acquired" }),
8791
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" }) })
8840
8792
  ] })
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" })
8793
+ ] }),
8794
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8795
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1993" }),
8796
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8797
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8798
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8799
+ "Sold ",
8800
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "17 yrs" })
8801
+ ] }),
8802
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8803
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+1,563%" }),
8804
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
8805
+ ] })
8854
8806
  ] })
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" })
8807
+ ] }),
8808
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8809
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2006" }),
8810
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8811
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8812
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8813
+ "Sold ",
8814
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "13 yrs" })
8815
+ ] }),
8816
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8817
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+491%" }),
8818
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
8819
+ ] })
8868
8820
  ] })
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" })
8821
+ ] }),
8822
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8823
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2021" }),
8824
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8825
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8826
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8827
+ "Sold (COVID correction) ",
8828
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
8829
+ ] }),
8830
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8831
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+16%" }),
8832
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
8833
+ ] })
8834
+ ] })
8835
+ ] }),
8836
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: true, children: [
8837
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2026" }),
8838
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: true }),
8839
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8840
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8841
+ "Loaf Offering ",
8842
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "5 yrs" })
8843
+ ] }),
8844
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8845
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+105%" }),
8846
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8847
+ ] })
8882
8848
  ] })
8883
8849
  ] })
8884
8850
  ] })
8885
8851
  ] })
8886
8852
  ] }),
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" })
8853
+ /* @__PURE__ */ jsxRuntime.jsxs(MapCompRow, { children: [
8854
+ /* @__PURE__ */ jsxRuntime.jsx(MapCompLeft, { children: /* @__PURE__ */ jsxRuntime.jsx(
8855
+ GalleryMapSection,
8856
+ {
8857
+ images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8858
+ categories: galleryCategories2,
8859
+ propertyLocation: location,
8860
+ videoUrl,
8861
+ tokenName,
8862
+ onPhotoClick: onPhotosClick,
8863
+ hideGallery: true
8864
+ }
8865
+ ) }),
8866
+ /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8867
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8868
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8869
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8870
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8871
+ e.target.style.display = "none";
8872
+ } }) }),
8873
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8874
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8875
+ "Boondabah ",
8876
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8877
+ ] }),
8878
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8898
8879
  ] }),
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" })
8880
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8881
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$16.07M" }),
8882
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Mar 2022" })
8883
+ ] })
8914
8884
  ] }),
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" })
8885
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8886
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8887
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8888
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,066 sqm" })
8932
8889
  ] }),
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." })
8890
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8891
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8892
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8936
8893
  ] }),
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" })
8894
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8895
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8896
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8944
8897
  ] })
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
8898
  ] }),
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
- ] }),
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%" })
8899
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8900
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8901
+ e.target.src = "";
8902
+ } }) }),
8903
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8904
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8905
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8906
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7.35M (Sep 2016)" })
8907
+ ] }),
8908
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8909
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8910
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "6 years" })
8911
+ ] }),
8912
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8913
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8914
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8915
+ ] }),
8916
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8917
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8918
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8919
+ ] }),
8920
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8921
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8922
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Same street, heritage estate" })
8923
+ ] })
8924
+ ] })
8977
8925
  ] })
8978
8926
  ] }),
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" })
8927
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8928
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8929
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8930
+ e.target.style.display = "none";
8931
+ } }) }),
8932
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8933
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8934
+ "Dobroyd ",
8935
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8936
+ ] }),
8937
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8991
8938
  ] }),
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." })
8939
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8940
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$27.96M" }),
8941
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Aug 2024" })
8942
+ ] })
8943
+ ] }),
8944
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8945
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8946
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8947
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,592 sqm" })
8995
8948
  ] }),
8996
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8997
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8998
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8949
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8950
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8951
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8999
8952
  ] }),
9000
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
9001
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
9002
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Heritage harbourside estate" })
8953
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8954
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8955
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8956
+ ] })
8957
+ ] }),
8958
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8959
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8960
+ e.target.src = "";
8961
+ } }) }),
8962
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8963
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8964
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8965
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$3.9M (2013)" })
8966
+ ] }),
8967
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8968
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8969
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "11 years" })
8970
+ ] }),
8971
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8972
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8973
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8974
+ ] }),
8975
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8976
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8977
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8978
+ ] }),
8979
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8980
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8981
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Heritage harbourside estate" })
8982
+ ] })
9003
8983
  ] })
9004
8984
  ] })
9005
8985
  ] })
9006
8986
  ] })
8987
+ ] }),
8988
+ /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
8989
+ /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8990
+ /* @__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" }) }) }),
8991
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Generational Compounding" }),
8992
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000, compounded through every market cycle to a current valuation exceeding A$20M." })
8993
+ ] }),
8994
+ /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8995
+ /* @__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" }) }) }),
8996
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Permanent Scarcity" }),
8997
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Heritage harbour-front estates in Mosman cannot be replicated. Sustained global demand supports long-term price growth." })
8998
+ ] }),
8999
+ /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
9000
+ /* @__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: [
9001
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
9002
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6v6l4 2" })
9003
+ ] }) }),
9004
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Liquidity Premium" }),
9005
+ /* @__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." })
9006
+ ] })
9007
9007
  ] })
9008
9008
  ] })
9009
9009
  ] }),
@@ -9269,18 +9269,27 @@ var Wrapper = styled9__default.default.div`
9269
9269
  `;
9270
9270
  var GallerySpecRow = styled9__default.default.div`
9271
9271
  display: grid;
9272
- grid-template-columns: 1fr 340px;
9272
+ grid-template-columns: 1fr 380px;
9273
9273
  gap: 1.25rem;
9274
9274
  margin-bottom: 1.25rem;
9275
- align-items: stretch;
9275
+ align-items: start;
9276
9276
  @media (max-width: 900px) { grid-template-columns: 1fr; }
9277
9277
  `;
9278
9278
  var GallerySpecLeft = styled9__default.default.div`
9279
9279
  min-width: 0;
9280
9280
  overflow: hidden;
9281
9281
  `;
9282
- var AssetMapWrap = styled9__default.default.div`
9282
+ var MapCompRow = styled9__default.default.div`
9283
+ display: grid;
9284
+ grid-template-columns: 1fr 340px;
9285
+ gap: 1.25rem;
9283
9286
  margin-bottom: 1.25rem;
9287
+ align-items: start;
9288
+ @media (max-width: 900px) { grid-template-columns: 1fr; }
9289
+ `;
9290
+ var MapCompLeft = styled9__default.default.div`
9291
+ min-width: 0;
9292
+ overflow: hidden;
9284
9293
  `;
9285
9294
  var AssetBentoNarratives = styled9__default.default.div`
9286
9295
  display: grid;
@@ -9562,7 +9571,7 @@ var StatsTab = styled9__default.default.button`
9562
9571
  var StatsTabContent = styled9__default.default.div`
9563
9572
  padding: 0.5rem 1.25rem 1.25rem;
9564
9573
  `;
9565
- var StatsGrid = styled9__default.default.div`
9574
+ styled9__default.default.div`
9566
9575
  display: grid;
9567
9576
  grid-template-columns: 340px 340px;
9568
9577
  gap: 1rem;
@@ -9941,7 +9950,18 @@ styled9__default.default.span`
9941
9950
  text-align: right;
9942
9951
  color: ${(p) => p.$status === "listed" ? "#D4AF37" : "rgba(255,255,255,0.25)"};
9943
9952
  `;
9944
- var AssetFeatureRow = styled9__default.default.div`
9953
+ var FeaturesPanel = styled9__default.default.div`
9954
+ display: flex;
9955
+ flex-wrap: wrap;
9956
+ gap: 0.75rem 1.5rem;
9957
+ margin-top: 1.25rem;
9958
+ background: #111111;
9959
+ border: 1px solid rgba(255,255,255,0.1);
9960
+ border-radius: 12px;
9961
+ padding: 1rem 1.25rem;
9962
+ justify-content: center;
9963
+ `;
9964
+ styled9__default.default.div`
9945
9965
  display: flex;
9946
9966
  flex-wrap: wrap;
9947
9967
  gap: 0.5rem 1.25rem;