@loafmarkets/ui 0.1.153 → 0.1.155

package/dist/index.js

@@ -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 TOKENHOLDER_PROTECTIONS = [
-  { icon: ShieldIcon, title: "SPV Structure", desc: "Each property is held in a dedicated Special Purpose Vehicle, isolating investor assets from platform risk." },
-  { icon: LockIcon, title: "Smart Contract Audit", desc: "All token contracts are audited by independent security firms before deployment." },
-  { icon: FileCheckIcon, title: "Title Insurance", desc: "Full title insurance coverage protects token holders against title defects and encumbrances." },
-  { icon: BuildingIcon, title: "Regulated Exchange", desc: "Trading occurs on a regulated marketplace with KYC/AML compliance and investor protections." }
-];
 function truncateAddress(addr) {
   if (addr.length <= 12) return addr;
   return `${addr.slice(0, 6)}...${addr.slice(-4)}`;
@@ -8593,7 +8564,6 @@ function PropertyOverview({
     { label: "Last Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
     { label: "Number of Offers", value: "\u2014" },
     { label: "Growth (Past 5 Years)", value: "\u2014" },
-    { label: "Security Interest in Asset", value: "Yes, secured to Land Registry" },
     { label: "Last Dividend", value: isLoading && monthlyDivPerShare == null ? loadingSkeleton : monthlyDivPerShare != null ? `${(monthlyDivPerShare * 100).toFixed(1)} cents` : "\u2014" },
     { label: "Upcoming Dividend", value: (() => {
       const now = /* @__PURE__ */ new Date();
@@ -8756,12 +8726,59 @@ function PropertyOverview({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Tokenholder Protections" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ProtectionsGrid, { children: TOKENHOLDER_PROTECTIONS.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: p.icon }),
-        /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: p.title }),
-        /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: p.desc })
-      ] }, p.title)) })
+      /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Tokenholder Security" }),
+      /* @__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(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(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(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(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(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLeft, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLabel, { children: "Independent Valuation" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityRowValue, { children: "CBRE & Savills" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { $noBorder: true, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLeft, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLabel, { children: "Data Protection" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowValue, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SecurityStatusDot, {}),
+              "Compliant \u2014 Australian Privacy Act"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "DPA Agreement" }) }) })
+        ] })
+      ] })
     ] })
   ] });
 }
@@ -9135,38 +9152,70 @@ var TradingHoursNote = styled9__default.default.div`
   color: rgba(255,255,255,0.35);
   border-top: 1px solid rgba(255,255,255,0.04);
 `;
-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;
+var SecurityTable = styled9__default.default.div`
+  display: flex;
+  flex-direction: column;
 `;
-var ProtectionIconWrap = styled9__default.default.div`
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  background: rgba(212,175,55,0.1);
+var SecurityRow = styled9__default.default.div`
   display: flex;
   align-items: center;
-  justify-content: center;
-  margin-bottom: 0.75rem;
+  justify-content: space-between;
+  padding: 1rem 0;
+  border-bottom: ${({ $noBorder }) => $noBorder ? "none" : "1px solid rgba(255,255,255,0.06)"};
+  gap: 1rem;
+  @media (max-width: 640px) { flex-direction: column; align-items: flex-start; }
 `;
-var ProtectionTitle = styled9__default.default.div`
-  font-size: 0.92rem;
+var SecurityRowLeft = styled9__default.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`;
+var SecurityRowLabel = styled9__default.default.div`
+  font-size: 0.88rem;
   font-weight: 600;
   color: #fff;
-  margin-bottom: 0.4rem;
 `;
-var ProtectionDesc = styled9__default.default.div`
-  font-size: 0.8rem;
+var SecurityRowValue = styled9__default.default.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 0.78rem;
   color: rgba(255,255,255,0.5);
-  line-height: 1.5;
+`;
+var SecurityRowLogo = styled9__default.default.div`
+  display: flex;
+  align-items: center;
+  margin-top: 2px;
+`;
+var SecurityStatusDot = styled9__default.default.span`
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #4ade80;
+  display: inline-block;
+  flex-shrink: 0;
+`;
+var SecurityRowRight = styled9__default.default.div`
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+`;
+var SecurityRowLinks = styled9__default.default.div`
+  display: flex;
+  gap: 1.25rem;
+`;
+var SecurityDocLink = styled9__default.default.a`
+  font-size: 0.78rem;
+  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`
   display: flex;