@loafmarkets/ui 0.1.169 → 0.1.171

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 +326 -134
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +326 -134
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -8512,7 +8512,7 @@ function PropertyOverview({
8512
8512
  }
8513
8513
  return f;
8514
8514
  })();
8515
- const propertyInfo = propertyInfoProp ?? (() => {
8515
+ propertyInfoProp ?? (() => {
8516
8516
  const info = [...DEFAULT_PROPERTY_INFO];
8517
8517
  if (propertyTypeLabel && !overviewData) info[0] = { label: "Property Type", value: propertyTypeLabel };
8518
8518
  if (overviewData) {
@@ -8668,41 +8668,133 @@ function PropertyOverview({
8668
8668
  }
8669
8669
  ) }),
8670
8670
  /* @__PURE__ */ jsxs(Section, { children: [
8671
- /* @__PURE__ */ jsx(SectionHeader, { children: "Asset Details" }),
8672
- /* @__PURE__ */ jsxs(AssetPanelsGrid, { children: [
8673
- /* @__PURE__ */ jsxs(MetricsPanel, { children: [
8674
- /* @__PURE__ */ jsx(MetricsPanelTitle, { children: "Key Metrics" }),
8675
- (landSize != null || buildingSize != null) && /* @__PURE__ */ jsxs(LandFloorCard, { children: [
8676
- /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
8677
- /* @__PURE__ */ jsx(MetricLabel, { children: "Land" }),
8678
- /* @__PURE__ */ jsxs(MetricValueRow, { children: [
8679
- /* @__PURE__ */ jsx(MetricBig, { children: landSize?.toLocaleString() ?? "\u2014" }),
8680
- /* @__PURE__ */ jsx(MetricUnit, { children: "sqm" })
8671
+ /* @__PURE__ */ jsx(SectionHeader, { children: "Investment Profile" }),
8672
+ /* @__PURE__ */ jsxs(InvestmentNarrativesRow, { children: [
8673
+ /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8674
+ /* @__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" }) }) }),
8675
+ /* @__PURE__ */ jsx(NarrativeTitle, { children: "Generational Compounding" }),
8676
+ /* @__PURE__ */ jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000 \u2014 compounded through every market cycle to a current valuation exceeding A$20M." })
8677
+ ] }),
8678
+ /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8679
+ /* @__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: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }),
8680
+ /* @__PURE__ */ jsx(NarrativeTitle, { children: "Permanent Scarcity" }),
8681
+ /* @__PURE__ */ jsx(NarrativeDesc, { children: "Heritage harbour-front estates in Mosman cannot be replicated. Sustained global demand into this safe-haven supports long-term price growth." })
8682
+ ] }),
8683
+ /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8684
+ /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
8685
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
8686
+ /* @__PURE__ */ jsx("path", { d: "M12 6v6l4 2" })
8687
+ ] }) }),
8688
+ /* @__PURE__ */ jsx(NarrativeTitle, { children: "Liquidity Premium" }),
8689
+ /* @__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." })
8690
+ ] })
8691
+ ] }),
8692
+ /* @__PURE__ */ jsxs(StatsGrid, { children: [
8693
+ /* @__PURE__ */ jsxs(StatsColumn, { children: [
8694
+ /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Capital History" }),
8695
+ /* @__PURE__ */ jsxs(TimelineWrap, { children: [
8696
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8697
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1880s" }),
8698
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8699
+ /* @__PURE__ */ jsx(TimelineDetail, { children: /* @__PURE__ */ jsx(TimelineLabel, { children: "Built \u2014 Pre-Federation" }) })
8700
+ ] }),
8701
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8702
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1976" }),
8703
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8704
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8705
+ /* @__PURE__ */ jsx(TimelineLabel, { children: "Sold" }),
8706
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "\xA340,000" })
8707
+ ] })
8708
+ ] }),
8709
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8710
+ /* @__PURE__ */ jsx(TimelineYear, { children: "1993" }),
8711
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8712
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8713
+ /* @__PURE__ */ jsx(TimelineLabel, { children: "Sold" }),
8714
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$1.33M" })
8715
+ ] })
8716
+ ] }),
8717
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8718
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2006" }),
8719
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8720
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8721
+ /* @__PURE__ */ jsx(TimelineLabel, { children: "Sold" }),
8722
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$7.86M" })
8681
8723
  ] })
