@loafmarkets/ui 0.1.217 → 0.1.219

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 +178 -158
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +178 -158
  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 }) {
@@ -8183,9 +8185,10 @@ var Row = styled9__default.default.div`
8183
8185
  width: 100%;
8184
8186
  `;
8185
8187
  var PanelBase = styled9__default.default.div`
8186
- background: var(--color-card-darker, #111);
8187
- border-radius: 8px;
8188
- padding: 1rem;
8188
+ background: rgba(255,255,255,0.025);
8189
+ border: 1px solid rgba(255,255,255,0.06);
8190
+ border-radius: 10px;
8191
+ padding: 1.25rem;
8189
8192
  display: flex;
8190
8193
  flex-direction: column;
8191
8194
  `;
@@ -8712,8 +8715,68 @@ function PropertyOverview({
8712
8715
  ),
8713
8716
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
8714
8717
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "The Asset" }),
8715
- galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoGrid, { children: [
8716
- /* @__PURE__ */ jsxRuntime.jsx(
8718
+ galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
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
+ ) }),
8732
+ /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8733
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
8734
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8735
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Land (Freehold)" }),
8736
+ /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
8737
+ landSize?.toLocaleString() ?? "1,848",
8738
+ " sqm"
8739
+ ] })
8740
+ ] }),
8741
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8742
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Interior" }),
8743
+ /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
8744
+ buildingSize?.toLocaleString() ?? "~800",
8745
+ " sqm"
8746
+ ] })
8747
+ ] }),
8748
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8749
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Built" }),
8750
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "c.1880" })
8751
+ ] }),
8752
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8753
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Heritage Status" }),
8754
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "Historic Site (Not Protected)" })
8755
+ ] }),
8756
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8757
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Zoning" }),
8758
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "R3 Medium Density" })
8759
+ ] }),
8760
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8761
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Development Optionality" }),
8762
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "Low-rise / Apartments Permitted" })
8763
+ ] }),
8764
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8765
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Suburb Median (6 Bed)" }),
8766
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "$5.5M (Mosman)" })
8767
+ ] }),
8768
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8769
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
8770
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
8771
+ ] }),
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(
8717
8780
  GalleryMapSection,
8718
8781
  {
8719
8782
  images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
@@ -8721,9 +8784,10 @@ function PropertyOverview({
8721
8784
  propertyLocation: location,
8722
8785
  videoUrl,
8723
8786
  tokenName,
8724
- onPhotoClick: onPhotosClick
8787
+ onPhotoClick: onPhotosClick,
8788
+ hideGallery: true
8725
8789
  }
8726
- ),
8790
+ ) }),
8727
8791
  /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
8728
8792
  /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8729
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" }) }) }),
@@ -8745,161 +8809,113 @@ function PropertyOverview({
8745
8809
  ] })
8746
8810
  ] })
8747
8811
  ] }),
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
- ] })
8812
+ /* @__PURE__ */ jsxRuntime.jsx(StatsGrid, { style: { gridTemplateColumns: "340px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8813
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Capital History" }),
8814
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
8815
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8816
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1880s" }),
8817
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8818
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8819
+ ] }),
8820
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8821
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
8822
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8823
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8824
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Acquired" }),
8825
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" }) })
8826
+ ] })
8827
+ ] }),
8828
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8829
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1993" }),
8830
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8831
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8832
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8833
+ "Sold ",
8834
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "17 yrs" })
8835
+ ] }),
8836
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8837
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+1,563%" }),
8838
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
8805
8839
  ] })
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
- ] })
8840
+ ] })
8841
+ ] }),
8842
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8843
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2006" }),
8844
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8845
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8846
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8847
+ "Sold ",
8848
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "13 yrs" })
8849
+ ] }),
8850
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8851
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+491%" }),
8852
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
8819
8853
  ] })
8820
8854
  ] })
8821
8855
  ] }),
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" })
8856
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8857
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2021" }),
8858
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8859
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8860
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8861
+ "Sold (COVID correction) ",
8862
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
8863
+ ] }),
8864
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8865
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+16%" }),
8866
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
8829
8867
  ] })
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" }) })
8868
+ ] })
8838
8869
  ] }),
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" })
8870
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: true, children: [
8871
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2026" }),
8872
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: true }),
8873
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8874
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8875
+ "Loaf Offering ",
8876
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "5 yrs" })
8877
+ ] }),
8878
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8879
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+105%" }),
8880
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8845
8881
  ] })
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" }) })
8882
+ ] })
8854
8883
  ] })
8855
8884
  ] }),
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"
8885
+ /* @__PURE__ */ jsxRuntime.jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8886
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8887
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8888
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8889
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8890
+ "$16.07M ",
8891
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Mar 2022" })
8863
8892
  ] })
8864
8893
  ] }),
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"
8870
- ] })
8871
- ] }),
8872
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8873
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Built" }),
8874
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "c.1880" })
8875
- ] }),
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" })
8894
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8895
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $7.35M" }),
8896
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "Sep 2016" }),
8897
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+119%" }),
8898
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 6 yrs" })
8883
8899
  ] }),
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)" })
8900
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,066 sqm" }) })
8901
+ ] }),
8902
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8903
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8904
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8905
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8906
+ "$27.96M ",
8907
+ /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Aug 2024" })
8908
+ ] })
8891
8909
  ] }),
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%" })
8910
+ /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8911
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $3.9M" }),
8912
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "2013" }),
8913
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+617%" }),
8914
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 11 yrs" })
8895
8915
  ] }),
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)) })
8916
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,592 sqm" }) })
8901
8917
  ] })
8902
- ] })
8918
+ ] }) })
8903
8919
  ] }),
8904
8920
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
8905
8921
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Trading Hours" }),
@@ -9161,16 +9177,20 @@ var Wrapper = styled9__default.default.div`
9161
9177
  flex-direction: column;
9162
9178
  gap: 1.5rem;
9163
9179
  `;
9164
- var AssetBentoGrid = styled9__default.default.div`
9165
- display: flex;
9166
- flex-direction: column;
9167
- gap: 0.75rem;
9180
+ var GallerySpecRow = styled9__default.default.div`
9181
+ display: grid;
9182
+ grid-template-columns: 1fr 340px;
9183
+ gap: 1.25rem;
9168
9184
  margin-bottom: 1.25rem;
9185
+ align-items: start;
9186
+ @media (max-width: 900px) { grid-template-columns: 1fr; }
9169
9187
  `;
9170
- styled9__default.default.div`
9171
- border-radius: 12px;
9188
+ var GallerySpecLeft = styled9__default.default.div`
9189
+ min-width: 0;
9172
9190
  overflow: hidden;
9173
- border: 1px solid rgba(255,255,255,0.06);
9191
+ `;
9192
+ var AssetMapWrap = styled9__default.default.div`
9193
+ margin-bottom: 1.25rem;
9174
9194
  `;
9175
9195
  var AssetBentoNarratives = styled9__default.default.div`
9176
9196
  display: grid;