@loafmarkets/ui 0.1.230 → 0.1.231
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 +172 -86
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +172 -86
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8736,61 +8736,87 @@ 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(
|
|
8740
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
8739
|
+
/* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
|
|
8740
|
+
/* @__PURE__ */ jsxRuntime.jsxs(CompAssetThumbWrap, { children: [
|
|
8741
8741
|
/* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
|
|
8742
8742
|
e.target.style.display = "none";
|
|
8743
8743
|
} }) }),
|
|
8744
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
8745
|
-
/* @__PURE__ */ jsxRuntime.
|
|
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: [
|
|
8746
8750
|
"Boondabah ",
|
|
8747
8751
|
/* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
|
|
8748
8752
|
] }),
|
|
8749
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
+
] })
|
|
8771
|
+
] })
|
|
8750
8772
|
] })
|
|
8751
8773
|
] }),
|
|
8752
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
8753
|
-
/* @__PURE__ */ jsxRuntime.
|
|
8754
|
-
|
|
8755
|
-
|
|
8756
|
-
|
|
8757
|
-
/* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
|
|
8758
|
-
/* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
|
|
8759
|
-
/* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,066 sqm" })
|
|
8760
|
-
] }),
|
|
8761
|
-
/* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
|
|
8762
|
-
/* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
|
|
8763
|
-
/* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
|
|
8764
|
-
] })
|
|
8765
|
-
] })
|
|
8774
|
+
/* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
|
|
8775
|
+
/* @__PURE__ */ jsxRuntime.jsx(CompAssetName, { children: "Boondabah" }),
|
|
8776
|
+
/* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St" })
|
|
8777
|
+
] }),
|
|
8778
|
+
/* @__PURE__ */ jsxRuntime.jsx(CompAssetPrice, { children: "$16.07M" })
|
|
8766
8779
|
] }),
|
|
8767
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
8768
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
8780
|
+
/* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
|
|
8781
|
+
/* @__PURE__ */ jsxRuntime.jsxs(CompAssetThumbWrap, { children: [
|
|
8769
8782
|
/* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
|
|
8770
8783
|
e.target.style.display = "none";
|
|
8771
8784
|
} }) }),
|
|
8772
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
8773
|
-
/* @__PURE__ */ jsxRuntime.
|
|
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: [
|
|
8774
8791
|
"Dobroyd ",
|
|
8775
8792
|
/* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
|
|
8776
8793
|
] }),
|
|
8777
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
+
] })
|
|
8812
|
+
] })
|
|
8778
8813
|
] })
|
|
8779
8814
|
] }),
|
|
8780
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
8781
|
-
/* @__PURE__ */ jsxRuntime.
|
|
8782
|
-
|
|
8783
|
-
|
|
8784
|
-
|
|
8785
|
-
/* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
|
|
8786
|
-
/* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
|
|
8787
|
-
/* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,592 sqm" })
|
|
8788
|
-
] }),
|
|
8789
|
-
/* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
|
|
8790
|
-
/* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
|
|
8791
|
-
/* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
|
|
8792
|
-
] })
|
|
8793
|
-
] })
|
|
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" })
|
|
8794
8820
|
] })
|
|
8795
8821
|
] })
|
|
8796
8822
|
] })
|
|
@@ -9760,56 +9786,120 @@ var CompAssetsPanel = styled9__default.default.div`
|
|
|
9760
9786
|
padding: 1rem 1.25rem;
|
|
9761
9787
|
display: flex;
|
|
9762
9788
|
flex-direction: column;
|
|
9763
|
-
gap: 0.
|
|
9789
|
+
gap: 0.35rem;
|
|
9764
9790
|
`;
|
|
9765
9791
|
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`
|
|
9771
|
-
background: rgba(255,255,255,0.02);
|
|
9772
|
-
border: 1px solid rgba(255,255,255,0.06);
|
|
9773
|
-
border-radius: 8px;
|
|
9774
|
-
padding: 0.6rem;
|
|
9775
9792
|
display: flex;
|
|
9776
9793
|
flex-direction: column;
|
|
9777
|
-
gap: 0.4rem;
|
|
9778
|
-
transition: border-color 0.2s;
|
|
9779
|
-
&:hover { border-color: rgba(212,175,55,0.3); }
|
|
9780
|
-
`;
|
|
9781
|
-
var CompAssetMiniTop = styled9__default.default.div`
|
|
9782
|
-
display: flex;
|
|
9783
|
-
align-items: center;
|
|
9784
|
-
gap: 0.5rem;
|
|
9785
|
-
`;
|
|
9786
|
-
var CompAssetMiniBottom = styled9__default.default.div`
|
|
9787
|
-
display: flex;
|
|
9788
9794
|
gap: 0;
|
|
9789
|
-
border-top: 1px solid rgba(255,255,255,0.04);
|
|
9790
|
-
padding-top: 0.35rem;
|
|
9791
9795
|
`;
|
|
9792
|
-
var
|
|
9793
|
-
flex: 1;
|
|
9796
|
+
var CompAssetRow = styled9__default.default.div`
|
|
9794
9797
|
display: flex;
|
|
9795
|
-
flex-direction: column;
|
|
9796
9798
|
align-items: center;
|
|
9797
|
-
gap:
|
|
9798
|
-
|
|
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;
|
|
9806
|
+
&:hover > div:last-child {
|
|
9807
|
+
display: block;
|
|
9808
|
+
}
|
|
9799
9809
|
`;
|
|
9800
9810
|
var CompAssetThumb = styled9__default.default.div`
|
|
9801
|
-
width:
|
|
9802
|
-
height:
|
|
9803
|
-
border-radius:
|
|
9811
|
+
width: 32px;
|
|
9812
|
+
height: 32px;
|
|
9813
|
+
border-radius: 6px;
|
|
9804
9814
|
overflow: hidden;
|
|
9805
9815
|
flex-shrink: 0;
|
|
9806
9816
|
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); }
|
|
9807
9821
|
img {
|
|
9808
9822
|
width: 100%;
|
|
9809
9823
|
height: 100%;
|
|
9810
9824
|
object-fit: cover;
|
|
9811
9825
|
}
|
|
9812
9826
|
`;
|
|
9827
|
+
var CompAssetTooltip = styled9__default.default.div`
|
|
9828
|
+
display: none;
|
|
9829
|
+
position: absolute;
|
|
9830
|
+
top: calc(100% + 10px);
|
|
9831
|
+
left: 50%;
|
|
9832
|
+
transform: translateX(-50%);
|
|
9833
|
+
width: 260px;
|
|
9834
|
+
background: #1a1d24;
|
|
9835
|
+
border: 1px solid rgba(255,255,255,0.1);
|
|
9836
|
+
border-radius: 8px;
|
|
9837
|
+
padding: 0.75rem;
|
|
9838
|
+
z-index: 100;
|
|
9839
|
+
box-shadow: 0 8px 24px rgba(0,0,0,0.5);
|
|
9840
|
+
pointer-events: none;
|
|
9841
|
+
`;
|
|
9842
|
+
var CompAssetTooltipArrow = styled9__default.default.div`
|
|
9843
|
+
position: absolute;
|
|
9844
|
+
top: -5px;
|
|
9845
|
+
left: 50%;
|
|
9846
|
+
transform: translateX(-50%) rotate(45deg);
|
|
9847
|
+
width: 8px;
|
|
9848
|
+
height: 8px;
|
|
9849
|
+
background: #1a1d24;
|
|
9850
|
+
border-left: 1px solid rgba(255,255,255,0.1);
|
|
9851
|
+
border-top: 1px solid rgba(255,255,255,0.1);
|
|
9852
|
+
`;
|
|
9853
|
+
var CompAssetTooltipImg = styled9__default.default.div`
|
|
9854
|
+
width: 100%;
|
|
9855
|
+
height: 110px;
|
|
9856
|
+
border-radius: 6px;
|
|
9857
|
+
overflow: hidden;
|
|
9858
|
+
margin-bottom: 0.6rem;
|
|
9859
|
+
background: rgba(255,255,255,0.03);
|
|
9860
|
+
img {
|
|
9861
|
+
width: 100%;
|
|
9862
|
+
height: 100%;
|
|
9863
|
+
object-fit: cover;
|
|
9864
|
+
}
|
|
9865
|
+
`;
|
|
9866
|
+
var CompAssetTooltipTitle = styled9__default.default.div`
|
|
9867
|
+
font-size: 0.8rem;
|
|
9868
|
+
font-weight: 600;
|
|
9869
|
+
color: #fff;
|
|
9870
|
+
display: flex;
|
|
9871
|
+
align-items: center;
|
|
9872
|
+
gap: 0.4rem;
|
|
9873
|
+
margin-bottom: 2px;
|
|
9874
|
+
`;
|
|
9875
|
+
var CompAssetTooltipAddr = styled9__default.default.div`
|
|
9876
|
+
font-size: 0.65rem;
|
|
9877
|
+
color: rgba(255,255,255,0.4);
|
|
9878
|
+
margin-bottom: 0.5rem;
|
|
9879
|
+
`;
|
|
9880
|
+
var CompAssetTooltipStats = styled9__default.default.div`
|
|
9881
|
+
display: flex;
|
|
9882
|
+
flex-direction: column;
|
|
9883
|
+
gap: 0;
|
|
9884
|
+
`;
|
|
9885
|
+
var CompAssetTooltipRow = styled9__default.default.div`
|
|
9886
|
+
display: flex;
|
|
9887
|
+
justify-content: space-between;
|
|
9888
|
+
align-items: center;
|
|
9889
|
+
padding: 0.3rem 0;
|
|
9890
|
+
border-bottom: 1px solid rgba(255,255,255,0.04);
|
|
9891
|
+
&:last-child { border-bottom: none; }
|
|
9892
|
+
span:first-child {
|
|
9893
|
+
font-size: 0.7rem;
|
|
9894
|
+
color: rgba(255,255,255,0.4);
|
|
9895
|
+
}
|
|
9896
|
+
span:last-child {
|
|
9897
|
+
font-size: 0.75rem;
|
|
9898
|
+
font-weight: 500;
|
|
9899
|
+
color: #fff;
|
|
9900
|
+
font-variant-numeric: tabular-nums;
|
|
9901
|
+
}
|
|
9902
|
+
`;
|
|
9813
9903
|
var CompAssetInfo = styled9__default.default.div`
|
|
9814
9904
|
flex: 1;
|
|
9815
9905
|
min-width: 0;
|
|
@@ -9818,41 +9908,37 @@ var CompAssetName = styled9__default.default.div`
|
|
|
9818
9908
|
font-size: 0.78rem;
|
|
9819
9909
|
font-weight: 600;
|
|
9820
9910
|
color: #fff;
|
|
9821
|
-
|
|
9822
|
-
align-items: center;
|
|
9823
|
-
gap: 0.35rem;
|
|
9911
|
+
white-space: nowrap;
|
|
9824
9912
|
`;
|
|
9825
9913
|
var CompAssetBadge = styled9__default.default.span`
|
|
9826
|
-
font-size: 0.
|
|
9914
|
+
font-size: 0.5rem;
|
|
9827
9915
|
font-weight: 600;
|
|
9828
9916
|
text-transform: uppercase;
|
|
9829
9917
|
letter-spacing: 0.06em;
|
|
9830
9918
|
color: #4ade80;
|
|
9831
9919
|
background: rgba(74,222,128,0.1);
|
|
9832
9920
|
border: 1px solid rgba(74,222,128,0.2);
|
|
9833
|
-
padding: 1px
|
|
9834
|
-
border-radius:
|
|
9921
|
+
padding: 1px 5px;
|
|
9922
|
+
border-radius: 3px;
|
|
9835
9923
|
white-space: nowrap;
|
|
9924
|
+
vertical-align: middle;
|
|
9925
|
+
margin-left: 0.3rem;
|
|
9836
9926
|
`;
|
|
9837
9927
|
var CompAssetAddr = styled9__default.default.div`
|
|
9838
|
-
font-size: 0.
|
|
9839
|
-
color: rgba(255,255,255,0.
|
|
9928
|
+
font-size: 0.62rem;
|
|
9929
|
+
color: rgba(255,255,255,0.35);
|
|
9840
9930
|
margin-top: 1px;
|
|
9841
9931
|
white-space: nowrap;
|
|
9842
9932
|
overflow: hidden;
|
|
9843
9933
|
text-overflow: ellipsis;
|
|
9844
9934
|
`;
|
|
9845
|
-
var
|
|
9846
|
-
font-size: 0.
|
|
9847
|
-
|
|
9848
|
-
text-transform: uppercase;
|
|
9849
|
-
letter-spacing: 0.06em;
|
|
9850
|
-
`;
|
|
9851
|
-
var CompAssetStatVal = styled9__default.default.span`
|
|
9852
|
-
font-size: 0.72rem;
|
|
9853
|
-
font-weight: 500;
|
|
9935
|
+
var CompAssetPrice = styled9__default.default.div`
|
|
9936
|
+
font-size: 0.8rem;
|
|
9937
|
+
font-weight: 600;
|
|
9854
9938
|
color: #fff;
|
|
9855
9939
|
font-variant-numeric: tabular-nums;
|
|
9940
|
+
white-space: nowrap;
|
|
9941
|
+
flex-shrink: 0;
|
|
9856
9942
|
`;
|
|
9857
9943
|
styled9__default.default.div`
|
|
9858
9944
|
font-size: 0.65rem;
|