@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.js CHANGED
@@ -8733,122 +8733,62 @@ function PropertyOverview({
8733
8733
  item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
8734
8734
  /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
8735
8735
  ] }, i)) }),
8736
- /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8736
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetsPanel, { children: [
8737
8737
  /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8738
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8739
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8740
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8741
- e.target.style.display = "none";
8742
- } }) }),
8743
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8744
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8745
- "Boondabah ",
8746
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8747
- ] }),
8748
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8749
- ] }),
8750
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8751
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$16.07M" }),
8752
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Mar 2022" })
8753
- ] })
8754
- ] }),
8755
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8756
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8757
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8758
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,066 sqm" })
8759
- ] }),
8760
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8761
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8762
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8738
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetsGrid, { children: [
8739
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMini, { children: [
8740
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniTop, { children: [
8741
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8742
+ e.target.style.display = "none";
8743
+ } }) }),
8744
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8745
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8746
+ "Boondabah ",
8747
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8748
+ ] }),
8749
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8750
+ ] })
8763
8751
  ] }),
8764
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8765
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8766
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8767
- ] })
8768
- ] }),
8769
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8770
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8771
- e.target.src = "";
8772
- } }) }),
8773
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8774
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8775
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8776
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7.35M (Sep 2016)" })
8752
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniBottom, { children: [
8753
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
8754
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Sale" }),
8755
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "$16.07M" })
8777
8756
  ] }),
8778
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8779
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8780
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "6 years" })
8757
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
8758
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8759
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,066 sqm" })
8781
8760
  ] }),
8782
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8783
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8784
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8785
- ] }),
8786
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8787
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8788
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8789
- ] }),
8790
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8791
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8792
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Same street, heritage estate" })
8761
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
8762
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8763
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8793
8764
  ] })
8794
8765
  ] })
8795
- ] })
8796
- ] }),
8797
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8798
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8799
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8800
- e.target.style.display = "none";
8801
- } }) }),
8802
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8803
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8804
- "Dobroyd ",
8805
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8806
- ] }),
8807
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8808
- ] }),
8809
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8810
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$27.96M" }),
8811
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Aug 2024" })
8812
- ] })
8813
8766
  ] }),
8814
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8815
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8816
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8817
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,592 sqm" })
8818
- ] }),
8819
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8820
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8821
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8767
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMini, { children: [
8768
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniTop, { children: [
8769
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8770
+ e.target.style.display = "none";
8771
+ } }) }),
8772
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8773
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8774
+ "Dobroyd ",
8775
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8776
+ ] }),
8777
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd" })
8778
+ ] })
8822
8779
  ] }),
8823
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8824
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8825
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8826
- ] })
8827
- ] }),
8828
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8829
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8830
- e.target.src = "";
8831
- } }) }),
8832
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8833
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8834
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8835
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$3.9M (2013)" })
8780
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniBottom, { children: [
8781
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
8782
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Sale" }),
8783
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "$27.96M" })
8836
8784
  ] }),
8837
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8838
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8839
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "11 years" })
8785
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
8786
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8787
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,592 sqm" })
8840
8788
  ] }),
8841
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8842
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8843
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8844
- ] }),
8845
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8846
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8847
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8848
- ] }),
8849
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8850
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8851
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Heritage harbourside estate" })
8789
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
8790
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8791
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8852
8792
  ] })
8853
8793
  ] })
8854
8794
  ] })
@@ -9813,34 +9753,53 @@ var TimelineHoldPeriod = styled9__default.default.span`
9813
9753
  color: rgba(255,255,255,0.25);
9814
9754
  font-weight: 400;
9815
9755
  `;
9816
- var CompAssetCard = styled9__default.default.div`
9817
- position: relative;
9756
+ var CompAssetsPanel = styled9__default.default.div`
9757
+ background: #111111;
9758
+ border: 1px solid rgba(255,255,255,0.1);
9759
+ border-radius: 12px;
9760
+ padding: 1rem 1.25rem;
9761
+ display: flex;
9762
+ flex-direction: column;
9763
+ gap: 0.5rem;
9764
+ `;
9765
+ var CompAssetsGrid = styled9__default.default.div`
9766
+ display: grid;
9767
+ grid-template-columns: repeat(2, 1fr);
9768
+ gap: 0.5rem;
9769
+ `;
9770
+ var CompAssetMini = styled9__default.default.div`
9818
9771
  background: rgba(255,255,255,0.02);
9819
9772
  border: 1px solid rgba(255,255,255,0.06);
9820
- border-radius: 10px;
9821
- padding: 0.75rem;
9822
- margin-bottom: 0.75rem;
9823
- transition: border-color 0.2s, background 0.2s;
9824
- &:last-child { margin-bottom: 0; }
9825
- &:hover {
9826
- border-color: rgba(212,175,55,0.3);
9827
- background: rgba(255,255,255,0.03);
9828
- }
9829
- &:hover > div:last-child {
9830
- max-height: 300px;
9831
- opacity: 1;
9832
- padding-top: 0.75rem;
9833
- margin-top: 0.75rem;
9834
- }
9773
+ border-radius: 8px;
9774
+ padding: 0.6rem;
9775
+ display: flex;
9776
+ flex-direction: column;
9777
+ gap: 0.4rem;
9778
+ transition: border-color 0.2s;
9779
+ &:hover { border-color: rgba(212,175,55,0.3); }
9835
9780
  `;
9836
- var CompAssetRow = styled9__default.default.div`
9781
+ var CompAssetMiniTop = styled9__default.default.div`
9837
9782
  display: flex;
9838
9783
  align-items: center;
9839
- gap: 0.75rem;
9784
+ gap: 0.5rem;
9785
+ `;
9786
+ var CompAssetMiniBottom = styled9__default.default.div`
9787
+ display: flex;
9788
+ gap: 0;
9789
+ border-top: 1px solid rgba(255,255,255,0.04);
9790
+ padding-top: 0.35rem;
9791
+ `;
9792
+ var CompAssetMiniStat = styled9__default.default.div`
9793
+ flex: 1;
9794
+ display: flex;
9795
+ flex-direction: column;
9796
+ align-items: center;
9797
+ gap: 1px;
9798
+ &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9840
9799
  `;
