@loafmarkets/ui 0.1.228 → 0.1.230

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 +183 -220
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +183 -220
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -7968,7 +7968,8 @@ function GalleryMapSection({
7968
7968
  autoPlay = true,
7969
7969
  autoPlayInterval = 4e3,
7970
7970
  hideMap = false,
7971
- hideGallery = false
7971
+ hideGallery = false,
7972
+ hideSuburb = false
7972
7973
  }) {
7973
7974
  const [carouselIndex, setCarouselIndex] = React5.useState(0);
7974
7975
  const [showVideo, setShowVideo] = React5.useState(false);
@@ -8092,7 +8093,7 @@ function GalleryMapSection({
8092
8093
  )
8093
8094
  ] })
8094
8095
  ] }),
8095
- !hideMap && /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfilePanel, { children: [
8096
+ !hideMap && !hideSuburb && /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfilePanel, { children: [
8096
8097
  /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfileTitle, { children: [
8097
8098
  "Suburb Profile (",
8098
8099
  propertyLocation.split(",")[0]?.trim() || propertyLocation,
@@ -8731,7 +8732,68 @@ function PropertyOverview({
8731
8732
  item.icon && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureIcon, { children: item.icon }),
8732
8733
  item.value && /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureValue, { children: item.value }),
8733
8734
  /* @__PURE__ */ jsxRuntime.jsx(AssetFeatureLabel, { children: item.label })
8734
- ] }, i)) })
8735
+ ] }, i)) }),
8736
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetsPanel, { children: [
8737
+ /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8738
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetsGrid, { children: [
8739
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMini, { children: [
8740
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniTop, { 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(CompAssetInfo, { children: [
8745
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8746
+ "Boondabah ",
8747
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8748
+ ] }),
8749
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8750
+ ] })
8751
+ ] }),
8752
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniBottom, { children: [
8753
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
8754
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Sale" }),
8755
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "$16.07M" })
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
+ ] })
8766
+ ] }),
8767
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMini, { children: [
8768
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniTop, { children: [
8769
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8770
+ e.target.style.display = "none";
8771
+ } }) }),
8772
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8773
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8774
+ "Dobroyd ",
8775
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8776
+ ] }),
8777
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd" })
8778
+ ] })
8779
+ ] }),
8780
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniBottom, { children: [
8781
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetMiniStat, { children: [
8782
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Sale" }),
8783
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "$27.96M" })
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
+ ] })
8794
+ ] })
8795
+ ] })
8796
+ ] })
8735
8797
  ] }),
8736
8798
  /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8737
8799
  /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Asset Specification" }),
@@ -8857,129 +8919,35 @@ function PropertyOverview({
8857
8919
  videoUrl,
8858
8920
  tokenName,
8859
8921
  onPhotoClick: onPhotosClick,
8860
- hideGallery: true
8922
+ hideGallery: true,
8923
+ hideSuburb: true
8861
8924
  }
8862
8925
  ) }),
8863
- /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
8864
- /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8865
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8866
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8867
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8868
- e.target.style.display = "none";
8869
- } }) }),
8870
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8871
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8872
- "Boondabah ",
8873
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8874
- ] }),
8875
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8876
- ] }),
8877
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8878
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$16.07M" }),
8879
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Mar 2022" })
8880
- ] })
8881
- ] }),
8882
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8883
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8884
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8885
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,066 sqm" })
8886
- ] }),
8887
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8888
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8889
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8890
- ] }),
8891
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8892
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8893
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8894
- ] })
8895
- ] }),
8896
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8897
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8898
- e.target.src = "";
8899
- } }) }),
8900
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8901
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8902
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8903
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7.35M (Sep 2016)" })
8904
- ] }),
8905
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8906
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8907
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "6 years" })
8908
- ] }),
8909
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8910
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8911
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8912
- ] }),
8913
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8914
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8915
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8916
- ] }),
8917
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8918
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8919
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Same street, heritage estate" })
8920
- ] })
8921
- ] })
8922
- ] })
8926
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanel, { children: [
8927
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelTitle, { children: [
8928
+ "Suburb Profile (",
8929
+ location.split(",")[0]?.trim() || location,
8930
+ ")"
8923
8931
  ] }),
8924
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetCard, { children: [
8925
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8926
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8927
- e.target.style.display = "none";
8928
- } }) }),
8929
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8930
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetName, { children: [
8931
- "Dobroyd ",
8932
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8933
- ] }),
8934
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8935
- ] }),
8936
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetPriceCol, { children: [
8937
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSalePrice, { children: "$27.96M" }),
8938
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetSaleDate, { children: "Aug 2024" })
8939
- ] })
8932
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelGrid, { children: [
8933
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelStat, { children: [
8934
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatLabel, { children: "Median House Price" }),
8935
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatValue, { children: "$5.5M" })
8940
8936
  ] }),
