@loafmarkets/ui 0.1.385 → 0.1.386

package/dist/index.mjs

@@ -5042,8 +5042,6 @@ var DEFAULT_ABOUT_PATH = "/about";
 var DEFAULT_LEARN_PATH = "/learn";
 var DEFAULT_API_PATH = "/api";
 var DEFAULT_PROPERTY_MAP_PATH = "/map";
-var DEFAULT_LEADERBOARD_PATH = "/league";
-var DEFAULT_LEADERBOARD_PAGE_PATH = "/leaderboard";
 var DEFAULT_PORTFOLIO_PATH = "/portfolio";
 var DEFAULT_LOAF_LIQUIDITY_PATH = "/loaf-liquidity";
 var DEFAULT_AUTH_RETURN_PARAM = "returnTo";
@@ -5064,8 +5062,6 @@ var Header = ({
   apiPath = DEFAULT_API_PATH,
   offeringsPath,
   propertyMapPath = DEFAULT_PROPERTY_MAP_PATH,
-  leaderboardPath = DEFAULT_LEADERBOARD_PATH,
-  leaderboardPagePath = DEFAULT_LEADERBOARD_PAGE_PATH,
   portfolioPath = DEFAULT_PORTFOLIO_PATH,
   loafLiquidityPath = DEFAULT_LOAF_LIQUIDITY_PATH,
   authLoginUrl,
@@ -5339,8 +5335,6 @@ var Header = ({
   const resolvedOfferingsPath = offeringsPath ?? void 0;
   const offeringsHref = resolvedOfferingsPath ?? resolvedHomePath;
   const resolvedPropertyMapPath = propertyMapPath ?? DEFAULT_PROPERTY_MAP_PATH;
-  const resolvedLeaderboardPath = leaderboardPath ?? DEFAULT_LEADERBOARD_PATH;
-  const resolvedLeaderboardPagePath = leaderboardPagePath ?? DEFAULT_LEADERBOARD_PAGE_PATH;
   const resolvedPortfolioPath = portfolioPath ?? DEFAULT_PORTFOLIO_PATH;
   const resolvedLoafLiquidityPath = loafLiquidityPath ?? DEFAULT_LOAF_LIQUIDITY_PATH;
   const inferredActiveTab = (() => {
@@ -5351,8 +5345,6 @@ var Header = ({
     if (locationPath === resolvedApiPath) return "api";
     if (resolvedOfferingsPath && locationPath.startsWith(resolvedOfferingsPath)) return "offerings";
     if (locationPath === resolvedPropertyMapPath) return "propertyMap";
-    if (locationPath === resolvedLeaderboardPagePath) return "leaderboardPage";
-    if (locationPath === resolvedLeaderboardPath) return "leaderboard";
     if (locationPath === resolvedPortfolioPath) return "portfolio";
     return null;
   })();
@@ -5361,8 +5353,6 @@ var Header = ({
   const homeActive = resolvedActiveTab === "home";
   const offeringsActive = resolvedActiveTab === "offerings";
   const propertyMapActive = resolvedActiveTab === "propertyMap";
-  const leaderboardActive = resolvedActiveTab === "leaderboard";
-  const leaderboardPageActive = resolvedActiveTab === "leaderboardPage";
   const aboutActive = resolvedActiveTab === "about";
   const portfolioActive = resolvedActiveTab === "portfolio";
   const learnActive = resolvedActiveTab === "learn";
@@ -5446,91 +5436,48 @@ var Header = ({
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: resolvedLeaderboardPath,
-                    className: leaderboardActive ? "active" : "",
+                    href: resolvedLearnPath,
+                    className: learnActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(resolvedLeaderboardPath);
+                      handleNavigation(resolvedLearnPath);
                     },
-                    children: "Competition"
+                    children: "Learn"
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: resolvedLeaderboardPagePath,
-                    className: leaderboardPageActive ? "active" : "",
+                    href: resolvedAboutPath,
+                    className: aboutActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(resolvedLeaderboardPagePath);
+                      handleNavigation(resolvedAboutPath);
                     },
-                    children: "Leaderboard"
+                    children: "About"
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: resolvedLearnPath,
-                    className: learnActive ? "active" : "",
+                    href: resolvedApiPath,
+                    className: apiActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(resolvedLearnPath);
+                      handleNavigation(resolvedApiPath);
                     },
-                    children: "Learn"
+                    children: "API"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  NavLink,
+                  {
+                    href: "https://docs.loafmarkets.com/en/",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: "Docs"
                   }
                 ),
-                /* @__PURE__ */ jsxs(MoreMenu, { className: "more-menu", children: [
-                  /* @__PURE__ */ jsxs(
-                    MoreTrigger,
-                    {
-                      type: "button",
-                      className: `${isMoreMenuOpen ? "open" : ""} ${aboutActive || apiActive ? "active" : ""}`,
-                      "aria-haspopup": "true",
-                      "aria-expanded": isMoreMenuOpen,
-                      onClick: () => setIsMoreMenuOpen((open) => !open),
-                      children: [
-                        "More",
-                        /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6", strokeLinecap: "round", strokeLinejoin: "round" }) })
-                      ]
-                    }
-                  ),
-                  isMoreMenuOpen && /* @__PURE__ */ jsxs(MoreDropdown, { children: [
-                    /* @__PURE__ */ jsx(
-                      MoreItem,
-                      {
-                        href: resolvedAboutPath,
-                        className: aboutActive ? "active" : "",
-                        onClick: (event) => {
-                          event.preventDefault();
-                          handleNavigation(resolvedAboutPath);
-                        },
-                        children: "About"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      MoreItem,
-                      {
-                        href: resolvedApiPath,
-                        className: apiActive ? "active" : "",
-                        onClick: (event) => {
-                          event.preventDefault();
-                          handleNavigation(resolvedApiPath);
-                        },
-                        children: "API"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      MoreItem,
-                      {
-                        href: "https://docs.loafmarkets.com/en/",
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        onClick: () => setIsMoreMenuOpen(false),
-                        children: "Docs"
-                      }
-                    )
-                  ] })
-                ] }),
                 /* @__PURE__ */ jsx("div", { style: { marginLeft: "auto", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(
                   "div",
                   {
@@ -5571,8 +5518,6 @@ var Header = ({
             ),
             /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(offeringsHref), children: "Initial Offerings" }),
             /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedPropertyMapPath), children: "Property Map" }),
-            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedLeaderboardPath), children: "Competition" }),
-            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedLeaderboardPagePath), children: "Leaderboard" }),
             /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedLearnPath), children: "Learn" }),
             /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedAboutPath), children: "About" }),
             /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedApiPath), children: "API" }),