9841
9800
  var CompAssetThumb = styled9__default.default.div`
9842
- width: 48px;
9843
- height: 48px;
9801
+ width: 36px;
9802
+ height: 36px;
9844
9803
  border-radius: 8px;
9845
9804
  overflow: hidden;
9846
9805
  flex-shrink: 0;
@@ -9856,12 +9815,12 @@ var CompAssetInfo = styled9__default.default.div`
9856
9815
  min-width: 0;
9857
9816
  `;
9858
9817
  var CompAssetName = styled9__default.default.div`
9859
- font-size: 0.88rem;
9818
+ font-size: 0.78rem;
9860
9819
  font-weight: 600;
9861
9820
  color: #fff;
9862
9821
  display: flex;
9863
9822
  align-items: center;
9864
- gap: 0.5rem;
9823
+ gap: 0.35rem;
9865
9824
  `;
9866
9825
  var CompAssetBadge = styled9__default.default.span`
9867
9826
  font-size: 0.58rem;
@@ -9876,39 +9835,12 @@ var CompAssetBadge = styled9__default.default.span`
9876
9835
  white-space: nowrap;
9877
9836
  `;
9878
9837
  var CompAssetAddr = styled9__default.default.div`
9879
- font-size: 0.75rem;
9838
+ font-size: 0.65rem;
9880
9839
  color: rgba(255,255,255,0.4);
9881
- margin-top: 2px;
9882
- `;
9883
- var CompAssetPriceCol = styled9__default.default.div`
9884
- text-align: right;
9885
- flex-shrink: 0;
9886
- `;
9887
- var CompAssetSalePrice = styled9__default.default.div`
9888
- font-size: 0.92rem;
9889
- font-weight: 600;
9890
- color: #fff;
9891
- font-variant-numeric: tabular-nums;
9892
- `;
9893
- var CompAssetSaleDate = styled9__default.default.div`
9894
- font-size: 0.68rem;
9895
- color: rgba(255,255,255,0.3);
9896
9840
  margin-top: 1px;
9897
- `;
9898
- var CompAssetStatsRow = styled9__default.default.div`
9899
- display: flex;
9900
- gap: 0;
9901
- margin-top: 0.65rem;
9902
- border-top: 1px solid rgba(255,255,255,0.04);
9903
- padding-top: 0.55rem;
9904
- `;
9905
- var CompAssetStat = styled9__default.default.div`
9906
- flex: 1;
9907
- display: flex;
9908
- flex-direction: column;
9909
- align-items: center;
9910
- gap: 2px;
9911
- &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9841
+ white-space: nowrap;
9842
+ overflow: hidden;
9843
+ text-overflow: ellipsis;
9912
9844
  `;
9913
9845
  var CompAssetStatLabel = styled9__default.default.span`
9914
9846
  font-size: 0.6rem;
@@ -9917,56 +9849,11 @@ var CompAssetStatLabel = styled9__default.default.span`
9917
9849
  letter-spacing: 0.06em;
9918
9850
  `;
9919
9851
  var CompAssetStatVal = styled9__default.default.span`
9920
- font-size: 0.8rem;
9852
+ font-size: 0.72rem;
9921
9853
  font-weight: 500;
9922
9854
  color: #fff;
9923
9855
  font-variant-numeric: tabular-nums;
9924
9856
  `;
9925
- var CompAssetHoverDetail = styled9__default.default.div`
9926
- max-height: 0;
9927
- opacity: 0;
9928
- overflow: hidden;
9929
- transition: max-height 0.3s ease, opacity 0.25s ease, padding-top 0.3s ease, margin-top 0.3s ease;
9930
- border-top: 1px solid rgba(255,255,255,0.06);
9931
- padding-top: 0;
9932
- margin-top: 0;
9933
- `;
9934
- var CompAssetHoverImg = styled9__default.default.div`
9935
- width: 100%;
9936
- height: 120px;
9937
- border-radius: 8px;
9938
- overflow: hidden;
9939
- margin-bottom: 0.65rem;
9940
- background: rgba(255,255,255,0.03);
9941
- img {
9942
- width: 100%;
9943
- height: 100%;
9944
- object-fit: cover;
9945
- }
9946
- `;
9947
- var CompAssetHoverStats = styled9__default.default.div`
9948
- display: flex;
9949
- flex-direction: column;
9950
- gap: 0;
9951
- `;
9952
- var CompAssetHoverRow = styled9__default.default.div`
9953
- display: flex;
9954
- justify-content: space-between;
9955
- align-items: center;
9956
- padding: 0.35rem 0;
9957
- border-bottom: 1px solid rgba(255,255,255,0.03);
9958
- &:last-child { border-bottom: none; }
9959
- span:first-child {
9960
- font-size: 0.75rem;
9961
- color: rgba(255,255,255,0.4);
9962
- }
9963
- span:last-child {
9964
- font-size: 0.8rem;
9965
- font-weight: 500;
9966
- color: #fff;
9967
- font-variant-numeric: tabular-nums;
9968
- }
9969
- `;
9970
9857
  styled9__default.default.div`
9971
9858
  font-size: 0.65rem;
9972
9859
  color: rgba(255,255,255,0.35);