8941
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStatsRow, { children: [
8942
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8943
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Land" }),
8944
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "2,592 sqm" })
8945
- ] }),
8946
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8947
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Era" }),
8948
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { children: "c.1905" })
8949
- ] }),
8950
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStat, { children: [
8951
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatLabel, { children: "Growth" }),
8952
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8953
- ] })
8937
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelStat, { children: [
8938
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatLabel, { children: "5yr Growth" }),
8939
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatValue, { children: "+42%" })
8954
8940
  ] }),
8955
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverDetail, { children: [
8956
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8957
- e.target.src = "";
8958
- } }) }),
8959
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverStats, { children: [
8960
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8961
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Previous Sale" }),
8962
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$3.9M (2013)" })
8963
- ] }),
8964
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8965
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Hold Period" }),
8966
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "11 years" })
8967
- ] }),
8968
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8969
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Annualised Return" }),
8970
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8971
- ] }),
8972
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8973
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Style" }),
8974
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Federation, Harbourfront" })
8975
- ] }),
8976
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetHoverRow, { children: [
8977
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Similarity" }),
8978
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Heritage harbourside estate" })
8979
- ] })
8980
- ] })
8941
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelStat, { children: [
8942
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatLabel, { children: "Suburb Rank" }),
8943
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatValue, { children: "Top 1%" })
8944
+ ] }),
8945
+ /* @__PURE__ */ jsxRuntime.jsxs(SuburbPanelStat, { children: [
8946
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatLabel, { children: "Avg. Days on Market" }),
8947
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelStatValue, { children: "28" })
8981
8948
  ] })
8982
- ] })
8949
+ ] }),
8950
+ /* @__PURE__ */ jsxRuntime.jsx(SuburbPanelDesc, { children: "One of Sydney's most prestigious harbourside suburbs, consistently ranked among Australia's highest-value residential markets. Strong capital growth driven by limited supply, heritage conservation overlays, and international buyer demand." })
8983
8951
  ] })
8984
8952
  ] }),
8985
8953
  /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
@@ -9290,6 +9258,54 @@ var MapCompLeft = styled9__default.default.div`
9290
9258
  min-width: 0;
9291
9259
  overflow: hidden;
9292
9260
  `;
9261
+ var SuburbPanel = styled9__default.default.div`
9262
+ background: #111111;
9263
+ border: 1px solid rgba(255,255,255,0.1);
9264
+ border-radius: 12px;
9265
+ padding: 1.25rem;
9266
+ display: flex;
9267
+ flex-direction: column;
9268
+ gap: 0.75rem;
9269
+ `;
9270
+ var SuburbPanelTitle = styled9__default.default.div`
9271
+ font-size: 0.65rem;
9272
+ color: #D4AF37;
9273
+ text-transform: uppercase;
9274
+ letter-spacing: 0.12em;
9275
+ font-weight: 600;
9276
+ padding-bottom: 0.75rem;
9277
+ border-bottom: 1px solid rgba(255,255,255,0.06);
9278
+ `;
9279
+ var SuburbPanelGrid = styled9__default.default.div`
9280
+ display: grid;
9281
+ grid-template-columns: 1fr 1fr;
9282
+ gap: 0.5rem;
9283
+ `;
9284
+ var SuburbPanelStat = styled9__default.default.div`
9285
+ background: rgba(255,255,255,0.03);
9286
+ border-radius: 6px;
9287
+ padding: 0.5rem 0.65rem;
9288
+ border: 1px solid rgba(255,255,255,0.04);
9289
+ `;
9290
+ var SuburbPanelStatLabel = styled9__default.default.div`
9291
+ font-size: 0.6rem;
9292
+ color: rgba(255,255,255,0.4);
9293
+ text-transform: uppercase;
9294
+ letter-spacing: 0.06em;
9295
+ margin-bottom: 0.2rem;
9296
+ `;
9297
+ var SuburbPanelStatValue = styled9__default.default.div`
9298
+ font-size: 0.9rem;
9299
+ font-weight: 600;
9300
+ color: #fff;
9301
+ font-variant-numeric: tabular-nums;
9302
+ `;
9303
+ var SuburbPanelDesc = styled9__default.default.p`
9304
+ margin: 0;
9305
+ font-size: 0.75rem;
9306
+ color: rgba(255,255,255,0.45);
9307
+ line-height: 1.5;
9308
+ `;
9293
9309
  var AssetBentoNarratives = styled9__default.default.div`
9294
9310
  display: grid;
9295
9311
  grid-template-columns: repeat(3, 1fr);
@@ -9737,34 +9753,53 @@ var TimelineHoldPeriod = styled9__default.default.span`
9737
9753
  color: rgba(255,255,255,0.25);
