@loafmarkets/ui 0.1.222 → 0.1.224

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.mjs CHANGED
@@ -8747,21 +8747,216 @@ function PropertyOverview({
8747
8747
  item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
8748
8748
  item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
8749
8749
  /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
8750
- ] }, i)) })
8750
+ ] }, i)) }),
8751
+ /* @__PURE__ */ jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
8752
+ /* @__PURE__ */ jsxs(TimelineWrap, { children: [
8753
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8754
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1880s" }),
8755
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8756
+ /* @__PURE__ */ jsx(TimelineDetail, { children: /* @__PURE__ */ jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8757
+ ] }),
8758
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8759
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1976" }),
8760
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8761
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8762
+ /* @__PURE__ */ jsx(TimelineLabel, { children: "Acquired" }),
8763
+ /* @__PURE__ */ jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsx(TimelinePrice, { children: "\xA340,000" }) })
8764
+ ] })
8765
+ ] }),
8766
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8767
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1993" }),
8768
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8769
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8770
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8771
+ "Sold ",
8772
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "17 yrs" })
8773
+ ] }),
8774
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8775
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+1,563%" }),
8776
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$1.33M" })
8777
+ ] })
8778
+ ] })
8779
+ ] }),
8780
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8781
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2006" }),
8782
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8783
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8784
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8785
+ "Sold ",
8786
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "13 yrs" })
8787
+ ] }),
8788
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8789
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+491%" }),
8790
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$7.86M" })
8791
+ ] })
8792
+ ] })
8793
+ ] }),
8794
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8795
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2021" }),
8796
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8797
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8798
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8799
+ "Sold (COVID correction) ",
8800
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "15 yrs" })
8801
+ ] }),
8802
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8803
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+16%" }),
8804
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$9.09M" })
8805
+ ] })
8806
+ ] })
8807
+ ] }),
8808
+ /* @__PURE__ */ jsxs(TimelineEntry, { $last: true, children: [
8809
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2026" }),
8810
+ /* @__PURE__ */ jsx(TimelineDot, { $active: true }),
8811
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8812
+ /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8813
+ "Loaf Offering ",
8814
+ /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "5 yrs" })
8815
+ ] }),
8816
+ /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8817
+ /* @__PURE__ */ jsx(TimelineGain, { children: "+105%" }),
8818
+ /* @__PURE__ */ jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8819
+ ] })
8820
+ ] })
8821
+ ] })
8822
+ ] })
8823
+ ] })
8824
+ ] }),
8825
+ /* @__PURE__ */ jsxs(MapCompRow, { children: [
8826
+ /* @__PURE__ */ jsx(MapCompLeft, { children: /* @__PURE__ */ jsx(
8827
+ GalleryMapSection,
8828
+ {
8829
+ images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8830
+ categories: galleryCategories2,
8831
+ propertyLocation: location,
8832
+ videoUrl,
8833
+ tokenName,
8834
+ onPhotoClick: onPhotosClick,
8835
+ hideGallery: true
8836
+ }
8837
+ ) }),
8838
+ /* @__PURE__ */ jsxs(StatsColumn, { children: [
8839
+ /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8840
+ /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8841
+ /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8842
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8843
+ e.target.style.display = "none";
8844
+ } }) }),
8845
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8846
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8847
+ "Boondabah ",
8848
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8849
+ ] }),
8850
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8851
+ ] }),
8852
+ /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8853
+ /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$16.07M" }),
8854
+ /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Mar 2022" })
8855
+ ] })
8856
+ ] }),
8857
+ /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8858
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8859
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8860
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
8861
+ ] }),
8862
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8863
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8864
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8865
+ ] }),
8866
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8867
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8868
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8869
+ ] })
8870
+ ] }),
8871
+ /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8872
+ /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8873
+ e.target.src = "";
8874
+ } }) }),
8875
+ /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8876
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8877
+ /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8878
+ /* @__PURE__ */ jsx("span", { children: "$7.35M (Sep 2016)" })
8879
+ ] }),
8880
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8881
+ /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8882
+ /* @__PURE__ */ jsx("span", { children: "6 years" })
8883
+ ] }),
8884
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8885
+ /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8886
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8887
+ ] }),
8888
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8889
+ /* @__PURE__ */ jsx("span", { children: "Style" }),
8890
+ /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8891
+ ] }),
8892
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8893
+ /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8894
+ /* @__PURE__ */ jsx("span", { children: "Same street, heritage estate" })
8895
+ ] })
8896
+ ] })
8897
+ ] })
8898
+ ] }),
8899
+ /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8900
+ /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8901
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8902
+ e.target.style.display = "none";
8903
+ } }) }),
8904
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8905
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8906
+ "Dobroyd ",
8907
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8908
+ ] }),
8909
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8910
+ ] }),
8911
+ /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8912
+ /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$27.96M" }),
8913
+ /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Aug 2024" })
8914
+ ] })
8915
+ ] }),
8916
+ /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8917
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8918
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8919
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
8920
+ ] }),
8921
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8922
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8923
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8924
+ ] }),
8925
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8926
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8927
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8928
+ ] })
8929
+ ] }),
8930
+ /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8931
+ /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8932
+ e.target.src = "";
8933
+ } }) }),
8934
+ /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8935
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8936
+ /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8937
+ /* @__PURE__ */ jsx("span", { children: "$3.9M (2013)" })
8938
+ ] }),
8939
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8940
+ /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8941
+ /* @__PURE__ */ jsx("span", { children: "11 years" })
8942
+ ] }),
8943
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8944
+ /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8945
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8946
+ ] }),
8947
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8948
+ /* @__PURE__ */ jsx("span", { children: "Style" }),
8949
+ /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8950
+ ] }),
8951
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8952
+ /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8953
+ /* @__PURE__ */ jsx("span", { children: "Heritage harbourside estate" })
8954
+ ] })
8955
+ ] })
8956
+ ] })
8957
+ ] })
8751
8958
  ] })
