@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.mjs CHANGED
@@ -8710,87 +8710,103 @@ function PropertyOverview({
8710
8710
  /* @__PURE__ */ jsxs(CompAssetsPanel, { children: [
8711
8711
  /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8712
8712
  /* @__PURE__ */ jsxs(CompAssetsGrid, { children: [
8713
- /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8714
- /* @__PURE__ */ jsxs(CompAssetThumbWrap, { children: [
8715
- /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8713
+ /* @__PURE__ */ jsxs(CompAssetStrip, { children: [
8714
+ /* @__PURE__ */ jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8715
+ e.target.style.display = "none";
8716
+ } }) }),
8717
+ /* @__PURE__ */ jsxs(CompAssetStripInfo, { children: [
8718
+ /* @__PURE__ */ jsxs(CompAssetStripName, { children: [
8719
+ "Boondabah ",
8720
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8721
+ ] }),
8722
+ /* @__PURE__ */ jsx(CompAssetStripAddr, { children: "200A Raglan St, Mosman" })
8723
+ ] }),
8724
+ /* @__PURE__ */ jsxs(CompAssetStripRight, { children: [
8725
+ /* @__PURE__ */ jsx(CompAssetStripPrice, { children: "$16.07M" }),
8726
+ /* @__PURE__ */ jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+119%" })
8727
+ ] }),
8728
+ /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
8729
+ /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
8730
+ /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8716
8731
  e.target.style.display = "none";
8717
8732
  } }) }),
8718
- /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
8719
- /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
8720
- /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8721
- e.target.style.display = "none";
8722
- } }) }),
8723
- /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
8724
- "Boondabah ",
8725
- /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8733
+ /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
8734
+ "Boondabah ",
8735
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8736
+ ] }),
8737
+ /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "200A Raglan St, Mosman" }),
8738
+ /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
8739
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8740
+ /* @__PURE__ */ jsx("span", { children: "Sale Price" }),
8741
+ /* @__PURE__ */ jsx("span", { children: "$16.07M" })
8726
8742
  ] }),
8727
- /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "200A Raglan St, Mosman" }),
8728
- /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
8729
- /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8730
- /* @__PURE__ */ jsx("span", { children: "Land" }),
8731
- /* @__PURE__ */ jsx("span", { children: "2,066 sqm" })
8732
- ] }),
8733
- /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8734
- /* @__PURE__ */ jsx("span", { children: "Era" }),
8735
- /* @__PURE__ */ jsx("span", { children: "c.1905" })
8736
- ] }),
8737
- /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8738
- /* @__PURE__ */ jsx("span", { children: "Growth" }),
8739
- /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+119%" })
8740
- ] }),
8741
- /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8742
- /* @__PURE__ */ jsx("span", { children: "$/sqm" }),
8743
- /* @__PURE__ */ jsx("span", { children: "$7,780" })
8744
- ] })
8743
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8744
+ /* @__PURE__ */ jsx("span", { children: "Land" }),
8745
+ /* @__PURE__ */ jsx("span", { children: "2,066 sqm" })
8746
+ ] }),
8747
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8748
+ /* @__PURE__ */ jsx("span", { children: "Era" }),
8749
+ /* @__PURE__ */ jsx("span", { children: "c.1905" })
8750
+ ] }),
8751
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8752
+ /* @__PURE__ */ jsx("span", { children: "Growth" }),
8753
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+119%" })
8754
+ ] }),
8755
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8756
+ /* @__PURE__ */ jsx("span", { children: "$/sqm" }),
8757
+ /* @__PURE__ */ jsx("span", { children: "$7,780" })
8745
8758
  ] })
8746
8759
  ] })
8760
+ ] })
8761
+ ] }),
8762
+ /* @__PURE__ */ jsxs(CompAssetStrip, { children: [
8763
+ /* @__PURE__ */ jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
8764
+ e.target.style.display = "none";
8765
+ } }) }),
8766
+ /* @__PURE__ */ jsxs(CompAssetStripInfo, { children: [
8767
+ /* @__PURE__ */ jsxs(CompAssetStripName, { children: [
8768
+ "Dobroyd ",
8769
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8770
+ ] }),
8771
+ /* @__PURE__ */ jsx(CompAssetStripAddr, { children: "7 Bradleys Head Rd, Mosman" })
8747
8772
  ] }),