9738
9754
  font-weight: 400;
9739
9755
  `;
9740
- var CompAssetCard = styled9__default.default.div`
9741
- position: relative;
9756
+ var CompAssetsPanel = styled9__default.default.div`
9757
+ background: #111111;
9758
+ border: 1px solid rgba(255,255,255,0.1);
9759
+ border-radius: 12px;
9760
+ padding: 1rem 1.25rem;
9761
+ display: flex;
9762
+ flex-direction: column;
9763
+ gap: 0.5rem;
9764
+ `;
9765
+ 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`
9742
9771
  background: rgba(255,255,255,0.02);
9743
9772
  border: 1px solid rgba(255,255,255,0.06);
9744
- border-radius: 10px;
9745
- padding: 0.75rem;
9746
- margin-bottom: 0.75rem;
9747
- transition: border-color 0.2s, background 0.2s;
9748
- &:last-child { margin-bottom: 0; }
9749
- &:hover {
9750
- border-color: rgba(212,175,55,0.3);
9751
- background: rgba(255,255,255,0.03);
9752
- }
9753
- &:hover > div:last-child {
9754
- max-height: 300px;
9755
- opacity: 1;
9756
- padding-top: 0.75rem;
9757
- margin-top: 0.75rem;
9758
- }
9773
+ border-radius: 8px;
9774
+ padding: 0.6rem;
9775
+ display: flex;
9776
+ flex-direction: column;
9777
+ gap: 0.4rem;
9778
+ transition: border-color 0.2s;
9779
+ &:hover { border-color: rgba(212,175,55,0.3); }
9759
9780
  `;
9760
- var CompAssetRow = styled9__default.default.div`
9781
+ var CompAssetMiniTop = styled9__default.default.div`
9761
9782
  display: flex;
9762
9783
  align-items: center;
9763
- gap: 0.75rem;
9784
+ gap: 0.5rem;
9785
+ `;
9786
+ var CompAssetMiniBottom = styled9__default.default.div`
9787
+ display: flex;
9788
+ gap: 0;
9789
+ border-top: 1px solid rgba(255,255,255,0.04);
9790
+ padding-top: 0.35rem;
9791
+ `;
9792
+ var CompAssetMiniStat = styled9__default.default.div`
9793
+ flex: 1;
9794
+ display: flex;
9795
+ flex-direction: column;
9796
+ align-items: center;
9797
+ gap: 1px;
9798
+ &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9764
9799
  `;
9765
9800
  var CompAssetThumb = styled9__default.default.div`
9766
- width: 48px;
9767
- height: 48px;
9801
+ width: 36px;
9802
+ height: 36px;
9768
9803
  border-radius: 8px;
9769
9804
  overflow: hidden;
9770
9805
  flex-shrink: 0;
@@ -9780,12 +9815,12 @@ var CompAssetInfo = styled9__default.default.div`
9780
9815
  min-width: 0;
9781
9816
  `;
9782
9817
  var CompAssetName = styled9__default.default.div`
9783
- font-size: 0.88rem;
9818
+ font-size: 0.78rem;
9784
9819
  font-weight: 600;
9785
9820
  color: #fff;
9786
9821
  display: flex;
9787
9822
  align-items: center;
9788
- gap: 0.5rem;
9823
+ gap: 0.35rem;
9789
9824
  `;
