@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.mjs CHANGED
@@ -8860,37 +8860,123 @@ function PropertyOverview({
8860
8860
  ] }),
8861
8861
  /* @__PURE__ */ jsxs(StatsColumn, { children: [
8862
8862
  /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8863
- /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8864
- /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8865
- /* @__PURE__ */ jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8866
- /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8867
- "$16.07M ",
8868
- /* @__PURE__ */ jsx(CompSaleDate, { children: "Mar 2022" })
8863
+ /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8864
+ /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8865
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8866
+ e.target.style.display = "none";
8867
+ } }) }),
8868
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8869
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8870
+ "Boondabah ",
8871
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8872
+ ] }),
8873
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8874
+ ] }),
8875
+ /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8876
+ /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$16.07M" }),
8877
+ /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Mar 2022" })
8869
8878
  ] })
8870
8879
  ] }),
8871
- /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8872
- /* @__PURE__ */ jsx("span", { children: "Previously sold $7.35M" }),
8873
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "Sep 2016" }),
8874
- /* @__PURE__ */ jsx(TimelineGain, { children: "+119%" }),
8875
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 6 yrs" })
8880
+ /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8881
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8882
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8883
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
8884
+ ] }),
8885
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8886
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8887
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8888
+ ] }),
8889
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8890
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8891
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8892
+ ] })
8876
8893
  ] }),
8877
- /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,066 sqm" }) })
8894
+ /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8895
+ /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8896
+ e.target.src = "";
8897
+ } }) }),
8898
+ /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8899
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8900
+ /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8901
+ /* @__PURE__ */ jsx("span", { children: "$7.35M (Sep 2016)" })
8902
+ ] }),
8903
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8904
+ /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8905
+ /* @__PURE__ */ jsx("span", { children: "6 years" })
8906
+ ] }),
8907
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8908
+ /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8909
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8910
+ ] }),
8911
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8912
+ /* @__PURE__ */ jsx("span", { children: "Style" }),
8913
+ /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8914
+ ] }),
8915
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8916
+ /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8917
+ /* @__PURE__ */ jsx("span", { children: "Same street, heritage estate" })
8918
+ ] })
8919
+ ] })
8920
+ ] })
8878
8921
  ] }),
8879
- /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8880
- /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8881
- /* @__PURE__ */ jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8882
- /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8883
- "$27.96M ",
8884
- /* @__PURE__ */ jsx(CompSaleDate, { children: "Aug 2024" })
8922
+ /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8923
+ /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8924
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8925
+ e.target.style.display = "none";
8926
+ } }) }),
8927
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8928
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8929
+ "Dobroyd ",
8930
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8931
+ ] }),
8932
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8933
+ ] }),
8934
+ /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8935
+ /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$27.96M" }),
8936
+ /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Aug 2024" })
8885
8937
  ] })
8886
8938
  ] }),
8887
- /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8888
- /* @__PURE__ */ jsx("span", { children: "Previously sold $3.9M" }),
8889
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "2013" }),
8890
- /* @__PURE__ */ jsx(TimelineGain, { children: "+617%" }),
8891
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 11 yrs" })
8939
+ /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8940
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8941
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8942
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
8943
+ ] }),
8944
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8945
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8946
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8947
+ ] }),
8948
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8949
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8950
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8951
+ ] })
8892
8952
  ] }),
8893
- /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,592 sqm" }) })
8953
+ /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8954
+ /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8955
+ e.target.src = "";
8956
+ } }) }),
8957
+ /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8958
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8959
+ /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8960
+ /* @__PURE__ */ jsx("span", { children: "$3.9M (2013)" })
8961
+ ] }),
8962
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8963
+ /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8964
+ /* @__PURE__ */ jsx("span", { children: "11 years" })
8965
+ ] }),
8966
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8967
+ /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8968
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8969
+ ] }),
8970
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8971
+ /* @__PURE__ */ jsx("span", { children: "Style" }),
8972
+ /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8973
+ ] }),
8974
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8975
+ /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8976
+ /* @__PURE__ */ jsx("span", { children: "Heritage harbourside estate" })
8977
+ ] })
8978
+ ] })
8979
+ ] })
8894
8980
  ] })