8748
- /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8749
- /* @__PURE__ */ jsx(CompAssetName, { children: "Boondabah" }),
8750
- /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St" })
8773
+ /* @__PURE__ */ jsxs(CompAssetStripRight, { children: [
8774
+ /* @__PURE__ */ jsx(CompAssetStripPrice, { children: "$27.96M" }),
8775
+ /* @__PURE__ */ jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+617%" })
8751
8776
  ] }),
8752
- /* @__PURE__ */ jsx(CompAssetPrice, { children: "$16.07M" })
8753
- ] }),
8754
- /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8755
- /* @__PURE__ */ jsxs(CompAssetThumbWrap, { children: [
8756
- /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8777
+ /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
8778
+ /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
8779
+ /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
8757
8780
  e.target.style.display = "none";
8758
8781
  } }) }),
8759
- /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
8760
- /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
8761
- /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
8762
- e.target.style.display = "none";
8763
- } }) }),
8764
- /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
8765
- "Dobroyd ",
8766
- /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8782
+ /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
8783
+ "Dobroyd ",
8784
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8785
+ ] }),
8786
+ /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "7 Bradleys Head Rd, Mosman" }),
8787
+ /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
8788
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8789
+ /* @__PURE__ */ jsx("span", { children: "Sale Price" }),
8790
+ /* @__PURE__ */ jsx("span", { children: "$27.96M" })
8767
8791
  ] }),
8768
- /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "7 Bradleys Head Rd, Mosman" }),
8769
- /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
8770
- /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8771
- /* @__PURE__ */ jsx("span", { children: "Land" }),
8772
- /* @__PURE__ */ jsx("span", { children: "2,592 sqm" })
8773
- ] }),
8774
- /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8775
- /* @__PURE__ */ jsx("span", { children: "Era" }),
8776
- /* @__PURE__ */ jsx("span", { children: "c.1905" })
8777
- ] }),
8778
- /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8779
- /* @__PURE__ */ jsx("span", { children: "Growth" }),
8780
- /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+617%" })
8781
- ] }),
8782
- /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8783
- /* @__PURE__ */ jsx("span", { children: "$/sqm" }),
8784
- /* @__PURE__ */ jsx("span", { children: "$10,787" })
8785
- ] })
8792
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8793
+ /* @__PURE__ */ jsx("span", { children: "Land" }),
8794
+ /* @__PURE__ */ jsx("span", { children: "2,592 sqm" })
8795
+ ] }),
8796
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8797
+ /* @__PURE__ */ jsx("span", { children: "Era" }),
8798
+ /* @__PURE__ */ jsx("span", { children: "c.1905" })
8799
+ ] }),
8800
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8801
+ /* @__PURE__ */ jsx("span", { children: "Growth" }),
8802
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+617%" })
8803
+ ] }),
8804
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8805
+ /* @__PURE__ */ jsx("span", { children: "$/sqm" }),
8806
+ /* @__PURE__ */ jsx("span", { children: "$10,787" })
8786
8807
  ] })
8787
8808
  ] })
8788
- ] }),
8789
- /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8790
- /* @__PURE__ */ jsx(CompAssetName, { children: "Dobroyd" }),
8791
- /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd" })
8792
- ] }),
8793
- /* @__PURE__ */ jsx(CompAssetPrice, { children: "$27.96M" })
8809
+ ] })
8794
8810
  ] })
8795
8811
  ] })
8796
8812
  ] })
