@loafmarkets/ui 0.1.217 → 0.1.218

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 +174 -155
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +174 -155
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -7966,7 +7966,9 @@ function GalleryMapSection({
7966
7966
  tokenName,
7967
7967
  onPhotoClick,
7968
7968
  autoPlay = true,
7969
- autoPlayInterval = 4e3
7969
+ autoPlayInterval = 4e3,
7970
+ hideMap = false,
7971
+ hideGallery = false
7970
7972
  }) {
7971
7973
  const [carouselIndex, setCarouselIndex] = React5.useState(0);
7972
7974
  const [showVideo, setShowVideo] = React5.useState(false);
@@ -7996,7 +7998,7 @@ function GalleryMapSection({
7996
7998
  const filteredCategories = categories.filter((c) => c.name !== "Floorplan");
7997
7999
  if (images.length === 0) return null;
7998
8000
  return /* @__PURE__ */ jsxRuntime.jsxs(Row, { children: [
7999
- /* @__PURE__ */ jsxRuntime.jsxs(GalleryPanel, { children: [
8001
+ !hideGallery && /* @__PURE__ */ jsxRuntime.jsxs(GalleryPanel, { children: [
8000
8002
  /* @__PURE__ */ jsxRuntime.jsxs(PanelHeader, { children: [
8001
8003
  /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
8002
8004
  /* @__PURE__ */ jsxRuntime.jsx(bi.BiImages, {}),
@@ -8059,7 +8061,7 @@ function GalleryMapSection({
8059
8061
  }, children: cat.name }, cat.name);
8060
8062
  }) })
8061
8063
  ] }),
8062
- /* @__PURE__ */ jsxRuntime.jsxs(MapPanel, { children: [
8064
+ !hideMap && /* @__PURE__ */ jsxRuntime.jsxs(MapPanel, { children: [
8063
8065
  /* @__PURE__ */ jsxRuntime.jsxs(PanelHeader, { children: [
8064
8066
  /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
8065
8067
  /* @__PURE__ */ jsxRuntime.jsx(bi.BiMap, {}),
@@ -8116,7 +8118,7 @@ function GalleryMapSection({
8116
8118
  /* @__PURE__ */ jsxRuntime.jsx(SuburbDesc, { children: "One of Sydney's most prestigious harbourside suburbs, consistently ranked among Australia's highest-value residential markets. Strong capital growth driven by limited supply, heritage conservation overlays, and international buyer demand." })
8117
8119
  ] })
8118
8120
  ] }),
8119
- showFullMap && /* @__PURE__ */ jsxRuntime.jsx(FullMapPopup, { onClose: () => setShowFullMap(false), mapUrl: resolvedMapUrl })
8121
+ showFullMap && !hideMap && /* @__PURE__ */ jsxRuntime.jsx(FullMapPopup, { onClose: () => setShowFullMap(false), mapUrl: resolvedMapUrl })
8120
8122
  ] });
8121
8123
  }
8122
8124
  function FullMapPopup({ onClose, mapUrl }) {
@@ -8712,8 +8714,68 @@ function PropertyOverview({
8712
8714
  ),
8713
8715
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
8714
8716
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "The Asset" }),
8715
- galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoGrid, { children: [
8716
- /* @__PURE__ */ jsxRuntime.jsx(
8717
+ galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
8718
+ /* @__PURE__ */ jsxRuntime.jsxs(GallerySpecRow, { children: [
8719
+ /* @__PURE__ */ jsxRuntime.jsx(GallerySpecLeft, { children: /* @__PURE__ */ jsxRuntime.jsx(
8720
+ GalleryMapSection,
8721
+ {
8722
+ images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8723
+ categories: galleryCategories2,
8724
+ propertyLocation: location,
8725
+ videoUrl,
8726
+ tokenName,
8727
+ onPhotoClick: onPhotosClick,
8728
+ hideMap: true
8729
+ }
8730
+ ) }),
8731
+ /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8732
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
8733
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8734
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Land (Freehold)" }),
8735
+ /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
8736
+ landSize?.toLocaleString() ?? "1,848",
8737
+ " sqm"
8738
+ ] })
8739
+ ] }),
8740
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8741
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Interior" }),
8742
+ /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
8743
+ buildingSize?.toLocaleString() ?? "~800",
8744
+ " sqm"
8745
+ ] })
8746
+ ] }),
8747
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8748
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Built" }),
8749
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "c.1880" })
8750
+ ] }),
8751
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8752
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Heritage Status" }),
8753
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "Historic Site (Not Protected)" })
8754
+ ] }),
8755
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8756
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Zoning" }),
8757
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "R3 Medium Density" })
8758
+ ] }),
8759
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8760
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Development Optionality" }),
8761
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "Low-rise / Apartments Permitted" })
8762
+ ] }),
8763
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8764
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Suburb Median (6 Bed)" }),
8765
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "$5.5M (Mosman)" })
8766
+ ] }),
8767
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8768
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
8769
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
8770
+ ] }),
8771
+ /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureRow, { children: features.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(AssetFeatureItem, { children: [
8772
+ item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
8773
+ item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
8774
+ /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
8775
+ ] }, i)) })
8776
+ ] })
8777
+ ] }),
8778
+ /* @__PURE__ */ jsxRuntime.jsx(AssetMapWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(
8717
8779
  GalleryMapSection,
8718
8780
  {
8719
8781
  images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
@@ -8721,9 +8783,10 @@ function PropertyOverview({
8721
8783
  propertyLocation: location,
8722
8784
  videoUrl,
8723
8785
  tokenName,
8724
- onPhotoClick: onPhotosClick
8786
+ onPhotoClick: onPhotosClick,
8787
+ hideGallery: true
8725
8788
  }
8726
- ),
8789
+ ) }),
8727
8790
  /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
