@loafmarkets/ui 0.1.228 → 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 +196 -120
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +196 -120
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -7942,7 +7942,8 @@ function GalleryMapSection({
7942
7942
  autoPlay = true,
7943
7943
  autoPlayInterval = 4e3,
7944
7944
  hideMap = false,
7945
- hideGallery = false
7945
+ hideGallery = false,
7946
+ hideSuburb = false
7946
7947
  }) {
7947
7948
  const [carouselIndex, setCarouselIndex] = useState(0);
7948
7949
  const [showVideo, setShowVideo] = useState(false);
@@ -8066,7 +8067,7 @@ function GalleryMapSection({
8066
8067
  )
8067
8068
  ] })
8068
8069
  ] }),
8069
- !hideMap && /* @__PURE__ */ jsxs(SuburbProfilePanel, { children: [
8070
+ !hideMap && !hideSuburb && /* @__PURE__ */ jsxs(SuburbProfilePanel, { children: [
8070
8071
  /* @__PURE__ */ jsxs(SuburbProfileTitle, { children: [
8071
8072
  "Suburb Profile (",
8072
8073
  propertyLocation.split(",")[0]?.trim() || propertyLocation,
@@ -8705,7 +8706,128 @@ function PropertyOverview({
8705
8706
  item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
8706
8707
  item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
8707
8708
  /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
8708
- ] }, i)) })
8709
+ ] }, i)) }),
8710
+ /* @__PURE__ */ jsxs(StatsColumn, { children: [
8711
+ /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8712
+ /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8713
+ /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8714
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8715
+ e.target.style.display = "none";
8716
+ } }) }),
8717
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8718
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8719
+ "Boondabah ",
8720
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8721
+ ] }),
8722
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8723
+ ] }),
8724
+ /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8725
+ /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$16.07M" }),
8726
+ /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Mar 2022" })
8727
+ ] })
8728
+ ] }),
8729
+ /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8730
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8731
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8732
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
8733
+ ] }),
8734
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8735
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8736
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8737
+ ] }),
8738
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8739
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8740
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8741
+ ] })
8742
+ ] }),
8743
+ /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8744
+ /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8745
+ e.target.src = "";
8746
+ } }) }),
8747
+ /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8748
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8749
+ /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8750
+ /* @__PURE__ */ jsx("span", { children: "$7.35M (Sep 2016)" })
8751
+ ] }),
8752
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8753
+ /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8754
+ /* @__PURE__ */ jsx("span", { children: "6 years" })
8755
+ ] }),
8756
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8757
+ /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8758
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8759
+ ] }),
8760
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8761
+ /* @__PURE__ */ jsx("span", { children: "Style" }),
8762
+ /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8763
+ ] }),
8764
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8765
+ /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8766
+ /* @__PURE__ */ jsx("span", { children: "Same street, heritage estate" })
8767
+ ] })
8768
+ ] })
8769
+ ] })
8770
+ ] }),
8771
+ /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8772
+ /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8773
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8774
+ e.target.style.display = "none";
8775
+ } }) }),
8776
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8777
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8778
+ "Dobroyd ",
8779
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8780
+ ] }),
8781
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8782
+ ] }),
8783
+ /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8784
+ /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$27.96M" }),
8785
+ /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Aug 2024" })
8786
+ ] })
8787
+ ] }),
8788
+ /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8789
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8790
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8791
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
8792
+ ] }),
8793
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8794
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8795
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8796
+ ] }),
8797
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8798
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8799
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8800
+ ] })
8801
+ ] }),
8802
+ /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8803
+ /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8804
+ e.target.src = "";
8805
+ } }) }),
8806
+ /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8807
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8808
+ /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8809
+ /* @__PURE__ */ jsx("span", { children: "$3.9M (2013)" })
8810
+ ] }),
8811
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8812
+ /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8813
+ /* @__PURE__ */ jsx("span", { children: "11 years" })
8814
+ ] }),
8815
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8816
+ /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8817
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8818
+ ] }),
8819
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8820
+ /* @__PURE__ */ jsx("span", { children: "Style" }),
8821
+ /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8822
+ ] }),
8823
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8824
+ /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8825
+ /* @__PURE__ */ jsx("span", { children: "Heritage harbourside estate" })
8826
+ ] })
8827
+ ] })
8828
+ ] })
8829
+ ] })
8830
+ ] })
8709
8831
  ] }),