@@ -9757,7 +9773,7 @@ var CompAssetsPanel = styled9.div`
9757
9773
  background: #111111;
9758
9774
  border: 1px solid rgba(255,255,255,0.1);
9759
9775
  border-radius: 12px;
9760
- padding: 1rem 1.25rem;
9776
+ padding: 0.75rem 1rem;
9761
9777
  display: flex;
9762
9778
  flex-direction: column;
9763
9779
  gap: 0.35rem;
@@ -9765,46 +9781,98 @@ var CompAssetsPanel = styled9.div`
9765
9781
  var CompAssetsGrid = styled9.div`
9766
9782
  display: flex;
9767
9783
  flex-direction: column;
9768
- gap: 0;
9784
+ gap: 0.5rem;
9769
9785
  `;
9770
- var CompAssetRow = styled9.div`
9786
+ var CompAssetStrip = styled9.div`
9787
+ position: relative;
9771
9788
  display: flex;
9772
9789
  align-items: center;
9773
- gap: 0.6rem;
9774
- padding: 0.5rem 0;
9775
- &:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.04); }
9776
- `;
9777
- var CompAssetThumbWrap = styled9.div`
9778
- position: relative;
9779
- flex-shrink: 0;
9790
+ gap: 0.75rem;
9791
+ background: rgba(255,255,255,0.02);
9792
+ border: 1px solid rgba(255,255,255,0.06);
9793
+ border-radius: 10px;
9794
+ padding: 0.6rem 1rem 0.6rem 0.6rem;
9795
+ transition: border-color 0.2s, background 0.2s;
9796
+ cursor: pointer;
9797
+ &:hover {
9798
+ border-color: rgba(212,175,55,0.3);
9799
+ background: rgba(255,255,255,0.03);
9800
+ }
9780
9801
  &:hover > div:last-child {
9781
9802
  display: block;
9782
9803
  }
9783
9804
  `;
9784
- var CompAssetThumb = styled9.div`
9785
- width: 32px;
9786
- height: 32px;
9787
- border-radius: 6px;
9805
+ var CompAssetStripImg = styled9.div`
9806
+ width: 52px;
9807
+ height: 52px;
9808
+ border-radius: 8px;
9788
9809
  overflow: hidden;
9789
9810
  flex-shrink: 0;
9790
9811
  background: rgba(255,255,255,0.05);
9791
- cursor: pointer;
9792
- transition: border-color 0.2s;
9793
- border: 1px solid rgba(255,255,255,0.06);
9794
- &:hover { border-color: rgba(212,175,55,0.4); }
9795
9812
  img {
9796
9813
  width: 100%;
9797
9814
  height: 100%;
9798
9815
  object-fit: cover;
9799
9816
  }
9800
9817
  `;
9818
+ var CompAssetStripInfo = styled9.div`
9819
+ flex: 1;
9820
+ min-width: 0;
9821
+ display: flex;
9822
+ flex-direction: column;
9823
+ gap: 2px;
9824
+ `;
9825
+ var CompAssetStripName = styled9.div`
9826
+ font-size: 0.9rem;
9827
+ font-weight: 600;
9828
+ color: #fff;
9829
+ display: flex;
9830
+ align-items: center;
9831
+ gap: 0.4rem;
9832
+ `;
9833
+ var CompAssetStripAddr = styled9.div`
9834
+ font-size: 0.72rem;
9835
+ color: rgba(255,255,255,0.4);
9836
+ `;
9837
+ var CompAssetStripRight = styled9.div`
9838
+ flex-shrink: 0;
9839
+ text-align: right;
9840
+ display: flex;
9841
+ flex-direction: column;
9842
+ align-items: flex-end;
9843
+ gap: 2px;
9844
+ `;
9845
+ var CompAssetStripPrice = styled9.div`
9846
+ font-size: 1rem;
9847
+ font-weight: 700;
9848
+ color: #fff;
9849
+ font-variant-numeric: tabular-nums;
9850
+ white-space: nowrap;
9851
+ `;
9852
+ var CompAssetStripGrowth = styled9.div`
9853
+ font-size: 0.72rem;
9854
+ font-weight: 500;
9855
+ font-variant-numeric: tabular-nums;
9856
+ `;
9857
+ var CompAssetBadge = styled9.span`
9858
+ font-size: 0.52rem;
9859
+ font-weight: 600;
9860
+ text-transform: uppercase;
9861
+ letter-spacing: 0.06em;
9862
+ color: #4ade80;
9863
+ background: rgba(74,222,128,0.1);
9864
+ border: 1px solid rgba(74,222,128,0.2);
9865
+ padding: 1px 6px;
9866
+ border-radius: 4px;
9867
+ white-space: nowrap;
9868
+ `;
9801
9869
  var CompAssetTooltip = styled9.div`
9802
9870
  display: none;
9803
9871
  position: absolute;
9804
- top: calc(100% + 10px);
9872
+ bottom: calc(100% + 10px);
9805
9873
  left: 50%;
9806
9874
  transform: translateX(-50%);
9807
- width: 260px;
9875
+ width: 280px;
9808
9876
  background: #1a1d24;
9809
9877
  border: 1px solid rgba(255,255,255,0.1);
9810
9878
  border-radius: 8px;
@@ -9815,18 +9883,18 @@ var CompAssetTooltip = styled9.div`
9815
9883
  `;
9816
9884
  var CompAssetTooltipArrow = styled9.div`
