@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.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 }) {
@@ -8174,14 +8176,13 @@ function FullMapPopup({ onClose, mapUrl }) {
8174
8176
  }
8175
8177
  var Row = styled9__default.default.div`
8176
8178
  display: grid;
8177
- grid-template-columns: 2fr 1fr;
8179
+ grid-template-columns: 1fr;
8178
8180
  gap: 1.5rem;
8179
8181
  margin-top: 1.5rem;
8180
8182
  max-width: 100%;
8181
8183
  overflow: hidden;
8182
8184
  box-sizing: border-box;
8183
8185
  width: 100%;
8184
- @media (max-width: 1024px) { grid-template-columns: 1fr; }
8185
8186
  `;
8186
8187
  var PanelBase = styled9__default.default.div`
8187
8188
  background: var(--color-card-darker, #111);
@@ -8285,7 +8286,7 @@ var CategoryRow = styled9__default.default.div`
8285
8286
  button[data-active='true'] { background: rgba(212,175,55,0.2); border-color: #D4AF37; color: #D4AF37; }
8286
8287
  `;
8287
8288
  var MapPanel = styled9__default.default(PanelBase)`
8288
- min-height: 500px; padding: 1.5rem;
8289
+ min-height: 350px; padding: 1.5rem;
8289
8290
  min-width: 0; overflow: hidden;
8290
8291
  `;
8291
8292
  var MapFrame = styled9__default.default.div`
@@ -8713,8 +8714,68 @@ function PropertyOverview({
8713
8714
  ),
8714
8715
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
8715
8716
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "The Asset" }),
8716
- galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoGrid, { children: [
8717
- /* @__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(
8718
8779
  GalleryMapSection,
8719
8780
  {
8720
8781
  images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
@@ -8722,9 +8783,10 @@ function PropertyOverview({
8722
8783
  propertyLocation: location,
8723
8784
  videoUrl,
8724
8785
  tokenName,
8725
- onPhotoClick: onPhotosClick
8786
+ onPhotoClick: onPhotosClick,
8787
+ hideGallery: true
8726
8788
  }
8727
- ),
8789
+ ) }),
8728
8790
  /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
8729
8791
  /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8730
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" }) }) }),
@@ -8746,161 +8808,113 @@ function PropertyOverview({
8746
8808
  ] })
8747
8809
  ] })
8748
8810
  ] }),
8749
- /* @__PURE__ */ jsxRuntime.jsxs(StatsGrid, { children: [
8750
- /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8751
- /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Capital History" }),
8752
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
8753
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8754
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1880s" }),
8755
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8756
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8757
- ] }),
8758
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8759
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
8760
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8761
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8762
- /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Acquired" }),
8763
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" }) })
8764
- ] })
8765
- ] }),
8766
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8767
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1993" }),
8768
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8769
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8770
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8771
- "Sold ",
8772
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "17 yrs" })
8773
- ] }),
8774
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8775
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+1,563%" }),
8776
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
8777
- ] })
8778
- ] })
8779
- ] }),
8780
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8781
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2006" }),
8782
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8783
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8784
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8785
- "Sold ",
8786
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "13 yrs" })
8787
- ] }),
8788
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8789
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+491%" }),
8790
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
8791
- ] })
8792
- ] })
8793
- ] }),
8794
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8795
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2021" }),
8796
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8797
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8798
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8799
- "Sold (COVID correction) ",
8800
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
8801
- ] }),
8802
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8803
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+16%" }),
8804
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
8805
- ] })
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" })
8806
8838
  ] })
8807
- ] }),
8808
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: true, children: [
8809
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2026" }),
8810
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: true }),
8811
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8812
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8813
- "Loaf Offering ",
8814
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "5 yrs" })
8815
- ] }),
8816
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8817
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+105%" }),
8818
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8819
- ] })
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" })
8820
8852
  ] })
8821
8853
  ] })
8822
8854
  ] }),
8823
- /* @__PURE__ */ jsxRuntime.jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8824
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8825
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8826
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8827
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8828
- "$16.07M ",
8829
- /* @__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" })
8830
8866
  ] })
8831
- ] }),
8832
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8833
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $7.35M" }),
8834
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "Sep 2016" }),
8835
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+119%" }),
8836
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 6 yrs" })
8837
- ] }),
8838
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,066 sqm" }) })
8867
+ ] })
8839
8868
  ] }),
8840
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8841
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8842
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8843
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8844
- "$27.96M ",
8845
- /* @__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" })
8846
8880
  ] })
8847
- ] }),
8848
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8849
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $3.9M" }),
8850
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "2013" }),
8851
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+617%" }),
8852
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 11 yrs" })
8853
- ] }),
8854
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,592 sqm" }) })
8881
+ ] })
8855
8882
  ] })
8856
8883
  ] }),
8857
- /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8858
- /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
8859
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8860
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Land (Freehold)" }),
8861
- /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
8862
- landSize?.toLocaleString() ?? "1,848",
8863
- " sqm"
8864
- ] })
8865
- ] }),
8866
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8867
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Interior" }),
8868
- /* @__PURE__ */ jsxRuntime.jsxs(StatValue, { children: [
8869
- buildingSize?.toLocaleString() ?? "~800",
8870
- " 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" })
8871
8891
  ] })
8872
8892
  ] }),
8873
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8874
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Built" }),
8875
- /* @__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" })
8876
8898
  ] }),
8877
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8878
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Heritage Status" }),
8879
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "Historic Site (Not Protected)" })
8880
- ] }),
8881
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8882
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Zoning" }),
8883
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: "R3 Medium Density" })
8884
- ] }),
8885
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8886
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Development Optionality" }),
8887
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "Low-rise / Apartments Permitted" })
8888
- ] }),
8889
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8890
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Suburb Median (6 Bed)" }),
8891
- /* @__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
+ ] })
8892
8908
  ] }),
8893
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8894
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
8895
- /* @__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" })
8896
8914
  ] }),
8897
- /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureRow, { children: features.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(AssetFeatureItem, { children: [
8898
- item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
8899
- item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
8900
- /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
8901
- ] }, i)) })
8915
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,592 sqm" }) })
8902
8916
  ] })
8903
- ] })
8917
+ ] }) })
8904
8918
  ] }),
8905
8919
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
8906
8920
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Trading Hours" }),
@@ -9162,16 +9176,20 @@ var Wrapper = styled9__default.default.div`
9162
9176
  flex-direction: column;
9163
9177
  gap: 1.5rem;
9164
9178
  `;
9165
- var AssetBentoGrid = styled9__default.default.div`
9166
- display: flex;
9167
- flex-direction: column;
9168
- gap: 0.75rem;
9179
+ var GallerySpecRow = styled9__default.default.div`
9180
+ display: grid;
9181
+ grid-template-columns: 1fr 340px;
9182
+ gap: 1.25rem;
9169
9183
  margin-bottom: 1.25rem;
9184
+ align-items: start;
9185
+ @media (max-width: 900px) { grid-template-columns: 1fr; }
9170
9186
  `;
9171
- styled9__default.default.div`
9172
- border-radius: 12px;
9187
+ var GallerySpecLeft = styled9__default.default.div`
9188
+ min-width: 0;
9173
9189
  overflow: hidden;
9174
- border: 1px solid rgba(255,255,255,0.06);
9190
+ `;
9191
+ var AssetMapWrap = styled9__default.default.div`
9192
+ margin-bottom: 1.25rem;
9175
9193
  `;
9176
9194
  var AssetBentoNarratives = styled9__default.default.div`
9177
9195
  display: grid;