@loafmarkets/ui 0.1.216 → 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 +176 -158
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +176 -158
  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 }) {
@@ -8148,14 +8150,13 @@ function FullMapPopup({ onClose, mapUrl }) {
8148
8150
  }
8149
8151
  var Row = styled9.div`
8150
8152
  display: grid;
8151
- grid-template-columns: 2fr 1fr;
8153
+ grid-template-columns: 1fr;
8152
8154
  gap: 1.5rem;
8153
8155
  margin-top: 1.5rem;
8154
8156
  max-width: 100%;
8155
8157
  overflow: hidden;
8156
8158
  box-sizing: border-box;
8157
8159
  width: 100%;
8158
- @media (max-width: 1024px) { grid-template-columns: 1fr; }
8159
8160
  `;
8160
8161
  var PanelBase = styled9.div`
8161
8162
  background: var(--color-card-darker, #111);
@@ -8259,7 +8260,7 @@ var CategoryRow = styled9.div`
8259
8260
  button[data-active='true'] { background: rgba(212,175,55,0.2); border-color: #D4AF37; color: #D4AF37; }
8260
8261
  `;
8261
8262
  var MapPanel = styled9(PanelBase)`
8262
- min-height: 500px; padding: 1.5rem;
8263
+ min-height: 350px; padding: 1.5rem;
8263
8264
  min-width: 0; overflow: hidden;
8264
8265
  `;
8265
8266
  var MapFrame = styled9.div`
@@ -8687,8 +8688,68 @@ function PropertyOverview({
8687
8688
  ),
8688
8689
  /* @__PURE__ */ jsxs(Section, { children: [
8689
8690
  /* @__PURE__ */ jsx(SectionHeader, { children: "The Asset" }),
8690
- galleryImages.length > 0 && /* @__PURE__ */ jsxs(AssetBentoGrid, { children: [
8691
- /* @__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(
8692
8753
  GalleryMapSection,
8693
8754
  {
8694
8755
  images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
@@ -8696,9 +8757,10 @@ function PropertyOverview({
8696
8757
  propertyLocation: location,
8697
8758
  videoUrl,
8698
8759
  tokenName,
8699
- onPhotoClick: onPhotosClick
8760
+ onPhotoClick: onPhotosClick,
8761
+ hideGallery: true
8700
8762
  }
8701
- ),
8763
+ ) }),
8702
8764
  /* @__PURE__ */ jsxs(AssetBentoNarratives, { children: [
8703
8765
  /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8704
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" }) }) }),
@@ -8720,161 +8782,113 @@ function PropertyOverview({
8720
8782
  ] })
8721
8783
  ] })
8722
8784
  ] }),
8723
- /* @__PURE__ */ jsxs(StatsGrid, { children: [
8724
- /* @__PURE__ */ jsxs(StatsColumn, { children: [
8725
- /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Capital History" }),
8726
- /* @__PURE__ */ jsxs(TimelineWrap, { children: [
8727
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8728
- /* @__PURE__ */ jsx(TimelineYear, { children: "1880s" }),
8729
- /* @__PURE__ */ jsx(TimelineDot, {}),
8730
- /* @__PURE__ */ jsx(TimelineDetail, { children: /* @__PURE__ */ jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8731
- ] }),
8732
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8733
- /* @__PURE__ */ jsx(TimelineYear, { children: "1976" }),
8734
- /* @__PURE__ */ jsx(TimelineDot, {}),
8735
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8736
- /* @__PURE__ */ jsx(TimelineLabel, { children: "Acquired" }),
8737
- /* @__PURE__ */ jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsx(TimelinePrice, { children: "\xA340,000" }) })
8738
- ] })
8739
- ] }),
8740
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8741
- /* @__PURE__ */ jsx(TimelineYear, { children: "1993" }),
8742
- /* @__PURE__ */ jsx(TimelineDot, {}),
8743
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8744
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8745
- "Sold ",
8746
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "17 yrs" })
8747
- ] }),
8748
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8749
- /* @__PURE__ */ jsx(TimelineGain, { children: "+1,563%" }),
8750
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$1.33M" })
8751
- ] })
8752
- ] })
8753
- ] }),
8754
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8755
- /* @__PURE__ */ jsx(TimelineYear, { children: "2006" }),
8756
- /* @__PURE__ */ jsx(TimelineDot, {}),
8757
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8758
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8759
- "Sold ",
8760
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "13 yrs" })
8761
- ] }),
8762
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8763
- /* @__PURE__ */ jsx(TimelineGain, { children: "+491%" }),
8764
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$7.86M" })
8765
- ] })
8766
- ] })
8767
- ] }),
8768
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8769
- /* @__PURE__ */ jsx(TimelineYear, { children: "2021" }),
8770
- /* @__PURE__ */ jsx(TimelineDot, {}),
8771
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8772
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8773
- "Sold (COVID correction) ",
8774
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "15 yrs" })
8775
- ] }),
8776
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8777
- /* @__PURE__ */ jsx(TimelineGain, { children: "+16%" }),
8778
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$9.09M" })
8779
- ] })
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" })
8780
8812
  ] })
8781
- ] }),
8782
- /* @__PURE__ */ jsxs(TimelineEntry, { $last: true, children: [
8783
- /* @__PURE__ */ jsx(TimelineYear, { children: "2026" }),
8784
- /* @__PURE__ */ jsx(TimelineDot, { $active: true }),
8785
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8786
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8787
- "Loaf Offering ",
8788
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "5 yrs" })
8789
- ] }),
8790
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8791
- /* @__PURE__ */ jsx(TimelineGain, { children: "+105%" }),
8792
- /* @__PURE__ */ jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8793
- ] })
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" })
8794
8826
  ] })
