@loafmarkets/ui 0.1.154 → 0.1.156

package/dist/index.mjs

@@ -8384,29 +8384,6 @@ var GymIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox:
   /* @__PURE__ */ jsx("path", { d: "M10 6h4" }),
   /* @__PURE__ */ jsx("path", { d: "M10 18h4" })
 ] });
-var ShieldIcon = /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) });
-var LockIcon = /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
-  /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-] });
-var FileCheckIcon = /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-  /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
-  /* @__PURE__ */ jsx("path", { d: "M9 15l2 2 4-4" })
-] });
-var BuildingIcon = /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", ry: "2" }),
-  /* @__PURE__ */ jsx("path", { d: "M9 22v-4h6v4" }),
-  /* @__PURE__ */ jsx("path", { d: "M8 6h.01" }),
-  /* @__PURE__ */ jsx("path", { d: "M16 6h.01" }),
-  /* @__PURE__ */ jsx("path", { d: "M12 6h.01" }),
-  /* @__PURE__ */ jsx("path", { d: "M12 10h.01" }),
-  /* @__PURE__ */ jsx("path", { d: "M12 14h.01" }),
-  /* @__PURE__ */ jsx("path", { d: "M16 10h.01" }),
-  /* @__PURE__ */ jsx("path", { d: "M16 14h.01" }),
-  /* @__PURE__ */ jsx("path", { d: "M8 10h.01" }),
-  /* @__PURE__ */ jsx("path", { d: "M8 14h.01" })
-] });
 var DEFAULT_FEATURES = [
   { icon: BedIcon, value: "\u2014", label: "Beds" },
   { icon: BathIcon, value: "\u2014", label: "Baths" },
@@ -8424,12 +8401,6 @@ var DEFAULT_PROPERTY_INFO = [
   { label: "Status", value: "N/A" }
 ];
 var DEFAULT_DESCRIPTION = "Property description not available.";
-var ScaleIcon = /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("path", { d: "M12 3v18" }),
-  /* @__PURE__ */ jsx("path", { d: "M3 7l9-4 9 4" }),
-  /* @__PURE__ */ jsx("path", { d: "M3 7l3 5h-6l3-5z" }),
-  /* @__PURE__ */ 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)}`;
@@ -8730,97 +8701,47 @@ function PropertyOverview({
     ] }),
     /* @__PURE__ */ jsxs(Section, { children: [
       /* @__PURE__ */ jsx(SectionHeader, { children: "Tokenholder Security" }),
-      /* @__PURE__ */ jsx(SecurityIntro, { children: "Every token issued by Loaf Markets is underpinned by institutional-grade legal and structural protections, independently verified and documented." }),
-      /* @__PURE__ */ jsxs(SecurityTopRow, { children: [
-        /* @__PURE__ */ jsxs(SecurityBadge, { children: [
-          /* @__PURE__ */ jsx(SecurityBadgeIcon, { children: ScaleIcon }),
-          /* @__PURE__ */ jsxs(SecurityBadgeContent, { children: [
-            /* @__PURE__ */ jsx(SecurityBadgeLabel, { children: "Legal Structuring by" }),
-            /* @__PURE__ */ jsx(SecurityBadgeLogo, { children: /* @__PURE__ */ jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: "28px", filter: "brightness(0) invert(1)", opacity: 0.85 } }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(SecurityBadge, { children: [
-          /* @__PURE__ */ jsx(SecurityBadgeIcon, { children: FileCheckIcon }),
-          /* @__PURE__ */ jsxs(SecurityBadgeContent, { children: [
-            /* @__PURE__ */ jsx(SecurityBadgeLabel, { children: "Independent Valuation by" }),
-            /* @__PURE__ */ jsx(SecurityBadgeValuer, { children: "CBRE & Savills" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(ProtectionsGrid, { children: [
-        /* @__PURE__ */ jsxs(ProtectionCard, { children: [
-          /* @__PURE__ */ jsxs(ProtectionCardHeader, { children: [
-            /* @__PURE__ */ jsx(ProtectionIconWrap, { children: ShieldIcon }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(ProtectionTitle, { children: "Security Interest in Asset" }),
-              /* @__PURE__ */ jsxs(ProtectionStatus, { children: [
-                /* @__PURE__ */ jsx(ProtectionStatusDot, {}),
-                "Secured & Registered"
-              ] })
-            ] })
+      /* @__PURE__ */ jsxs(SecurityTable, { children: [
+        /* @__PURE__ */ jsxs(SecurityRow, { children: [
+          /* @__PURE__ */ jsxs(SecurityRowLeft, { children: [
+            /* @__PURE__ */ jsx(SecurityRowLabel, { children: "Legal Structuring" }),
+            /* @__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 } }) })
           ] }),
-          /* @__PURE__ */ 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__ */ jsxs(ProtectionDocs, { children: [
-            /* @__PURE__ */ jsx(ProtectionDocTag, { children: "Mortgage Agreement" }),
-            /* @__PURE__ */ jsx(ProtectionDocTag, { children: "Land Registry Filing" })
-          ] })
+          /* @__PURE__ */ jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxs(SecurityRowLinks, { children: [
+            /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Legal Opinion" }),
+            /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Structuring Memo" })
+          ] }) })
         ] }),
-        /* @__PURE__ */ jsxs(ProtectionCard, { children: [
-          /* @__PURE__ */ jsxs(ProtectionCardHeader, { children: [
-            /* @__PURE__ */ jsx(ProtectionIconWrap, { children: LockIcon }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(ProtectionTitle, { children: "Bankruptcy Remote SPV" }),
-              /* @__PURE__ */ jsxs(ProtectionStatus, { children: [
-                /* @__PURE__ */ jsx(ProtectionStatusDot, {}),
-                "Active"
-              ] })
+        /* @__PURE__ */ jsxs(SecurityRow, { children: [
+          /* @__PURE__ */ jsxs(SecurityRowLeft, { children: [
+            /* @__PURE__ */ jsx(SecurityRowLabel, { children: "Security Interest in Asset" }),
+            /* @__PURE__ */ jsxs(SecurityRowValue, { children: [
+              /* @__PURE__ */ jsx(SecurityStatusDot, {}),
+              "Secured \u2014 NSW Land Registry"
             ] })
           ] }),
-          /* @__PURE__ */ 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__ */ jsxs(ProtectionDocs, { children: [
-            /* @__PURE__ */ jsx(ProtectionDocTag, { children: "SPV Constitution" }),
-            /* @__PURE__ */ jsx(ProtectionDocTag, { children: "Legal Opinion" })
-          ] })
+          /* @__PURE__ */ jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxs(SecurityRowLinks, { children: [
+            /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Mortgage Agreement" }),
+            /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Registry Filing" })
+          ] }) })
         ] }),
-        /* @__PURE__ */ jsxs(ProtectionCard, { children: [
-          /* @__PURE__ */ jsxs(ProtectionCardHeader, { children: [
-            /* @__PURE__ */ jsx(ProtectionIconWrap, { children: FileCheckIcon }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(ProtectionTitle, { children: "Data Protection & Compliance" }),
-              /* @__PURE__ */ jsxs(ProtectionStatus, { children: [
-                /* @__PURE__ */ jsx(ProtectionStatusDot, {}),
-                "Compliant"
-              ] })
+        /* @__PURE__ */ jsxs(SecurityRow, { children: [
+          /* @__PURE__ */ jsxs(SecurityRowLeft, { children: [
+            /* @__PURE__ */ jsx(SecurityRowLabel, { children: "Bankruptcy Remote" }),
+            /* @__PURE__ */ jsxs(SecurityRowValue, { children: [
+              /* @__PURE__ */ jsx(SecurityStatusDot, {}),
+              "Active \u2014 Dedicated SPV"
             ] })
           ] }),
-          /* @__PURE__ */ 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__ */ jsxs(ProtectionDocs, { children: [
-            /* @__PURE__ */ jsx(ProtectionDocTag, { children: "DPA Agreement" }),
-            /* @__PURE__ */ jsx(ProtectionDocTag, { children: "Privacy Policy" })
-          ] })
+          /* @__PURE__ */ jsx(SecurityRowRight, { children: /* @__PURE__ */ jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) }) })
         ] }),
-        /* @__PURE__ */ jsxs(ProtectionCard, { children: [
-          /* @__PURE__ */ jsxs(ProtectionCardHeader, { children: [
-            /* @__PURE__ */ jsx(ProtectionIconWrap, { children: BuildingIcon }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(ProtectionTitle, { children: "Independent Valuation" }),
-              /* @__PURE__ */ jsxs(ProtectionStatus, { children: [
-                /* @__PURE__ */ jsx(ProtectionStatusDot, {}),
-                "Current"
-              ] })
-            ] })
+        /* @__PURE__ */ jsxs(SecurityRow, { $noBorder: true, children: [
+          /* @__PURE__ */ jsxs(SecurityRowLeft, { children: [
+            /* @__PURE__ */ jsx(SecurityRowLabel, { children: "Independent Valuation" }),
+            /* @__PURE__ */ jsx(SecurityRowLogo, { children: /* @__PURE__ */ jsx("img", { src: "/savills.png", alt: "Savills", style: { height: "18px", filter: "brightness(0) invert(1)", opacity: 0.8 } }) })
           ] }),
-          /* @__PURE__ */ 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__ */ jsxs(ProtectionDocs, { children: [
-            /* @__PURE__ */ jsx(ProtectionDocTag, { children: "Valuation Report" }),
-            /* @__PURE__ */ jsx(ProtectionDocTag, { children: "Methodology" })
-          ] })
+          /* @__PURE__ */ jsx(SecurityRowRight, { children: /* @__PURE__ */ jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) }) })
         ] })
-      ] }),
-      /* @__PURE__ */ jsxs(SecurityFooter, { children: [
-        "Full documentation including legal opinions, mortgage instruments, SPV constitutions, and valuation reports is available in the ",
-        /* @__PURE__ */ jsx("strong", { children: "Documents" }),
-        " tab."
       ] })
     ] })
   ] });
@@ -9195,145 +9116,69 @@ var TradingHoursNote = styled9.div`
   color: rgba(255,255,255,0.35);
   border-top: 1px solid rgba(255,255,255,0.04);
 `;
-var SecurityIntro = styled9.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.div`
+var SecurityTable = styled9.div`
   display: flex;
-  gap: 1rem;
-  margin-bottom: 1.25rem;
-  @media (max-width: 768px) { flex-direction: column; }
+  flex-direction: column;
 `;
