npm - @loafmarkets/ui - Versions diffs - 0.1.154 → 0.1.156 - Mend

@loafmarkets/ui 0.1.154 → 0.1.156

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

package/dist/index.js CHANGED Viewed

@@ -8410,29 +8410,6 @@ var GymIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16"
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 6h4" }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 18h4" })
 ] });
-var ShieldIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) });
-var LockIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-] });
-var FileCheckIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-  /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "14 2 14 8 20 8" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 15l2 2 4-4" })
-] });
-var BuildingIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", ry: "2" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 22v-4h6v4" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 6h.01" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 6h.01" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6h.01" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 10h.01" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 14h.01" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 10h.01" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 14h.01" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 10h.01" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 14h.01" })
-] });
 var DEFAULT_FEATURES = [
   { icon: BedIcon, value: "\u2014", label: "Beds" },
   { icon: BathIcon, value: "\u2014", label: "Baths" },
@@ -8450,12 +8427,6 @@ var DEFAULT_PROPERTY_INFO = [
   { label: "Status", value: "N/A" }
 ];
 var DEFAULT_DESCRIPTION = "Property description not available.";
-var ScaleIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3v18" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 7l9-4 9 4" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 7l3 5h-6l3-5z" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 7l3 5h-6l3-5z" })
-] });
 function truncateAddress(addr) {
   if (addr.length <= 12) return addr;
   return `${addr.slice(0, 6)}...${addr.slice(-4)}`;
@@ -8756,97 +8727,47 @@ function PropertyOverview({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Tokenholder Security" }),
-      /* @__PURE__ */ jsxRuntime.jsx(SecurityIntro, { children: "Every token issued by Loaf Markets is underpinned by institutional-grade legal and structural protections, independently verified and documented." }),
-      /* @__PURE__ */ jsxRuntime.jsxs(SecurityTopRow, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadge, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeIcon, { children: ScaleIcon }),
-          /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadgeContent, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeLabel, { children: "Legal Structuring by" }),
-            /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeLogo, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: "28px", filter: "brightness(0) invert(1)", opacity: 0.85 } }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadge, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeIcon, { children: FileCheckIcon }),
-          /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadgeContent, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeLabel, { children: "Independent Valuation by" }),
-            /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeValuer, { children: "CBRE & Savills" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ProtectionsGrid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: ShieldIcon }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Security Interest in Asset" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
-                "Secured & Registered"
-              ] })
-            ] })
+      /* @__PURE__ */ jsxRuntime.jsxs(SecurityTable, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLeft, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLabel, { children: "Legal Structuring" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLogo, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: "22px", filter: "brightness(0) invert(1)", opacity: 0.8 } }) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "A registered mortgage over the property is held on behalf of token holders, secured against the NSW Land Registry. This ensures token holders have a direct, enforceable claim over the underlying real estate." }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Mortgage Agreement" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Land Registry Filing" })
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLinks, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Legal Opinion" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Structuring Memo" })
+          ] }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: LockIcon }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Bankruptcy Remote SPV" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
-                "Active"
-              ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLeft, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLabel, { children: "Security Interest in Asset" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowValue, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SecurityStatusDot, {}),
+              "Secured \u2014 NSW Land Registry"
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "The property is held within a dedicated Special Purpose Vehicle, legally isolated from Loaf Markets' operating entity. In the event of platform insolvency, token holder assets remain protected and ring-fenced." }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "SPV Constitution" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Legal Opinion" })
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLinks, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Mortgage Agreement" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Registry Filing" })
+          ] }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: FileCheckIcon }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Data Protection & Compliance" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
-                "Compliant"
-              ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLeft, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLabel, { children: "Bankruptcy Remote" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowValue, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SecurityStatusDot, {}),
+              "Active \u2014 Dedicated SPV"
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "All investor data is handled under executed Data Processing Agreements compliant with Australian Privacy Act and GDPR standards. KYC/AML procedures follow AUSTRAC reporting obligations." }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "DPA Agreement" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Privacy Policy" })
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: BuildingIcon }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Independent Valuation" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
-                "Current"
-              ] })
-            ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { $noBorder: true, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLeft, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLabel, { children: "Independent Valuation" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLogo, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/savills.png", alt: "Savills", style: { height: "18px", filter: "brightness(0) invert(1)", opacity: 0.8 } }) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "Property valuations are conducted by independent, internationally recognised firms (CBRE, Savills) at regular intervals. Reports are available for review in the Documents tab." }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Valuation Report" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Methodology" })
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) }) })
         ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(SecurityFooter, { children: [
-        "Full documentation including legal opinions, mortgage instruments, SPV constitutions, and valuation reports is available in the ",
-        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Documents" }),
-        " tab."
       ] })
     ] })
   ] });
@@ -9221,145 +9142,69 @@ var TradingHoursNote = styled9__default.default.div`
   color: rgba(255,255,255,0.35);
   border-top: 1px solid rgba(255,255,255,0.04);
 `;
-var SecurityIntro = styled9__default.default.p`
-  font-size: 0.85rem;
-  color: rgba(255,255,255,0.5);
-  line-height: 1.6;
-  margin: 0 0 1.5rem;
-  max-width: 720px;
-`;
-var SecurityTopRow = styled9__default.default.div`
+var SecurityTable = styled9__default.default.div`
   display: flex;