9790
9825
  var CompAssetBadge = styled9__default.default.span`
9791
9826
  font-size: 0.58rem;
@@ -9800,39 +9835,12 @@ var CompAssetBadge = styled9__default.default.span`
9800
9835
  white-space: nowrap;
9801
9836
  `;
9802
9837
  var CompAssetAddr = styled9__default.default.div`
9803
- font-size: 0.75rem;
9838
+ font-size: 0.65rem;
9804
9839
  color: rgba(255,255,255,0.4);
9805
- margin-top: 2px;
9806
- `;
9807
- var CompAssetPriceCol = styled9__default.default.div`
9808
- text-align: right;
9809
- flex-shrink: 0;
9810
- `;
9811
- var CompAssetSalePrice = styled9__default.default.div`
9812
- font-size: 0.92rem;
9813
- font-weight: 600;
9814
- color: #fff;
9815
- font-variant-numeric: tabular-nums;
9816
- `;
9817
- var CompAssetSaleDate = styled9__default.default.div`
9818
- font-size: 0.68rem;
9819
- color: rgba(255,255,255,0.3);
9820
9840
  margin-top: 1px;
9821
- `;
9822
- var CompAssetStatsRow = styled9__default.default.div`
9823
- display: flex;
9824
- gap: 0;
9825
- margin-top: 0.65rem;
9826
- border-top: 1px solid rgba(255,255,255,0.04);
9827
- padding-top: 0.55rem;
9828
- `;
9829
- var CompAssetStat = styled9__default.default.div`
9830
- flex: 1;
9831
- display: flex;
9832
- flex-direction: column;
9833
- align-items: center;
9834
- gap: 2px;
9835
- &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9841
+ white-space: nowrap;
9842
+ overflow: hidden;
9843
+ text-overflow: ellipsis;
9836
9844
  `;
9837
9845
  var CompAssetStatLabel = styled9__default.default.span`
9838
9846
  font-size: 0.6rem;
@@ -9841,56 +9849,11 @@ var CompAssetStatLabel = styled9__default.default.span`
9841
9849
  letter-spacing: 0.06em;
9842
9850
  `;
9843
9851
  var CompAssetStatVal = styled9__default.default.span`
9844
- font-size: 0.8rem;
9852
+ font-size: 0.72rem;
9845
9853
  font-weight: 500;
9846
9854
  color: #fff;
9847
9855
  font-variant-numeric: tabular-nums;
9848
9856
  `;
9849
- var CompAssetHoverDetail = styled9__default.default.div`
9850
- max-height: 0;
9851
- opacity: 0;
9852
- overflow: hidden;
9853
- transition: max-height 0.3s ease, opacity 0.25s ease, padding-top 0.3s ease, margin-top 0.3s ease;
9854
- border-top: 1px solid rgba(255,255,255,0.06);
9855
- padding-top: 0;
9856
- margin-top: 0;
9857
- `;
9858
- var CompAssetHoverImg = styled9__default.default.div`
9859
- width: 100%;
9860
- height: 120px;
9861
- border-radius: 8px;
9862
- overflow: hidden;
9863
- margin-bottom: 0.65rem;
9864
- background: rgba(255,255,255,0.03);
9865
- img {
9866
- width: 100%;
9867
- height: 100%;
9868
- object-fit: cover;
9869
- }
9870
- `;
9871
- var CompAssetHoverStats = styled9__default.default.div`
9872
- display: flex;
9873
- flex-direction: column;
9874
- gap: 0;
9875
- `;
9876
- var CompAssetHoverRow = styled9__default.default.div`
9877
- display: flex;
9878
- justify-content: space-between;
9879
- align-items: center;
9880
- padding: 0.35rem 0;
9881
- border-bottom: 1px solid rgba(255,255,255,0.03);
9882
- &:last-child { border-bottom: none; }
9883
- span:first-child {
9884
- font-size: 0.75rem;
9885
- color: rgba(255,255,255,0.4);
9886
- }
9887
- span:last-child {
9888
- font-size: 0.8rem;
9889
- font-weight: 500;
9890
- color: #fff;
9891
- font-variant-numeric: tabular-nums;
9892
- }
9893
- `;
9894
9857
  styled9__default.default.div`
9895
9858
  font-size: 0.65rem;
9896
9859
  color: rgba(255,255,255,0.35);