@loafmarkets/ui 0.1.227 → 0.1.229

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 +198 -122
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +198 -122
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2162,8 +2162,8 @@ function DesktopOrderbookLayout({
2162
2162
  )
2163
2163
  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: rightHeader })
2164
2164
  ] }),
2165
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col min-h-0 px-4 pt-0", children: [
2166
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-3 px-3 pb-1 pt-0.5 text-xs text-white/60", children: [
2165
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col min-h-0 px-4 pt-2", children: [
2166
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-3 px-3 pb-1.5 pt-1 text-xs text-white/60", children: [
2167
2167
  /* @__PURE__ */ jsxRuntime.jsx("div", { children: priceLabel }),
2168
2168
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: amountLabel }),
2169
2169
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: tab === "orderbook" ? "Total" : "Time" })
@@ -7968,7 +7968,8 @@ function GalleryMapSection({
7968
7968
  autoPlay = true,
7969
7969
  autoPlayInterval = 4e3,
7970
7970
  hideMap = false,
7971
- hideGallery = false
7971
+ hideGallery = false,
7972
+ hideSuburb = false
7972
7973
  }) {
7973
7974
  const [carouselIndex, setCarouselIndex] = React5.useState(0);
7974
7975
  const [showVideo, setShowVideo] = React5.useState(false);
@@ -8092,7 +8093,7 @@ function GalleryMapSection({
8092
8093
  )
8093
8094
  ] })
8094
8095
  ] }),
8095
- !hideMap && /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfilePanel, { children: [
8096
+ !hideMap && !hideSuburb && /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfilePanel, { children: [
8096
8097
  /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfileTitle, { children: [
8097
8098
  "Suburb Profile (",
8098
8099
  propertyLocation.split(",")[0]?.trim() || propertyLocation,
@@ -8731,7 +8732,128 @@ function PropertyOverview({
8731
8732
  item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
8732
8733
  item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
8733
8734
  /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
8734
- ] }, i)) })
8735
+ ] }, i)) }),
8736
+ /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8737
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8738
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8739
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8740
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8741
+ e.target.style.display = "none";
8742
+ } }) }),
8743
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8744
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8745
+ "Boondabah ",
8746
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8747
+ ] }),
8748
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8749
+ ] }),
8750
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8751
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$16.07M" }),
8752
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Mar 2022" })
8753
+ ] })
8754
+ ] }),
8755
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8756
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8757
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8758
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,066 sqm" })
8759
+ ] }),
8760
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8761
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8762
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8763
+ ] }),
8764
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8765
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8766
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8767
+ ] })
8768
+ ] }),
8769
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8770
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8771
+ e.target.src = "";
8772
+ } }) }),
8773
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8774
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8775
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8776
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7.35M (Sep 2016)" })
8777
+ ] }),
8778
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8779
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8780
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "6 years" })
8781
+ ] }),
8782
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8783
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8784
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8785
+ ] }),
8786
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8787
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8788
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8789
+ ] }),
8790
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8791
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8792
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Same street, heritage estate" })
8793
+ ] })
8794
+ ] })
8795
+ ] })
8796
+ ] }),
8797
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8798
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8799
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8800
+ e.target.style.display = "none";
8801
+ } }) }),
8802
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8803
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8804
+ "Dobroyd ",
8805
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8806
+ ] }),
8807
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8808
+ ] }),
8809
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8810
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$27.96M" }),
8811
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Aug 2024" })
8812
+ ] })
8813
+ ] }),
8814
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8815
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8816
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8817
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,592 sqm" })
8818
+ ] }),
8819
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8820
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8821
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8822
+ ] }),
8823
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8824
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8825
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8826
+ ] })
8827
+ ] }),
8828
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8829
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8830
+ e.target.src = "";
8831
+ } }) }),
8832
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8833
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8834
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8835
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$3.9M (2013)" })
8836
+ ] }),
8837
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8838
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8839
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "11 years" })
8840
+ ] }),
8841
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8842
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8843
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8844
+ ] }),
8845
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8846
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8847
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8848
+ ] }),
8849
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8850
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8851
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Heritage harbourside estate" })
8852
+ ] })
8853
+ ] })
8854
+ ] })
8855
+ ] })
8856
+ ] })
8735
8857
  ] }),
8736
8858
  /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8737
8859
  /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
@@ -8857,129 +8979,35 @@ function PropertyOverview({
8857
8979
  videoUrl,
8858
8980
  tokenName,
8859
8981
  onPhotoClick: onPhotosClick,
8860
- hideGallery: true
8982
+ hideGallery: true,
8983
+ hideSuburb: true
8861
8984
  }
8862
8985
  ) }),
