@loafmarkets/ui 0.1.221 → 0.1.223

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 +319 -128
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +319 -128
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -8809,113 +8809,203 @@ function PropertyOverview({
8809
8809
  ] })
8810
8810
  ] })
8811
8811
  ] }),
8812
- /* @__PURE__ */ jsxRuntime.jsx(StatsGrid, { style: { gridTemplateColumns: "340px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8813
- /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Capital History" }),
8814
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
8815
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8816
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1880s" }),
8817
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8818
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8819
- ] }),
8820
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8821
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
8822
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8823
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8824
- /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Acquired" }),
8825
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" }) })
8812
+ /* @__PURE__ */ jsxRuntime.jsxs(StatsGrid, { style: { gridTemplateColumns: "340px 340px" }, children: [
8813
+ /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8814
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Capital History" }),
8815
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
8816
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8817
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1880s" }),
8818
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8819
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8820
+ ] }),
8821
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8822
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
8823
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8824
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8825
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Acquired" }),
8826
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "\xA340,000" }) })
8827
+ ] })
8828
+ ] }),
8829
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8830
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1993" }),
8831
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8832
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8833
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8834
+ "Sold ",
8835
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "17 yrs" })
8836
+ ] }),
8837
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8838
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+1,563%" }),
8839
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
8840
+ ] })
8841
+ ] })
8842
+ ] }),
8843
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8844
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2006" }),
8845
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8846
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8847
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8848
+ "Sold ",
8849
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "13 yrs" })
8850
+ ] }),
8851
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8852
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+491%" }),
8853
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
8854
+ ] })
8855
+ ] })
8856
+ ] }),
8857
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8858
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2021" }),
8859
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8860
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8861
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8862
+ "Sold (COVID correction) ",
8863
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
8864
+ ] }),
8865
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8866
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+16%" }),
8867
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
8868
+ ] })
8869
+ ] })
8870
+ ] }),
8871
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: true, children: [
8872
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2026" }),
8873
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: true }),
8874
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8875
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8876
+ "Loaf Offering ",
8877
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "5 yrs" })
8878
+ ] }),
8879
+ /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8880
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+105%" }),
8881
+ /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8882
+ ] })
8883
+ ] })
8826
8884
  ] })
8827
- ] }),
8828
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8829
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1993" }),
8830
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8831
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8832
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8833
- "Sold ",
8834
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "17 yrs" })
8885
+ ] })
8886
+ ] }),
8887
+ /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8888
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8889
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8890
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8891
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8892
+ e.target.style.display = "none";
8893
+ } }) }),
8894
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8895
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8896
+ "Boondabah ",
8897
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8898
+ ] }),
8899
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8835
8900
  ] }),
8836
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8837
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+1,563%" }),
8838
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$1.33M" })
8901
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8902
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$16.07M" }),
8903
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Mar 2022" })
8839
8904
  ] })
8840
- ] })
8841
- ] }),
8842
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8843
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2006" }),
8844
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8845
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8846
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8847
- "Sold ",
8848
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "13 yrs" })
8905
+ ] }),
8906
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8907
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8908
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8909
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,066 sqm" })
8849
8910
  ] }),
8850
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8851
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+491%" }),
8852
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$7.86M" })
8911
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8912
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8913
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8914
+ ] }),
8915
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8916
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8917
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8918
+ ] })
8919
+ ] }),
8920
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8921
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8922
+ e.target.src = "";
8923
+ } }) }),
8924
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8925
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8926
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8927
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7.35M (Sep 2016)" })
8928
+ ] }),
8929
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8930
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8931
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "6 years" })
8932
+ ] }),
8933
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8934
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8935
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8936
+ ] }),
8937
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8938
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8939
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8940
+ ] }),
8941
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8942
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8943
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Same street, heritage estate" })
8944
+ ] })
8853
8945
  ] })
8854
8946
  ] })
8855
8947
  ] }),
8856
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8857
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2021" }),
8858
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8859
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8860
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8861
- "Sold (COVID correction) ",
8862
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
8948
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8949
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8950
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8951
+ e.target.style.display = "none";
8952
+ } }) }),
8953
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8954
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8955
+ "Dobroyd ",
8956
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8957
+ ] }),
8958
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8863
8959
  ] }),
8864
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8865
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+16%" }),
8866
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { children: "$9.09M" })
8960
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8961
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$27.96M" }),
8962
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Aug 2024" })
8867
8963
  ] })
8868
- ] })
8869
- ] }),
8870
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { $last: true, children: [
8871
- /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "2026" }),
8872
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, { $active: true }),
8873
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8874
- /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8875
- "Loaf Offering ",
8876
- /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "5 yrs" })
8964
+ ] }),
8965
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8966
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8967
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8968
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,592 sqm" })
8969
+ ] }),
8970
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8971
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8972
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8877
8973
  ] }),
