@loafmarkets/ui 0.1.231 → 0.1.233

package/dist/index.mjs

@@ -8369,44 +8369,48 @@ var FullMapFrame = styled9.div`
   min-height: 0;
 `;
 var BedIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("path", { d: "M2 4v16" }),
-  /* @__PURE__ */ jsx("path", { d: "M2 8h18a2 2 0 0 1 2 2v10" }),
-  /* @__PURE__ */ jsx("path", { d: "M2 17h20" }),
-  /* @__PURE__ */ jsx("path", { d: "M6 8v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+  /* @__PURE__ */ jsx("path", { d: "M3 7v11" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 7v11" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 18h18" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 11h18" }),
+  /* @__PURE__ */ jsx("path", { d: "M5 11V7h14v4" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 11V9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 11V9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2" })
 ] });
 var BathIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("path", { d: "M4 12h20" }),
-  /* @__PURE__ */ jsx("path", { d: "M4 12a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4" }),
-  /* @__PURE__ */ jsx("path", { d: "M6 12v4" }),
-  /* @__PURE__ */ jsx("path", { d: "M18 12v4" }),
-  /* @__PURE__ */ jsx("path", { d: "M2 20h20" })
+  /* @__PURE__ */ jsx("path", { d: "M4 12h16a1 1 0 0 1 1 1v3a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-3a1 1 0 0 1 1-1z" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 12V5a2 2 0 0 1 2-2h1" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 20v2" }),
+  /* @__PURE__ */ jsx("path", { d: "M17 20v2" })
 ] });
 var CarIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("path", { d: "M7 17h10" }),
-  /* @__PURE__ */ jsx("path", { d: "M5 21h14" }),
-  /* @__PURE__ */ jsx("path", { d: "M17 13H7l-2 4h14l-2-4z" }),
-  /* @__PURE__ */ jsx("path", { d: "M15 13l-1.5-5h-3L9 13" }),
-  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "2" })
+  /* @__PURE__ */ jsx("path", { d: "M5 17h14v-5H5z" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 12l2-5h8l2 5" }),
+  /* @__PURE__ */ jsx("circle", { cx: "7.5", cy: "17", r: "1.5" }),
+  /* @__PURE__ */ jsx("circle", { cx: "16.5", cy: "17", r: "1.5" }),
+  /* @__PURE__ */ jsx("path", { d: "M5 12H3v5h2" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 12h2v5h-2" })
 ] });
 var PoolIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("path", { d: "M4 4v5a7 7 0 0 0 14 0V4" }),
-  /* @__PURE__ */ jsx("path", { d: "M9 4v1a3 3 0 0 0 6 0V4" }),
-  /* @__PURE__ */ jsx("line", { x1: "2", y1: "4", x2: "22", y2: "4" }),
-  /* @__PURE__ */ jsx("path", { d: "M12 16v4" }),
-  /* @__PURE__ */ jsx("path", { d: "M8 20h8" })
+  /* @__PURE__ */ jsx("path", { d: "M2 16c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2s2.5 2 5 2 2.5-2 5-2c1.3 0 1.9.5 2.5 1" }),
+  /* @__PURE__ */ jsx("path", { d: "M2 20c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2s2.5 2 5 2 2.5-2 5-2c1.3 0 1.9.5 2.5 1" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 14V4" }),
+  /* @__PURE__ */ jsx("path", { d: "M16 14V8" }),
+  /* @__PURE__ */ jsx("path", { d: "M8 8h8" })
 ] });
 var GardenIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("path", { d: "M12 3v18" }),
-  /* @__PURE__ */ jsx("path", { d: "M8 6c0 0-4 2-4 6s4 6 4 6" }),
-  /* @__PURE__ */ jsx("path", { d: "M16 6c0 0 4 2 4 6s-4 6-4 6" })
+  /* @__PURE__ */ jsx("path", { d: "M12 22V12" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 12c-3 0-6-3-6-6 0 0 3 1 6 3" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 12c3 0 6-3 6-6 0 0-3 1-6 3" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 8c-2 0-4-2-4-4 0 0 2 .5 4 2" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 8c2 0 4-2 4-4 0 0-2 .5-4 2" })
 ] });
 var GymIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("path", { d: "M6 12h12" }),