8682
8724
  ] }),
8683
- /* @__PURE__ */ jsx("div", { style: { width: 1, background: "rgba(212,175,55,0.3)" } }),
8684
- /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
8685
- /* @__PURE__ */ jsx(MetricLabel, { children: "Floor" }),
8686
- /* @__PURE__ */ jsxs(MetricValueRow, { children: [
8687
- /* @__PURE__ */ jsx(MetricBig, { children: buildingSize?.toLocaleString() ?? "\u2014" }),
8688
- /* @__PURE__ */ jsx(MetricUnit, { children: "sqm" })
8725
+ /* @__PURE__ */ jsxs(TimelineEntry, { children: [
8726
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2021" }),
8727
+ /* @__PURE__ */ jsx(TimelineDot, {}),
8728
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8729
+ /* @__PURE__ */ jsx(TimelineLabel, { children: "Sold \u2014 COVID correction" }),
8730
+ /* @__PURE__ */ jsx(TimelinePrice, { children: "$9.09M" })
8731
+ ] })
8732
+ ] }),
8733
+ /* @__PURE__ */ jsxs(TimelineEntry, { $last: true, children: [
8734
+ /* @__PURE__ */ jsx(TimelineYear, { children: "2026" }),
8735
+ /* @__PURE__ */ jsx(TimelineDot, { $active: true }),
8736
+ /* @__PURE__ */ jsxs(TimelineDetail, { children: [
8737
+ /* @__PURE__ */ jsx(TimelineLabel, { children: "Loaf Offering" }),
8738
+ /* @__PURE__ */ jsx(TimelinePrice, { $gold: true, children: "$18.65M" })
8689
8739
  ] })
8690
8740
  ] })
8691
8741
  ] }),
8692
- /* @__PURE__ */ jsx(FeaturesGrid, { children: features.map((item, i) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
8693
- item.icon && /* @__PURE__ */ jsx("span", { style: { color: "rgba(255,255,255,0.6)", display: "flex", alignItems: "center", opacity: 0.45, flexShrink: 0 }, children: item.icon }),
8694
- item.value && /* @__PURE__ */ jsx("span", { style: { fontSize: "1.1rem", fontWeight: 700, color: "#fff", lineHeight: 1 }, children: item.value }),
8695
- /* @__PURE__ */ jsx("span", { style: { fontSize: "0.85rem", color: "rgba(255,255,255,0.6)", fontWeight: 400 }, children: item.label })
8696
- ] }, i)) })
8742
+ /* @__PURE__ */ jsx(ComparableSalesTitle, { children: "Comparable Sales" }),
8743
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8744
+ /* @__PURE__ */ jsx(StatLabel, { children: "200A Raglan St, Mosman" }),
8745
+ /* @__PURE__ */ jsxs(StatValue, { children: [
8746
+ "$16.07M ",
8747
+ /* @__PURE__ */ jsx("span", { style: { fontSize: "0.7rem", color: "rgba(255,255,255,0.3)", fontWeight: 400 }, children: "Mar 2022" })
8748
+ ] })
8749
+ ] }),
8750
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8751
+ /* @__PURE__ */ jsx(StatLabel, { children: "7 Bradleys Head Rd, Mosman" }),
8752
+ /* @__PURE__ */ jsxs(StatValue, { children: [
8753
+ "$27.96M ",
8754
+ /* @__PURE__ */ jsx("span", { style: { fontSize: "0.7rem", color: "rgba(255,255,255,0.3)", fontWeight: 400 }, children: "Aug 2024" })
8755
+ ] })
8756
+ ] })
8697
8757
  ] }),