8710
8832
  /* @__PURE__ */ jsxs(StatsColumn, { children: [
8711
8833
  /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Asset Specification" }),
@@ -8831,129 +8953,35 @@ function PropertyOverview({
8831
8953
  videoUrl,
8832
8954
  tokenName,
8833
8955
  onPhotoClick: onPhotosClick,
8834
- hideGallery: true
8956
+ hideGallery: true,
8957
+ hideSuburb: true
8835
8958
  }
8836
8959
  ) }),
8837
- /* @__PURE__ */ jsxs(StatsColumn, { children: [
8838
- /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8839
- /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8840
- /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8841
- /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8842
- e.target.style.display = "none";
8843
- } }) }),
8844
- /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8845
- /* @__PURE__ */ jsxs(CompAssetName, { children: [
8846
- "Boondabah ",
8847
- /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8848
- ] }),
8849
- /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8850
- ] }),
8851
- /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8852
- /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$16.07M" }),
8853
- /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Mar 2022" })
8854
- ] })
8855
- ] }),
8856
- /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8857
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8858
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8859
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
8860
- ] }),
8861
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8862
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8863
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8864
- ] }),
8865
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8866
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8867
- /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8868
- ] })
8869
- ] }),
8870
- /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8871
- /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8872
- e.target.src = "";
8873
- } }) }),
8874
- /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8875
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8876
- /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8877
- /* @__PURE__ */ jsx("span", { children: "$7.35M (Sep 2016)" })
8878
- ] }),
8879
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8880
- /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8881
- /* @__PURE__ */ jsx("span", { children: "6 years" })
8882
- ] }),
8883
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8884
- /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8885
- /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8886
- ] }),
8887
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8888
- /* @__PURE__ */ jsx("span", { children: "Style" }),
8889
- /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8890
- ] }),
8891
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8892
- /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8893
- /* @__PURE__ */ jsx("span", { children: "Same street, heritage estate" })
8894
- ] })
8895
- ] })
8896
- ] })
8960
+ /* @__PURE__ */ jsxs(SuburbPanel, { children: [
8961
+ /* @__PURE__ */ jsxs(SuburbPanelTitle, { children: [
8962
+ "Suburb Profile (",
8963
+ location.split(",")[0]?.trim() || location,
8964
+ ")"
8897
8965
  ] }),
8898
- /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8899
- /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8900
- /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8901
- e.target.style.display = "none";
8902
- } }) }),
8903
- /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8904
- /* @__PURE__ */ jsxs(CompAssetName, { children: [
8905
- "Dobroyd ",
8906
- /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8907
- ] }),
8908
- /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8909
- ] }),
8910
- /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8911
- /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$27.96M" }),
8912
- /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Aug 2024" })
8913
- ] })
8966
+ /* @__PURE__ */ jsxs(SuburbPanelGrid, { children: [
8967
+ /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
8968
+ /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Median House Price" }),
8969
+ /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "$5.5M" })
8914
8970
  ] }),
8915
- /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8916
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8917
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8918
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
8919
- ] }),
8920
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8921
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8922
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8923
- ] }),
8924
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8925
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8926
- /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8927
- ] })
8971
+ /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
8972
+ /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "5yr Growth" }),
8973
+ /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "+42%" })
8928
8974
  ] }),
8929
- /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8930
- /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8931
- e.target.src = "";
8932
- } }) }),
8933
- /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8934
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8935
- /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8936
- /* @__PURE__ */ jsx("span", { children: "$3.9M (2013)" })
8937
- ] }),
8938
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8939
- /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8940
- /* @__PURE__ */ jsx("span", { children: "11 years" })
8941
- ] }),
8942
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8943
- /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8944
- /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8945
- ] }),
8946
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8947
- /* @__PURE__ */ jsx("span", { children: "Style" }),
8948
- /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8949
- ] }),
8950
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8951
- /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8952
- /* @__PURE__ */ jsx("span", { children: "Heritage harbourside estate" })
8953
- ] })
8954
- ] })
8975
+ /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
8976
+ /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Suburb Rank" }),
8977
+ /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "Top 1%" })
8978
+ ] }),
8979
+ /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
8980
+ /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Avg. Days on Market" }),
8981
+ /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "28" })
8955
8982
  ] })
8956
- ] })
8983
+ ] }),
8984
+ /* @__PURE__ */ 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." })
8957
8985
  ] })
8958
8986
  ] }),
8959
8987
  /* @__PURE__ */ jsxs(AssetBentoNarratives, { children: [
@@ -9264,6 +9292,54 @@ var MapCompLeft = styled9.div`
9264
9292
  min-width: 0;
9265
9293
  overflow: hidden;
9266
9294
  `;
9295
+ var SuburbPanel = styled9.div`
9296
+ background: #111111;
9297
+ border: 1px solid rgba(255,255,255,0.1);
9298
+ border-radius: 12px;
9299
+ padding: 1.25rem;
9300
+ display: flex;
9301
+ flex-direction: column;
9302
+ gap: 0.75rem;
9303
+ `;
9304
+ var SuburbPanelTitle = styled9.div`
9305
+ font-size: 0.65rem;
9306
+ color: #D4AF37;
9307
+ text-transform: uppercase;
9308
+ letter-spacing: 0.12em;
9309
+ font-weight: 600;
9310
+ padding-bottom: 0.75rem;
9311
+ border-bottom: 1px solid rgba(255,255,255,0.06);
9312
+ `;
9313
+ var SuburbPanelGrid = styled9.div`
9314
+ display: grid;
9315
+ grid-template-columns: 1fr 1fr;
9316
+ gap: 0.5rem;
9317
+ `;
9318
+ var SuburbPanelStat = styled9.div`
9319
+ background: rgba(255,255,255,0.03);
9320
+ border-radius: 6px;
9321
+ padding: 0.5rem 0.65rem;
9322
+ border: 1px solid rgba(255,255,255,0.04);
9323
+ `;
9324
+ var SuburbPanelStatLabel = styled9.div`
9325
+ font-size: 0.6rem;
9326
+ color: rgba(255,255,255,0.4);
9327
+ text-transform: uppercase;
9328
+ letter-spacing: 0.06em;
9329
+ margin-bottom: 0.2rem;
9330
+ `;
9331
+ var SuburbPanelStatValue = styled9.div`
9332
+ font-size: 0.9rem;
9333
+ font-weight: 600;
9334
+ color: #fff;
9335
+ font-variant-numeric: tabular-nums;
9336
+ `;
9337
+ var SuburbPanelDesc = styled9.p`
9338
+ margin: 0;
9339
+ font-size: 0.75rem;
9340
+ color: rgba(255,255,255,0.45);
9341
+ line-height: 1.5;
9342
+ `;
9267
9343
  var AssetBentoNarratives = styled9.div`
9268
9344
  display: grid;
9269
9345
  grid-template-columns: repeat(3, 1fr);