@loafmarkets/ui 0.1.229 → 0.1.230

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 +93 -206
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +93 -206
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -8707,122 +8707,62 @@ function PropertyOverview({
8707
8707
  item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
8708
8708
  /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
8709
8709
  ] }, i)) }),
8710
- /* @__PURE__ */ jsxs(StatsColumn, { children: [
8710
+ /* @__PURE__ */ jsxs(CompAssetsPanel, { children: [
8711
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" })
8712
+ /* @__PURE__ */ jsxs(CompAssetsGrid, { children: [
8713
+ /* @__PURE__ */ jsxs(CompAssetMini, { children: [
8714
+ /* @__PURE__ */ jsxs(CompAssetMiniTop, { children: [
8715
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8716
+ e.target.style.display = "none";
8717
+ } }) }),
8718
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8719
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8720
+ "Boondabah ",
8721
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8722
+ ] }),
8723
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8724
+ ] })
8737
8725
  ] }),
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)" })
8726
+ /* @__PURE__ */ jsxs(CompAssetMiniBottom, { children: [
8727
+ /* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
8728
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Sale" }),
8729
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "$16.07M" })
8751
8730
  ] }),
8752
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8753
- /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8754
- /* @__PURE__ */ jsx("span", { children: "6 years" })
8731
+ /* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
8732
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8733
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
8755
8734
  ] }),
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" })
8735
+ /* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
8736
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8737
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8767
8738
  ] })
8768
8739
  ] })
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
8740
  ] }),
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" })
8741
+ /* @__PURE__ */ jsxs(CompAssetMini, { children: [
8742
+ /* @__PURE__ */ jsxs(CompAssetMiniTop, { children: [
8743
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8744
+ e.target.style.display = "none";
8745
+ } }) }),
8746
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8747
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8748
+ "Dobroyd ",
8749
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8750
+ ] }),
8751
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd" })
8752
+ ] })
8796
8753
  ] }),
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)" })
8754
+ /* @__PURE__ */ jsxs(CompAssetMiniBottom, { children: [
8755
+ /* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
8756
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Sale" }),
8757
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "$27.96M" })
8810
8758
  ] }),
8811
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8812
- /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8813
- /* @__PURE__ */ jsx("span", { children: "11 years" })
8759
+ /* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
8760
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8761
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
8814
8762
  ] }),
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" })
8763
+ /* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
8764
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8765
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8826
8766
  ] })
8827
8767
  ] })
8828
8768
  ] })
@@ -9787,34 +9727,53 @@ var TimelineHoldPeriod = styled9.span`
9787
9727
  color: rgba(255,255,255,0.25);
9788
9728
  font-weight: 400;
9789
9729
  `;
9790
- var CompAssetCard = styled9.div`
9791
- position: relative;
9730
+ var CompAssetsPanel = styled9.div`
9731
+ background: #111111;
9732
+ border: 1px solid rgba(255,255,255,0.1);
9733
+ border-radius: 12px;
9734
+ padding: 1rem 1.25rem;
9735
+ display: flex;
9736
+ flex-direction: column;
9737
+ gap: 0.5rem;
9738
+ `;
9739
+ var CompAssetsGrid = styled9.div`
9740
+ display: grid;
9741
+ grid-template-columns: repeat(2, 1fr);
9742
+ gap: 0.5rem;
9743
+ `;
9744
+ var CompAssetMini = styled9.div`
9792
9745
  background: rgba(255,255,255,0.02);
9793
9746
  border: 1px solid rgba(255,255,255,0.06);
9794
- border-radius: 10px;
9795
- padding: 0.75rem;
9796
- margin-bottom: 0.75rem;
9797
- transition: border-color 0.2s, background 0.2s;
9798
- &:last-child { margin-bottom: 0; }
9799
- &:hover {
9800
- border-color: rgba(212,175,55,0.3);
9801
- background: rgba(255,255,255,0.03);
9802
- }
9803
- &:hover > div:last-child {
9804
- max-height: 300px;
9805
- opacity: 1;
9806
- padding-top: 0.75rem;
9807
- margin-top: 0.75rem;
9808
- }
9747
+ border-radius: 8px;
9748
+ padding: 0.6rem;
9749
+ display: flex;
9750
+ flex-direction: column;
9751
+ gap: 0.4rem;
9752
+ transition: border-color 0.2s;
9753
+ &:hover { border-color: rgba(212,175,55,0.3); }
9809
9754
  `;
9810
- var CompAssetRow = styled9.div`
9755
+ var CompAssetMiniTop = styled9.div`
9811
9756
  display: flex;
9812
9757
  align-items: center;
9813
- gap: 0.75rem;
9758
+ gap: 0.5rem;
9759
+ `;
9760
+ var CompAssetMiniBottom = styled9.div`
9761
+ display: flex;
9762
+ gap: 0;
9763
+ border-top: 1px solid rgba(255,255,255,0.04);
9764
+ padding-top: 0.35rem;
9765
+ `;
9766
+ var CompAssetMiniStat = styled9.div`
9767
+ flex: 1;
9768
+ display: flex;
9769
+ flex-direction: column;
9770
+ align-items: center;
9771
+ gap: 1px;
9772
+ &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9814
9773
  `;
9815
9774
  var CompAssetThumb = styled9.div`
9816
- width: 48px;
9817
- height: 48px;
9775
+ width: 36px;
9776
+ height: 36px;
9818
9777
  border-radius: 8px;
9819
9778
  overflow: hidden;
9820
9779
  flex-shrink: 0;
@@ -9830,12 +9789,12 @@ var CompAssetInfo = styled9.div`
9830
9789
  min-width: 0;
9831
9790
  `;
9832
9791
  var CompAssetName = styled9.div`
9833
- font-size: 0.88rem;
9792
+ font-size: 0.78rem;
9834
9793
  font-weight: 600;
9835
9794
  color: #fff;
9836
9795
  display: flex;
9837
9796
  align-items: center;
9838
- gap: 0.5rem;
9797
+ gap: 0.35rem;
9839
9798
  `;
9840
9799
  var CompAssetBadge = styled9.span`
9841
9800
  font-size: 0.58rem;
@@ -9850,39 +9809,12 @@ var CompAssetBadge = styled9.span`
9850
9809
  white-space: nowrap;
9851
9810
  `;
9852
9811
  var CompAssetAddr = styled9.div`
9853
- font-size: 0.75rem;
9812
+ font-size: 0.65rem;
9854
9813
  color: rgba(255,255,255,0.4);
9855
- margin-top: 2px;
9856
- `;
9857
- var CompAssetPriceCol = styled9.div`
9858
- text-align: right;
9859
- flex-shrink: 0;
9860
- `;
9861
- var CompAssetSalePrice = styled9.div`
9862
- font-size: 0.92rem;
9863
- font-weight: 600;
9864
- color: #fff;
9865
- font-variant-numeric: tabular-nums;
9866
- `;
9867
- var CompAssetSaleDate = styled9.div`
9868
- font-size: 0.68rem;
9869
- color: rgba(255,255,255,0.3);
9870
9814
  margin-top: 1px;
9871
- `;
9872
- var CompAssetStatsRow = styled9.div`
9873
- display: flex;
9874
- gap: 0;
9875
- margin-top: 0.65rem;
9876
- border-top: 1px solid rgba(255,255,255,0.04);
9877
- padding-top: 0.55rem;
9878
- `;
9879
- var CompAssetStat = styled9.div`
9880
- flex: 1;
9881
- display: flex;
9882
- flex-direction: column;
9883
- align-items: center;
9884
- gap: 2px;
9885
- &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9815
+ white-space: nowrap;
9816
+ overflow: hidden;
9817
+ text-overflow: ellipsis;
9886
9818
  `;
9887
9819
  var CompAssetStatLabel = styled9.span`
9888
9820
  font-size: 0.6rem;
@@ -9891,56 +9823,11 @@ var CompAssetStatLabel = styled9.span`
9891
9823
  letter-spacing: 0.06em;
9892
9824
  `;
9893
9825
  var CompAssetStatVal = styled9.span`
9894
- font-size: 0.8rem;
9826
+ font-size: 0.72rem;
9895
9827
  font-weight: 500;
9896
9828
  color: #fff;
9897
9829
  font-variant-numeric: tabular-nums;
9898
9830
  `;
9899
- var CompAssetHoverDetail = styled9.div`
9900
- max-height: 0;
9901
- opacity: 0;
9902
- overflow: hidden;
9903
- transition: max-height 0.3s ease, opacity 0.25s ease, padding-top 0.3s ease, margin-top 0.3s ease;
9904
- border-top: 1px solid rgba(255,255,255,0.06);
9905
- padding-top: 0;
9906
- margin-top: 0;
9907
- `;
9908
- var CompAssetHoverImg = styled9.div`
9909
- width: 100%;
9910
- height: 120px;
9911
- border-radius: 8px;
9912
- overflow: hidden;
9913
- margin-bottom: 0.65rem;
9914
- background: rgba(255,255,255,0.03);
9915
- img {
9916
- width: 100%;
9917
- height: 100%;
9918
- object-fit: cover;
9919
- }
9920
- `;
9921
- var CompAssetHoverStats = styled9.div`
9922
- display: flex;
9923
- flex-direction: column;
9924
- gap: 0;
9925
- `;
9926
- var CompAssetHoverRow = styled9.div`
9927
- display: flex;
9928
- justify-content: space-between;
9929
- align-items: center;
9930
- padding: 0.35rem 0;
9931
- border-bottom: 1px solid rgba(255,255,255,0.03);
9932
- &:last-child { border-bottom: none; }
9933
- span:first-child {
9934
- font-size: 0.75rem;
9935
- color: rgba(255,255,255,0.4);
9936
- }
9937
- span:last-child {
9938
- font-size: 0.8rem;
9939
- font-weight: 500;
9940
- color: #fff;
9941
- font-variant-numeric: tabular-nums;
9942
- }
9943
- `;
9944
9831
  styled9.div`
9945
9832
  font-size: 0.65rem;
9946
9833
  color: rgba(255,255,255,0.35);