8752
8959
  ] }),
8753
- /* @__PURE__ */ jsx(AssetMapWrap, { children: /* @__PURE__ */ jsx(
8754
- GalleryMapSection,
8755
- {
8756
- images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8757
- categories: galleryCategories2,
8758
- propertyLocation: location,
8759
- videoUrl,
8760
- tokenName,
8761
- onPhotoClick: onPhotosClick,
8762
- hideGallery: true
8763
- }
8764
- ) }),
8765
8960
  /* @__PURE__ */ jsxs(AssetBentoNarratives, { children: [
8766
8961
  /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8767
8962
  /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) }),
@@ -8782,117 +8977,6 @@ function PropertyOverview({
8782
8977
  /* @__PURE__ */ jsx(NarrativeDesc, { children: "Listed assets historically trade at a 20\u201330% premium to unlisted counterparts. First individual property admitted to a continuously traded market." })
8783
8978
  ] })
8784
8979
  ] })
8785
- ] }),
8786
- /* @__PURE__ */ jsxs(StatsGrid, { style: { gridTemplateColumns: "340px 340px" }, children: [
8787
- /* @__PURE__ */ jsxs(StatsColumn, { children: [
8788
- /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Capital History" }),
8789
- /* @__PURE__ */ jsxs(TimelineWrap, { children: [
8790
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8791
- /* @__PURE__ */ jsx(TimelineYear, { children: "1880s" }),
8792
- /* @__PURE__ */ jsx(TimelineDot, {}),
8793
- /* @__PURE__ */ jsx(TimelineDetail, { children: /* @__PURE__ */ jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8794
- ] }),
8795
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8796
- /* @__PURE__ */ jsx(TimelineYear, { children: "1976" }),
8797
- /* @__PURE__ */ jsx(TimelineDot, {}),
8798
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8799
- /* @__PURE__ */ jsx(TimelineLabel, { children: "Acquired" }),
8800
- /* @__PURE__ */ jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsx(TimelinePrice, { children: "\xA340,000" }) })
8801
- ] })
8802
- ] }),
8803
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8804
- /* @__PURE__ */ jsx(TimelineYear, { children: "1993" }),
8805
- /* @__PURE__ */ jsx(TimelineDot, {}),
8806
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8807
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8808
- "Sold ",
8809
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "17 yrs" })
8810
- ] }),
8811
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8812
- /* @__PURE__ */ jsx(TimelineGain, { children: "+1,563%" }),
8813
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$1.33M" })
8814
- ] })
8815
- ] })
8816
- ] }),
8817
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8818
- /* @__PURE__ */ jsx(TimelineYear, { children: "2006" }),
8819
- /* @__PURE__ */ jsx(TimelineDot, {}),
8820
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8821
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8822
- "Sold ",
8823
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "13 yrs" })
8824
- ] }),
8825
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8826
- /* @__PURE__ */ jsx(TimelineGain, { children: "+491%" }),
8827
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$7.86M" })
8828
- ] })
8829
- ] })
8830
- ] }),
8831
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8832
- /* @__PURE__ */ jsx(TimelineYear, { children: "2021" }),
8833
- /* @__PURE__ */ jsx(TimelineDot, {}),
8834
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8835
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8836
- "Sold (COVID correction) ",
8837
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "15 yrs" })
8838
- ] }),
8839
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8840
- /* @__PURE__ */ jsx(TimelineGain, { children: "+16%" }),
8841
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$9.09M" })
8842
- ] })
8843
- ] })
8844
- ] }),
8845
- /* @__PURE__ */ jsxs(TimelineEntry, { $last: true, children: [
8846
- /* @__PURE__ */ jsx(TimelineYear, { children: "2026" }),
8847
- /* @__PURE__ */ jsx(TimelineDot, { $active: true }),
8848
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8849
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8850
- "Loaf Offering ",
8851
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "5 yrs" })
8852
- ] }),
8853
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8854
- /* @__PURE__ */ jsx(TimelineGain, { children: "+105%" }),
8855
- /* @__PURE__ */ jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8856
- ] })
8857
- ] })
8858
- ] })
8859
- ] })
8860
- ] }),
8861
- /* @__PURE__ */ jsxs(StatsColumn, { children: [
8862
- /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8863
- /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8864
- /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8865
- /* @__PURE__ */ jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8866
- /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8867
- "$16.07M ",
8868
- /* @__PURE__ */ jsx(CompSaleDate, { children: "Mar 2022" })
8869
- ] })
8870
- ] }),
8871
- /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8872
- /* @__PURE__ */ jsx("span", { children: "Previously sold $7.35M" }),
8873
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "Sep 2016" }),
8874
- /* @__PURE__ */ jsx(TimelineGain, { children: "+119%" }),
8875
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 6 yrs" })
8876
- ] }),
8877
- /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,066 sqm" }) })
8878
- ] }),
8879
- /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8880
- /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8881
- /* @__PURE__ */ jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8882
- /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8883
- "$27.96M ",
8884
- /* @__PURE__ */ jsx(CompSaleDate, { children: "Aug 2024" })
8885
- ] })
8886
- ] }),
8887
- /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8888
- /* @__PURE__ */ jsx("span", { children: "Previously sold $3.9M" }),
8889
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "2013" }),
8890
- /* @__PURE__ */ jsx(TimelineGain, { children: "+617%" }),
8891
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 11 yrs" })
8892
- ] }),
8893
- /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,592 sqm" }) })
8894
- ] })
8895
- ] })
8896
8980
  ] })
