@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.mjs CHANGED
@@ -7940,7 +7940,9 @@ function GalleryMapSection({
7940
7940
  tokenName,
7941
7941
  onPhotoClick,
7942
7942
  autoPlay = true,
7943
- autoPlayInterval = 4e3
7943
+ autoPlayInterval = 4e3,
7944
+ hideMap = false,
7945
+ hideGallery = false
7944
7946
  }) {
7945
7947
  const [carouselIndex, setCarouselIndex] = useState(0);
7946
7948
  const [showVideo, setShowVideo] = useState(false);
@@ -7970,7 +7972,7 @@ function GalleryMapSection({
7970
7972
  const filteredCategories = categories.filter((c) => c.name !== "Floorplan");
7971
7973
  if (images.length === 0) return null;
7972
7974
  return /* @__PURE__ */ jsxs(Row, { children: [
7973
- /* @__PURE__ */ jsxs(GalleryPanel, { children: [
7975
+ !hideGallery && /* @__PURE__ */ jsxs(GalleryPanel, { children: [
7974
7976
  /* @__PURE__ */ jsxs(PanelHeader, { children: [
7975
7977
  /* @__PURE__ */ jsxs("h3", { children: [
7976
7978
  /* @__PURE__ */ jsx(BiImages, {}),
@@ -8033,7 +8035,7 @@ function GalleryMapSection({
8033
8035
  }, children: cat.name }, cat.name);
8034
8036
  }) })
8035
8037
  ] }),
8036
- /* @__PURE__ */ jsxs(MapPanel, { children: [
8038
+ !hideMap && /* @__PURE__ */ jsxs(MapPanel, { children: [
8037
8039
  /* @__PURE__ */ jsxs(PanelHeader, { children: [
8038
8040
  /* @__PURE__ */ jsxs("h3", { children: [
8039
8041
  /* @__PURE__ */ jsx(BiMap, {}),
@@ -8090,7 +8092,7 @@ function GalleryMapSection({
8090
8092
  /* @__PURE__ */ 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." })
8091
8093
  ] })
8092
8094
  ] }),
8093
- showFullMap && /* @__PURE__ */ jsx(FullMapPopup, { onClose: () => setShowFullMap(false), mapUrl: resolvedMapUrl })
8095
+ showFullMap && !hideMap && /* @__PURE__ */ jsx(FullMapPopup, { onClose: () => setShowFullMap(false), mapUrl: resolvedMapUrl })
8094
8096
  ] });
8095
8097
  }
8096
8098
  function FullMapPopup({ onClose, mapUrl }) {
@@ -8686,8 +8688,68 @@ function PropertyOverview({
8686
8688
  ),
8687
8689
  /* @__PURE__ */ jsxs(Section, { children: [
8688
8690
  /* @__PURE__ */ jsx(SectionHeader, { children: "The Asset" }),
8689
- galleryImages.length > 0 && /* @__PURE__ */ jsxs(AssetBentoGrid, { children: [
8690
- /* @__PURE__ */ jsx(
8691
+ galleryImages.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
8692
+ /* @__PURE__ */ jsxs(GallerySpecRow, { children: [
8693
+ /* @__PURE__ */ jsx(GallerySpecLeft, { children: /* @__PURE__ */ jsx(
8694
+ GalleryMapSection,
8695
+ {
8696
+ images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8697
+ categories: galleryCategories2,
8698
+ propertyLocation: location,
8699
+ videoUrl,
8700
+ tokenName,
8701
+ onPhotoClick: onPhotosClick,
8702
+ hideMap: true
8703
+ }
8704
+ ) }),
8705
+ /* @__PURE__ */ jsxs(StatsColumn, { children: [
8706
+ /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Asset Specification" }),
8707
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8708
+ /* @__PURE__ */ jsx(StatLabel, { children: "Land (Freehold)" }),
8709
+ /* @__PURE__ */ jsxs(StatValue, { children: [
8710
+ landSize?.toLocaleString() ?? "1,848",
8711
+ " sqm"
8712
+ ] })
8713
+ ] }),
8714
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8715
+ /* @__PURE__ */ jsx(StatLabel, { children: "Interior" }),
8716
+ /* @__PURE__ */ jsxs(StatValue, { children: [
8717
+ buildingSize?.toLocaleString() ?? "~800",
8718
+ " sqm"
8719
+ ] })
8720
+ ] }),
8721
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8722
+ /* @__PURE__ */ jsx(StatLabel, { children: "Built" }),
8723
+ /* @__PURE__ */ jsx(StatValue, { children: "c.1880" })
8724
+ ] }),
8725
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8726
+ /* @__PURE__ */ jsx(StatLabel, { children: "Heritage Status" }),
8727
+ /* @__PURE__ */ jsx(StatValue, { children: "Historic Site (Not Protected)" })
8728
+ ] }),
8729
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8730
+ /* @__PURE__ */ jsx(StatLabel, { children: "Zoning" }),
8731
+ /* @__PURE__ */ jsx(StatValue, { children: "R3 Medium Density" })
8732
+ ] }),
8733
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8734
+ /* @__PURE__ */ jsx(StatLabel, { children: "Development Optionality" }),
8735
+ /* @__PURE__ */ jsx(StatValue, { style: { color: "#4ade80" }, children: "Low-rise / Apartments Permitted" })
8736
+ ] }),
8737
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8738
+ /* @__PURE__ */ jsx(StatLabel, { children: "Suburb Median (6 Bed)" }),
8739
+ /* @__PURE__ */ jsx(StatValue, { children: "$5.5M (Mosman)" })
8740
+ ] }),
8741
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8742
+ /* @__PURE__ */ jsx(StatLabel, { children: "5yr Property Growth" }),
8743
+ /* @__PURE__ */ jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
8744
+ ] }),
8745
+ /* @__PURE__ */ jsx(AssetFeatureRow, { children: features.map((item, i) => /* @__PURE__ */ jsxs(AssetFeatureItem, { children: [
8746
+ item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
8747
+ item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
8748
+ /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
8749
+ ] }, i)) })
8750
+ ] })
8751
+ ] }),
8752
+ /* @__PURE__ */ jsx(AssetMapWrap, { children: /* @__PURE__ */ jsx(
8691
8753
  GalleryMapSection,
8692
8754
  {
8693
8755
  images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
@@ -8695,9 +8757,10 @@ function PropertyOverview({
8695
8757
  propertyLocation: location,
8696
8758
  videoUrl,
8697
8759
  tokenName,
8698
- onPhotoClick: onPhotosClick
8760
+ onPhotoClick: onPhotosClick,
8761
+ hideGallery: true
8699
8762
  }
8700
- ),
8763
+ ) }),
8701
8764
  /* @__PURE__ */ jsxs(AssetBentoNarratives, { children: [
8702
8765
  /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8703
8766
  /* @__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" }) }) }),
@@ -8719,161 +8782,113 @@ function PropertyOverview({
8719
8782
  ] })
8720
8783
  ] })
8721
8784
  ] }),
8722
- /* @__PURE__ */ jsxs(StatsGrid, { children: [
8723
- /* @__PURE__ */ jsxs(StatsColumn, { children: [
8724
- /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Capital History" }),
8725
- /* @__PURE__ */ jsxs(TimelineWrap, { children: [
8726
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8727
- /* @__PURE__ */ jsx(TimelineYear, { children: "1880s" }),
8728
- /* @__PURE__ */ jsx(TimelineDot, {}),
8729
- /* @__PURE__ */ jsx(TimelineDetail, { children: /* @__PURE__ */ jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8730
- ] }),
8731
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8732
- /* @__PURE__ */ jsx(TimelineYear, { children: "1976" }),
8733
- /* @__PURE__ */ jsx(TimelineDot, {}),
8734
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8735
- /* @__PURE__ */ jsx(TimelineLabel, { children: "Acquired" }),
8736
- /* @__PURE__ */ jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsx(TimelinePrice, { children: "\xA340,000" }) })
8737
- ] })
8738
- ] }),
8739
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8740
- /* @__PURE__ */ jsx(TimelineYear, { children: "1993" }),
8741
- /* @__PURE__ */ jsx(TimelineDot, {}),
8742
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8743
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8744
- "Sold ",
8745
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "17 yrs" })
8746
- ] }),
8747
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8748
- /* @__PURE__ */ jsx(TimelineGain, { children: "+1,563%" }),
8749
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$1.33M" })
8750
- ] })
8751
- ] })
8752
- ] }),
8753
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8754
- /* @__PURE__ */ jsx(TimelineYear, { children: "2006" }),
8755
- /* @__PURE__ */ jsx(TimelineDot, {}),
8756
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8757
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8758
- "Sold ",
8759
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "13 yrs" })
8760
- ] }),
8761
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8762
- /* @__PURE__ */ jsx(TimelineGain, { children: "+491%" }),
8763
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$7.86M" })
8764
- ] })
8765
- ] })
8766
- ] }),
8767
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8768
- /* @__PURE__ */ jsx(TimelineYear, { children: "2021" }),
8769
- /* @__PURE__ */ jsx(TimelineDot, {}),
8770
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8771
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8772
- "Sold (COVID correction) ",
8773
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "15 yrs" })
8774
- ] }),
8775
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8776
- /* @__PURE__ */ jsx(TimelineGain, { children: "+16%" }),
8777
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$9.09M" })
8778
- ] })
8785
+ /* @__PURE__ */ jsx(StatsGrid, { style: { gridTemplateColumns: "340px" }, children: /* @__PURE__ */ jsxs(StatsColumn, { children: [
8786
+ /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Capital History" }),
8787
+ /* @__PURE__ */ jsxs(TimelineWrap, { children: [
8788
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8789
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1880s" }),
8790
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8791
+ /* @__PURE__ */ jsx(TimelineDetail, { children: /* @__PURE__ */ jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8792
+ ] }),
8793
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8794
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1976" }),
8795
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8796
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8797
+ /* @__PURE__ */ jsx(TimelineLabel, { children: "Acquired" }),
8798
+ /* @__PURE__ */ jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsx(TimelinePrice, { children: "\xA340,000" }) })
8799
+ ] })
8800
+ ] }),
8801
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8802
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1993" }),
8803
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8804
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8805
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8806
+ "Sold ",
8807
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "17 yrs" })
8808
+ ] }),
8809
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8810
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+1,563%" }),
8811
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$1.33M" })
8779
8812
  ] })