-  gap: 1rem;
-  margin-bottom: 1.25rem;
-  @media (max-width: 768px) { flex-direction: column; }
+  flex-direction: column;
 `;
-var SecurityBadge = styled9__default.default.div`
-  flex: 1;
+var SecurityRow = styled9__default.default.div`
   display: flex;
   align-items: center;
+  justify-content: space-between;
+  padding: 1rem 0;
+  border-bottom: ${({ $noBorder }) => $noBorder ? "none" : "1px solid rgba(255,255,255,0.06)"};
   gap: 1rem;
-  background: rgba(212,175,55,0.04);
-  border: 1px solid rgba(212,175,55,0.15);
-  border-radius: 10px;
-  padding: 1rem 1.25rem;
-`;
-var SecurityBadgeIcon = styled9__default.default.div`
-  width: 40px;
-  height: 40px;
-  border-radius: 8px;
-  background: rgba(212,175,55,0.1);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
+  @media (max-width: 640px) { flex-direction: column; align-items: flex-start; }
 `;
-var SecurityBadgeContent = styled9__default.default.div`
+var SecurityRowLeft = styled9__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
 `;
-var SecurityBadgeLabel = styled9__default.default.span`
-  font-size: 0.72rem;
-  color: rgba(255,255,255,0.45);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  font-weight: 500;
-`;
-var SecurityBadgeLogo = styled9__default.default.div`
-  display: flex;
-  align-items: center;
-  height: 28px;
-`;
-var SecurityBadgeValuer = styled9__default.default.div`
-  font-size: 1rem;
+var SecurityRowLabel = styled9__default.default.div`
+  font-size: 0.88rem;
   font-weight: 600;
   color: #fff;
-  letter-spacing: 0.02em;
-`;
-var ProtectionsGrid = styled9__default.default.div`
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1rem;
-  @media (max-width: 768px) { grid-template-columns: 1fr; }
-`;
-var ProtectionCard = styled9__default.default.div`
-  background: rgba(255,255,255,0.025);
-  border: 1px solid rgba(255,255,255,0.06);
-  border-radius: 10px;
-  padding: 1.25rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-`;
-var ProtectionCardHeader = styled9__default.default.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
 `;
-var ProtectionIconWrap = styled9__default.default.div`
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  background: rgba(212,175,55,0.1);
+var SecurityRowValue = styled9__default.default.div`
   display: flex;
   align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-`;
-var ProtectionTitle = styled9__default.default.div`
-  font-size: 0.92rem;
-  font-weight: 600;
-  color: #fff;
-  margin-bottom: 2px;
+  gap: 6px;
+  font-size: 0.78rem;
+  color: rgba(255,255,255,0.5);
 `;
-var ProtectionStatus = styled9__default.default.div`
+var SecurityRowLogo = styled9__default.default.div`
   display: flex;
   align-items: center;
-  gap: 5px;
-  font-size: 0.72rem;
-  color: #4ade80;
-  font-weight: 500;
+  margin-top: 2px;
 `;
-var ProtectionStatusDot = styled9__default.default.span`
+var SecurityStatusDot = styled9__default.default.span`
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #4ade80;
   display: inline-block;
+  flex-shrink: 0;
 `;
-var ProtectionDesc = styled9__default.default.div`
-  font-size: 0.8rem;
-  color: rgba(255,255,255,0.5);
-  line-height: 1.6;
-`;
-var ProtectionDocs = styled9__default.default.div`
+var SecurityRowRight = styled9__default.default.div`
   display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-top: auto;
+  align-items: center;
+  flex-shrink: 0;
 `;
-var ProtectionDocTag = styled9__default.default.span`
-  font-size: 0.68rem;
-  color: rgba(212,175,55,0.8);
-  background: rgba(212,175,55,0.08);
-  border: 1px solid rgba(212,175,55,0.12);
-  border-radius: 4px;
-  padding: 3px 8px;
-  font-weight: 500;
+var SecurityRowLinks = styled9__default.default.div`
+  display: flex;
+  gap: 1.25rem;
 `;
-var SecurityFooter = styled9__default.default.div`
-  margin-top: 1.25rem;
-  padding: 0.85rem 1rem;
-  background: rgba(255,255,255,0.02);
-  border: 1px solid rgba(255,255,255,0.05);
-  border-radius: 8px;
+var SecurityDocLink = styled9__default.default.a`
   font-size: 0.78rem;
-  color: rgba(255,255,255,0.4);
-  line-height: 1.5;
-  strong {
-    color: rgba(212,175,55,0.8);
-    font-weight: 600;
+  color: rgba(255,255,255,0.45);
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  text-decoration-color: rgba(255,255,255,0.2);
+  cursor: pointer;
+  transition: color 0.15s, text-decoration-color 0.15s;
+  &:hover {
+    color: rgba(212,175,55,0.9);
+    text-decoration-color: rgba(212,175,55,0.5);
   }
 `;
 var HoldRatioWrap = styled9__default.default.div`