8698
- /* @__PURE__ */ jsxs(InfoPanel, { children: [
8699
- /* @__PURE__ */ jsx(MetricsPanelTitle, { children: "Property Info" }),
8700
- /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "0.85rem" }, children: propertyInfo.map((item, i) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
8701
- /* @__PURE__ */ jsx("span", { style: { fontSize: "0.8rem", color: "rgba(255,255,255,0.6)", fontWeight: 400 }, children: item.label }),
8702
- /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.95rem", fontWeight: 600, color: item.status === "active" ? "#4CAF50" : item.status === "progress" ? "#D4AF37" : "#fff", display: "flex", alignItems: "center", gap: "0.4rem" }, children: [
8703
- item.status && /* @__PURE__ */ jsx("span", { style: { display: "inline-block", width: 6, height: 6, borderRadius: "50%", background: item.status === "active" ? "#4CAF50" : "#D4AF37", boxShadow: item.status === "active" ? "0 0 6px rgba(76,175,80,0.5)" : "0 0 6px rgba(212,175,55,0.5)" } }),
8704
- item.value
8758
+ /* @__PURE__ */ jsxs(StatsColumn, { children: [
8759
+ /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Asset Specification" }),
8760
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8761
+ /* @__PURE__ */ jsx(StatLabel, { children: "Land (Freehold)" }),
8762
+ /* @__PURE__ */ jsxs(StatValue, { children: [
8763
+ landSize?.toLocaleString() ?? "1,848",
8764
+ " sqm"
8705
8765
  ] })
8766
+ ] }),
8767
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8768
+ /* @__PURE__ */ jsx(StatLabel, { children: "Interior" }),
8769
+ /* @__PURE__ */ jsxs(StatValue, { children: [
8770
+ buildingSize?.toLocaleString() ?? "~800",
8771
+ " sqm"
8772
+ ] })
8773
+ ] }),
8774
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8775
+ /* @__PURE__ */ jsx(StatLabel, { children: "Built" }),
8776
+ /* @__PURE__ */ jsx(StatValue, { children: "1880 \u2014 Heritage Listed" })
8777
+ ] }),
8778
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8779
+ /* @__PURE__ */ jsx(StatLabel, { children: "Zoning" }),
8780
+ /* @__PURE__ */ jsx(StatValue, { children: "R3 \u2014 Development Potential" })
8781
+ ] }),
8782
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8783
+ /* @__PURE__ */ jsx(StatLabel, { children: "Heritage Premium" }),
8784
+ /* @__PURE__ */ jsx(StatValue, { style: { color: "#4ade80" }, children: "+12% vs non-heritage" })
8785
+ ] }),
8786
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8787
+ /* @__PURE__ */ jsx(StatLabel, { children: "Suburb Median" }),
8788
+ /* @__PURE__ */ jsx(StatValue, { children: "$4.2M (Mosman)" })
8789
+ ] }),
8790
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8791
+ /* @__PURE__ */ jsx(StatLabel, { children: "5yr Suburb Growth" }),
8792
+ /* @__PURE__ */ jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
8793
+ ] }),
8794
+ /* @__PURE__ */ jsx(AssetFeatureRow, { children: features.map((item, i) => /* @__PURE__ */ jsxs(AssetFeatureItem, { children: [
8795
+ item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
8796
+ item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
8797
+ /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
8706
8798
  ] }, i)) })
8707
8799
  ] })
8708
8800
  ] })
@@ -8735,46 +8827,71 @@ function PropertyOverview({
8735
8827
  ] }),
8736
8828
  /* @__PURE__ */ jsxs(Section, { children: [
8737
8829
  /* @__PURE__ */ jsx(SectionHeader, { children: "Tokenholder Security" }),
8738
- /* @__PURE__ */ jsxs(SecurityTable, { children: [
8739
- /* @__PURE__ */ jsxs(SecurityRow, { children: [
8740
- /* @__PURE__ */ jsxs(SecurityRowLeft, { children: [
8741
- /* @__PURE__ */ jsx(SecurityRowLabel, { children: "Legal Structuring" }),
8742
- /* @__PURE__ */ jsx(SecurityRowLogo, { children: /* @__PURE__ */ jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: "22px", filter: "brightness(0) invert(1)", opacity: 0.8 } }) })
8743
- ] }),
8744
- /* @__PURE__ */ jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxs(SecurityRowLinks, { children: [
8745
- /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Legal Opinion" }),
8746
- /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Structuring Memo" })
8747
- ] }) })
8830
+ /* @__PURE__ */ jsxs(SecurityCardsGrid, { children: [
8831
+ /* @__PURE__ */ jsxs(SecurityCard, { children: [
8832
+ /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8833
+ /* @__PURE__ */ jsx("path", { d: "M9 12l2 2 4-4" }),
8834
+ /* @__PURE__ */ jsx("path", { d: "M12 3l8 4.5v5c0 5-3.5 8.5-8 10.5-4.5-2-8-5.5-8-10.5v-5l8-4.5z" })
8835
+ ] }) }),
8836
+ /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
8837
+ /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Legal Structuring" }),
8838
+ /* @__PURE__ */ jsx(SecurityCardProvider, { children: /* @__PURE__ */ jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: 16, filter: "brightness(0) invert(1)", opacity: 0.7 } }) }),
8839
+ /* @__PURE__ */ jsxs(SecurityCardLinks, { children: [
8840
+ /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Legal Opinion" }),
8841
+ /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Structuring Memo" })
8842
+ ] })
8843
+ ] })
8748
8844
  ] }),
