@loafmarkets/ui 0.1.201 → 0.1.203

package/dist/index.mjs

@@ -8714,7 +8714,7 @@ function PropertyOverview({
         /* @__PURE__ */ jsxs(NarrativeCard, { children: [
           /* @__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" }) }) }),
           /* @__PURE__ */ jsx(NarrativeTitle, { children: "Generational Compounding" }),
-          /* @__PURE__ */ jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000 \u2014 compounded through every market cycle to a current valuation exceeding A$20M." })
+          /* @__PURE__ */ jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000, compounded through every market cycle to a current valuation exceeding A$20M." })
         ] }),
         /* @__PURE__ */ jsxs(NarrativeCard, { children: [
           /* @__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" }) }) }),
@@ -8737,7 +8737,7 @@ function PropertyOverview({
             /* @__PURE__ */ jsxs(TimelineEntry, { children: [
               /* @__PURE__ */ jsx(TimelineYear, { children: "1880s" }),
               /* @__PURE__ */ jsx(TimelineDot, {}),
-              /* @__PURE__ */ jsx(TimelineDetail, { children: /* @__PURE__ */ jsx(TimelineLabel, { children: "Built \u2014 c.1880, Pre-Federation" }) })
+              /* @__PURE__ */ jsx(TimelineDetail, { children: /* @__PURE__ */ jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
             ] }),
             /* @__PURE__ */ jsxs(TimelineEntry, { children: [
               /* @__PURE__ */ jsx(TimelineYear, { children: "1976" }),
@@ -8780,7 +8780,7 @@ function PropertyOverview({
               /* @__PURE__ */ jsx(TimelineDot, {}),
               /* @__PURE__ */ jsxs(TimelineDetail, { children: [
                 /* @__PURE__ */ jsxs(TimelineLabel, { children: [
-                  "Sold \u2014 COVID correction ",
+                  "Sold (COVID correction) ",
                   /* @__PURE__ */ jsx(TimelineHoldPeriod, { children: "15 yrs" })
                 ] }),
                 /* @__PURE__ */ jsxs(TimelinePriceWrap, { children: [
@@ -8819,7 +8819,7 @@ function PropertyOverview({
               /* @__PURE__ */ jsx(TimelineGain, { children: "+119%" }),
               /* @__PURE__ */ jsx(CompSalePriorDate, { children: "in 6 yrs" })
             ] }),
-            /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "Boondabah \u2014 c.1905, 2,066 sqm" }) })
+            /* @__PURE__ */ jsx(CompSalePrior, { children: /* @__PURE__ */ jsx("span", { children: "Boondabah, c.1905, 2,066 sqm" }) })
           ] }),
           /* @__PURE__ */ jsxs(CompSaleCard, { children: [
             /* @__PURE__ */ jsxs(CompSaleHeader, { children: [
@@ -8896,88 +8896,69 @@ function PropertyOverview({
         ] }),
         /* @__PURE__ */ jsxs(TradingHoursRow, { children: [
           /* @__PURE__ */ jsx(THValue, { children: "Continuous Trading" }),
-          /* @__PURE__ */ jsx(THValue, { children: "10:00 \u2014 16:00" }),
-          /* @__PURE__ */ jsx(THValue, { children: "Mon \u2014 Fri" })
+          /* @__PURE__ */ jsx(THValue, { children: "10:00 \u2013 16:00" }),
+          /* @__PURE__ */ jsx(THValue, { children: "Mon \u2013 Fri" })
         ] }),
         /* @__PURE__ */ jsxs(TradingHoursRow, { children: [
           /* @__PURE__ */ jsx(THValue, { children: "After Hours" }),
-          /* @__PURE__ */ jsx(THValue, { children: "16:00 \u2014 20:00" }),
-          /* @__PURE__ */ jsx(THValue, { children: "Mon \u2014 Fri" })
+          /* @__PURE__ */ jsx(THValue, { children: "16:00 \u2013 20:00" }),
+          /* @__PURE__ */ jsx(THValue, { children: "Mon \u2013 Fri" })
         ] }),
         /* @__PURE__ */ jsxs(TradingHoursRow, { $last: true, children: [
           /* @__PURE__ */ jsx(THValue, { children: "Pre-Market" }),
-          /* @__PURE__ */ jsx(THValue, { children: "07:00 \u2014 10:00" }),
-          /* @__PURE__ */ jsx(THValue, { children: "Mon \u2014 Fri" })
+          /* @__PURE__ */ jsx(THValue, { children: "07:00 \u2013 10:00" }),
+          /* @__PURE__ */ jsx(THValue, { children: "Mon \u2013 Fri" })
         ] }),
         /* @__PURE__ */ jsx(TradingHoursNote, { children: "All times are Australian Eastern Standard Time (AEST/AEDT). Markets are closed on Australian public holidays." })
       ] })
     ] }),
     /* @__PURE__ */ jsxs(Section, { children: [
       /* @__PURE__ */ jsx(SectionHeader, { children: "Tokenholder Security" }),
-      /* @__PURE__ */ jsxs(SecurityCardsGrid, { children: [
-        /* @__PURE__ */ jsxs(SecurityCard, { children: [
-          /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-            /* @__PURE__ */ jsx("path", { d: "M9 12l2 2 4-4" }),
-            /* @__PURE__ */ jsx("path", { d: "M12 3l8 4.5v5c0 5-3.5 8.5-8 10.5-4.5-2-8-5.5-8-10.5v-5l8-4.5z" })
-          ] }) }),
-          /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
-            /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Legal Structuring" }),
-            /* @__PURE__ */ jsx(SecurityCardProvider, { children: /* @__PURE__ */ jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: 16, filter: "brightness(0) invert(1)", opacity: 0.7 } }) }),
-            /* @__PURE__ */ jsxs(SecurityCardLinks, { children: [
+      /* @__PURE__ */ jsxs(SecurityTable, { children: [
+        /* @__PURE__ */ jsxs(SecurityRow, { children: [
+          /* @__PURE__ */ jsx(SecuritySubject, { children: "Legal Structuring" }),
+          /* @__PURE__ */ jsxs(SecurityAnswer, { children: [
+            /* @__PURE__ */ jsxs(SecurityAnswerMain, { children: [
+              /* @__PURE__ */ jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: 14, filter: "brightness(0) invert(1)", opacity: 0.8 } }),
+              /* @__PURE__ */ jsx("span", { children: "Baker McKenzie" })
+            ] }),
+            /* @__PURE__ */ jsxs(SecurityDocLinks, { children: [
               /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Legal Opinion" }),
               /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Structuring Memo" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(SecurityCard, { children: [
-          /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-            /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
-            /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-          ] }) }),
-          /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
-            /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Security Interest in Asset" }),
-            /* @__PURE__ */ jsxs(SecurityCardStatus, { children: [
+        /* @__PURE__ */ jsxs(SecurityRow, { children: [
+          /* @__PURE__ */ jsx(SecuritySubject, { children: "Security Interest" }),
+          /* @__PURE__ */ jsxs(SecurityAnswer, { children: [
+            /* @__PURE__ */ jsxs(SecurityAnswerMain, { children: [
               /* @__PURE__ */ jsx(SecurityStatusDot, {}),
-              "Secured \u2014 NSW Land Registry"
+              /* @__PURE__ */ jsx("span", { children: "Secured, NSW Land Registry" })
             ] }),
-            /* @__PURE__ */ jsxs(SecurityCardLinks, { children: [
+            /* @__PURE__ */ jsxs(SecurityDocLinks, { children: [
               /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Mortgage Agreement" }),
               /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Registry Filing" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(SecurityCard, { children: [
-          /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-            /* @__PURE__ */ jsx("path", { d: "M3 21h18" }),
-            /* @__PURE__ */ jsx("path", { d: "M5 21V7l8-4v18" }),
-            /* @__PURE__ */ jsx("path", { d: "M19 21V11l-6-4" }),
-            /* @__PURE__ */ jsx("path", { d: "M9 9v.01" }),
-            /* @__PURE__ */ jsx("path", { d: "M9 12v.01" }),
-            /* @__PURE__ */ jsx("path", { d: "M9 15v.01" }),
-            /* @__PURE__ */ jsx("path", { d: "M9 18v.01" })
-          ] }) }),
-          /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
-            /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Bankruptcy Remote" }),
-            /* @__PURE__ */ jsxs(SecurityCardStatus, { children: [
+        /* @__PURE__ */ jsxs(SecurityRow, { children: [
+          /* @__PURE__ */ jsx(SecuritySubject, { children: "Bankruptcy Remote" }),
+          /* @__PURE__ */ jsxs(SecurityAnswer, { children: [
+            /* @__PURE__ */ jsxs(SecurityAnswerMain, { children: [
               /* @__PURE__ */ jsx(SecurityStatusDot, {}),
-              "Active \u2014 Dedicated SPV"
+              /* @__PURE__ */ jsx("span", { children: "Active, Dedicated SPV" })
             ] }),
-            /* @__PURE__ */ jsx(SecurityCardLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) })
+            /* @__PURE__ */ jsx(SecurityDocLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(SecurityCard, { children: [
-          /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-            /* @__PURE__ */ jsx("path", { d: "M16 3h5v5" }),
-            /* @__PURE__ */ jsx("path", { d: "M8 3H3v5" }),
-            /* @__PURE__ */ jsx("path", { d: "M12 22l-4-4 4-4" }),
-            /* @__PURE__ */ jsx("path", { d: "M12 22l4-4-4-4" }),
-            /* @__PURE__ */ jsx("path", { d: "M21 3l-9 9" }),
-            /* @__PURE__ */ jsx("path", { d: "M3 3l9 9" })
-          ] }) }),
-          /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
-            /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Independent Valuation" }),
-            /* @__PURE__ */ jsx(SecurityCardProvider, { children: /* @__PURE__ */ jsx("img", { src: "/savills.png", alt: "Savills", style: { height: 14, filter: "brightness(0) invert(1)", opacity: 0.7 } }) }),
-            /* @__PURE__ */ jsx(SecurityCardLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) })
+        /* @__PURE__ */ jsxs(SecurityRow, { children: [
+          /* @__PURE__ */ jsx(SecuritySubject, { children: "Independent Valuation" }),
+          /* @__PURE__ */ jsxs(SecurityAnswer, { children: [
+            /* @__PURE__ */ jsxs(SecurityAnswerMain, { children: [
+              /* @__PURE__ */ jsx("img", { src: "/savills.png", alt: "Savills", style: { height: 12, filter: "brightness(0) invert(1)", opacity: 0.8 } }),
+              /* @__PURE__ */ jsx("span", { children: "Savills" })
+            ] }),
+            /* @__PURE__ */ jsx(SecurityDocLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) })
           ] })
         ] })
       ] })
@@ -9043,7 +9024,7 @@ function DividendHistoryPopup({
     /* @__PURE__ */ jsxs(DivPopupHeader, { children: [
       /* @__PURE__ */ jsxs(DivPopupTitle, { children: [
         "Dividend History",
-        ticker ? ` \u2014 ${ticker}` : ""
+        ticker ? ` (${ticker})` : ""
       ] }),
       /* @__PURE__ */ jsx(DivPopupClose, { onClick: onClose, "aria-label": "Close dividend history", children: "\u2715" })
     ] }),
@@ -9649,56 +9630,45 @@ var TradingHoursNote = styled9.div`
   color: rgba(255,255,255,0.35);
   border-top: 1px solid rgba(255,255,255,0.04);
 `;
-var SecurityCardsGrid = styled9.div`
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0.75rem;
-  @media (max-width: 768px) { grid-template-columns: 1fr; }
-`;
-var SecurityCard = styled9.div`
+var SecurityTable = styled9.div`
+  display: flex;
+  flex-direction: column;
   background: rgba(255,255,255,0.025);
   border: 1px solid rgba(255,255,255,0.06);
   border-radius: 10px;
-  padding: 1.25rem;
-  display: flex;
-  gap: 1rem;
-  transition: border-color 0.2s ease;
-  &:hover { border-color: rgba(255,255,255,0.12); }
+  overflow: hidden;
 `;
-var SecurityCardIcon = styled9.div`
-  width: 40px;
-  height: 40px;
-  border-radius: 10px;
-  background: rgba(74,222,128,0.08);
-  border: 1px solid rgba(74,222,128,0.15);
+var SecurityRow = styled9.div`
   display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  color: #4ade80;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 0.875rem 1.25rem;
+  gap: 1.5rem;
+  &:not(:last-child) {
+    border-bottom: 1px solid rgba(255,255,255,0.04);
+  }
+`;
+var SecuritySubject = styled9.div`
+  font-size: 0.8rem;
+  color: rgba(255,255,255,0.45);
+  font-weight: 400;
+  white-space: nowrap;
+  min-width: 130px;
+  padding-top: 1px;
 `;
-var SecurityCardContent = styled9.div`
+var SecurityAnswer = styled9.div`
   display: flex;
   flex-direction: column;
+  align-items: flex-end;
   gap: 4px;
-  min-width: 0;
-`;
-var SecurityCardTitle = styled9.div`
-  font-size: 0.85rem;
-  font-weight: 600;
-  color: #fff;
 `;
-var SecurityCardStatus = styled9.div`
+var SecurityAnswerMain = styled9.div`
   display: flex;
   align-items: center;
   gap: 6px;
-  font-size: 0.75rem;
-  color: rgba(255,255,255,0.5);
-`;
-var SecurityCardProvider = styled9.div`
-  display: flex;
-  align-items: center;
-  margin-top: 1px;
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: #fff;
 `;
 var SecurityStatusDot = styled9.span`
   width: 6px;
@@ -9708,17 +9678,16 @@ var SecurityStatusDot = styled9.span`
   display: inline-block;
   flex-shrink: 0;
 `;
-var SecurityCardLinks = styled9.div`
+var SecurityDocLinks = styled9.div`
   display: flex;
   gap: 0.75rem;
-  margin-top: 4px;
 `;
 var SecurityDocLink = styled9.a`
-  font-size: 0.72rem;
-  color: rgba(255,255,255,0.4);
+  font-size: 0.68rem;
+  color: rgba(255,255,255,0.3);
   text-decoration: underline;
   text-underline-offset: 3px;
-  text-decoration-color: rgba(255,255,255,0.15);
+  text-decoration-color: rgba(255,255,255,0.12);
   cursor: pointer;
   transition: color 0.15s, text-decoration-color 0.15s;
   &:hover {