8878
- /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
8879
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+105%" }),
8880
- /* @__PURE__ */ jsxRuntime.jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8974
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8975
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8976
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8977
+ ] })
8978
+ ] }),
8979
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8980
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8981
+ e.target.src = "";
8982
+ } }) }),
8983
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8984
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8985
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8986
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$3.9M (2013)" })
8987
+ ] }),
8988
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8989
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8990
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "11 years" })
8991
+ ] }),
8992
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8993
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8994
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8995
+ ] }),
8996
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8997
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8998
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8999
+ ] }),
9000
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
9001
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
9002
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Heritage harbourside estate" })
9003
+ ] })
8881
9004
  ] })
8882
9005
  ] })
8883
9006
  ] })
8884
- ] }),
8885
- /* @__PURE__ */ jsxRuntime.jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8886
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8887
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8888
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8889
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8890
- "$16.07M ",
8891
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Mar 2022" })
8892
- ] })
8893
- ] }),
8894
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8895
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $7.35M" }),
8896
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "Sep 2016" }),
8897
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+119%" }),
8898
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 6 yrs" })
8899
- ] }),
8900
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,066 sqm" }) })
8901
- ] }),
8902
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8903
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8904
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8905
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8906
- "$27.96M ",
8907
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Aug 2024" })
8908
- ] })
8909
- ] }),
8910
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8911
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $3.9M" }),
8912
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "2013" }),
8913
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+617%" }),
8914
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 11 yrs" })
8915
- ] }),
8916
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,592 sqm" }) })
8917
9007
  ] })
8918
- ] }) })
9008
+ ] })
8919
9009
  ] }),
8920
9010
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
8921
9011
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Trading Hours" }),
@@ -9638,58 +9728,159 @@ var TimelineHoldPeriod = styled9__default.default.span`
9638
9728
  color: rgba(255,255,255,0.25);
9639
9729
  font-weight: 400;
9640
9730
  `;
9641
- var ComparableSalesTitle = styled9__default.default.div`
9642
- font-size: 0.65rem;
9643
- color: rgba(255,255,255,0.35);
9644
- text-transform: uppercase;
9645
- letter-spacing: 0.08em;
9646
- font-weight: 500;
9647
- margin-top: 1rem;
9648
- padding-top: 0.75rem;
9649
- padding-bottom: 0.5rem;
9650
- border-top: 1px solid rgba(255,255,255,0.04);
9651
- `;
9652
- var CompSaleCard = styled9__default.default.div`
9653
- padding: 0.6rem 0;
9654
- border-bottom: 1px solid rgba(255,255,255,0.03);
9655
- &:last-child { border-bottom: none; }
9731
+ var CompAssetCard = styled9__default.default.div`
9732
+ position: relative;
9733
+ background: rgba(255,255,255,0.02);
9734
+ border: 1px solid rgba(255,255,255,0.06);
9735
+ border-radius: 10px;
9736
+ padding: 0.75rem;
9737
+ margin-bottom: 0.75rem;
9738
+ transition: border-color 0.2s, background 0.2s;
9739
+ &:last-child { margin-bottom: 0; }
9740
+ &:hover {
9741
+ border-color: rgba(212,175,55,0.3);
9742
+ background: rgba(255,255,255,0.03);
9743
+ }
9744
+ &:hover > div:last-child {
9745
+ max-height: 300px;
9746
+ opacity: 1;
9747
+ padding-top: 0.75rem;
9748
+ margin-top: 0.75rem;
9749
+ }
9656
9750
  `;
9657
- var CompSaleHeader = styled9__default.default.div`
9751
+ var CompAssetRow = styled9__default.default.div`
9658
9752
  display: flex;
9659
- justify-content: space-between;
9660
9753
  align-items: center;
9661
- gap: 0.5rem;
9754
+ gap: 0.75rem;
9662
9755
  `;
9663
- var CompSaleAddress = styled9__default.default.span`
9664
- font-size: 0.82rem;
9665
- color: rgba(255,255,255,0.6);
9756
+ var CompAssetThumb = styled9__default.default.div`
9757
+ width: 48px;
9758
+ height: 48px;
9759
+ border-radius: 8px;
9760
+ overflow: hidden;
9761
+ flex-shrink: 0;
9762
+ background: rgba(255,255,255,0.05);
9763
+ img {
9764
+ width: 100%;
9765
+ height: 100%;
9766
+ object-fit: cover;
9767
+ }
9666
9768
  `;
9667
- var CompSalePrice = styled9__default.default.span`
9668
- font-size: 0.85rem;
9769
+ var CompAssetInfo = styled9__default.default.div`
9770
+ flex: 1;
9771
+ min-width: 0;
9772
+ `;
9773
+ var CompAssetName = styled9__default.default.div`
9774
+ font-size: 0.88rem;
9669
9775
  font-weight: 600;
9670
9776
  color: #fff;
9671
- font-variant-numeric: tabular-nums;
9672
9777
  display: flex;
9673
9778
  align-items: center;
9674
- gap: 0.4rem;
9779
+ gap: 0.5rem;
9780
+ `;
9781
+ var CompAssetBadge = styled9__default.default.span`
9782
+ font-size: 0.58rem;
9783
+ font-weight: 600;
9784
+ text-transform: uppercase;
9785
+ letter-spacing: 0.06em;
9786
+ color: #4ade80;
9787
+ background: rgba(74,222,128,0.1);
9788
+ border: 1px solid rgba(74,222,128,0.2);
9789
+ padding: 1px 6px;
9790
+ border-radius: 4px;
9791
+ white-space: nowrap;
9792
+ `;
9793
+ var CompAssetAddr = styled9__default.default.div`
9794
+ font-size: 0.75rem;
9795
+ color: rgba(255,255,255,0.4);
9796
+ margin-top: 2px;
9797
+ `;
9798
+ var CompAssetPriceCol = styled9__default.default.div`
9799
+ text-align: right;
9675
9800
  flex-shrink: 0;
9676
9801
  `;
