@loafmarkets/ui 0.1.221 → 0.1.223

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 +319 -128
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +319 -128
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -8783,113 +8783,203 @@ function PropertyOverview({
8783
8783
  ] })
8784
8784
  ] })
8785
8785
  ] }),
8786
- /* @__PURE__ */ jsx(StatsGrid, { style: { gridTemplateColumns: "340px" }, children: /* @__PURE__ */ jsxs(StatsColumn, { children: [
8787
- /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Capital History" }),
8788
- /* @__PURE__ */ jsxs(TimelineWrap, { children: [
8789
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8790
- /* @__PURE__ */ jsx(TimelineYear, { children: "1880s" }),
8791
- /* @__PURE__ */ jsx(TimelineDot, {}),
8792
- /* @__PURE__ */ jsx(TimelineDetail, { children: /* @__PURE__ */ jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8793
- ] }),
8794
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8795
- /* @__PURE__ */ jsx(TimelineYear, { children: "1976" }),
8796
- /* @__PURE__ */ jsx(TimelineDot, {}),
8797
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8798
- /* @__PURE__ */ jsx(TimelineLabel, { children: "Acquired" }),
8799
- /* @__PURE__ */ jsx(TimelinePriceWrap, { children: /* @__PURE__ */ jsx(TimelinePrice, { children: "\xA340,000" }) })
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
+ ] })
8800
8858
  ] })
8801
- ] }),
8802
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8803
- /* @__PURE__ */ jsx(TimelineYear, { children: "1993" }),
8804
- /* @__PURE__ */ jsx(TimelineDot, {}),
8805
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8806
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8807
- "Sold ",
8808
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "17 yrs" })
8859
+ ] })
8860
+ ] }),
8861
+ /* @__PURE__ */ jsxs(StatsColumn, { children: [
8862
+ /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8863
+ /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8864
+ /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8865
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8866
+ e.target.style.display = "none";
8867
+ } }) }),
8868
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8869
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8870
+ "Boondabah ",
8871
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8872
+ ] }),
8873
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8809
8874
  ] }),
8810
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8811
- /* @__PURE__ */ jsx(TimelineGain, { children: "+1,563%" }),
8812
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$1.33M" })
8875
+ /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8876
+ /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$16.07M" }),
8877
+ /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Mar 2022" })
8813
8878
  ] })
8814
- ] })
8815
- ] }),
8816
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8817
- /* @__PURE__ */ jsx(TimelineYear, { children: "2006" }),
8818
- /* @__PURE__ */ jsx(TimelineDot, {}),
8819
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8820
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8821
- "Sold ",
8822
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "13 yrs" })
8879
+ ] }),
8880
+ /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8881
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8882
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8883
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
8823
8884
  ] }),
8824
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8825
- /* @__PURE__ */ jsx(TimelineGain, { children: "+491%" }),
8826
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$7.86M" })
8885
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8886
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8887
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8888
+ ] }),
8889
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8890
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8891
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8892
+ ] })
8893
+ ] }),
8894
+ /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8895
+ /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8896
+ e.target.src = "";
8897
+ } }) }),
8898
+ /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8899
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8900
+ /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8901
+ /* @__PURE__ */ jsx("span", { children: "$7.35M (Sep 2016)" })
8902
+ ] }),
8903
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8904
+ /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8905
+ /* @__PURE__ */ jsx("span", { children: "6 years" })
8906
+ ] }),
8907
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8908
+ /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8909
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8910
+ ] }),
8911
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8912
+ /* @__PURE__ */ jsx("span", { children: "Style" }),
8913
+ /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8914
+ ] }),
8915
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8916
+ /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8917
+ /* @__PURE__ */ jsx("span", { children: "Same street, heritage estate" })
8918
+ ] })
8827
8919
  ] })
8828
8920
  ] })
8829
8921
  ] }),
8830
- /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8831
- /* @__PURE__ */ jsx(TimelineYear, { children: "2021" }),
8832
- /* @__PURE__ */ jsx(TimelineDot, {}),
8833
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8834
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8835
- "Sold (COVID correction) ",
8836
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "15 yrs" })
8922
+ /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8923
+ /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8924
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8925
+ e.target.style.display = "none";
8926
+ } }) }),
8927
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8928
+ /* @__PURE__ */ jsxs(CompAssetName, { children: [
8929
+ "Dobroyd ",
8930
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8931
+ ] }),
8932
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8837
8933
  ] }),