8895
8981
  ] })
8896
8982
  ] })
@@ -9616,58 +9702,159 @@ var TimelineHoldPeriod = styled9.span`
9616
9702
  color: rgba(255,255,255,0.25);
9617
9703
  font-weight: 400;
9618
9704
  `;
9619
- styled9.div`
9620
- font-size: 0.65rem;
9621
- color: rgba(255,255,255,0.35);
9622
- text-transform: uppercase;
9623
- letter-spacing: 0.08em;
9624
- font-weight: 500;
9625
- margin-top: 1rem;
9626
- padding-top: 0.75rem;
9627
- padding-bottom: 0.5rem;
9628
- border-top: 1px solid rgba(255,255,255,0.04);
9629
- `;
9630
- var CompSaleCard = styled9.div`
9631
- padding: 0.6rem 0;
9632
- border-bottom: 1px solid rgba(255,255,255,0.03);
9633
- &:last-child { border-bottom: none; }
9705
+ var CompAssetCard = styled9.div`
9706
+ position: relative;
9707
+ background: rgba(255,255,255,0.02);
9708
+ border: 1px solid rgba(255,255,255,0.06);
9709
+ border-radius: 10px;
9710
+ padding: 0.75rem;
9711
+ margin-bottom: 0.75rem;
9712
+ transition: border-color 0.2s, background 0.2s;
9713
+ &:last-child { margin-bottom: 0; }
9714
+ &:hover {
9715
+ border-color: rgba(212,175,55,0.3);
9716
+ background: rgba(255,255,255,0.03);
9717
+ }
9718
+ &:hover > div:last-child {
9719
+ max-height: 300px;
9720
+ opacity: 1;
9721
+ padding-top: 0.75rem;
9722
+ margin-top: 0.75rem;
9723
+ }
9634
9724
  `;
9635
- var CompSaleHeader = styled9.div`
9725
+ var CompAssetRow = styled9.div`
9636
9726
  display: flex;
9637
- justify-content: space-between;
9638
9727
  align-items: center;
9639
- gap: 0.5rem;
9728
+ gap: 0.75rem;
9640
9729
  `;
9641
- var CompSaleAddress = styled9.span`
9642
- font-size: 0.82rem;
9643
- color: rgba(255,255,255,0.6);
9730
+ var CompAssetThumb = styled9.div`
9731
+ width: 48px;
9732
+ height: 48px;
9733
+ border-radius: 8px;
9734
+ overflow: hidden;
9735
+ flex-shrink: 0;
9736
+ background: rgba(255,255,255,0.05);
9737
+ img {
9738
+ width: 100%;
9739
+ height: 100%;
9740
+ object-fit: cover;
9741
+ }
9644
9742
  `;
9645
- var CompSalePrice = styled9.span`
9646
- font-size: 0.85rem;
9743
+ var CompAssetInfo = styled9.div`
9744
+ flex: 1;
9745
+ min-width: 0;
9746
+ `;
9747
+ var CompAssetName = styled9.div`
9748
+ font-size: 0.88rem;
9647
9749
  font-weight: 600;
9648
9750
  color: #fff;
9649
- font-variant-numeric: tabular-nums;
9650
9751
  display: flex;
9651
9752
  align-items: center;
9652
- gap: 0.4rem;
9753
+ gap: 0.5rem;
9754
+ `;
9755
+ var CompAssetBadge = styled9.span`
9756
+ font-size: 0.58rem;
9757
+ font-weight: 600;
9758
+ text-transform: uppercase;
9759
+ letter-spacing: 0.06em;
9760
+ color: #4ade80;
9761
+ background: rgba(74,222,128,0.1);
9762
+ border: 1px solid rgba(74,222,128,0.2);
9763
+ padding: 1px 6px;
9764
+ border-radius: 4px;
9765
+ white-space: nowrap;
9766
+ `;
9767
+ var CompAssetAddr = styled9.div`
9768
+ font-size: 0.75rem;
9769
+ color: rgba(255,255,255,0.4);
9770
+ margin-top: 2px;
9771
+ `;
9772
+ var CompAssetPriceCol = styled9.div`
9773
+ text-align: right;
9653
9774
  flex-shrink: 0;
9654
9775
  `;
