@loafmarkets/ui 0.1.222 → 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 +246 -59
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +246 -59
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -8886,37 +8886,123 @@ function PropertyOverview({
8886
8886
  ] }),
8887
8887
  /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8888
8888
  /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8889
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8890
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8891
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8892
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8893
- "$16.07M ",
8894
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Mar 2022" })
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" })
8900
+ ] }),
8901
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8902
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$16.07M" }),
8903
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Mar 2022" })
8895
8904
  ] })
8896
8905
  ] }),
8897
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8898
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $7.35M" }),
8899
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "Sep 2016" }),
8900
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+119%" }),
8901
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 6 yrs" })
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" })
8910
+ ] }),
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
+ ] })
8902
8919
  ] }),
8903
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,066 sqm" }) })
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
+ ] })
8945
+ ] })
8946
+ ] })
8904
8947
  ] }),
8905
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8906
- /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
8907
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8908
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrice, { children: [
8909
- "$27.96M ",
8910
- /* @__PURE__ */ jsxRuntime.jsx(CompSaleDate, { children: "Aug 2024" })
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" })
8959
+ ] }),
8960
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8961
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$27.96M" }),
8962
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Aug 2024" })
8911
8963
  ] })
8912
8964
  ] }),
8913
- /* @__PURE__ */ jsxRuntime.jsxs(CompSalePrior, { children: [
8914
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previously sold $3.9M" }),
8915
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "2013" }),
8916
- /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+617%" }),
8917
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 11 yrs" })
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" })
8973
+ ] }),
8974
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8975
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8976
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8977
+ ] })
8918
8978
  ] }),
8919
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905, 2,592 sqm" }) })
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
+ ] })
9004
+ ] })
9005
+ ] })
8920
9006
  ] })
8921
9007
  ] })
8922
9008
  ] })
@@ -9642,58 +9728,159 @@ var TimelineHoldPeriod = styled9__default.default.span`
9642
9728
  color: rgba(255,255,255,0.25);
9643
9729
  font-weight: 400;
9644
9730
  `;
9645
- styled9__default.default.div`
9646
- font-size: 0.65rem;
9647
- color: rgba(255,255,255,0.35);
9648
- text-transform: uppercase;
9649
- letter-spacing: 0.08em;
9650
- font-weight: 500;
9651
- margin-top: 1rem;
9652
- padding-top: 0.75rem;
9653
- padding-bottom: 0.5rem;
9654
- border-top: 1px solid rgba(255,255,255,0.04);
9655
- `;
9656
- var CompSaleCard = styled9__default.default.div`
9657
- padding: 0.6rem 0;
9658
- border-bottom: 1px solid rgba(255,255,255,0.03);
9659
- &: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
+ }
9660
9750
  `;
9661
- var CompSaleHeader = styled9__default.default.div`
9751
+ var CompAssetRow = styled9__default.default.div`
9662
9752
  display: flex;
9663
- justify-content: space-between;
9664
9753
  align-items: center;
9665
- gap: 0.5rem;
9754
+ gap: 0.75rem;
9666
9755
  `;
9667
- var CompSaleAddress = styled9__default.default.span`
9668
- font-size: 0.82rem;
9669
- 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
+ }
9670
9768
  `;
9671
- var CompSalePrice = styled9__default.default.span`
9672
- 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;
9673
9775
  font-weight: 600;
9674
9776
  color: #fff;
9675
- font-variant-numeric: tabular-nums;
9676
9777
  display: flex;
9677
9778
  align-items: center;
9678
- 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;
9679
9800
  flex-shrink: 0;
9680
9801
  `;
9681
- var CompSaleDate = styled9__default.default.span`
9682
- 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;
9683
9810
  color: rgba(255,255,255,0.3);
9684
- font-weight: 400;
9811
+ margin-top: 1px;
9685
9812
  `;
9686
- var CompSalePrior = styled9__default.default.div`
9813
+ var CompAssetStatsRow = styled9__default.default.div`
9687
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;
9688
9824
  align-items: center;
9689
- gap: 0.4rem;
9690
- margin-top: 0.3rem;
9691
- 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;
9692
9830
  color: rgba(255,255,255,0.35);
9831
+ text-transform: uppercase;
9832
+ letter-spacing: 0.06em;
9693
9833
  `;
9694
- var CompSalePriorDate = styled9__default.default.span`
9695
- font-size: 0.68rem;
9696
- 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
+ }
9697
9884
  `;
9698
9885
  styled9__default.default.div`
9699
9886
  font-size: 0.65rem;