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