-var SecurityBadge = styled9.div`
-  flex: 1;
+var SecurityRow = styled9.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.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.div`
+var SecurityRowLeft = styled9.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
 `;
-var SecurityBadgeLabel = styled9.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.div`
-  display: flex;
-  align-items: center;
-  height: 28px;
-`;
-var SecurityBadgeValuer = styled9.div`
-  font-size: 1rem;
+var SecurityRowLabel = styled9.div`
+  font-size: 0.88rem;
   font-weight: 600;
   color: #fff;
-  letter-spacing: 0.02em;
-`;
-var ProtectionsGrid = styled9.div`
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1rem;
-  @media (max-width: 768px) { grid-template-columns: 1fr; }
-`;
-var ProtectionCard = styled9.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.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
 `;
-var ProtectionIconWrap = styled9.div`
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  background: rgba(212,175,55,0.1);
+var SecurityRowValue = styled9.div`
   display: flex;
   align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-`;
-var ProtectionTitle = styled9.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.div`
+var SecurityRowLogo = styled9.div`
   display: flex;
   align-items: center;
-  gap: 5px;
-  font-size: 0.72rem;
-  color: #4ade80;
-  font-weight: 500;
+  margin-top: 2px;
 `;
-var ProtectionStatusDot = styled9.span`
+var SecurityStatusDot = styled9.span`
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #4ade80;
   display: inline-block;
+  flex-shrink: 0;
 `;
-var ProtectionDesc = styled9.div`
-  font-size: 0.8rem;
-  color: rgba(255,255,255,0.5);
-  line-height: 1.6;
-`;
-var ProtectionDocs = styled9.div`
+var SecurityRowRight = styled9.div`
   display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-top: auto;
+  align-items: center;
+  flex-shrink: 0;
 `;
-var ProtectionDocTag = styled9.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.div`
+  display: flex;
+  gap: 1.25rem;
 `;
-var SecurityFooter = styled9.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.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.div`