8749
- /* @__PURE__ */ jsxs(SecurityRow, { children: [
8750
- /* @__PURE__ */ jsxs(SecurityRowLeft, { children: [
8751
- /* @__PURE__ */ jsx(SecurityRowLabel, { children: "Security Interest in Asset" }),
8752
- /* @__PURE__ */ jsxs(SecurityRowValue, { children: [
8845
+ /* @__PURE__ */ jsxs(SecurityCard, { children: [
8846
+ /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8847
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
8848
+ /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
8849
+ ] }) }),
8850
+ /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
8851
+ /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Security Interest in Asset" }),
8852
+ /* @__PURE__ */ jsxs(SecurityCardStatus, { children: [
8753
8853
  /* @__PURE__ */ jsx(SecurityStatusDot, {}),
8754
8854
  "Secured \u2014 NSW Land Registry"
8855
+ ] }),
8856
+ /* @__PURE__ */ jsxs(SecurityCardLinks, { children: [
8857
+ /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Mortgage Agreement" }),
8858
+ /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Registry Filing" })
8755
8859
  ] })
8756
- ] }),
8757
- /* @__PURE__ */ jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxs(SecurityRowLinks, { children: [
8758
- /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Mortgage Agreement" }),
8759
- /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Registry Filing" })
8760
- ] }) })
8860
+ ] })
8761
8861
  ] }),
8762
- /* @__PURE__ */ jsxs(SecurityRow, { children: [
8763
- /* @__PURE__ */ jsxs(SecurityRowLeft, { children: [
8764
- /* @__PURE__ */ jsx(SecurityRowLabel, { children: "Bankruptcy Remote" }),
8765
- /* @__PURE__ */ jsxs(SecurityRowValue, { children: [
8862
+ /* @__PURE__ */ jsxs(SecurityCard, { children: [
8863
+ /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8864
+ /* @__PURE__ */ jsx("path", { d: "M3 21h18" }),
8865
+ /* @__PURE__ */ jsx("path", { d: "M5 21V7l8-4v18" }),
8866
+ /* @__PURE__ */ jsx("path", { d: "M19 21V11l-6-4" }),
8867
+ /* @__PURE__ */ jsx("path", { d: "M9 9v.01" }),
8868
+ /* @__PURE__ */ jsx("path", { d: "M9 12v.01" }),
8869
+ /* @__PURE__ */ jsx("path", { d: "M9 15v.01" }),
8870
+ /* @__PURE__ */ jsx("path", { d: "M9 18v.01" })
8871
+ ] }) }),
8872
+ /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
8873
+ /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Bankruptcy Remote" }),
8874
+ /* @__PURE__ */ jsxs(SecurityCardStatus, { children: [
8766
8875
  /* @__PURE__ */ jsx(SecurityStatusDot, {}),
8767
8876
  "Active \u2014 Dedicated SPV"
8768
- ] })
8769
- ] }),
8770
- /* @__PURE__ */ jsx(SecurityRowRight, { children: /* @__PURE__ */ jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) }) })
8877
+ ] }),
8878
+ /* @__PURE__ */ jsx(SecurityCardLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) })
8879
+ ] })
8771
8880
  ] }),