8897
8981
  ] }),
8898
8982
  /* @__PURE__ */ jsxs(Section, { children: [
@@ -9157,18 +9241,27 @@ var Wrapper = styled9.div`
9157
9241
  `;
9158
9242
  var GallerySpecRow = styled9.div`
9159
9243
  display: grid;
9160
- grid-template-columns: 1fr 340px;
9244
+ grid-template-columns: 1fr 380px;
9161
9245
  gap: 1.25rem;
9162
9246
  margin-bottom: 1.25rem;
9163
- align-items: stretch;
9247
+ align-items: start;
9164
9248
  @media (max-width: 900px) { grid-template-columns: 1fr; }
9165
9249
  `;
9166
9250
  var GallerySpecLeft = styled9.div`
9167
9251
  min-width: 0;
9168
9252
  overflow: hidden;
9169
9253
  `;
9170
- var AssetMapWrap = styled9.div`
9254
+ var MapCompRow = styled9.div`
9255
+ display: grid;
9256
+ grid-template-columns: 1fr 340px;
9257
+ gap: 1.25rem;
9171
9258
  margin-bottom: 1.25rem;
9259
+ align-items: start;
9260
+ @media (max-width: 900px) { grid-template-columns: 1fr; }
9261
+ `;
9262
+ var MapCompLeft = styled9.div`
9263
+ min-width: 0;
9264
+ overflow: hidden;
9172
9265
  `;
9173
9266
  var AssetBentoNarratives = styled9.div`
9174
9267
  display: grid;
@@ -9450,7 +9543,7 @@ var StatsTab = styled9.button`
9450
9543
  var StatsTabContent = styled9.div`
9451
9544
  padding: 0.5rem 1.25rem 1.25rem;
9452
9545
  `;
9453
- var StatsGrid = styled9.div`
9546
+ styled9.div`
9454
9547
  display: grid;
9455
9548
  grid-template-columns: 340px 340px;
9456
9549
  gap: 1rem;
@@ -9616,58 +9709,159 @@ var TimelineHoldPeriod = styled9.span`
9616
9709
  color: rgba(255,255,255,0.25);
9617
9710
  font-weight: 400;
9618
9711
  `;
9619
- styled9.div`
9620
- font-size: 0.65rem;
9621
- color: rgba(255,255,255,0.35);
9622
- text-transform: uppercase;
9623
- letter-spacing: 0.08em;
9624
- font-weight: 500;
9625
- margin-top: 1rem;
9626
- padding-top: 0.75rem;
9627
- padding-bottom: 0.5rem;
9628
- border-top: 1px solid rgba(255,255,255,0.04);
9629
- `;
9630
- var CompSaleCard = styled9.div`
9631
- padding: 0.6rem 0;
9632
- border-bottom: 1px solid rgba(255,255,255,0.03);
9633
- &:last-child { border-bottom: none; }
9712
+ var CompAssetCard = styled9.div`
9713
+ position: relative;
9714
+ background: rgba(255,255,255,0.02);
9715
+ border: 1px solid rgba(255,255,255,0.06);
9716
+ border-radius: 10px;
9717
+ padding: 0.75rem;
9718
+ margin-bottom: 0.75rem;
9719
+ transition: border-color 0.2s, background 0.2s;
9720
+ &:last-child { margin-bottom: 0; }
9721
+ &:hover {
9722
+ border-color: rgba(212,175,55,0.3);
9723
+ background: rgba(255,255,255,0.03);
9724
+ }
9725
+ &:hover > div:last-child {
9726
+ max-height: 300px;
9727
+ opacity: 1;
9728
+ padding-top: 0.75rem;
9729
+ margin-top: 0.75rem;
9730
+ }
9634
9731
  `;
9635
- var CompSaleHeader = styled9.div`
9732
+ var CompAssetRow = styled9.div`
9636
9733
  display: flex;
9637
- justify-content: space-between;
9638
9734
  align-items: center;
9639
- gap: 0.5rem;
9735
+ gap: 0.75rem;
9640
9736
  `;
9641
- var CompSaleAddress = styled9.span`
9642
- font-size: 0.82rem;
9643
- color: rgba(255,255,255,0.6);
9737
+ var CompAssetThumb = styled9.div`
9738
+ width: 48px;
9739
+ height: 48px;
9740
+ border-radius: 8px;
9741
+ overflow: hidden;
9742
+ flex-shrink: 0;
9743
+ background: rgba(255,255,255,0.05);
9744
+ img {
9745
+ width: 100%;
9746
+ height: 100%;
9747
+ object-fit: cover;
9748
+ }
9644
9749
  `;
9645
- var CompSalePrice = styled9.span`
9646
- font-size: 0.85rem;
9750
+ var CompAssetInfo = styled9.div`
9751
+ flex: 1;
9752
+ min-width: 0;
9753
+ `;
9754
+ var CompAssetName = styled9.div`
9755
+ font-size: 0.88rem;
9647
9756
  font-weight: 600;
9648
9757
  color: #fff;
9649
- font-variant-numeric: tabular-nums;
9650
9758
  display: flex;
9651
9759
  align-items: center;
9652
- gap: 0.4rem;
9760
+ gap: 0.5rem;
9761
+ `;
9762
+ var CompAssetBadge = styled9.span`
9763
+ font-size: 0.58rem;
9764
+ font-weight: 600;
9765
+ text-transform: uppercase;
9766
+ letter-spacing: 0.06em;
9767
+ color: #4ade80;
9768
+ background: rgba(74,222,128,0.1);
9769
+ border: 1px solid rgba(74,222,128,0.2);
9770
+ padding: 1px 6px;
9771
+ border-radius: 4px;
9772
+ white-space: nowrap;
9773
+ `;
9774
+ var CompAssetAddr = styled9.div`
9775
+ font-size: 0.75rem;
9776
+ color: rgba(255,255,255,0.4);
9777
+ margin-top: 2px;
9778
+ `;
9779
+ var CompAssetPriceCol = styled9.div`
9780
+ text-align: right;
9653
9781
  flex-shrink: 0;
9654
9782
  `;
9655
- var CompSaleDate = styled9.span`
9656
- font-size: 0.7rem;
9783
+ var CompAssetSalePrice = styled9.div`
9784
+ font-size: 0.92rem;
9785
+ font-weight: 600;
9786
+ color: #fff;
9787
+ font-variant-numeric: tabular-nums;
9788
+ `;
9789
+ var CompAssetSaleDate = styled9.div`
9790
+ font-size: 0.68rem;
9657
9791
  color: rgba(255,255,255,0.3);
9658
- font-weight: 400;
9792
+ margin-top: 1px;
9659
9793
  `;
9660
- var CompSalePrior = styled9.div`
9794
+ var CompAssetStatsRow = styled9.div`
9661
9795
  display: flex;
9796
+ gap: 0;
9797
+ margin-top: 0.65rem;
9798
+ border-top: 1px solid rgba(255,255,255,0.04);
9799
+ padding-top: 0.55rem;
9800
+ `;
9801
+ var CompAssetStat = styled9.div`
9802
+ flex: 1;
9803
+ display: flex;
9804
+ flex-direction: column;
9662
9805
  align-items: center;
9663
- gap: 0.4rem;
9664
- margin-top: 0.3rem;
9665
- font-size: 0.72rem;
9806
+ gap: 2px;
9807
+ &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9808
+ `;
9809
+ var CompAssetStatLabel = styled9.span`
9810
+ font-size: 0.6rem;
9666
9811
  color: rgba(255,255,255,0.35);
9812
+ text-transform: uppercase;
9813
+ letter-spacing: 0.06em;
9667
9814
  `;
9668
- var CompSalePriorDate = styled9.span`
9669
- font-size: 0.68rem;
9670
- color: rgba(255,255,255,0.25);
9815
+ var CompAssetStatVal = styled9.span`
9816
+ font-size: 0.8rem;
9817
+ font-weight: 500;
9818
+ color: #fff;
9819
+ font-variant-numeric: tabular-nums;
9820
+ `;
9821
+ var CompAssetHoverDetail = styled9.div`
9822
+ max-height: 0;
9823
+ opacity: 0;
9824
+ overflow: hidden;
9825
+ transition: max-height 0.3s ease, opacity 0.25s ease, padding-top 0.3s ease, margin-top 0.3s ease;
9826
+ border-top: 1px solid rgba(255,255,255,0.06);
9827
+ padding-top: 0;
9828
+ margin-top: 0;
9829
+ `;
9830
+ var CompAssetHoverImg = styled9.div`
9831
+ width: 100%;
9832
+ height: 120px;
9833
+ border-radius: 8px;
9834
+ overflow: hidden;
9835
+ margin-bottom: 0.65rem;
9836
+ background: rgba(255,255,255,0.03);
9837
+ img {
9838
+ width: 100%;
9839
+ height: 100%;
9840
+ object-fit: cover;
9841
+ }
9842
+ `;
9843
+ var CompAssetHoverStats = styled9.div`
9844
+ display: flex;
9845
+ flex-direction: column;
9846
+ gap: 0;
9847
+ `;
9848
+ var CompAssetHoverRow = styled9.div`
9849
+ display: flex;
9850
+ justify-content: space-between;
9851
+ align-items: center;
9852
+ padding: 0.35rem 0;
9853
+ border-bottom: 1px solid rgba(255,255,255,0.03);
9854
+ &:last-child { border-bottom: none; }
9855
+ span:first-child {
9856
+ font-size: 0.75rem;
9857
+ color: rgba(255,255,255,0.4);
9858
+ }
9859
+ span:last-child {
9860
+ font-size: 0.8rem;
9861
+ font-weight: 500;
9862
+ color: #fff;
9863
+ font-variant-numeric: tabular-nums;
9864
+ }
9671
9865
  `;
9672
9866
  styled9.div`
9673
9867
  font-size: 0.65rem;