@loafmarkets/ui 0.1.231 → 0.1.232

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 +161 -133
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +161 -133
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -8736,87 +8736,103 @@ function PropertyOverview({
8736
8736
  /* @__PURE__ */ jsxRuntime.jsxs(CompAssetsPanel, { children: [
8737
8737
  /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8738
8738
  /* @__PURE__ */ jsxRuntime.jsxs(CompAssetsGrid, { children: [
8739
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8740
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetThumbWrap, { children: [
8741
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8739
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStrip, { children: [
8740
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8741
+ e.target.style.display = "none";
8742
+ } }) }),
8743
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripInfo, { children: [
8744
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripName, { children: [
8745
+ "Boondabah ",
8746
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8747
+ ] }),
8748
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripAddr, { children: "200A Raglan St, Mosman" })
8749
+ ] }),
8750
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripRight, { children: [
8751
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripPrice, { children: "$16.07M" }),
8752
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+119%" })
8753
+ ] }),
8754
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltip, { children: [
8755
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipArrow, {}),
8756
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8742
8757
  e.target.style.display = "none";
8743
8758
  } }) }),
8744
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltip, { children: [
8745
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipArrow, {}),
8746
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8747
- e.target.style.display = "none";
8748
- } }) }),
8749
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipTitle, { children: [
8750
- "Boondabah ",
8751
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8759
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipTitle, { children: [
8760
+ "Boondabah ",
8761
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8762
+ ] }),
8763
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipAddr, { children: "200A Raglan St, Mosman" }),
8764
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipStats, { children: [
8765
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8766
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Sale Price" }),
8767
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$16.07M" })
8752
8768
  ] }),
8753
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipAddr, { children: "200A Raglan St, Mosman" }),
8754
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipStats, { children: [
8755
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8756
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Land" }),
8757
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "2,066 sqm" })
8758
- ] }),
8759
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8760
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Era" }),
8761
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905" })
8762
- ] }),
8763
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8764
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Growth" }),
8765
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "+119%" })
8766
- ] }),
8767
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8768
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$/sqm" }),
8769
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7,780" })
8770
- ] })
8769
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8770
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Land" }),
8771
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "2,066 sqm" })
8772
+ ] }),
8773
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8774
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Era" }),
8775
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905" })
8776
+ ] }),
8777
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8778
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Growth" }),
8779
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "+119%" })
8780
+ ] }),
8781
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8782
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$/sqm" }),
8783
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7,780" })
8771
8784
  ] })
8772
8785
  ] })
8786
+ ] })
8787
+ ] }),
8788
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStrip, { children: [
8789
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
8790
+ e.target.style.display = "none";
8791
+ } }) }),
8792
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripInfo, { children: [
8793
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripName, { children: [
8794
+ "Dobroyd ",
8795
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8796
+ ] }),
8797
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripAddr, { children: "7 Bradleys Head Rd, Mosman" })
8773
8798
  ] }),
8774
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8775
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetName, { children: "Boondabah" }),
8776
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St" })
8799
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripRight, { children: [
8800
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripPrice, { children: "$27.96M" }),
8801
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+617%" })
8777
8802
  ] }),
8778
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetPrice, { children: "$16.07M" })
8779
- ] }),
8780
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8781
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetThumbWrap, { children: [
8782
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8803
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltip, { children: [
8804
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipArrow, {}),
8805
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
8783
8806
  e.target.style.display = "none";
8784
8807
  } }) }),
8785
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltip, { children: [
8786
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipArrow, {}),
8787
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
8788
- e.target.style.display = "none";
8789
- } }) }),
8790
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipTitle, { children: [
8791
- "Dobroyd ",
8792
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8808
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipTitle, { children: [
8809
+ "Dobroyd ",
8810
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8811
+ ] }),
8812
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipAddr, { children: "7 Bradleys Head Rd, Mosman" }),
8813
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipStats, { children: [
8814
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8815
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Sale Price" }),
8816
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$27.96M" })
8793
8817
  ] }),
8794
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipAddr, { children: "7 Bradleys Head Rd, Mosman" }),
8795
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipStats, { children: [
8796
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8797
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Land" }),
8798
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "2,592 sqm" })
8799
- ] }),
8800
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8801
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Era" }),
8802
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905" })
8803
- ] }),
8804
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8805
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Growth" }),
8806
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "+617%" })
8807
- ] }),
8808
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8809
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$/sqm" }),
8810
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$10,787" })
8811
- ] })
8818
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8819
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Land" }),
8820
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "2,592 sqm" })
8821
+ ] }),
8822
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8823
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Era" }),
8824
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905" })
8825
+ ] }),
8826
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8827
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Growth" }),
8828
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "+617%" })
8829
+ ] }),
8830
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8831
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$/sqm" }),
8832
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$10,787" })
8812
8833
  ] })
