@loafmarkets/ui 0.1.214 → 0.1.216

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.js CHANGED
@@ -8711,37 +8711,39 @@ function PropertyOverview({
8711
8711
  onClose: () => setShowHolders(false)
8712
8712
  }
8713
8713
  ),
8714
- galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(GalleryBreakout, { children: /* @__PURE__ */ jsxRuntime.jsx(
8715
- GalleryMapSection,
8716
- {
8717
- images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8718
- categories: galleryCategories2,
8719
- propertyLocation: location,
8720
- videoUrl,
8721
- tokenName,
8722
- onPhotoClick: onPhotosClick
8723
- }
8724
- ) }),
8725
8714
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
8726
- /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Investment Profile" }),
8727
- /* @__PURE__ */ jsxRuntime.jsxs(InvestmentNarrativesRow, { children: [
8728
- /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8729
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) }),
8730
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Generational Compounding" }),
8731
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000, compounded through every market cycle to a current valuation exceeding A$20M." })
8732
- ] }),
8733
- /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8734
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }),
8735
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Permanent Scarcity" }),
8736
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Heritage harbour-front estates in Mosman cannot be replicated. Sustained global demand into this safe-haven supports long-term price growth." })
8737
- ] }),
8738
- /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8739
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
8740
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
8741
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6v6l4 2" })
8742
- ] }) }),
8743
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Liquidity Premium" }),
8744
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Listed assets historically trade at a 20\u201330% premium to unlisted counterparts. First individual property admitted to a continuously traded market." })
8715
+ /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "The Asset" }),
8716
+ galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoGrid, { children: [
8717
+ /* @__PURE__ */ jsxRuntime.jsx(
8718
+ GalleryMapSection,
8719
+ {
8720
+ images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
8721
+ categories: galleryCategories2,
8722
+ propertyLocation: location,
8723
+ videoUrl,
8724
+ tokenName,
8725
+ onPhotoClick: onPhotosClick
8726
+ }
8727
+ ),
8728
+ /* @__PURE__ */ jsxRuntime.jsxs(AssetBentoNarratives, { children: [
8729
+ /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8730
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) }),
8731
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Generational Compounding" }),
8732
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000, compounded through every market cycle to a current valuation exceeding A$20M." })
8733
+ ] }),
8734
+ /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8735
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }),
8736
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Permanent Scarcity" }),
8737
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Heritage harbour-front estates in Mosman cannot be replicated. Sustained global demand supports long-term price growth." })
8738
+ ] }),
8739
+ /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8740
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
8741
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
8742
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6v6l4 2" })
8743
+ ] }) }),
8744
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Liquidity Premium" }),
8745
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Listed assets historically trade at a 20\u201330% premium to unlisted counterparts. First individual property admitted to a continuously traded market." })
8746
+ ] })
8745
8747
  ] })
8746
8748
  ] }),
8747
8749
  /* @__PURE__ */ jsxRuntime.jsxs(StatsGrid, { children: [
@@ -9160,7 +9162,24 @@ var Wrapper = styled9__default.default.div`
9160
9162
  flex-direction: column;
9161
9163
  gap: 1.5rem;
9162
9164
  `;
9163
- var GalleryBreakout = styled9__default.default.div`
9165
+ var AssetBentoGrid = styled9__default.default.div`
9166
+ display: flex;
9167
+ flex-direction: column;
9168
+ gap: 0.75rem;
9169
+ margin-bottom: 1.25rem;
9170
+ `;
9171
+ styled9__default.default.div`
9172
+ border-radius: 12px;
9173
+ overflow: hidden;
9174
+ border: 1px solid rgba(255,255,255,0.06);
9175
+ `;
9176
+ var AssetBentoNarratives = styled9__default.default.div`
9177
+ display: grid;
9178
+ grid-template-columns: repeat(3, 1fr);
9179
+ gap: 0.75rem;
9180
+ @media (max-width: 768px) { grid-template-columns: 1fr; }
9181
+ `;
9182
+ styled9__default.default.div`
9164
9183
  width: 100vw;
9165
9184
  position: relative;
9166
9185
  left: 50%;
@@ -9489,7 +9508,7 @@ var StatValue = styled9__default.default.span`
9489
9508
  color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
9490
9509
  font-variant-numeric: tabular-nums;
9491
9510
  `;
9492
- var InvestmentNarrativesRow = styled9__default.default.div`
9511
+ styled9__default.default.div`
9493
9512
  display: grid;
9494
9513
  grid-template-columns: repeat(3, 1fr);
9495
9514
  gap: 0.75rem;