8772
- /* @__PURE__ */ jsxs(SecurityRow, { $noBorder: true, children: [
8773
- /* @__PURE__ */ jsxs(SecurityRowLeft, { children: [
8774
- /* @__PURE__ */ jsx(SecurityRowLabel, { children: "Independent Valuation" }),
8775
- /* @__PURE__ */ jsx(SecurityRowLogo, { children: /* @__PURE__ */ jsx("img", { src: "/savills.png", alt: "Savills", style: { height: "18px", filter: "brightness(0) invert(1)", opacity: 0.8 } }) })
8776
- ] }),
8777
- /* @__PURE__ */ jsx(SecurityRowRight, { children: /* @__PURE__ */ jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) }) })
8881
+ /* @__PURE__ */ jsxs(SecurityCard, { children: [
8882
+ /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8883
+ /* @__PURE__ */ jsx("path", { d: "M16 3h5v5" }),
8884
+ /* @__PURE__ */ jsx("path", { d: "M8 3H3v5" }),
8885
+ /* @__PURE__ */ jsx("path", { d: "M12 22l-4-4 4-4" }),
8886
+ /* @__PURE__ */ jsx("path", { d: "M12 22l4-4-4-4" }),
8887
+ /* @__PURE__ */ jsx("path", { d: "M21 3l-9 9" }),
8888
+ /* @__PURE__ */ jsx("path", { d: "M3 3l9 9" })
8889
+ ] }) }),
8890
+ /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
8891
+ /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Independent Valuation" }),
8892
+ /* @__PURE__ */ jsx(SecurityCardProvider, { children: /* @__PURE__ */ jsx("img", { src: "/savills.png", alt: "Savills", style: { height: 14, filter: "brightness(0) invert(1)", opacity: 0.7 } }) }),
8893
+ /* @__PURE__ */ jsx(SecurityCardLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) })
8894
+ ] })
8778
8895
  ] })
8779
8896
  ] })
8780
8897
  ] })
@@ -9106,68 +9223,131 @@ var StatValue = styled9.span`
9106
9223
  color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
9107
9224
  font-variant-numeric: tabular-nums;
9108
9225
  `;
9109
- var AssetPanelsGrid = styled9.div`
9226
+ var InvestmentNarrativesRow = styled9.div`
9110
9227
  display: grid;
9111
- grid-template-columns: 1fr 1fr;
9112
- gap: 1rem;
9228
+ grid-template-columns: repeat(3, 1fr);
9229
+ gap: 0.75rem;
9230
+ margin-bottom: 1.25rem;
9113
9231
  @media (max-width: 768px) { grid-template-columns: 1fr; }
9114
9232
  `;
9115
- var MetricsPanel = styled9.div`
9233
+ var NarrativeCard = styled9.div`
9116
9234
  background: rgba(255,255,255,0.025);
9117
- border-radius: 10px;
9118
9235
  border: 1px solid rgba(255,255,255,0.06);
9119
- padding: 1.25rem 1.5rem;
9120
- overflow: hidden;
9236
+ border-radius: 10px;
9237
+ padding: 1.25rem;
9238
+ display: flex;
9239
+ flex-direction: column;
9240
+ gap: 0.5rem;
9241
+ transition: border-color 0.2s ease;
9242
+ &:hover { border-color: rgba(212,175,55,0.25); }
9121
9243
  `;
9122
- var InfoPanel = styled9(MetricsPanel)``;
9123
- var MetricsPanelTitle = styled9.div`
9124
- font-size: 0.65rem;
9244
+ var NarrativeIcon = styled9.div`
9245
+ width: 36px;
9246
+ height: 36px;
9247
+ border-radius: 8px;
9248
+ background: rgba(212,175,55,0.08);
9249
+ border: 1px solid rgba(212,175,55,0.15);
9250
+ display: flex;
9251
+ align-items: center;
9252
+ justify-content: center;
9125
9253
  color: #D4AF37;
9126
- text-transform: uppercase;
9127
- letter-spacing: 0.12em;
9254
+ flex-shrink: 0;
9255
+ `;
9256
+ var NarrativeTitle = styled9.div`
9257
+ font-size: 0.88rem;
9128
9258
  font-weight: 600;