8813
8834
  ] })
8814
- ] }),
8815
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8816
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetName, { children: "Dobroyd" }),
8817
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd" })
8818
- ] }),
8819
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetPrice, { children: "$27.96M" })
8835
+ ] })
8820
8836
  ] })
8821
8837
  ] })
8822
8838
  ] })
@@ -9783,7 +9799,7 @@ var CompAssetsPanel = styled9__default.default.div`
9783
9799
  background: #111111;
9784
9800
  border: 1px solid rgba(255,255,255,0.1);
9785
9801
  border-radius: 12px;
9786
- padding: 1rem 1.25rem;
9802
+ padding: 0.75rem 1rem;
9787
9803
  display: flex;
9788
9804
  flex-direction: column;
9789
9805
  gap: 0.35rem;
@@ -9791,46 +9807,98 @@ var CompAssetsPanel = styled9__default.default.div`
9791
9807
  var CompAssetsGrid = styled9__default.default.div`
9792
9808
  display: flex;
9793
9809
  flex-direction: column;
9794
- gap: 0;
9810
+ gap: 0.5rem;
9795
9811
  `;
9796
- var CompAssetRow = styled9__default.default.div`
9812
+ var CompAssetStrip = styled9__default.default.div`
9813
+ position: relative;
9797
9814
  display: flex;
9798
9815
  align-items: center;
9799
- gap: 0.6rem;
9800
- padding: 0.5rem 0;
9801
- &:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.04); }
9802
- `;
9803
- var CompAssetThumbWrap = styled9__default.default.div`
9804
- position: relative;
9805
- flex-shrink: 0;
9816
+ gap: 0.75rem;
9817
+ background: rgba(255,255,255,0.02);
9818
+ border: 1px solid rgba(255,255,255,0.06);
9819
+ border-radius: 10px;
9820
+ padding: 0.6rem 1rem 0.6rem 0.6rem;
9821
+ transition: border-color 0.2s, background 0.2s;
9822
+ cursor: pointer;
9823
+ &:hover {
9824
+ border-color: rgba(212,175,55,0.3);
9825
+ background: rgba(255,255,255,0.03);
9826
+ }
9806
9827
  &:hover > div:last-child {
9807
9828
  display: block;
9808
9829
  }
9809
9830
  `;
9810
- var CompAssetThumb = styled9__default.default.div`
9811
- width: 32px;
9812
- height: 32px;
9813
- border-radius: 6px;
9831
+ var CompAssetStripImg = styled9__default.default.div`
9832
+ width: 52px;
9833
+ height: 52px;
9834
+ border-radius: 8px;
9814
9835
  overflow: hidden;
9815
9836
  flex-shrink: 0;
9816
9837
  background: rgba(255,255,255,0.05);
9817
- cursor: pointer;
9818
- transition: border-color 0.2s;
9819
- border: 1px solid rgba(255,255,255,0.06);
9820
- &:hover { border-color: rgba(212,175,55,0.4); }
9821
9838
  img {
9822
9839
  width: 100%;
9823
9840
  height: 100%;
9824
9841
  object-fit: cover;
9825
9842
  }
9826
9843
  `;