8863
- /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8864
- /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8865
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8866
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8867
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8868
- e.target.style.display = "none";
8869
- } }) }),
8870
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8871
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8872
- "Boondabah ",
8873
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8874
- ] }),
8875
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8876
- ] }),
8877
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8878
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$16.07M" }),
8879
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Mar 2022" })
8880
- ] })
8881
- ] }),
8882
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8883
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8884
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8885
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,066 sqm" })
8886
- ] }),
8887
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8888
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8889
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8890
- ] }),
8891
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8892
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8893
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8894
- ] })
8895
- ] }),
8896
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8897
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8898
- e.target.src = "";
8899
- } }) }),
8900
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8901
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8902
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8903
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7.35M (Sep 2016)" })
8904
- ] }),
8905
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8906
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8907
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "6 years" })
8908
- ] }),
8909
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8910
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8911
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8912
- ] }),
8913
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8914
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8915
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8916
- ] }),
8917
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8918
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8919
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Same street, heritage estate" })
8920
- ] })
8921
- ] })
8922
- ] })
8986
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanel, { children: [
8987
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelTitle, { children: [
8988
+ "Suburb Profile (",
8989
+ location.split(",")[0]?.trim() || location,
8990
+ ")"
8923
8991
  ] }),
8924
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8925
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8926
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8927
- e.target.style.display = "none";
8928
- } }) }),
8929
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8930
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8931
- "Dobroyd ",
8932
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8933
- ] }),
8934
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8935
- ] }),
8936
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8937
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$27.96M" }),
8938
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Aug 2024" })
8939
- ] })
8992
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelGrid, { children: [
8993
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelStat, { children: [
8994
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatLabel, { children: "Median House Price" }),
8995
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatValue, { children: "$5.5M" })
8940
8996
  ] }),
8941
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8942
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8943
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8944
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,592 sqm" })
8945
- ] }),
8946
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8947
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8948
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8949
- ] }),
8950
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8951
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8952
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8953
- ] })
8997
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelStat, { children: [
8998
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatLabel, { children: "5yr Growth" }),
8999
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatValue, { children: "+42%" })
8954
9000
  ] }),
8955
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8956
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8957
- e.target.src = "";
8958
- } }) }),
8959
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8960
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8961
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8962
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$3.9M (2013)" })
8963
- ] }),
8964
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8965
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8966
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "11 years" })
8967
- ] }),
8968
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8969
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8970
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8971
- ] }),
8972
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8973
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8974
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8975
- ] }),
8976
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8977
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8978
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Heritage harbourside estate" })
8979
- ] })
8980
- ] })
9001
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelStat, { children: [
9002
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatLabel, { children: "Suburb Rank" }),
9003
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatValue, { children: "Top 1%" })
9004
+ ] }),
9005
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelStat, { children: [
9006
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatLabel, { children: "Avg. Days on Market" }),
9007
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatValue, { children: "28" })
8981
9008
  ] })
8982
- ] })
9009
+ ] }),
9010
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelDesc, { 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." })
8983
9011
  ] })
8984
9012
  ] }),
8985
9013
  /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
@@ -9290,6 +9318,54 @@ var MapCompLeft = styled9__default.default.div`
9290
9318
  min-width: 0;
9291
9319
  overflow: hidden;
9292
9320
  `;
9321
+ var SuburbPanel = styled9__default.default.div`
9322
+ background: #111111;
9323
+ border: 1px solid rgba(255,255,255,0.1);
9324
+ border-radius: 12px;
9325
+ padding: 1.25rem;
9326
+ display: flex;
9327
+ flex-direction: column;
9328
+ gap: 0.75rem;
9329
+ `;
9330
+ var SuburbPanelTitle = styled9__default.default.div`
9331
+ font-size: 0.65rem;
9332
+ color: #D4AF37;
9333
+ text-transform: uppercase;
9334
+ letter-spacing: 0.12em;
9335
+ font-weight: 600;
9336
+ padding-bottom: 0.75rem;
9337
+ border-bottom: 1px solid rgba(255,255,255,0.06);
9338
+ `;
9339
+ var SuburbPanelGrid = styled9__default.default.div`
9340
+ display: grid;
9341
+ grid-template-columns: 1fr 1fr;
9342
+ gap: 0.5rem;
9343
+ `;
9344
+ var SuburbPanelStat = styled9__default.default.div`
9345
+ background: rgba(255,255,255,0.03);
9346
+ border-radius: 6px;
9347
+ padding: 0.5rem 0.65rem;
9348
+ border: 1px solid rgba(255,255,255,0.04);
9349
+ `;
9350
+ var SuburbPanelStatLabel = styled9__default.default.div`
9351
+ font-size: 0.6rem;
9352
+ color: rgba(255,255,255,0.4);
9353
+ text-transform: uppercase;
9354
+ letter-spacing: 0.06em;
9355
+ margin-bottom: 0.2rem;
9356
+ `;
9357
+ var SuburbPanelStatValue = styled9__default.default.div`
9358
+ font-size: 0.9rem;
9359
+ font-weight: 600;
9360
+ color: #fff;
9361
+ font-variant-numeric: tabular-nums;
9362
+ `;
9363
+ var SuburbPanelDesc = styled9__default.default.p`
9364
+ margin: 0;
9365
+ font-size: 0.75rem;
9366
+ color: rgba(255,255,255,0.45);
9367
+ line-height: 1.5;
9368
+ `;
9293
9369
  var AssetBentoNarratives = styled9__default.default.div`
9294
9370
  display: grid;
9295
9371
  grid-template-columns: repeat(3, 1fr);