9129
- margin-bottom: 1rem;
9130
- padding-bottom: 0.75rem;
9131
- border-bottom: 1px solid rgba(255,255,255,0.06);
9259
+ color: #fff;
9132
9260
  `;
9133
- var LandFloorCard = styled9.div`
9134
- background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(184,134,11,0.06));
9135
- border-radius: 10px;
9136
- padding: 0.85rem 1rem;
9137
- border: 1px solid rgba(212,175,55,0.25);
9261
+ var NarrativeDesc = styled9.div`
9262
+ font-size: 0.78rem;
9263
+ color: rgba(255,255,255,0.45);
9264
+ line-height: 1.55;
9265
+ `;
9266
+ var TimelineWrap = styled9.div`
9138
9267
  display: flex;
9139
- gap: 1rem;
9140
- margin-bottom: 0.75rem;
9268
+ flex-direction: column;
9269
+ position: relative;
9270
+ padding-left: 0;
9271
+ `;
9272
+ var TimelineEntry = styled9.div`
9273
+ display: grid;
9274
+ grid-template-columns: 48px 12px 1fr;
9275
+ align-items: center;
9276
+ gap: 0.75rem;
9277
+ padding: 0.55rem 0;
9278
+ border-bottom: ${(p) => p.$last ? "none" : "1px solid rgba(255,255,255,0.03)"};
9279
+ `;
9280
+ var TimelineYear = styled9.span`
9281
+ font-size: 0.72rem;
9282
+ font-weight: 500;
9283
+ color: rgba(255,255,255,0.4);
9284
+ text-align: right;
9285
+ font-variant-numeric: tabular-nums;
9286
+ `;
9287
+ var TimelineDot = styled9.div`
9288
+ width: 8px;
9289
+ height: 8px;
9290
+ border-radius: 50%;
9291
+ background: ${(p) => p.$active ? "#D4AF37" : "rgba(255,255,255,0.15)"};
9292
+ border: ${(p) => p.$active ? "2px solid rgba(212,175,55,0.4)" : "none"};
9293
+ justify-self: center;
9141
9294
  `;
9142
- var MetricLabel = styled9.div`
9295
+ var TimelineDetail = styled9.div`
9296
+ display: flex;
9297
+ align-items: center;
9298
+ justify-content: space-between;
9299
+ gap: 0.5rem;
9300
+ `;
9301
+ var TimelineLabel = styled9.span`
9302
+ font-size: 0.8rem;
9303
+ color: rgba(255,255,255,0.6);
9304
+ `;
9305
+ var TimelinePrice = styled9.span`
9306
+ font-size: 0.85rem;
9307
+ font-weight: 600;
9308
+ color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
9309
+ font-variant-numeric: tabular-nums;
9310
+ `;
9311
+ var ComparableSalesTitle = styled9.div`
9143
9312
  font-size: 0.65rem;
9144
- color: #D4AF37;
9313
+ color: rgba(255,255,255,0.35);
9145
9314
  text-transform: uppercase;
9146
- letter-spacing: 0.1em;
9147
- margin-bottom: 0.4rem;
9315
+ letter-spacing: 0.08em;
9148
9316
  font-weight: 500;
9317
+ margin-top: 1rem;
9318
+ padding-top: 0.75rem;
9319
+ padding-bottom: 0.5rem;
9320
+ border-top: 1px solid rgba(255,255,255,0.04);
9149
9321
  `;
9150
- var MetricValueRow = styled9.div`
9322
+ var AssetFeatureRow = styled9.div`
9151
9323
  display: flex;
9152
- align-items: baseline;
9153
- gap: 0.25rem;
9324
+ flex-wrap: wrap;
9325
+ gap: 0.5rem 1.25rem;
9326
+ padding-top: 0.75rem;
9327
+ margin-top: 0.25rem;
9328
+ border-top: 1px solid rgba(255,255,255,0.04);
9154
9329
  `;
9155
- var MetricBig = styled9.span`
9156
- font-size: 1.5rem;
9157
- font-weight: 700;
9158
- color: #D4AF37;
9159
- line-height: 1;
9330
+ var AssetFeatureItem = styled9.div`
9331
+ display: flex;
9332
+ align-items: center;
9333
+ gap: 0.35rem;
9160
9334
  `;
9161
- var MetricUnit = styled9.span`
9162
- font-size: 0.7rem;
9163
- color: rgba(212,175,55,0.7);
9164
- font-weight: 500;
9335
+ var AssetFeatureIcon = styled9.span`
9336
+ color: rgba(255,255,255,0.35);
9337
+ display: flex;
9338
+ align-items: center;
9339
+ flex-shrink: 0;
9165
9340
  `;
