@loafmarkets/ui 0.1.229 → 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.
Files changed (5) hide show
  1. package/dist/index.js +194 -221
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +194 -221
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -8733,124 +8733,90 @@ 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: [
8738
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetsGrid, { children: [
8739
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" })
8763
- ] }),
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)" })
8777
- ] }),
8778
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8779
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8780
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "6 years" })
8781
- ] }),
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" })
8740
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetThumbWrap, { 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(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" })
8752
+ ] }),
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
+ ] })
8793
8772
  ] })
8794
- ] })
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
- } }) }),
8773
+ ] }),
8802
8774
  /* @__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" })
8775
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetName, { children: "Boondabah" }),
8776
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St" })
8808
8777
  ] }),
8809
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8810
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$27.96M" }),
8811
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Aug 2024" })
8812
- ] })
8778
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetPrice, { children: "$16.07M" })
8813
8779
  ] }),
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" })
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) => {
8783
+ e.target.style.display = "none";
8784
+ } }) }),
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" })
8793
+ ] }),
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
+ ] })
8813
+ ] })
8818
8814
  ] }),
8819
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8820
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8821
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8815
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8816
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetName, { children: "Dobroyd" }),
8817
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd" })
8822
8818
  ] }),
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)" })
8836
- ] }),
8837
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8838
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8839
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "11 years" })
8840
- ] }),
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" })
8852
- ] })
8853
- ] })
8819
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetPrice, { children: "$27.96M" })
8854
8820
  ] })
8855
8821
  ] })
8856
8822
  ] })
@@ -9813,130 +9779,83 @@ var TimelineHoldPeriod = styled9__default.default.span`
9813
9779
  color: rgba(255,255,255,0.25);
9814
9780
  font-weight: 400;
9815
9781
  `;
9816
- var CompAssetCard = styled9__default.default.div`
9817
- position: relative;
9818
- background: rgba(255,255,255,0.02);
9819
- 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
- }
9782
+ var CompAssetsPanel = styled9__default.default.div`
9783
+ background: #111111;
9784
+ border: 1px solid rgba(255,255,255,0.1);
9785
+ border-radius: 12px;
9786
+ padding: 1rem 1.25rem;
9787
+ display: flex;
9788
+ flex-direction: column;
9789
+ gap: 0.35rem;
9790
+ `;
9791
+ var CompAssetsGrid = styled9__default.default.div`
9792
+ display: flex;
9793
+ flex-direction: column;
9794
+ gap: 0;
9835
9795
  `;
9836
9796
  var CompAssetRow = styled9__default.default.div`
9837
9797
  display: flex;
9838
9798
  align-items: center;
9839
- gap: 0.75rem;
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
+ }
9840
9809
  `;
9841
9810
  var CompAssetThumb = styled9__default.default.div`
9842
- width: 48px;
9843
- height: 48px;
9844
- border-radius: 8px;
9811
+ width: 32px;
9812
+ height: 32px;
9813
+ border-radius: 6px;
9845
9814
  overflow: hidden;
9846
9815
  flex-shrink: 0;
9847
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); }
9848
9821
  img {
9849
9822
  width: 100%;
9850
9823
  height: 100%;
9851
9824
  object-fit: cover;
9852
9825
  }
9853
9826
  `;
9854
- var CompAssetInfo = styled9__default.default.div`
9855
- flex: 1;
9856
- min-width: 0;
9857
- `;
9858
- var CompAssetName = styled9__default.default.div`
9859
- font-size: 0.88rem;
9860
- font-weight: 600;
9861
- color: #fff;
9862
- display: flex;
9863
- align-items: center;
9864
- gap: 0.5rem;
9865
- `;
9866
- var CompAssetBadge = styled9__default.default.span`
9867
- font-size: 0.58rem;
9868
- font-weight: 600;
9869
- text-transform: uppercase;
9870
- letter-spacing: 0.06em;
9871
- color: #4ade80;
9872
- background: rgba(74,222,128,0.1);
9873
- border: 1px solid rgba(74,222,128,0.2);
9874
- padding: 1px 6px;
9875
- border-radius: 4px;
9876
- white-space: nowrap;
9877
- `;
9878
- var CompAssetAddr = styled9__default.default.div`
9879
- font-size: 0.75rem;
9880
- 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
- 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); }
9912
- `;
9913
- var CompAssetStatLabel = styled9__default.default.span`
9914
- font-size: 0.6rem;
9915
- color: rgba(255,255,255,0.35);
9916
- text-transform: uppercase;
9917
- letter-spacing: 0.06em;
9918
- `;
9919
- var CompAssetStatVal = styled9__default.default.span`
9920
- font-size: 0.8rem;
9921
- font-weight: 500;
9922
- color: #fff;
9923
- font-variant-numeric: tabular-nums;
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;
9924
9841
  `;
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;
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);
9933
9852
  `;
9934
- var CompAssetHoverImg = styled9__default.default.div`
9853
+ var CompAssetTooltipImg = styled9__default.default.div`
9935
9854
  width: 100%;
9936
- height: 120px;
9937
- border-radius: 8px;
9855
+ height: 110px;
9856
+ border-radius: 6px;
9938
9857
  overflow: hidden;
9939
- margin-bottom: 0.65rem;
9858
+ margin-bottom: 0.6rem;
9940
9859
  background: rgba(255,255,255,0.03);
9941
9860
  img {
9942
9861
  width: 100%;
@@ -9944,29 +9863,83 @@ var CompAssetHoverImg = styled9__default.default.div`
9944
9863
  object-fit: cover;
9945
9864
  }
9946
9865
  `;
9947
- var CompAssetHoverStats = styled9__default.default.div`
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`
9948
9881
  display: flex;
9949
9882
  flex-direction: column;
9950
9883
  gap: 0;
9951
9884
  `;
9952
- var CompAssetHoverRow = styled9__default.default.div`
9885
+ var CompAssetTooltipRow = styled9__default.default.div`
9953
9886
  display: flex;
9954
9887
  justify-content: space-between;
9955
9888
  align-items: center;
9956
- padding: 0.35rem 0;
9957
- border-bottom: 1px solid rgba(255,255,255,0.03);
9889
+ padding: 0.3rem 0;
9890
+ border-bottom: 1px solid rgba(255,255,255,0.04);
9958
9891
  &:last-child { border-bottom: none; }
9959
9892
  span:first-child {
9960
- font-size: 0.75rem;
9893
+ font-size: 0.7rem;
9961
9894
  color: rgba(255,255,255,0.4);
9962
9895
  }
9963
9896
  span:last-child {
9964
- font-size: 0.8rem;
9897
+ font-size: 0.75rem;
9965
9898
  font-weight: 500;
9966
9899
  color: #fff;
9967
9900
  font-variant-numeric: tabular-nums;
9968
9901
  }
9969
9902
  `;
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
+ `;
9970
9943
  styled9__default.default.div`
9971
9944
  font-size: 0.65rem;
9972
9945
  color: rgba(255,255,255,0.35);