-  /* @__PURE__ */ jsx("circle", { cx: "4", cy: "12", r: "2" }),
-  /* @__PURE__ */ jsx("circle", { cx: "20", cy: "12", r: "2" }),
-  /* @__PURE__ */ jsx("path", { d: "M12 8v8" }),
-  /* @__PURE__ */ jsx("path", { d: "M10 6h4" }),
-  /* @__PURE__ */ jsx("path", { d: "M10 18h4" })
+  /* @__PURE__ */ jsx("path", { d: "M6.5 6.5h-2a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h2" }),
+  /* @__PURE__ */ jsx("path", { d: "M17.5 6.5h2a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-2" }),
+  /* @__PURE__ */ jsx("path", { d: "M6.5 4v16" }),
+  /* @__PURE__ */ jsx("path", { d: "M17.5 4v16" }),
+  /* @__PURE__ */ jsx("path", { d: "M6.5 12h11" })
 ] });
 var DEFAULT_FEATURES = [
   { icon: BedIcon, value: "\u2014", label: "Beds" },
@@ -8710,87 +8714,103 @@ function PropertyOverview({
             /* @__PURE__ */ jsxs(CompAssetsPanel, { children: [
               /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
               /* @__PURE__ */ jsxs(CompAssetsGrid, { children: [
-                /* @__PURE__ */ jsxs(CompAssetRow, { children: [
-                  /* @__PURE__ */ jsxs(CompAssetThumbWrap, { children: [
-                    /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
+                /* @__PURE__ */ jsxs(CompAssetStrip, { children: [
+                  /* @__PURE__ */ jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
+                    e.target.style.display = "none";
+                  } }) }),
+                  /* @__PURE__ */ jsxs(CompAssetStripInfo, { children: [
+                    /* @__PURE__ */ jsxs(CompAssetStripName, { children: [
+                      "Boondabah ",
+                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
+                    ] }),
+                    /* @__PURE__ */ jsx(CompAssetStripAddr, { children: "200A Raglan St, Mosman" })
+                  ] }),
+                  /* @__PURE__ */ jsxs(CompAssetStripRight, { children: [
+                    /* @__PURE__ */ jsx(CompAssetStripPrice, { children: "$16.07M" }),
+                    /* @__PURE__ */ jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+119%" })
+                  ] }),
+                  /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
+                    /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
+                    /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
                       e.target.style.display = "none";
                     } }) }),
-                    /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
-                      /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
-                      /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
-                        e.target.style.display = "none";
-                      } }) }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
-                        "Boondabah ",
-                        /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
+                    /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
+                      "Boondabah ",
+                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
+                    ] }),
+                    /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "200A Raglan St, Mosman" }),
+                    /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
+                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "Sale Price" }),
+                        /* @__PURE__ */ jsx("span", { children: "$16.07M" })
                       ] }),
-                      /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "200A Raglan St, Mosman" }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
-                        /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                          /* @__PURE__ */ jsx("span", { children: "Land" }),
-                          /* @__PURE__ */ jsx("span", { children: "2,066 sqm" })
-                        ] }),
-                        /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                          /* @__PURE__ */ jsx("span", { children: "Era" }),
-                          /* @__PURE__ */ jsx("span", { children: "c.1905" })
-                        ] }),
-                        /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                          /* @__PURE__ */ jsx("span", { children: "Growth" }),
-                          /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+119%" })
-                        ] }),
-                        /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                          /* @__PURE__ */ jsx("span", { children: "$/sqm" }),
-                          /* @__PURE__ */ jsx("span", { children: "$7,780" })
-                        ] })
+                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "Land" }),
+                        /* @__PURE__ */ jsx("span", { children: "2,066 sqm" })
+                      ] }),
+                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "Era" }),
+                        /* @__PURE__ */ jsx("span", { children: "c.1905" })
+                      ] }),
+                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "Growth" }),
+                        /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+119%" })
+                      ] }),
+                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "$/sqm" }),
+                        /* @__PURE__ */ jsx("span", { children: "$7,780" })
                       ] })
                     ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(CompAssetStrip, { children: [
+                  /* @__PURE__ */ jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
+                    e.target.style.display = "none";
+                  } }) }),
+                  /* @__PURE__ */ jsxs(CompAssetStripInfo, { children: [
+                    /* @__PURE__ */ jsxs(CompAssetStripName, { children: [
+                      "Dobroyd ",
+                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
+                    ] }),
+                    /* @__PURE__ */ jsx(CompAssetStripAddr, { children: "7 Bradleys Head Rd, Mosman" })
                   ] }),