9677
- var CompSaleDate = styled9__default.default.span`
9678
- font-size: 0.7rem;
9802
+ var CompAssetSalePrice = styled9__default.default.div`
9803
+ font-size: 0.92rem;
9804
+ font-weight: 600;
9805
+ color: #fff;
9806
+ font-variant-numeric: tabular-nums;
9807
+ `;
9808
+ var CompAssetSaleDate = styled9__default.default.div`
9809
+ font-size: 0.68rem;
9679
9810
  color: rgba(255,255,255,0.3);
9680
- font-weight: 400;
9811
+ margin-top: 1px;
9681
9812
  `;
9682
- var CompSalePrior = styled9__default.default.div`
9813
+ var CompAssetStatsRow = styled9__default.default.div`
9683
9814
  display: flex;
9815
+ gap: 0;
9816
+ margin-top: 0.65rem;
9817
+ border-top: 1px solid rgba(255,255,255,0.04);
9818
+ padding-top: 0.55rem;
9819
+ `;
9820
+ var CompAssetStat = styled9__default.default.div`
9821
+ flex: 1;
9822
+ display: flex;
9823
+ flex-direction: column;
9684
9824
  align-items: center;
9685
- gap: 0.4rem;
9686
- margin-top: 0.3rem;
9687
- font-size: 0.72rem;
9825
+ gap: 2px;
9826
+ &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9827
+ `;
9828
+ var CompAssetStatLabel = styled9__default.default.span`
9829
+ font-size: 0.6rem;
9688
9830
  color: rgba(255,255,255,0.35);
9831
+ text-transform: uppercase;
9832
+ letter-spacing: 0.06em;
9689
9833
  `;
9690
- var CompSalePriorDate = styled9__default.default.span`
9691
- font-size: 0.68rem;
9692
- color: rgba(255,255,255,0.25);
9834
+ var CompAssetStatVal = styled9__default.default.span`
9835
+ font-size: 0.8rem;
9836
+ font-weight: 500;
9837
+ color: #fff;
9838
+ font-variant-numeric: tabular-nums;
9839
+ `;
9840
+ var CompAssetHoverDetail = styled9__default.default.div`
9841
+ max-height: 0;
9842
+ opacity: 0;
9843
+ overflow: hidden;
9844
+ transition: max-height 0.3s ease, opacity 0.25s ease, padding-top 0.3s ease, margin-top 0.3s ease;
9845
+ border-top: 1px solid rgba(255,255,255,0.06);
9846
+ padding-top: 0;
9847
+ margin-top: 0;
9848
+ `;
9849
+ var CompAssetHoverImg = styled9__default.default.div`
9850
+ width: 100%;
9851
+ height: 120px;
9852
+ border-radius: 8px;
9853
+ overflow: hidden;
9854
+ margin-bottom: 0.65rem;
9855
+ background: rgba(255,255,255,0.03);
9856
+ img {
9857
+ width: 100%;
9858
+ height: 100%;
9859
+ object-fit: cover;
9860
+ }
9861
+ `;
9862
+ var CompAssetHoverStats = styled9__default.default.div`
9863
+ display: flex;
9864
+ flex-direction: column;
9865
+ gap: 0;
9866
+ `;
9867
+ var CompAssetHoverRow = styled9__default.default.div`
9868
+ display: flex;
9869
+ justify-content: space-between;
9870
+ align-items: center;
9871
+ padding: 0.35rem 0;
9872
+ border-bottom: 1px solid rgba(255,255,255,0.03);
9873
+ &:last-child { border-bottom: none; }
9874
+ span:first-child {
9875
+ font-size: 0.75rem;
9876
+ color: rgba(255,255,255,0.4);
9877
+ }
9878
+ span:last-child {
9879
+ font-size: 0.8rem;
9880
+ font-weight: 500;
9881
+ color: #fff;
9882
+ font-variant-numeric: tabular-nums;
9883
+ }
9693
9884
  `;
9694
9885
  styled9__default.default.div`
9695
9886
  font-size: 0.65rem;