9166
- var FeaturesGrid = styled9.div`
9167
- display: grid;
9168
- grid-template-columns: repeat(3, 1fr);
9169
- gap: 0.75rem;
9170
- @media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); }
9341
+ var AssetFeatureValue = styled9.span`
9342
+ font-size: 0.95rem;
9343
+ font-weight: 600;
9344
+ color: #fff;
9345
+ line-height: 1;
9346
+ `;
9347
+ var AssetFeatureLabel = styled9.span`
9348
+ font-size: 0.8rem;
9349
+ color: rgba(255,255,255,0.5);
9350
+ font-weight: 400;
9171
9351
  `;
9172
9352
  var TradingHoursCard = styled9.div`
9173
9353
  background: rgba(255,255,255,0.025);
@@ -9202,40 +9382,56 @@ var TradingHoursNote = styled9.div`
9202
9382
  color: rgba(255,255,255,0.35);
9203
9383
  border-top: 1px solid rgba(255,255,255,0.04);
9204
9384
  `;
9205
- var SecurityTable = styled9.div`
9385
+ var SecurityCardsGrid = styled9.div`
9386
+ display: grid;
9387
+ grid-template-columns: 1fr 1fr;
9388
+ gap: 0.75rem;
9389
+ @media (max-width: 768px) { grid-template-columns: 1fr; }
9390
+ `;
9391
+ var SecurityCard = styled9.div`
9392
+ background: rgba(255,255,255,0.025);
9393
+ border: 1px solid rgba(255,255,255,0.06);
9394
+ border-radius: 10px;
9395
+ padding: 1.25rem;
9206
9396
  display: flex;
9207
- flex-direction: column;
9397
+ gap: 1rem;
9398
+ transition: border-color 0.2s ease;
9399
+ &:hover { border-color: rgba(255,255,255,0.12); }
9208
9400
  `;
9209
- var SecurityRow = styled9.div`
9401
+ var SecurityCardIcon = styled9.div`
9402
+ width: 40px;
9403
+ height: 40px;
9404
+ border-radius: 10px;
9405
+ background: rgba(74,222,128,0.08);
9406
+ border: 1px solid rgba(74,222,128,0.15);
9210
9407
  display: flex;
9211
9408
  align-items: center;
9212
- justify-content: space-between;
9213
- padding: 1rem 0;
9214
- border-bottom: ${({ $noBorder }) => $noBorder ? "none" : "1px solid rgba(255,255,255,0.06)"};
9215
- gap: 1rem;
9216
- @media (max-width: 640px) { flex-direction: column; align-items: flex-start; }
9409
+ justify-content: center;
9410
+ flex-shrink: 0;
9411
+ color: #4ade80;
9217
9412
  `;
9218
- var SecurityRowLeft = styled9.div`
9413
+ var SecurityCardContent = styled9.div`
9219
9414
  display: flex;
9220
9415
  flex-direction: column;
9221
9416
  gap: 4px;
9417
+ min-width: 0;
9222
9418
  `;
9223
- var SecurityRowLabel = styled9.div`
9224
- font-size: 0.88rem;
9419
+ var SecurityCardTitle = styled9.div`
9420
+ font-size: 0.85rem;
9225
9421
  font-weight: 600;
9226
9422
  color: #fff;
9227
9423
  `;
9228
- var SecurityRowValue = styled9.div`
9424
+ var SecurityCardStatus = styled9.div`
9229
9425
  display: flex;
9230
9426
  align-items: center;
9231
9427
  gap: 6px;
9232
- font-size: 0.78rem;
9428
+ font-size: 0.75rem;
9233
9429
  color: rgba(255,255,255,0.5);
9234
9430
  `;
9235
- var SecurityRowLogo = styled9.div`
9431
+ var SecurityCardProvider = styled9.div`
9236
9432
  display: flex;
9237
9433
  align-items: center;
9238
- margin-top: 2px;
9434
+ margin-top: 1px;
9239
9435
  `;
9240
9436
  var SecurityStatusDot = styled9.span`
9241
9437
  width: 6px;
@@ -9245,21 +9441,17 @@ var SecurityStatusDot = styled9.span`
9245
9441
  display: inline-block;
9246
9442
  flex-shrink: 0;