8838
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8839
- /* @__PURE__ */ jsx(TimelineGain, { children: "+16%" }),
8840
- /* @__PURE__ */ jsx(TimelinePrice, { children: "$9.09M" })
8934
+ /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8935
+ /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$27.96M" }),
8936
+ /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Aug 2024" })
8841
8937
  ] })
8842
- ] })
8843
- ] }),
8844
- /* @__PURE__ */ jsxs(TimelineEntry, { $last: true, children: [
8845
- /* @__PURE__ */ jsx(TimelineYear, { children: "2026" }),
8846
- /* @__PURE__ */ jsx(TimelineDot, { $active: true }),
8847
- /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8848
- /* @__PURE__ */ jsxs(TimelineLabel, { children: [
8849
- "Loaf Offering ",
8850
- /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "5 yrs" })
8938
+ ] }),
8939
+ /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8940
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8941
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8942
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
8943
+ ] }),
8944
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8945
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8946
+ /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8851
8947
  ] }),
8852
- /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
8853
- /* @__PURE__ */ jsx(TimelineGain, { children: "+105%" }),
8854
- /* @__PURE__ */ jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8948
+ /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8949
+ /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8950
+ /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8951
+ ] })
8952
+ ] }),
8953
+ /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8954
+ /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8955
+ e.target.src = "";
8956
+ } }) }),
8957
+ /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8958
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8959
+ /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8960
+ /* @__PURE__ */ jsx("span", { children: "$3.9M (2013)" })
8961
+ ] }),
8962
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8963
+ /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8964
+ /* @__PURE__ */ jsx("span", { children: "11 years" })
8965
+ ] }),
8966
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8967
+ /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8968
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8969
+ ] }),
8970
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8971
+ /* @__PURE__ */ jsx("span", { children: "Style" }),
8972
+ /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8973
+ ] }),
8974
+ /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8975
+ /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8976
+ /* @__PURE__ */ jsx("span", { children: "Heritage harbourside estate" })
8977
+ ] })
8855
8978
  ] })
8856
8979
  ] })
8857
8980
  ] })
8858
- ] }),
8859
- /* @__PURE__ */ jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8860
- /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8861
- /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8862
- /* @__PURE__ */ jsx(CompSaleAddress, { children: "200A Raglan St, Mosman (Boondabah)" }),
8863
- /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8864
- "$16.07M ",
8865
- /* @__PURE__ */ jsx(CompSaleDate, { children: "Mar 2022" })
8866
- ] })
8867
- ] }),
8868
- /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8869
- /* @__PURE__ */ jsx("span", { children: "Previously sold $7.35M" }),
8870
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "Sep 2016" }),
8871
- /* @__PURE__ */ jsx(TimelineGain, { children: "+119%" }),
8872
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 6 yrs" })
8873
- ] }),
8874
- /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,066 sqm" }) })
8875
- ] }),
8876
- /* @__PURE__ */ jsxs(CompSaleCard, { children: [
8877
- /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
8878
- /* @__PURE__ */ jsx(CompSaleAddress, { children: "7 Bradleys Head Rd, Mosman" }),
8879
- /* @__PURE__ */ jsxs(CompSalePrice, { children: [
8880
- "$27.96M ",
8881
- /* @__PURE__ */ jsx(CompSaleDate, { children: "Aug 2024" })
8882
- ] })
8883
- ] }),
8884
- /* @__PURE__ */ jsxs(CompSalePrior, { children: [
8885
- /* @__PURE__ */ jsx("span", { children: "Previously sold $3.9M" }),
8886
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "2013" }),
8887
- /* @__PURE__ */ jsx(TimelineGain, { children: "+617%" }),
8888
- /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 11 yrs" })
8889
- ] }),
8890
- /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "c.1905, 2,592 sqm" }) })
8891
8981
  ] })
8892
- ] }) })
8982
+ ] })
8893
8983
  ] }),