-                  /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
-                    /* @__PURE__ */ jsx(CompAssetName, { children: "Boondabah" }),
-                    /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St" })
+                  /* @__PURE__ */ jsxs(CompAssetStripRight, { children: [
+                    /* @__PURE__ */ jsx(CompAssetStripPrice, { children: "$27.96M" }),
+                    /* @__PURE__ */ jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+617%" })
                   ] }),
-                  /* @__PURE__ */ jsx(CompAssetPrice, { children: "$16.07M" })
-                ] }),
-                /* @__PURE__ */ jsxs(CompAssetRow, { children: [
-                  /* @__PURE__ */ jsxs(CompAssetThumbWrap, { children: [
-                    /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
+                  /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
+                    /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
+                    /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
                       e.target.style.display = "none";
                     } }) }),
-                    /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
-                      /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
-                      /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
-                        e.target.style.display = "none";
-                      } }) }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
-                        "Dobroyd ",
-                        /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
+                    /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
+                      "Dobroyd ",
+                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
+                    ] }),
+                    /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "7 Bradleys Head Rd, Mosman" }),
+                    /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
+                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "Sale Price" }),
+                        /* @__PURE__ */ jsx("span", { children: "$27.96M" })
                       ] }),
-                      /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "7 Bradleys Head Rd, Mosman" }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
-                        /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                          /* @__PURE__ */ jsx("span", { children: "Land" }),
-                          /* @__PURE__ */ jsx("span", { children: "2,592 sqm" })
-                        ] }),
-                        /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                          /* @__PURE__ */ jsx("span", { children: "Era" }),
-                          /* @__PURE__ */ jsx("span", { children: "c.1905" })
-                        ] }),
-                        /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                          /* @__PURE__ */ jsx("span", { children: "Growth" }),
-                          /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+617%" })
-                        ] }),
-                        /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                          /* @__PURE__ */ jsx("span", { children: "$/sqm" }),
-                          /* @__PURE__ */ jsx("span", { children: "$10,787" })
-                        ] })
+                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "Land" }),
+                        /* @__PURE__ */ jsx("span", { children: "2,592 sqm" })
+                      ] }),
+                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "Era" }),
+                        /* @__PURE__ */ jsx("span", { children: "c.1905" })
+                      ] }),
+                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "Growth" }),
+                        /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+617%" })
+                      ] }),
+                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "$/sqm" }),
+                        /* @__PURE__ */ jsx("span", { children: "$10,787" })
                       ] })
                     ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
-                    /* @__PURE__ */ jsx(CompAssetName, { children: "Dobroyd" }),
-                    /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd" })
-                  ] }),
-                  /* @__PURE__ */ jsx(CompAssetPrice, { children: "$27.96M" })
+                  ] })
                 ] })
               ] })
             ] })
@@ -9757,7 +9777,7 @@ var CompAssetsPanel = styled9.div`
   background: #111111;
   border: 1px solid rgba(255,255,255,0.1);
   border-radius: 12px;
-  padding: 1rem 1.25rem;
+  padding: 0.75rem 1rem;
   display: flex;
   flex-direction: column;
   gap: 0.35rem;
@@ -9765,46 +9785,98 @@ var CompAssetsPanel = styled9.div`
 var CompAssetsGrid = styled9.div`
   display: flex;
   flex-direction: column;
-  gap: 0;
+  gap: 0.5rem;
 `;
-var CompAssetRow = styled9.div`
+var CompAssetStrip = styled9.div`
+  position: relative;
   display: flex;
   align-items: center;