@@ -6090,77 +6035,6 @@ var NavLink = styled10.a`
     }
   }
 `;
-var MoreMenu = styled10.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: 56px;
-`;
-var MoreTrigger = styled10.button`
-  margin: 0 12px;
-  padding: 0 4px;
-  height: 56px;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: #eaecef;
-  font-weight: 500;
-  font-size: 14px;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
-  letter-spacing: 0.2px;
-  transition: color 0.2s ease;
-
-  &:hover,
-  &.active {
-    color: #E6C87E;
-  }
-
-  svg {
-    width: 14px;
-    height: 14px;
-    transition: transform 0.2s ease;
-  }
-  &.open svg {
-    transform: rotate(180deg);
-  }
-`;
-var MoreDropdown = styled10.div`
-  position: absolute;
-  top: 100%;
-  right: 0;
-  min-width: 160px;
-  padding: 6px;
-  background: #1e2026;
-  border: 1px solid #2b3139;
-  border-radius: 10px;
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
-  display: flex;
-  flex-direction: column;
-  z-index: 1100;
-`;
-var MoreItem = styled10.a`
-  padding: 10px 12px;
-  border-radius: 6px;
-  color: #eaecef;
-  font-weight: 500;
-  font-size: 14px;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
-  letter-spacing: 0.2px;
-  text-decoration: none;
-  cursor: pointer;
-  transition: background 0.15s ease, color 0.15s ease;
-
-  &:hover {
-    background: #2b3139;
-    color: #E6C87E;
-  }
-  &.active {
-    color: #E6C87E;
-  }
-`;
 var Button2 = styled10.button.attrs({ type: "button" })`
   padding: 0.5rem 1rem;
   border-radius: 6px;