9655
- var CompSaleDate = styled9.span`
9656
- font-size: 0.7rem;
9776
+ var CompAssetSalePrice = styled9.div`
9777
+ font-size: 0.92rem;
9778
+ font-weight: 600;
9779
+ color: #fff;
9780
+ font-variant-numeric: tabular-nums;
9781
+ `;
9782
+ var CompAssetSaleDate = styled9.div`
9783
+ font-size: 0.68rem;
9657
9784
  color: rgba(255,255,255,0.3);
9658
- font-weight: 400;
9785
+ margin-top: 1px;
9659
9786
  `;
9660
- var CompSalePrior = styled9.div`
9787
+ var CompAssetStatsRow = styled9.div`
9661
9788
  display: flex;
9789
+ gap: 0;
9790
+ margin-top: 0.65rem;
9791
+ border-top: 1px solid rgba(255,255,255,0.04);
9792
+ padding-top: 0.55rem;
9793
+ `;
9794
+ var CompAssetStat = styled9.div`
9795
+ flex: 1;
9796
+ display: flex;
9797
+ flex-direction: column;
9662
9798
  align-items: center;
9663
- gap: 0.4rem;
9664
- margin-top: 0.3rem;
9665
- font-size: 0.72rem;
9799
+ gap: 2px;
9800
+ &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9801
+ `;
9802
+ var CompAssetStatLabel = styled9.span`
9803
+ font-size: 0.6rem;
9666
9804
  color: rgba(255,255,255,0.35);
9805
+ text-transform: uppercase;
9806
+ letter-spacing: 0.06em;
9667
9807
  `;
9668
- var CompSalePriorDate = styled9.span`
9669
- font-size: 0.68rem;
9670
- color: rgba(255,255,255,0.25);
9808
+ var CompAssetStatVal = styled9.span`
9809
+ font-size: 0.8rem;
9810
+ font-weight: 500;
9811
+ color: #fff;
9812
+ font-variant-numeric: tabular-nums;
9813
+ `;
9814
+ var CompAssetHoverDetail = styled9.div`
9815
+ max-height: 0;
9816
+ opacity: 0;
9817
+ overflow: hidden;
9818
+ transition: max-height 0.3s ease, opacity 0.25s ease, padding-top 0.3s ease, margin-top 0.3s ease;
9819
+ border-top: 1px solid rgba(255,255,255,0.06);
9820
+ padding-top: 0;
9821
+ margin-top: 0;
9822
+ `;
9823
+ var CompAssetHoverImg = styled9.div`
9824
+ width: 100%;
9825
+ height: 120px;
9826
+ border-radius: 8px;
9827
+ overflow: hidden;
9828
+ margin-bottom: 0.65rem;
9829
+ background: rgba(255,255,255,0.03);
9830
+ img {
9831
+ width: 100%;
9832
+ height: 100%;
9833
+ object-fit: cover;
9834
+ }
9835
+ `;
9836
+ var CompAssetHoverStats = styled9.div`
9837
+ display: flex;
9838
+ flex-direction: column;
9839
+ gap: 0;
9840
+ `;
9841
+ var CompAssetHoverRow = styled9.div`
9842
+ display: flex;
9843
+ justify-content: space-between;
9844
+ align-items: center;
9845
+ padding: 0.35rem 0;
9846
+ border-bottom: 1px solid rgba(255,255,255,0.03);
9847
+ &:last-child { border-bottom: none; }
9848
+ span:first-child {
9849
+ font-size: 0.75rem;
9850
+ color: rgba(255,255,255,0.4);
9851
+ }
9852
+ span:last-child {
9853
+ font-size: 0.8rem;
9854
+ font-weight: 500;
9855
+ color: #fff;
9856
+ font-variant-numeric: tabular-nums;
9857
+ }
9671
9858
  `;
9672
9859
  styled9.div`
9673
9860
  font-size: 0.65rem;