-  gap: 0.6rem;
-  padding: 0.5rem 0;
-  &:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.04); }
-`;
-var CompAssetThumbWrap = styled9.div`
-  position: relative;
-  flex-shrink: 0;
+  gap: 0.75rem;
+  background: rgba(255,255,255,0.02);
+  border: 1px solid rgba(255,255,255,0.06);
+  border-radius: 10px;
+  padding: 0.6rem 1rem 0.6rem 0.6rem;
+  transition: border-color 0.2s, background 0.2s;
+  cursor: pointer;
+  &:hover {
+    border-color: rgba(212,175,55,0.3);
+    background: rgba(255,255,255,0.03);
+  }
   &:hover > div:last-child {
     display: block;
   }
 `;
-var CompAssetThumb = styled9.div`
-  width: 32px;
-  height: 32px;
-  border-radius: 6px;
+var CompAssetStripImg = styled9.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 8px;
   overflow: hidden;
   flex-shrink: 0;
   background: rgba(255,255,255,0.05);
-  cursor: pointer;
-  transition: border-color 0.2s;
-  border: 1px solid rgba(255,255,255,0.06);
-  &:hover { border-color: rgba(212,175,55,0.4); }
   img {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 `;
+var CompAssetStripInfo = styled9.div`
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`;
+var CompAssetStripName = styled9.div`
+  font-size: 0.9rem;
+  font-weight: 600;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+`;
+var CompAssetStripAddr = styled9.div`
+  font-size: 0.72rem;
+  color: rgba(255,255,255,0.4);
+`;
+var CompAssetStripRight = styled9.div`
+  flex-shrink: 0;
+  text-align: right;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 2px;
+`;
+var CompAssetStripPrice = styled9.div`
+  font-size: 1rem;
+  font-weight: 700;
+  color: #fff;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+`;
+var CompAssetStripGrowth = styled9.div`
+  font-size: 0.72rem;
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+`;
+var CompAssetBadge = styled9.span`
+  font-size: 0.52rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: #4ade80;
+  background: rgba(74,222,128,0.1);
+  border: 1px solid rgba(74,222,128,0.2);
+  padding: 1px 6px;
+  border-radius: 4px;
+  white-space: nowrap;
+`;
 var CompAssetTooltip = styled9.div`
   display: none;
   position: absolute;
-  top: calc(100% + 10px);
+  bottom: calc(100% + 10px);
   left: 50%;
   transform: translateX(-50%);
-  width: 260px;
+  width: 280px;
   background: #1a1d24;
   border: 1px solid rgba(255,255,255,0.1);
   border-radius: 8px;
@@ -9815,18 +9887,18 @@ var CompAssetTooltip = styled9.div`
 `;
 var CompAssetTooltipArrow = styled9.div`
   position: absolute;
-  top: -5px;
+  bottom: -5px;
   left: 50%;
   transform: translateX(-50%) rotate(45deg);
   width: 8px;
   height: 8px;
   background: #1a1d24;
-  border-left: 1px solid rgba(255,255,255,0.1);
-  border-top: 1px solid rgba(255,255,255,0.1);
+  border-right: 1px solid rgba(255,255,255,0.1);
+  border-bottom: 1px solid rgba(255,255,255,0.1);
 `;
 var CompAssetTooltipImg = styled9.div`
   width: 100%;
-  height: 110px;
+  height: 120px;
   border-radius: 6px;
   overflow: hidden;
   margin-bottom: 0.6rem;
@@ -9874,46 +9946,6 @@ var CompAssetTooltipRow = styled9.div`
     font-variant-numeric: tabular-nums;
   }
 `;
-var CompAssetInfo = styled9.div`
-  flex: 1;
-  min-width: 0;
-`;
-var CompAssetName = styled9.div`
-  font-size: 0.78rem;
-  font-weight: 600;
-  color: #fff;
-  white-space: nowrap;
-`;
-var CompAssetBadge = styled9.span`
-  font-size: 0.5rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: #4ade80;
-  background: rgba(74,222,128,0.1);
-  border: 1px solid rgba(74,222,128,0.2);
-  padding: 1px 5px;
-  border-radius: 3px;
-  white-space: nowrap;
-  vertical-align: middle;
-  margin-left: 0.3rem;
-`;
-var CompAssetAddr = styled9.div`
-  font-size: 0.62rem;
-  color: rgba(255,255,255,0.35);
-  margin-top: 1px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-var CompAssetPrice = styled9.div`
-  font-size: 0.8rem;
-  font-weight: 600;
-  color: #fff;
-  font-variant-numeric: tabular-nums;
-  white-space: nowrap;
-  flex-shrink: 0;
-`;
 styled9.div`
   font-size: 0.65rem;
   color: rgba(255,255,255,0.35);