9844
+ var CompAssetStripInfo = styled9__default.default.div`
9845
+ flex: 1;
9846
+ min-width: 0;
9847
+ display: flex;
9848
+ flex-direction: column;
9849
+ gap: 2px;
9850
+ `;
9851
+ var CompAssetStripName = styled9__default.default.div`
9852
+ font-size: 0.9rem;
9853
+ font-weight: 600;
9854
+ color: #fff;
9855
+ display: flex;
9856
+ align-items: center;
9857
+ gap: 0.4rem;
9858
+ `;
9859
+ var CompAssetStripAddr = styled9__default.default.div`
9860
+ font-size: 0.72rem;
9861
+ color: rgba(255,255,255,0.4);
9862
+ `;
9863
+ var CompAssetStripRight = styled9__default.default.div`
9864
+ flex-shrink: 0;
9865
+ text-align: right;
9866
+ display: flex;
9867
+ flex-direction: column;
9868
+ align-items: flex-end;
9869
+ gap: 2px;
9870
+ `;
9871
+ var CompAssetStripPrice = styled9__default.default.div`
9872
+ font-size: 1rem;
9873
+ font-weight: 700;
9874
+ color: #fff;
9875
+ font-variant-numeric: tabular-nums;
9876
+ white-space: nowrap;
9877
+ `;
9878
+ var CompAssetStripGrowth = styled9__default.default.div`
9879
+ font-size: 0.72rem;
9880
+ font-weight: 500;
9881
+ font-variant-numeric: tabular-nums;
9882
+ `;
9883
+ var CompAssetBadge = styled9__default.default.span`
9884
+ font-size: 0.52rem;
9885
+ font-weight: 600;
9886
+ text-transform: uppercase;
9887
+ letter-spacing: 0.06em;
9888
+ color: #4ade80;
9889
+ background: rgba(74,222,128,0.1);
9890
+ border: 1px solid rgba(74,222,128,0.2);
9891
+ padding: 1px 6px;
9892
+ border-radius: 4px;
9893
+ white-space: nowrap;
9894
+ `;
9827
9895
  var CompAssetTooltip = styled9__default.default.div`
9828
9896
  display: none;
9829
9897
  position: absolute;
9830
- top: calc(100% + 10px);
9898
+ bottom: calc(100% + 10px);
9831
9899
  left: 50%;
9832
9900
  transform: translateX(-50%);
9833
- width: 260px;
9901
+ width: 280px;
9834
9902
  background: #1a1d24;
9835
9903
  border: 1px solid rgba(255,255,255,0.1);
9836
9904
  border-radius: 8px;
@@ -9841,18 +9909,18 @@ var CompAssetTooltip = styled9__default.default.div`
9841
9909
  `;
9842
9910
  var CompAssetTooltipArrow = styled9__default.default.div`
9843
9911
  position: absolute;
9844
- top: -5px;
9912
+ bottom: -5px;
9845
9913
  left: 50%;
9846
9914
  transform: translateX(-50%) rotate(45deg);
9847
9915
  width: 8px;
9848
9916
  height: 8px;
9849
9917
  background: #1a1d24;
9850
- border-left: 1px solid rgba(255,255,255,0.1);
9851
- border-top: 1px solid rgba(255,255,255,0.1);
9918
+ border-right: 1px solid rgba(255,255,255,0.1);
9919
+ border-bottom: 1px solid rgba(255,255,255,0.1);
9852
9920
  `;
9853
9921
  var CompAssetTooltipImg = styled9__default.default.div`
9854
9922
  width: 100%;
9855
- height: 110px;
9923
+ height: 120px;
9856
9924
  border-radius: 6px;
9857
9925
  overflow: hidden;
9858
9926
  margin-bottom: 0.6rem;
@@ -9900,46 +9968,6 @@ var CompAssetTooltipRow = styled9__default.default.div`
9900
9968
  font-variant-numeric: tabular-nums;
9901
9969
  }
9902
9970
  `;
9903
- var CompAssetInfo = styled9__default.default.div`
9904
- flex: 1;
9905
- min-width: 0;
9906
- `;
9907
- var CompAssetName = styled9__default.default.div`
9908
- font-size: 0.78rem;
9909
- font-weight: 600;
9910
- color: #fff;
9911
- white-space: nowrap;
9912
- `;
9913
- var CompAssetBadge = styled9__default.default.span`
9914
- font-size: 0.5rem;
9915
- font-weight: 600;
9916
- text-transform: uppercase;
9917
- letter-spacing: 0.06em;
9918
- color: #4ade80;
9919
- background: rgba(74,222,128,0.1);
9920
- border: 1px solid rgba(74,222,128,0.2);
9921
- padding: 1px 5px;
9922
- border-radius: 3px;
9923
- white-space: nowrap;
9924
- vertical-align: middle;
9925
- margin-left: 0.3rem;
9926
- `;
9927
- var CompAssetAddr = styled9__default.default.div`
9928
- font-size: 0.62rem;
9929
- color: rgba(255,255,255,0.35);
9930
- margin-top: 1px;
9931
- white-space: nowrap;
9932
- overflow: hidden;
9933
- text-overflow: ellipsis;
9934
- `;
9935
- var CompAssetPrice = styled9__default.default.div`
9936
- font-size: 0.8rem;
9937
- font-weight: 600;
9938
- color: #fff;
9939
- font-variant-numeric: tabular-nums;
9940
- white-space: nowrap;
9941
- flex-shrink: 0;
9942
- `;
9943
9971
  styled9__default.default.div`
9944
9972
  font-size: 0.65rem;
9945
9973
  color: rgba(255,255,255,0.35);