8728
8791
  /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8729
8792
  /* @__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" }) }) }),
@@ -8745,161 +8808,113 @@ function PropertyOverview({
8745
8808
  ] })
8746
8809
  ] })
8747
8810
  ] }),
8748
- /* @__PURE__ */ jsxRuntime.jsxs(StatsGrid, { children: [
8749
- /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8750
- /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Capital History" }),
8751
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
8752
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8753
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1880s" }),
8754
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8755
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8756
- ] }),
8757
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8758
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
8759
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8760
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8761
- /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Acquired" }),
8762
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" }) })
8763
- ] })
8764
- ] }),
8765
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8766
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1993" }),
8767
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8768
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8769
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8770
- "Sold ",
8771
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "17 yrs" })
8772
- ] }),
8773
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8774
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+1,563%" }),
8775
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
8776
- ] })
8777
- ] })
8778
- ] }),
8779
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8780
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2006" }),
8781
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8782
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8783
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8784
- "Sold ",
8785
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "13 yrs" })
8786
- ] }),
8787
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8788
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+491%" }),
8789
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
8790
- ] })
8791
- ] })
8792
- ] }),
8793
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8794
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2021" }),
8795
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8796
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8797
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8798
- "Sold (COVID correction) ",
8799
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
8800
- ] }),
8801
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8802
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+16%" }),
8803
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
8804
- ] })
8811
+ /* @__PURE__ */ jsxRuntime.jsx(StatsGrid, { style: { gridTemplateColumns: "340px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8812
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Capital History" }),
8813
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
8814
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8815
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1880s" }),
8816
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8817
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8818
+ ] }),
8819
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8820
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
8821
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8822
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8823
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Acquired" }),
8824
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" }) })
8825
+ ] })
8826
+ ] }),
8827
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8828
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1993" }),
8829
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8830
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8831
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8832
+ "Sold ",
8833
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "17 yrs" })
8834
+ ] }),
8835
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8836
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+1,563%" }),
8837
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
8805
8838
  ] })
8806
- ] }),
8807
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: true, children: [
8808
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2026" }),
8809
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: true }),
8810
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8811
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8812
- "Loaf Offering ",
8813
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "5 yrs" })
8814
- ] }),
8815
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8816
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+105%" }),
8817
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8818
- ] })
8839
+ ] })
8840
+ ] }),
8841
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8842
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2006" }),
8843
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8844
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8845
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8846
+ "Sold ",
8847
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "13 yrs" })
8848
+ ] }),
8849
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8850
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+491%" }),
8851
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
8819
8852
  ] })
8820
8853
  ] })
8821
8854
  ] }),
8822
- /* @__PURE__ */ jsxRuntime.jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8823
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8824
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8825
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8826
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8827
- "$16.07M ",
8828
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Mar 2022" })
8855
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8856
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2021" }),
8857
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8858
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8859
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8860
+ "Sold (COVID correction) ",
8861
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
8862
+ ] }),
8863
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8864
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+16%" }),
8865
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
8829
8866
  ] })
