@loafmarkets/ui 0.1.230 → 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.
- package/dist/index.js +210 -96
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +210 -96
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -8710,59 +8710,101 @@ 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(
|
|
8714
|
-
/* @__PURE__ */
|
|
8715
|
-
|
|
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(
|
|
8719
|
-
|
|
8720
|
-
|
|
8721
|
-
/* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
|
|
8722
|
-
] }),
|
|
8723
|
-
/* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
|
|
8724
|
-
] })
|
|
8725
|
-
] }),
|
|
8726
|
-
/* @__PURE__ */ jsxs(CompAssetMiniBottom, { children: [
|
|
8727
|
-
/* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
|
|
8728
|
-
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Sale" }),
|
|
8729
|
-
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "$16.07M" })
|
|
8730
|
-
] }),
|
|
8731
|
-
/* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
|
|
8732
|
-
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
|
|
8733
|
-
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
|
|
8733
|
+
/* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
|
|
8734
|
+
"Boondabah ",
|
|
8735
|
+
/* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
|
|
8734
8736
|
] }),
|
|
8735
|
-
/* @__PURE__ */
|
|
8736
|
-
|
|
8737
|
-
/* @__PURE__ */
|
|
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" })
|
|
8742
|
+
] }),
|
|
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" })
|
|
8758
|
+
] })
|
|
8738
8759
|
] })
|
|
8739
8760
|
] })
|
|
8740
8761
|
] }),
|
|
8741
|
-
/* @__PURE__ */ jsxs(
|
|
8742
|
-
/* @__PURE__ */
|
|
8743
|
-
|
|
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" })
|
|
8772
|
+
] }),
|
|
8773
|
+
/* @__PURE__ */ jsxs(CompAssetStripRight, { children: [
|
|
8774
|
+
/* @__PURE__ */ jsx(CompAssetStripPrice, { children: "$27.96M" }),
|
|
8775
|
+
/* @__PURE__ */ jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+617%" })
|
|
8776
|
+
] }),
|
|
8777
|
+
/* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
|
|
8778
|
+
/* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
|
|
8779
|
+
/* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
|
|
8744
8780
|
e.target.style.display = "none";
|
|
8745
8781
|
} }) }),
|
|
8746
|
-
/* @__PURE__ */ jsxs(
|
|
8747
|
-
|
|
8748
|
-
|
|
8749
|
-
/* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
|
|
8750
|
-
] }),
|
|
8751
|
-
/* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd" })
|
|
8752
|
-
] })
|
|
8753
|
-
] }),
|
|
8754
|
-
/* @__PURE__ */ jsxs(CompAssetMiniBottom, { children: [
|
|
8755
|
-
/* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
|
|
8756
|
-
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Sale" }),
|
|
8757
|
-
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "$27.96M" })
|
|
8758
|
-
] }),
|
|
8759
|
-
/* @__PURE__ */ jsxs(CompAssetMiniStat, { children: [
|
|
8760
|
-
/* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
|
|
8761
|
-
/* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
|
|
8782
|
+
/* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
|
|
8783
|
+
"Dobroyd ",
|
|
8784
|
+
/* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
|
|
8762
8785
|
] }),
|
|
8763
|
-
/* @__PURE__ */
|
|
8764
|
-
|
|
8765
|
-
/* @__PURE__ */
|
|
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" })
|
|
8791
|
+
] }),
|
|
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" })
|
|
8807
|
+
] })
|
|
8766
8808
|
] })
|
|
8767
8809
|
] })
|
|
8768
8810
|
] })
|
|
@@ -9731,49 +9773,38 @@ var CompAssetsPanel = styled9.div`
|
|
|
9731
9773
|
background: #111111;
|
|
9732
9774
|
border: 1px solid rgba(255,255,255,0.1);
|
|
9733
9775
|
border-radius: 12px;
|
|
9734
|
-
padding: 1rem
|
|
9776
|
+
padding: 0.75rem 1rem;
|
|
9735
9777
|
display: flex;
|
|
9736
9778
|
flex-direction: column;
|
|
9737
|
-
gap: 0.
|
|
9779
|
+
gap: 0.35rem;
|
|
9738
9780
|
`;
|
|
9739
9781
|
var CompAssetsGrid = styled9.div`
|
|
9740
|
-
display: grid;
|
|
9741
|
-
grid-template-columns: repeat(2, 1fr);
|
|
9742
|
-
gap: 0.5rem;
|
|
9743
|
-
`;
|
|
9744
|
-
var CompAssetMini = styled9.div`
|
|
9745
|
-
background: rgba(255,255,255,0.02);
|
|
9746
|
-
border: 1px solid rgba(255,255,255,0.06);
|
|
9747
|
-
border-radius: 8px;
|
|
9748
|
-
padding: 0.6rem;
|
|
9749
9782
|
display: flex;
|
|
9750
9783
|
flex-direction: column;
|
|
9751
|
-
gap: 0.4rem;
|
|
9752
|
-
transition: border-color 0.2s;
|
|
9753
|
-
&:hover { border-color: rgba(212,175,55,0.3); }
|
|
9754
|
-
`;
|
|
9755
|
-
var CompAssetMiniTop = styled9.div`
|
|
9756
|
-
display: flex;
|
|
9757
|
-
align-items: center;
|
|
9758
9784
|
gap: 0.5rem;
|
|
9759
9785
|
`;
|
|
9760
|
-
var
|
|
9761
|
-
|
|
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;
|
|
9786
|
+
var CompAssetStrip = styled9.div`
|
|
9787
|
+
position: relative;
|
|
9768
9788
|
display: flex;
|
|
9769
|
-
flex-direction: column;
|
|
9770
9789
|
align-items: center;
|
|
9771
|
-
gap:
|
|
9772
|
-
|
|
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
|
+
}
|
|
9801
|
+
&:hover > div:last-child {
|
|
9802
|
+
display: block;
|
|
9803
|
+
}
|
|
9773
9804
|
`;
|
|
9774
|
-
var
|
|
9775
|
-
width:
|
|
9776
|
-
height:
|
|
9805
|
+
var CompAssetStripImg = styled9.div`
|
|
9806
|
+
width: 52px;
|
|
9807
|
+
height: 52px;
|
|
9777
9808
|
border-radius: 8px;
|
|
9778
9809
|
overflow: hidden;
|
|
9779
9810
|
flex-shrink: 0;
|
|
@@ -9784,20 +9815,47 @@ var CompAssetThumb = styled9.div`
|
|
|
9784
9815
|
object-fit: cover;
|
|
9785
9816
|
}
|
|
9786
9817
|
`;
|
|
9787
|
-
var
|
|
9818
|
+
var CompAssetStripInfo = styled9.div`
|
|
9788
9819
|
flex: 1;
|
|
9789
9820
|
min-width: 0;
|
|
9821
|
+
display: flex;
|
|
9822
|
+
flex-direction: column;
|
|
9823
|
+
gap: 2px;
|
|
9790
9824
|
`;
|
|
9791
|
-
var
|
|
9792
|
-
font-size: 0.
|
|
9825
|
+
var CompAssetStripName = styled9.div`
|
|
9826
|
+
font-size: 0.9rem;
|
|
9793
9827
|
font-weight: 600;
|
|
9794
9828
|
color: #fff;
|
|
9795
9829
|
display: flex;
|
|
9796
9830
|
align-items: center;
|
|
9797
|
-
gap: 0.
|
|
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;
|
|
9798
9856
|
`;
|
|
9799
9857
|
var CompAssetBadge = styled9.span`
|
|
9800
|
-
font-size: 0.
|
|
9858
|
+
font-size: 0.52rem;
|
|
9801
9859
|
font-weight: 600;
|
|
9802
9860
|
text-transform: uppercase;
|
|
9803
9861
|
letter-spacing: 0.06em;
|
|
@@ -9808,25 +9866,81 @@ var CompAssetBadge = styled9.span`
|
|
|
9808
9866
|
border-radius: 4px;
|
|
9809
9867
|
white-space: nowrap;
|
|
9810
9868
|
`;
|
|
9811
|
-
var
|
|
9869
|
+
var CompAssetTooltip = styled9.div`
|
|
9870
|
+
display: none;
|
|
9871
|
+
position: absolute;
|
|
9872
|
+
bottom: calc(100% + 10px);
|
|
9873
|
+
left: 50%;
|
|
9874
|
+
transform: translateX(-50%);
|
|
9875
|
+
width: 280px;
|
|
9876
|
+
background: #1a1d24;
|
|
9877
|
+
border: 1px solid rgba(255,255,255,0.1);
|
|
9878
|
+
border-radius: 8px;
|
|
9879
|
+
padding: 0.75rem;
|
|
9880
|
+
z-index: 100;
|
|
9881
|
+
box-shadow: 0 8px 24px rgba(0,0,0,0.5);
|
|
9882
|
+
pointer-events: none;
|
|
9883
|
+
`;
|
|
9884
|
+
var CompAssetTooltipArrow = styled9.div`
|
|
9885
|
+
position: absolute;
|
|
9886
|
+
bottom: -5px;
|
|
9887
|
+
left: 50%;
|
|
9888
|
+
transform: translateX(-50%) rotate(45deg);
|
|
9889
|
+
width: 8px;
|
|
9890
|
+
height: 8px;
|
|
9891
|
+
background: #1a1d24;
|
|
9892
|
+
border-right: 1px solid rgba(255,255,255,0.1);
|
|
9893
|
+
border-bottom: 1px solid rgba(255,255,255,0.1);
|
|
9894
|
+
`;
|
|
9895
|
+
var CompAssetTooltipImg = styled9.div`
|
|
9896
|
+
width: 100%;
|
|
9897
|
+
height: 120px;
|
|
9898
|
+
border-radius: 6px;
|
|
9899
|
+
overflow: hidden;
|
|
9900
|
+
margin-bottom: 0.6rem;
|
|
9901
|
+
background: rgba(255,255,255,0.03);
|
|
9902
|
+
img {
|
|
9903
|
+
width: 100%;
|
|
9904
|
+
height: 100%;
|
|
9905
|
+
object-fit: cover;
|
|
9906
|
+
}
|
|
9907
|
+
`;
|
|
9908
|
+
var CompAssetTooltipTitle = styled9.div`
|
|
9909
|
+
font-size: 0.8rem;
|
|
9910
|
+
font-weight: 600;
|
|
9911
|
+
color: #fff;
|
|
9912
|
+
display: flex;
|
|
9913
|
+
align-items: center;
|
|
9914
|
+
gap: 0.4rem;
|
|
9915
|
+
margin-bottom: 2px;
|
|
9916
|
+
`;
|
|
9917
|
+
var CompAssetTooltipAddr = styled9.div`
|
|
9812
9918
|
font-size: 0.65rem;
|
|
9813
9919
|
color: rgba(255,255,255,0.4);
|
|
9814
|
-
margin-
|
|
9815
|
-
white-space: nowrap;
|
|
9816
|
-
overflow: hidden;
|
|
9817
|
-
text-overflow: ellipsis;
|
|
9920
|
+
margin-bottom: 0.5rem;
|
|
9818
9921
|
`;
|
|
9819
|
-
var
|
|
9820
|
-
|
|
9821
|
-
|
|
9822
|
-
|
|
9823
|
-
letter-spacing: 0.06em;
|
|
9922
|
+
var CompAssetTooltipStats = styled9.div`
|
|
9923
|
+
display: flex;
|
|
9924
|
+
flex-direction: column;
|
|
9925
|
+
gap: 0;
|
|
9824
9926
|
`;
|
|
9825
|
-
var
|
|
9826
|
-
|
|
9827
|
-
|
|
9828
|
-
|
|
9829
|
-
|
|
9927
|
+
var CompAssetTooltipRow = styled9.div`
|
|
9928
|
+
display: flex;
|
|
9929
|
+
justify-content: space-between;
|
|
9930
|
+
align-items: center;
|
|
9931
|
+
padding: 0.3rem 0;
|
|
9932
|
+
border-bottom: 1px solid rgba(255,255,255,0.04);
|
|
9933
|
+
&:last-child { border-bottom: none; }
|
|
9934
|
+
span:first-child {
|
|
9935
|
+
font-size: 0.7rem;
|
|
9936
|
+
color: rgba(255,255,255,0.4);
|
|
9937
|
+
}
|
|
9938
|
+
span:last-child {
|
|
9939
|
+
font-size: 0.75rem;
|
|
9940
|
+
font-weight: 500;
|
|
9941
|
+
color: #fff;
|
|
9942
|
+
font-variant-numeric: tabular-nums;
|
|
9943
|
+
}
|
|
9830
9944
|
`;
|
|
9831
9945
|
styled9.div`
|
|
9832
9946
|
font-size: 0.65rem;
|