8780
- ] }),
8781
- /* @__PURE__ */ jsxs(TimelineEntry, { $last: true, children: [
8782
- /* @__PURE__ */ jsx(TimelineYear, { children: "2026" }),
8783
- /* @__PURE__ */ jsx(TimelineDot, { $active: true }),
8784
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8785
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8786
- "Loaf Offering ",
8787
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "5 yrs" })
8788
- ] }),
8789
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8790
- /* @__PURE__ */ jsx(TimelineGain, { children: "+105%" }),
8791
- /* @__PURE__ */ jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8792
- ] })
8813
+ ] })
8814
+ ] }),
8815
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8816
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2006" }),
8817
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8818
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8819
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8820
+ "Sold ",
8821
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "13 yrs" })
8822
+ ] }),
8823
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8824
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+491%" }),
8825
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$7.86M" })
8793
8826
  ] })
8794
8827
  ] })
8795
8828
  ] }),
8796
- /* @__PURE__ */ jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8797
- /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8798
- /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8799
- /* @__PURE__ */ jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8800
- /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8801
- "$16.07M ",
8802
- /* @__PURE__ */ jsx(CompSaleDate, { children: "Mar 2022" })
8829
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8830
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2021" }),
8831
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8832
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8833
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8834
+ "Sold (COVID correction) ",
8835
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "15 yrs" })
8836
+ ] }),
8837
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8838
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+16%" }),
8839
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$9.09M" })
8803
8840
  ] })