@@ -14968,6 +14842,7 @@ function PortfolioActivityPanel({
   showPositionsTab = false,
   showSubscriptionsTab = true,
   onPositionClick,
+  onSharePosition,
   onAssetClick,
   onClosePosition,
   offeringOrders = [],
@@ -15259,17 +15134,23 @@ function PortfolioActivityPanel({
                 ] }),
                 /* @__PURE__ */ jsxs(CPnlCell, { children: [
                   /* @__PURE__ */ jsx(CCellLabel, { children: "PNL (%)" }),
-                  /* @__PURE__ */ jsxs(CPnlLine, { children: [
-                    /* @__PURE__ */ jsxs(CPnlValue, { $positive: isPositive, children: [
-                      isPositive ? "+" : "-",
-                      formatCurrency4(Math.abs(pnl))
+                  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.4rem" }, children: [
+                    /* @__PURE__ */ jsxs(CPnlLine, { children: [
+                      /* @__PURE__ */ jsxs(CPnlValue, { $positive: isPositive, children: [
+                        isPositive ? "+" : "-",
+                        formatCurrency4(Math.abs(pnl))
+                      ] }),
+                      /* @__PURE__ */ jsxs(CPnlPct, { $positive: isPositive, children: [
+                        "(",
+                        isPositive ? "+" : "",
+                        pnlPercent.toFixed(1),
+                        "%)"
+                      ] })
                     ] }),
-                    /* @__PURE__ */ jsxs(CPnlPct, { $positive: isPositive, children: [
-                      "(",
-                      isPositive ? "+" : "",
-                      pnlPercent.toFixed(1),
-                      "%)"
-                    ] })
+                    onSharePosition && !pos.settling && /* @__PURE__ */ jsx(CShareIconBtn, { role: "button", "aria-label": "Share position", onClick: (e) => {
+                      e.stopPropagation();
+                      onSharePosition(pos);
+                    }, children: /* @__PURE__ */ jsx(ShareIcon, {}) })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx(CChevronWrap, { $open: posExpanded, children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "rgba(255,255,255,0.5)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" }) }) })
@@ -15289,16 +15170,16 @@ function PortfolioActivityPanel({
                     /* @__PURE__ */ jsx(CDValue, { children: formatCurrency4(pos.marketPrice) })
                   ] })
                 ] }),
-                onClosePosition && !pos.settling && /* @__PURE__ */ jsxs(CActionRow, { children: [
-                  /* @__PURE__ */ jsx(CCloseBtn, { onClick: () => onClosePosition(pos.tokenName, "market", pos.quantity, pos.marketPrice), children: "Market Sell" }),
-                  /* @__PURE__ */ jsx(CCloseBtn, { onClick: () => onClosePosition(pos.tokenName, "limit", pos.quantity, pos.marketPrice), children: "Limit Sell" })
+                (onClosePosition || onSharePosition) && !pos.settling && /* @__PURE__ */ jsxs(CActionRow, { children: [
+                  onClosePosition && /* @__PURE__ */ jsx(CCloseBtn, { onClick: () => onClosePosition(pos.tokenName, "market", pos.quantity, pos.marketPrice), children: "Market Sell" }),
+                  onClosePosition && /* @__PURE__ */ jsx(CCloseBtn, { onClick: () => onClosePosition(pos.tokenName, "limit", pos.quantity, pos.marketPrice), children: "Limit Sell" })
                 ] })
               ] })
             ] }, pos.tokenName);
           })
         ] }),
         positions.length > 0 && !compactPositions && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(PositionsHeader, { $hasClose: !!onClosePosition, children: [
+          /* @__PURE__ */ jsxs(PositionsHeader, { $hasClose: !!(onClosePosition || onSharePosition), children: [
             /* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "asset", onClick: () => handlePosSort("asset"), children: [
               "Asset ",
               posSortKey === "asset" && (posSortAsc ? "\u2191" : "\u2193")
@@ -15331,7 +15212,7 @@ function PortfolioActivityPanel({
             const pnl = pos.propertyPnl ?? currentValue - costBasis;
             const pnlPercent = pos.propertyPnlPercent ?? pos.percentChange ?? 0;
             const isPositive = pnl >= 0;
-            return /* @__PURE__ */ jsxs(PositionsRow, { $hasClose: !!onClosePosition, children: [
+            return /* @__PURE__ */ jsxs(PositionsRow, { $hasClose: !!(onClosePosition || onSharePosition), children: [
               /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
                 /* @__PURE__ */ jsx(HoldingsPropertyLink, { onClick: () => onPositionClick?.(pos.tokenName, pos.isIpoAllocation), children: pos.tokenName }),
                 pos.settling && /* @__PURE__ */ jsx(SettlingTip, { children: /* @__PURE__ */ jsx(SettlingSpinner, {}) })
@@ -15348,23 +15229,29 @@ function PortfolioActivityPanel({
               ] }) }),
               /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx("span", { style: { color: "rgba(255,255,255,0.7)", fontSize: "0.8rem" }, children: formatCurrency4(pos.averageEntryPrice) }) }),
               /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx("span", { style: { color: "#fff", fontSize: "0.8rem" }, children: formatCurrency4(pos.marketPrice) }) }),
-              /* @__PURE__ */ jsxs(PositionsCell, { children: [
-                /* @__PURE__ */ jsxs(PnLAmount, { $positive: isPositive, children: [
-                  isPositive ? "+" : "-",
-                  formatCurrency4(Math.abs(pnl))
+              /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "0.4rem" }, children: [
+                /* @__PURE__ */ jsxs("span", { style: { display: "flex", flexDirection: "column" }, children: [
+                  /* @__PURE__ */ jsxs(PnLAmount, { $positive: isPositive, children: [
+                    isPositive ? "+" : "-",
+                    formatCurrency4(Math.abs(pnl))
+                  ] }),
+                  /* @__PURE__ */ jsxs(PnLPercentage, { $positive: isPositive, children: [
+                    isPositive ? "+" : "",
+                    pnlPercent.toFixed(1),
+                    "%"
+                  ] })
                 ] }),
-                /* @__PURE__ */ jsxs(PnLPercentage, { $positive: isPositive, children: [
-                  isPositive ? "+" : "",
-                  pnlPercent.toFixed(1),
-                  "%"
-                ] })
-              ] }),
-              onClosePosition && /* @__PURE__ */ jsx(PositionsCell, { children: !pos.settling && /* @__PURE__ */ jsxs(CloseActions, { children: [
-                /* @__PURE__ */ jsx(CloseBtn, { onClick: (e) => {
+                onSharePosition && !pos.settling && /* @__PURE__ */ jsx(CShareIconBtn, { role: "button", "aria-label": "Share position", onClick: (e) => {
+                  e.stopPropagation();
+                  onSharePosition(pos);
+                }, children: /* @__PURE__ */ jsx(ShareIcon, {}) })
+              ] }) }),
+              (onClosePosition || onSharePosition) && /* @__PURE__ */ jsx(PositionsCell, { children: !pos.settling && /* @__PURE__ */ jsxs(CloseActions, { children: [
+                onClosePosition && /* @__PURE__ */ jsx(CloseBtn, { onClick: (e) => {
                   e.stopPropagation();
                   onClosePosition(pos.tokenName, "market", pos.quantity, pos.marketPrice);
                 }, children: "Market Sell" }),
-                /* @__PURE__ */ jsx(CloseBtn, { onClick: (e) => {
+                onClosePosition && /* @__PURE__ */ jsx(CloseBtn, { onClick: (e) => {
                   e.stopPropagation();
                   onClosePosition(pos.tokenName, "limit", pos.quantity, pos.marketPrice);
                 }, children: "Limit Sell" })
@@ -16255,6 +16142,29 @@ var CloseBtn = styled10.button`
     border-color: rgba(230, 200, 126, 0.5);
   }
 `;
+var CShareIconBtn = styled10.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  border-radius: 6px;
+  color: #E6C87E;
+  cursor: pointer;
+  pointer-events: auto;
+  transition: color 0.15s ease, background 0.15s ease;
+  &:hover {
+    color: #F2D898;
+    background: rgba(230, 200, 126, 0.14);
+  }
+  &:active { background: rgba(230, 200, 126, 0.22); }
+  svg { width: 15px; height: 15px; }
+`;
+var ShareIcon = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("path", { d: "M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7" }),
+  /* @__PURE__ */ jsx("polyline", { points: "16 6 12 2 8 6" }),
+  /* @__PURE__ */ jsx("line", { x1: "12", y1: "2", x2: "12", y2: "15" })
+] });
 var CloseAllHeaderBtn = styled10.button`
   background: rgba(230, 200, 126, 0.1);
   border: 1px solid rgba(230, 200, 126, 0.3);