9817
9885
  position: absolute;
9818
- top: -5px;
9886
+ bottom: -5px;
9819
9887
  left: 50%;
9820
9888
  transform: translateX(-50%) rotate(45deg);
9821
9889
  width: 8px;
9822
9890
  height: 8px;
9823
9891
  background: #1a1d24;
9824
- border-left: 1px solid rgba(255,255,255,0.1);
9825
- border-top: 1px solid rgba(255,255,255,0.1);
9892
+ border-right: 1px solid rgba(255,255,255,0.1);
9893
+ border-bottom: 1px solid rgba(255,255,255,0.1);
9826
9894
  `;
9827
9895
  var CompAssetTooltipImg = styled9.div`
9828
9896
  width: 100%;
9829
- height: 110px;
9897
+ height: 120px;
9830
9898
  border-radius: 6px;
9831
9899
  overflow: hidden;
9832
9900
  margin-bottom: 0.6rem;
@@ -9874,46 +9942,6 @@ var CompAssetTooltipRow = styled9.div`
9874
9942
  font-variant-numeric: tabular-nums;
9875
9943
  }
9876
9944
  `;
9877
- var CompAssetInfo = styled9.div`
9878
- flex: 1;
9879
- min-width: 0;
9880
- `;
9881
- var CompAssetName = styled9.div`
9882
- font-size: 0.78rem;
9883
- font-weight: 600;
9884
- color: #fff;
9885
- white-space: nowrap;
9886
- `;
9887
- var CompAssetBadge = styled9.span`
9888
- font-size: 0.5rem;
9889
- font-weight: 600;
9890
- text-transform: uppercase;
9891
- letter-spacing: 0.06em;
9892
- color: #4ade80;
9893
- background: rgba(74,222,128,0.1);
9894
- border: 1px solid rgba(74,222,128,0.2);
9895
- padding: 1px 5px;
9896
- border-radius: 3px;
9897
- white-space: nowrap;
9898
- vertical-align: middle;
9899
- margin-left: 0.3rem;
9900
- `;
9901
- var CompAssetAddr = styled9.div`
9902
- font-size: 0.62rem;
9903
- color: rgba(255,255,255,0.35);
9904
- margin-top: 1px;
9905
- white-space: nowrap;
9906
- overflow: hidden;
9907
- text-overflow: ellipsis;
9908
- `;
9909
- var CompAssetPrice = styled9.div`
9910
- font-size: 0.8rem;
9911
- font-weight: 600;
9912
- color: #fff;
9913
- font-variant-numeric: tabular-nums;
9914
- white-space: nowrap;
9915
- flex-shrink: 0;
9916
- `;
9917
9945
  styled9.div`
9918
9946
  font-size: 0.65rem;
9919
9947
  color: rgba(255,255,255,0.35);