8804
- ] }),
8805
- /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8806
- /* @__PURE__ */ jsx("span", { children: "Previously sold $7.35M" }),
8807
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "Sep 2016" }),
8808
- /* @__PURE__ */ jsx(TimelineGain, { children: "+119%" }),
8809
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 6 yrs" })
8810
- ] }),
8811
- /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,066 sqm" }) })
8841
+ ] })
8812
8842
  ] }),
8813
- /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8814
- /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8815
- /* @__PURE__ */ jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8816
- /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8817
- "$27.96M ",
8818
- /* @__PURE__ */ jsx(CompSaleDate, { children: "Aug 2024" })
8843
+ /* @__PURE__ */ jsxs(TimelineEntry, { $last: true, children: [
8844
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2026" }),
8845
+ /* @__PURE__ */ jsx(TimelineDot, { $active: true }),
8846
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8847
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8848
+ "Loaf Offering ",
8849
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "5 yrs" })
8850
+ ] }),
8851
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8852
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+105%" }),
8853
+ /* @__PURE__ */ jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8819
8854
  ] })
8820
- ] }),
8821
- /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8822
- /* @__PURE__ */ jsx("span", { children: "Previously sold $3.9M" }),
8823
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "2013" }),
8824
- /* @__PURE__ */ jsx(TimelineGain, { children: "+617%" }),
8825
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 11 yrs" })
8826
- ] }),
8827
- /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,592 sqm" }) })
8855
+ ] })
8828
8856
  ] })
8829
8857
  ] }),