8830
- ] }),
8831
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8832
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $7.35M" }),
8833
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "Sep 2016" }),
8834
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+119%" }),
8835
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 6 yrs" })
8836
- ] }),
8837
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,066 sqm" }) })
8867
+ ] })
8838
8868
  ] }),
8839
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8840
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8841
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8842
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8843
- "$27.96M ",
8844
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Aug 2024" })
8869
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: true, children: [
8870
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2026" }),
8871
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: true }),
8872
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8873
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8874
+ "Loaf Offering ",
8875
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "5 yrs" })
8876
+ ] }),
8877
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8878
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+105%" }),
8879
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8845
8880
  ] })
8846
- ] }),
8847
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8848
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $3.9M" }),
8849
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "2013" }),
8850
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+617%" }),
8851
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 11 yrs" })
8852
- ] }),
8853
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,592 sqm" }) })
8881
+ ] })
8854
8882
  ] })
8855
8883
  ] }),
8856
- /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8857
- /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
8858
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8859
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Land (Freehold)" }),
8860
- /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
8861
- landSize?.toLocaleString() ?? "1,848",
8862
- " sqm"
8863
- ] })
8864
- ] }),
8865
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8866
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Interior" }),
8867
- /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
8868
- buildingSize?.toLocaleString() ?? "~800",
8869
- " sqm"
8884
+ /* @__PURE__ */ jsxRuntime.jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8885
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8886
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8887
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8888
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8889
+ "$16.07M ",
8890
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Mar 2022" })
8870
8891
  ] })
8871
8892
  ] }),
8872
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8873
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Built" }),
8874
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "c.1880" })
8893
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8894
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $7.35M" }),
8895
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "Sep 2016" }),
8896
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+119%" }),
8897
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 6 yrs" })
8875
8898
  ] }),
8876
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8877
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Heritage Status" }),
8878
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "Historic Site (Not Protected)" })
8879
- ] }),
8880
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8881
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Zoning" }),
8882
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "R3 Medium Density" })
8883
- ] }),
8884
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8885
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Development Optionality" }),
8886
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "Low-rise / Apartments Permitted" })
8887
- ] }),
8888
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8889
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Suburb Median (6 Bed)" }),
8890
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "$5.5M (Mosman)" })
8899
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,066 sqm" }) })
8900
+ ] }),
8901
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8902
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8903
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8904
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8905
+ "$27.96M ",
8906
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Aug 2024" })
8907
+ ] })
8891
8908
  ] }),
8892
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8893
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
8894
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
8909
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8910
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $3.9M" }),
8911
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "2013" }),
8912
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+617%" }),
8913
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 11 yrs" })
8895
8914
  ] }),
8896
- /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureRow, { children: features.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(AssetFeatureItem, { children: [
8897
- item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
8898
- item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
8899
- /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
8900
- ] }, i)) })
8915
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,592 sqm" }) })
8901
8916
  ] })
8902
- ] })
8917
+ ] }) })
8903
8918
  ] }),
8904
8919
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
8905
8920
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Trading Hours" }),
@@ -9161,16 +9176,20 @@ var Wrapper = styled9__default.default.div`
9161
9176
  flex-direction: column;
9162
9177
  gap: 1.5rem;
9163
9178
  `;
9164
- var AssetBentoGrid = styled9__default.default.div`
9165
- display: flex;
9166
- flex-direction: column;
9167
- gap: 0.75rem;
9179
+ var GallerySpecRow = styled9__default.default.div`
9180
+ display: grid;
9181
+ grid-template-columns: 1fr 340px;
9182
+ gap: 1.25rem;
9168
9183
  margin-bottom: 1.25rem;
9184
+ align-items: start;
9185
+ @media (max-width: 900px) { grid-template-columns: 1fr; }
9169
9186
  `;
9170
- styled9__default.default.div`
9171
- border-radius: 12px;
9187
+ var GallerySpecLeft = styled9__default.default.div`
9188
+ min-width: 0;
9172
9189
  overflow: hidden;
9173
- border: 1px solid rgba(255,255,255,0.06);
9190
+ `;
9191
+ var AssetMapWrap = styled9__default.default.div`
9192
+ margin-bottom: 1.25rem;
9174
9193
  `;
9175
9194
  var AssetBentoNarratives = styled9__default.default.div`
9176
9195
  display: grid;