8795
8827
  ] })
8796
8828
  ] }),
8797
- /* @__PURE__ */ jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8798
- /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8799
- /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8800
- /* @__PURE__ */ jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8801
- /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8802
- "$16.07M ",
8803
- /* @__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" })
8804
8840
  ] })
8805
- ] }),
8806
- /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8807
- /* @__PURE__ */ jsx("span", { children: "Previously sold $7.35M" }),
8808
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "Sep 2016" }),
8809
- /* @__PURE__ */ jsx(TimelineGain, { children: "+119%" }),
8810
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 6 yrs" })
8811
- ] }),
8812
- /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,066 sqm" }) })
8841
+ ] })
8813
8842
  ] }),
8814
- /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8815
- /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8816
- /* @__PURE__ */ jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8817
- /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8818
- "$27.96M ",
8819
- /* @__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" })
8820
8854
  ] })
8821
- ] }),
8822
- /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8823
- /* @__PURE__ */ jsx("span", { children: "Previously sold $3.9M" }),
8824
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "2013" }),
8825
- /* @__PURE__ */ jsx(TimelineGain, { children: "+617%" }),
8826
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 11 yrs" })
8827
- ] }),
8828
- /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,592 sqm" }) })
8855
+ ] })
8829
8856
  ] })
8830
8857
  ] }),
8831
- /* @__PURE__ */ jsxs(StatsColumn, { children: [
8832
- /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Asset Specification" }),
8833
- /* @__PURE__ */ jsxs(StatRow, { children: [
8834
- /* @__PURE__ */ jsx(StatLabel, { children: "Land (Freehold)" }),
8835
- /* @__PURE__ */ jsxs(StatValue, { children: [
8836
- landSize?.toLocaleString() ?? "1,848",
8837
- " sqm"
8838
- ] })
8839
- ] }),
8840
- /* @__PURE__ */ jsxs(StatRow, { children: [
8841
- /* @__PURE__ */ jsx(StatLabel, { children: "Interior" }),
8842
- /* @__PURE__ */ jsxs(StatValue, { children: [
8843
- buildingSize?.toLocaleString() ?? "~800",
8844
- " 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" })
8845
8865
  ] })
8846
8866
  ] }),
8847
- /* @__PURE__ */ jsxs(StatRow, { children: [
8848
- /* @__PURE__ */ jsx(StatLabel, { children: "Built" }),
8849
- /* @__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" })
8850
8872
  ] }),
8851
- /* @__PURE__ */ jsxs(StatRow, { children: [
8852
- /* @__PURE__ */ jsx(StatLabel, { children: "Heritage Status" }),
8853
- /* @__PURE__ */ jsx(StatValue, { children: "Historic Site (Not Protected)" })
8854
- ] }),
8855
- /* @__PURE__ */ jsxs(StatRow, { children: [
8856
- /* @__PURE__ */ jsx(StatLabel, { children: "Zoning" }),
8857
- /* @__PURE__ */ jsx(StatValue, { children: "R3 Medium Density" })
8858
- ] }),
8859
- /* @__PURE__ */ jsxs(StatRow, { children: [
8860
- /* @__PURE__ */ jsx(StatLabel, { children: "Development Optionality" }),
8861
- /* @__PURE__ */ jsx(StatValue, { style: { color: "#4ade80" }, children: "Low-rise / Apartments Permitted" })
8862
- ] }),
8863
- /* @__PURE__ */ jsxs(StatRow, { children: [
8864
- /* @__PURE__ */ jsx(StatLabel, { children: "Suburb Median (6 Bed)" }),
8865
- /* @__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
+ ] })
8866
8882
  ] }),
8867
- /* @__PURE__ */ jsxs(StatRow, { children: [
8868
- /* @__PURE__ */ jsx(StatLabel, { children: "5yr Property Growth" }),
8869
- /* @__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" })
8870
8888
  ] }),
8871
- /* @__PURE__ */ jsx(AssetFeatureRow, { children: features.map((item, i) => /* @__PURE__ */ jsxs(AssetFeatureItem, { children: [
8872
- item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
8873
- item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
8874
- /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
8875
- ] }, i)) })
8889
+ /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,592 sqm" }) })
8876
8890
  ] })
8877
- ] })
8891
+ ] }) })
8878
8892
  ] }),
8879
8893
  /* @__PURE__ */ jsxs(Section, { children: [
8880
8894
  /* @__PURE__ */ jsx(SectionHeader, { children: "Trading Hours" }),
@@ -9136,16 +9150,20 @@ var Wrapper = styled9.div`
9136
9150
  flex-direction: column;
9137
9151
  gap: 1.5rem;
9138
9152
  `;
9139
- var AssetBentoGrid = styled9.div`
9140
- display: flex;
9141
- flex-direction: column;
9142
- gap: 0.75rem;
9153
+ var GallerySpecRow = styled9.div`
9154
+ display: grid;
9155
+ grid-template-columns: 1fr 340px;
9156
+ gap: 1.25rem;
9143
9157
  margin-bottom: 1.25rem;
9158
+ align-items: start;
9159
+ @media (max-width: 900px) { grid-template-columns: 1fr; }
9144
9160
  `;
9145
- styled9.div`
9146
- border-radius: 12px;
9161
+ var GallerySpecLeft = styled9.div`
9162
+ min-width: 0;
9147
9163
  overflow: hidden;
9148
- border: 1px solid rgba(255,255,255,0.06);
9164
+ `;
9165
+ var AssetMapWrap = styled9.div`
9166
+ margin-bottom: 1.25rem;
9149
9167
  `;
9150
9168
  var AssetBentoNarratives = styled9.div`
9151
9169
  display: grid;