@loafmarkets/ui 0.1.214 → 0.1.215

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
@@ -8685,37 +8685,39 @@ function PropertyOverview({
8685
8685
  onClose: () => setShowHolders(false)
8686
8686
  }
8687
8687
  ),
8688
- galleryImages.length > 0 && /* @__PURE__ */ jsx(GalleryBreakout, { children: /* @__PURE__ */ jsx(
8689
- GalleryMapSection,
8690
- {
8691
- images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8692
- categories: galleryCategories2,
8693
- propertyLocation: location,
8694
- videoUrl,
8695
- tokenName,
8696
- onPhotoClick: onPhotosClick
8697
- }
8698
- ) }),
8699
8688
  /* @__PURE__ */ jsxs(Section, { children: [
8700
- /* @__PURE__ */ jsx(SectionHeader, { children: "Investment Profile" }),
8701
- /* @__PURE__ */ jsxs(InvestmentNarrativesRow, { children: [
8702
- /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8703
- /* @__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" }) }) }),
8704
- /* @__PURE__ */ jsx(NarrativeTitle, { children: "Generational Compounding" }),
8705
- /* @__PURE__ */ jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000, compounded through every market cycle to a current valuation exceeding A$20M." })
8706
- ] }),
8707
- /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8708
- /* @__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" }) }) }),
8709
- /* @__PURE__ */ jsx(NarrativeTitle, { children: "Permanent Scarcity" }),
8710
- /* @__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." })
8711
- ] }),
8712
- /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8713
- /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
8714
- /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
8715
- /* @__PURE__ */ jsx("path", { d: "M12 6v6l4 2" })
8716
- ] }) }),
8717
- /* @__PURE__ */ jsx(NarrativeTitle, { children: "Liquidity Premium" }),
8718
- /* @__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." })
8689
+ /* @__PURE__ */ jsx(SectionHeader, { children: "The Asset" }),
8690
+ galleryImages.length > 0 && /* @__PURE__ */ jsxs(AssetBentoGrid, { children: [
8691
+ /* @__PURE__ */ jsx(AssetBentoGallery, { children: /* @__PURE__ */ jsx(
8692
+ GalleryMapSection,
8693
+ {
8694
+ images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8695
+ categories: galleryCategories2,
8696
+ propertyLocation: location,
8697
+ videoUrl,
8698
+ tokenName,
8699
+ onPhotoClick: onPhotosClick
8700
+ }
8701
+ ) }),
8702
+ /* @__PURE__ */ jsxs(AssetBentoNarratives, { children: [
8703
+ /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8704
+ /* @__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" }) }) }),
8705
+ /* @__PURE__ */ jsx(NarrativeTitle, { children: "Generational Compounding" }),
8706
+ /* @__PURE__ */ jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000, compounded through every market cycle to a current valuation exceeding A$20M." })
8707
+ ] }),
8708
+ /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8709
+ /* @__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" }) }) }),
8710
+ /* @__PURE__ */ jsx(NarrativeTitle, { children: "Permanent Scarcity" }),
8711
+ /* @__PURE__ */ jsx(NarrativeDesc, { children: "Heritage harbour-front estates in Mosman cannot be replicated. Sustained global demand supports long-term price growth." })
8712
+ ] }),
8713
+ /* @__PURE__ */ jsxs(NarrativeCard, { children: [
8714
+ /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
8715
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
8716
+ /* @__PURE__ */ jsx("path", { d: "M12 6v6l4 2" })
8717
+ ] }) }),
8718
+ /* @__PURE__ */ jsx(NarrativeTitle, { children: "Liquidity Premium" }),
8719
+ /* @__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." })
8720
+ ] })
8719
8721
  ] })
8720
8722
  ] }),
8721
8723
  /* @__PURE__ */ jsxs(StatsGrid, { children: [
@@ -9134,7 +9136,24 @@ var Wrapper = styled9.div`
9134
9136
  flex-direction: column;
9135
9137
  gap: 1.5rem;
9136
9138
  `;
9137
- var GalleryBreakout = styled9.div`
9139
+ var AssetBentoGrid = styled9.div`
9140
+ display: flex;
9141
+ flex-direction: column;
9142
+ gap: 0.75rem;
9143
+ margin-bottom: 1.25rem;
9144
+ `;
9145
+ var AssetBentoGallery = styled9.div`
9146
+ border-radius: 12px;
9147
+ overflow: hidden;
9148
+ border: 1px solid rgba(255,255,255,0.06);
9149
+ `;
9150
+ var AssetBentoNarratives = styled9.div`
9151
+ display: grid;
9152
+ grid-template-columns: repeat(3, 1fr);
9153
+ gap: 0.75rem;
9154
+ @media (max-width: 768px) { grid-template-columns: 1fr; }
9155
+ `;
9156
+ styled9.div`
9138
9157
  width: 100vw;
9139
9158
  position: relative;
9140
9159
  left: 50%;
@@ -9463,7 +9482,7 @@ var StatValue = styled9.span`
9463
9482
  color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
9464
9483
  font-variant-numeric: tabular-nums;
9465
9484
  `;
9466
- var InvestmentNarrativesRow = styled9.div`
9485
+ styled9.div`
9467
9486
  display: grid;
9468
9487
  grid-template-columns: repeat(3, 1fr);
9469
9488
  gap: 0.75rem;