8894
8984
  /* @__PURE__ */ jsxs(Section, { children: [
8895
8985
  /* @__PURE__ */ jsx(SectionHeader, { children: "Trading Hours" }),
@@ -9612,58 +9702,159 @@ var TimelineHoldPeriod = styled9.span`
9612
9702
  color: rgba(255,255,255,0.25);
9613
9703
  font-weight: 400;
9614
9704
  `;
9615
- var ComparableSalesTitle = styled9.div`
9616
- font-size: 0.65rem;
9617
- color: rgba(255,255,255,0.35);
9618
- text-transform: uppercase;
9619
- letter-spacing: 0.08em;
9620
- font-weight: 500;
9621
- margin-top: 1rem;
9622
- padding-top: 0.75rem;
9623
- padding-bottom: 0.5rem;
9624
- border-top: 1px solid rgba(255,255,255,0.04);
9625
- `;
9626
- var CompSaleCard = styled9.div`
9627
- padding: 0.6rem 0;
9628
- border-bottom: 1px solid rgba(255,255,255,0.03);
9629
- &:last-child { border-bottom: none; }
9705
+ var CompAssetCard = styled9.div`
9706
+ position: relative;
9707
+ background: rgba(255,255,255,0.02);
9708
+ border: 1px solid rgba(255,255,255,0.06);
9709
+ border-radius: 10px;
9710
+ padding: 0.75rem;
9711
+ margin-bottom: 0.75rem;
9712
+ transition: border-color 0.2s, background 0.2s;
9713
+ &:last-child { margin-bottom: 0; }
9714
+ &:hover {
9715
+ border-color: rgba(212,175,55,0.3);
9716
+ background: rgba(255,255,255,0.03);
9717
+ }
9718
+ &:hover > div:last-child {
9719
+ max-height: 300px;
9720
+ opacity: 1;
9721
+ padding-top: 0.75rem;
9722
+ margin-top: 0.75rem;
9723
+ }
9630
9724
  `;
9631
- var CompSaleHeader = styled9.div`
9725
+ var CompAssetRow = styled9.div`
9632
9726
  display: flex;
9633
- justify-content: space-between;
9634
9727
  align-items: center;
9635
- gap: 0.5rem;
9728
+ gap: 0.75rem;
9636
9729
  `;
9637
- var CompSaleAddress = styled9.span`
9638
- font-size: 0.82rem;
9639
- color: rgba(255,255,255,0.6);
9730
+ var CompAssetThumb = styled9.div`
9731
+ width: 48px;
9732
+ height: 48px;
9733
+ border-radius: 8px;
9734
+ overflow: hidden;
9735
+ flex-shrink: 0;
9736
+ background: rgba(255,255,255,0.05);
9737
+ img {
9738
+ width: 100%;
9739
+ height: 100%;
9740
+ object-fit: cover;
9741
+ }
9640
9742
  `;
9641
- var CompSalePrice = styled9.span`
9642
- font-size: 0.85rem;
9743
+ var CompAssetInfo = styled9.div`
9744
+ flex: 1;
9745
+ min-width: 0;
9746
+ `;
9747
+ var CompAssetName = styled9.div`
9748
+ font-size: 0.88rem;
9643
9749
  font-weight: 600;
9644
9750
  color: #fff;
9645
- font-variant-numeric: tabular-nums;
9646
9751
  display: flex;
9647
9752
  align-items: center;
9648
- gap: 0.4rem;
9753
+ gap: 0.5rem;
9754
+ `;
9755
+ var CompAssetBadge = styled9.span`
9756
+ font-size: 0.58rem;
9757
+ font-weight: 600;
9758
+ text-transform: uppercase;
9759
+ letter-spacing: 0.06em;
9760
+ color: #4ade80;
9761
+ background: rgba(74,222,128,0.1);
9762
+ border: 1px solid rgba(74,222,128,0.2);
9763
+ padding: 1px 6px;
9764
+ border-radius: 4px;
9765
+ white-space: nowrap;
9766
+ `;
9767
+ var CompAssetAddr = styled9.div`
9768
+ font-size: 0.75rem;
9769
+ color: rgba(255,255,255,0.4);
9770
+ margin-top: 2px;
9771
+ `;
9772
+ var CompAssetPriceCol = styled9.div`
9773
+ text-align: right;
9649
9774
  flex-shrink: 0;
9650
9775
  `;
9651
- var CompSaleDate = styled9.span`
9652
- font-size: 0.7rem;
9776
+ var CompAssetSalePrice = styled9.div`
9777
+ font-size: 0.92rem;
9778
+ font-weight: 600;
9779
+ color: #fff;
9780
+ font-variant-numeric: tabular-nums;
9781
+ `;
9782
+ var CompAssetSaleDate = styled9.div`
9783
+ font-size: 0.68rem;
9653
9784
  color: rgba(255,255,255,0.3);
9654
- font-weight: 400;
9785
+ margin-top: 1px;
9655
9786
  `;
9656
- var CompSalePrior = styled9.div`
9787
+ var CompAssetStatsRow = styled9.div`
9657
9788
  display: flex;
9789
+ gap: 0;
9790
+ margin-top: 0.65rem;
9791
+ border-top: 1px solid rgba(255,255,255,0.04);
9792
+ padding-top: 0.55rem;
9793
+ `;
9794
+ var CompAssetStat = styled9.div`
9795
+ flex: 1;
9796
+ display: flex;
9797
+ flex-direction: column;
9658
9798
  align-items: center;
9659
- gap: 0.4rem;
9660
- margin-top: 0.3rem;
9661
- font-size: 0.72rem;
9799
+ gap: 2px;
9800
+ &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9801
+ `;
9802
+ var CompAssetStatLabel = styled9.span`
9803
+ font-size: 0.6rem;
9662
9804
  color: rgba(255,255,255,0.35);
9805
+ text-transform: uppercase;
9806
+ letter-spacing: 0.06em;
9663
9807
  `;
9664
- var CompSalePriorDate = styled9.span`
9665
- font-size: 0.68rem;
9666
- color: rgba(255,255,255,0.25);
9808
+ var CompAssetStatVal = styled9.span`
9809
+ font-size: 0.8rem;
9810
+ font-weight: 500;
9811
+ color: #fff;
9812
+ font-variant-numeric: tabular-nums;
9813
+ `;
9814
+ var CompAssetHoverDetail = styled9.div`
9815
+ max-height: 0;
9816
+ opacity: 0;
9817
+ overflow: hidden;
9818
+ transition: max-height 0.3s ease, opacity 0.25s ease, padding-top 0.3s ease, margin-top 0.3s ease;
9819
+ border-top: 1px solid rgba(255,255,255,0.06);
9820
+ padding-top: 0;
9821
+ margin-top: 0;
9822
+ `;
9823
+ var CompAssetHoverImg = styled9.div`
9824
+ width: 100%;
9825
+ height: 120px;
9826
+ border-radius: 8px;
9827
+ overflow: hidden;
9828
+ margin-bottom: 0.65rem;
9829
+ background: rgba(255,255,255,0.03);
9830
+ img {
9831
+ width: 100%;
9832
+ height: 100%;
9833
+ object-fit: cover;
9834
+ }
9835
+ `;
9836
+ var CompAssetHoverStats = styled9.div`
9837
+ display: flex;
9838
+ flex-direction: column;
9839
+ gap: 0;
9840
+ `;
9841
+ var CompAssetHoverRow = styled9.div`
9842
+ display: flex;
9843
+ justify-content: space-between;
9844
+ align-items: center;
9845
+ padding: 0.35rem 0;
9846
+ border-bottom: 1px solid rgba(255,255,255,0.03);
9847
+ &:last-child { border-bottom: none; }
9848
+ span:first-child {
9849
+ font-size: 0.75rem;
9850
+ color: rgba(255,255,255,0.4);
9851
+ }
9852
+ span:last-child {
9853
+ font-size: 0.8rem;
9854
+ font-weight: 500;
9855
+ color: #fff;
9856
+ font-variant-numeric: tabular-nums;
9857
+ }
9667
9858
  `;
9668
9859
  styled9.div`
9669
9860
  font-size: 0.65rem;