8830
- /* @__PURE__ */ jsxs(StatsColumn, { children: [
8831
- /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Asset Specification" }),
8832
- /* @__PURE__ */ jsxs(StatRow, { children: [
8833
- /* @__PURE__ */ jsx(StatLabel, { children: "Land (Freehold)" }),
8834
- /* @__PURE__ */ jsxs(StatValue, { children: [
8835
- landSize?.toLocaleString() ?? "1,848",
8836
- " sqm"
8837
- ] })
8838
- ] }),
8839
- /* @__PURE__ */ jsxs(StatRow, { children: [
8840
- /* @__PURE__ */ jsx(StatLabel, { children: "Interior" }),
8841
- /* @__PURE__ */ jsxs(StatValue, { children: [
8842
- buildingSize?.toLocaleString() ?? "~800",
8843
- " sqm"
8858
+ /* @__PURE__ */ jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8859
+ /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8860
+ /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8861
+ /* @__PURE__ */ jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8862
+ /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8863
+ "$16.07M ",
8864
+ /* @__PURE__ */ jsx(CompSaleDate, { children: "Mar 2022" })
8844
8865
  ] })
8845
8866
  ] }),
8846
- /* @__PURE__ */ jsxs(StatRow, { children: [
8847
- /* @__PURE__ */ jsx(StatLabel, { children: "Built" }),
8848
- /* @__PURE__ */ jsx(StatValue, { children: "c.1880" })
8867
+ /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8868
+ /* @__PURE__ */ jsx("span", { children: "Previously sold $7.35M" }),
8869
+ /* @__PURE__ */ jsx(CompSalePriorDate, { children: "Sep 2016" }),
8870
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+119%" }),
8871
+ /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 6 yrs" })
8849
8872
  ] }),
8850
- /* @__PURE__ */ jsxs(StatRow, { children: [
8851
- /* @__PURE__ */ jsx(StatLabel, { children: "Heritage Status" }),
8852
- /* @__PURE__ */ jsx(StatValue, { children: "Historic Site (Not Protected)" })
8853
- ] }),
8854
- /* @__PURE__ */ jsxs(StatRow, { children: [
8855
- /* @__PURE__ */ jsx(StatLabel, { children: "Zoning" }),
8856
- /* @__PURE__ */ jsx(StatValue, { children: "R3 Medium Density" })
8857
- ] }),
8858
- /* @__PURE__ */ jsxs(StatRow, { children: [
8859
- /* @__PURE__ */ jsx(StatLabel, { children: "Development Optionality" }),
8860
- /* @__PURE__ */ jsx(StatValue, { style: { color: "#4ade80" }, children: "Low-rise / Apartments Permitted" })
8861
- ] }),
8862
- /* @__PURE__ */ jsxs(StatRow, { children: [
8863
- /* @__PURE__ */ jsx(StatLabel, { children: "Suburb Median (6 Bed)" }),
8864
- /* @__PURE__ */ jsx(StatValue, { children: "$5.5M (Mosman)" })
8873
+ /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,066 sqm" }) })
8874
+ ] }),
8875
+ /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8876
+ /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8877
+ /* @__PURE__ */ jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8878
+ /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8879
+ "$27.96M ",
8880
+ /* @__PURE__ */ jsx(CompSaleDate, { children: "Aug 2024" })
8881
+ ] })
8865
8882
  ] }),
8866
- /* @__PURE__ */ jsxs(StatRow, { children: [
8867
- /* @__PURE__ */ jsx(StatLabel, { children: "5yr Property Growth" }),
8868
- /* @__PURE__ */ jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
8883
+ /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8884
+ /* @__PURE__ */ jsx("span", { children: "Previously sold $3.9M" }),
8885
+ /* @__PURE__ */ jsx(CompSalePriorDate, { children: "2013" }),
8886
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+617%" }),
8887
+ /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 11 yrs" })
8869
8888
  ] }),
8870
- /* @__PURE__ */ jsx(AssetFeatureRow, { children: features.map((item, i) => /* @__PURE__ */ jsxs(AssetFeatureItem, { children: [
8871
- item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
8872
- item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
8873
- /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
8874
- ] }, i)) })
8889
+ /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,592 sqm" }) })
8875
8890
  ] })
8876
- ] })
8891
+ ] }) })
8877
8892
  ] }),
8878
8893
  /* @__PURE__ */ jsxs(Section, { children: [
8879
8894
  /* @__PURE__ */ jsx(SectionHeader, { children: "Trading Hours" }),
@@ -9135,16 +9150,20 @@ var Wrapper = styled9.div`
9135
9150
  flex-direction: column;
9136
9151
  gap: 1.5rem;
9137
9152
  `;
9138
- var AssetBentoGrid = styled9.div`
9139
- display: flex;
9140
- flex-direction: column;
9141
- gap: 0.75rem;
9153
+ var GallerySpecRow = styled9.div`
9154
+ display: grid;
9155
+ grid-template-columns: 1fr 340px;
9156
+ gap: 1.25rem;
9142
9157
  margin-bottom: 1.25rem;
9158
+ align-items: start;
9159
+ @media (max-width: 900px) { grid-template-columns: 1fr; }
9143
9160
  `;
9144
- styled9.div`
9145
- border-radius: 12px;
9161
+ var GallerySpecLeft = styled9.div`
9162
+ min-width: 0;
9146
9163
  overflow: hidden;
9147
- border: 1px solid rgba(255,255,255,0.06);
9164
+ `;
9165
+ var AssetMapWrap = styled9.div`
9166
+ margin-bottom: 1.25rem;
9148
9167
  `;
9149
9168
  var AssetBentoNarratives = styled9.div`
9150
9169
  display: grid;