9247
9443
  `;
9248
- var SecurityRowRight = styled9.div`
9249
- display: flex;
9250
- align-items: center;
9251
- flex-shrink: 0;
9252
- `;
9253
- var SecurityRowLinks = styled9.div`
9444
+ var SecurityCardLinks = styled9.div`
9254
9445
  display: flex;
9255
- gap: 1.25rem;
9446
+ gap: 0.75rem;
9447
+ margin-top: 4px;
9256
9448
  `;
9257
9449
  var SecurityDocLink = styled9.a`
9258
- font-size: 0.78rem;
9259
- color: rgba(255,255,255,0.45);
9450
+ font-size: 0.72rem;
9451
+ color: rgba(255,255,255,0.4);
9260
9452
  text-decoration: underline;
9261
9453
  text-underline-offset: 3px;
9262
- text-decoration-color: rgba(255,255,255,0.2);
9454
+ text-decoration-color: rgba(255,255,255,0.15);
9263
9455
  cursor: pointer;
9264
9456
  transition: color 0.15s, text-decoration-color 0.15s;
9265
9457
  &:hover {
@@ -10532,7 +10724,7 @@ function AssetSelectorBar({
10532
10724
  i > 0 && /* @__PURE__ */ jsx(Separator, { children: "|" }),
10533
10725
  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
10534
10726
  /* @__PURE__ */ jsxs("div", { children: [
10535
- /* @__PURE__ */ jsx(MetricLabel2, { children: m.label }),
10727
+ /* @__PURE__ */ jsx(MetricLabel, { children: m.label }),
10536
10728
  /* @__PURE__ */ jsx(MetricValue, { $accent: !!m.accent, $secondary: !!m.secondary, children: m.value })
10537
10729
  ] }),
10538
10730
  m.change != null && /* @__PURE__ */ jsxs(MetricChange, { $positive: m.change >= 0, children: [
@@ -10672,7 +10864,7 @@ var SelectorMetrics = styled9.div`
10672
10864
  gap: 0.5rem;
10673
10865
  }
10674
10866
  `;
10675
- var MetricLabel2 = styled9.span`
10867
+ var MetricLabel = styled9.span`
10676
10868
  font-size: 0.75rem;
10677
10869
  color: var(--color-text-secondary);
10678
10870
  text-transform: uppercase;
@@ -10981,14 +11173,14 @@ function OfferingProgressCard({
10981
11173
  ] }) : /* @__PURE__ */ jsx(PreLiveStatus, { $statusColor: statusColor, children: "Sale Not Yet Open" }),
10982
11174
  /* @__PURE__ */ jsxs(MetricsRow, { children: [
10983
11175
  /* @__PURE__ */ jsxs("div", { children: [
10984
- /* @__PURE__ */ jsx(MetricLabel3, { children: isPrivateClient ? "Token Price (Pre-Offering)" : "Token Price" }),
11176
+ /* @__PURE__ */ jsx(MetricLabel2, { children: isPrivateClient ? "Token Price (Pre-Offering)" : "Token Price" }),
10985
11177
  /* @__PURE__ */ jsxs(MetricValue2, { $accent: true, children: [
10986
11178
  "$",
10987
11179
  tokenPrice.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })
10988
11180
  ] })
10989
11181
  ] }),
10990
11182
  /* @__PURE__ */ jsxs("div", { style: { textAlign: "right" }, children: [
10991
- /* @__PURE__ */ jsx(MetricLabel3, { children: isPrivateClient ? "Offering Valuation (Pre-Offering)" : "Offering Valuation" }),
11183
+ /* @__PURE__ */ jsx(MetricLabel2, { children: isPrivateClient ? "Offering Valuation (Pre-Offering)" : "Offering Valuation" }),
10992
11184
  /* @__PURE__ */ jsxs(MetricValue2, { children: [
10993
11185
  "$",
10994
11186
  offeringValuation.toLocaleString()
@@ -11113,7 +11305,7 @@ var MetricsRow = styled9.div`
11113
11305
  border-top: 1px solid rgba(255,255,255,0.06);
11114
11306
  padding-top: 1rem;
11115
11307
  `;
11116
- var MetricLabel3 = styled9.div`
11308
+ var MetricLabel2 = styled9.div`
11117
11309
  font-size: 0.6rem;
11118
11310
  color: var(--color-text-secondary);
11119
11311
  text-transform: uppercase;