@loafmarkets/ui 0.1.91 → 0.1.92

package/dist/index.mjs

@@ -11787,8 +11787,8 @@ var InsufficientFunds = styled25.div`
 `;
 var ACTIVITY_PAGE_SIZE_DEFAULT = 10;
 var formatCurrency5 = (value, opts) => {
-  const min = 2;
-  const max = 2;
+  const min = opts?.minimumFractionDigits ?? 2;
+  const max = opts?.maximumFractionDigits ?? 2;
   return `$${value.toLocaleString("en-US", { minimumFractionDigits: min, maximumFractionDigits: max })}`;
 };
 var formatNumber2 = (value, maximumFractionDigits = 2) => value.toLocaleString("en-US", { minimumFractionDigits: 0, maximumFractionDigits });
@@ -11940,15 +11940,16 @@ function PortfolioActivityPanel({
               " of portfolio"
             ] })
           ] }),
-          /* @__PURE__ */ jsxs(HoldingsQuantity, { children: [
-            /* @__PURE__ */ jsxs("span", { children: [
-              pos.quantity.toFixed(2),
-              " ",
-              pos.tokenName
-            ] }),
-            /* @__PURE__ */ jsxs(HoldingsAvgEntry, { children: [
+          /* @__PURE__ */ jsx(HoldingsQuantity, { children: /* @__PURE__ */ jsxs("span", { children: [
+            pos.quantity.toFixed(2),
+            " ",
+            pos.tokenName
+          ] }) }),
+          /* @__PURE__ */ jsxs(HoldingsValue, { children: [
+            /* @__PURE__ */ jsx("span", { children: formatCurrency5(currentValue) }),
+            /* @__PURE__ */ jsxs(HoldingsAvgCost, { children: [
               "Avg ",
-              formatCurrency5(pos.averageEntryPrice)
+              formatCurrency5(costBasis, { maximumFractionDigits: 0 })
             ] })
           ] }),
           /* @__PURE__ */ jsxs(HoldingsPnL, { children: [
@@ -12348,7 +12349,7 @@ var PaginationLabel = styled25.span`
 `;
 var HoldingsItem = styled25.div`
   display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-columns: 1.2fr 1fr 1fr 0.8fr;
   align-items: center;
   padding: 0.5rem 0;
   min-height: 50px;
@@ -12382,10 +12383,19 @@ var HoldingsQuantity = styled25.div`
   font-weight: 500;
   color: #fff;
 `;
-var HoldingsAvgEntry = styled25.div`
-  font-size: 0.7rem;
-  color: var(--color-accent, #E6C87E);
-  font-weight: 500;
+var HoldingsValue = styled25.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.15rem;
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: #fff;
+`;
+var HoldingsAvgCost = styled25.div`
+  font-size: 0.65rem;
+  color: rgba(255, 255, 255, 0.4);
+  font-weight: 400;
 `;
 var HoldingsPnL = styled25.div`
   display: flex;