@loafmarkets/ui 0.1.207 → 0.1.209

package/dist/index.js

@@ -8627,46 +8627,30 @@ function PropertyOverview({
             /* @__PURE__ */ jsxRuntime.jsx(PrimaryBtn, { onClick: onTradeClick, children: tradeButtonLabel })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(AboutRight, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(TokenDetailsCard, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(TokenDetailsTitle, { children: "Token Details" }),
-            tokenDetailsItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(TokenDetailRow, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TokenDetailLabel, { children: item.label }),
-              /* @__PURE__ */ jsxRuntime.jsxs(TokenDetailValue, { $mono: !!item.mono, children: [
-                item.link ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.link, target: "_blank", rel: "noopener noreferrer", style: { color: "#3380FF", textDecoration: "none" }, children: item.value }) : item.value,
-                item.copyValue && /* @__PURE__ */ jsxRuntime.jsx(
-                  CopyBtn,
-                  {
-                    onClick: () => {
-                      navigator.clipboard.writeText(item.copyValue);
-                      setCopiedAddress(true);
-                      setTimeout(() => setCopiedAddress(false), 1500);
-                    },
-                    title: copiedAddress ? "Copied!" : "Copy address",
-                    children: copiedAddress ? /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6L9 17l-5-5" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-                    ] })
-                  }
-                )
-              ] })
-            ] }, item.label))
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(TrustBadgesCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(TrustBadgesRow, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(TrustBadge, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TrustBadgeLogoWrap, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: 38, filter: "grayscale(1) brightness(10)", opacity: 0.5 } }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(TrustBadgeLabel, { children: "Legal Structuring" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(TrustBadge, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TrustBadgeLogoWrap, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/NSW_registry.png", alt: "NSW Land Registry", style: { height: 40, filter: "grayscale(1) brightness(10)", opacity: 0.5 } }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(TrustBadgeLabel, { children: "Land Title" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(TrustBadge, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TrustBadgeLogoWrap, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/savills.png", alt: "Savills", style: { height: 38, borderRadius: 3, filter: "grayscale(1) brightness(1.2) contrast(1.6)", opacity: 0.7 } }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(TrustBadgeLabel, { children: "Valuation" })
+        /* @__PURE__ */ jsxRuntime.jsx(AboutRight, { children: /* @__PURE__ */ jsxRuntime.jsxs(TokenDetailsCard, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TokenDetailsTitle, { children: "Token Details" }),
+          tokenDetailsItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(TokenDetailRow, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(TokenDetailLabel, { children: item.label }),
+            /* @__PURE__ */ jsxRuntime.jsxs(TokenDetailValue, { $mono: !!item.mono, children: [
+              item.link ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.link, target: "_blank", rel: "noopener noreferrer", style: { color: "#3380FF", textDecoration: "none" }, children: item.value }) : item.value,
+              item.copyValue && /* @__PURE__ */ jsxRuntime.jsx(
+                CopyBtn,
+                {
+                  onClick: () => {
+                    navigator.clipboard.writeText(item.copyValue);
+                    setCopiedAddress(true);
+                    setTimeout(() => setCopiedAddress(false), 1500);
+                  },
+                  title: copiedAddress ? "Copied!" : "Copy address",
+                  children: copiedAddress ? /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6L9 17l-5-5" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                  ] })
+                }
+              )
             ] })
-          ] }) })
-        ] })
+          ] }, item.label))
+        ] }) })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
@@ -9223,10 +9207,14 @@ var TokenDetailRow = styled9__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 0.55rem 0;
+  padding: 0.55rem 0.75rem;
+  margin: 0 -0.75rem;
   border-bottom: 1px solid rgba(255,255,255,0.04);
-  &:last-child { border-bottom: none; padding-bottom: 0; }
-  &:first-of-type { padding-top: 0; }
+  border-radius: 6px;
+  transition: background 0.15s;
+  &:hover { background: rgba(255,255,255,0.03); }
+  &:last-child { border-bottom: none; padding-bottom: 0.55rem; }
+  &:first-of-type { padding-top: 0.55rem; }
 `;
 var TokenDetailLabel = styled9__default.default.span`
   font-size: 0.82rem;
@@ -9239,7 +9227,7 @@ var TokenDetailValue = styled9__default.default.span`
   font-weight: 500;
   font-family: ${(p) => p.$mono ? "'SF Mono', 'Fira Code', monospace" : "inherit"};
 `;
-var TrustBadgesCard = styled9__default.default.div`
+styled9__default.default.div`
   background: rgba(255,255,255,0.025);
   border: 1px solid rgba(255,255,255,0.06);
   border-radius: 10px;
@@ -9253,12 +9241,12 @@ styled9__default.default.div`
   font-weight: 500;
   margin-bottom: 0.85rem;
 `;
-var TrustBadgesRow = styled9__default.default.div`
+styled9__default.default.div`
   display: flex;
   gap: 0.5rem;
   justify-content: space-between;
 `;
-var TrustBadge = styled9__default.default.div`
+styled9__default.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -9266,13 +9254,13 @@ var TrustBadge = styled9__default.default.div`
   flex: 1;
   min-width: 0;
 `;
-var TrustBadgeLogoWrap = styled9__default.default.div`
+styled9__default.default.div`
   display: flex;
   align-items: center;
   justify-content: center;
   height: 44px;
 `;
-var TrustBadgeLabel = styled9__default.default.span`
+styled9__default.default.span`
   font-size: 0.62rem;
   color: rgba(255,255,255,0.35);
   font-weight: 400;