@loafmarkets/ui 0.1.383 → 0.1.385

package/dist/index.mjs

@@ -5042,6 +5042,8 @@ 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";
@@ -5062,6 +5064,8 @@ 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,
@@ -5335,6 +5339,8 @@ 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 = (() => {
@@ -5345,6 +5351,8 @@ 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;
   })();
@@ -5353,6 +5361,8 @@ 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";
@@ -5436,48 +5446,91 @@ var Header = ({
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: resolvedLearnPath,
-                    className: learnActive ? "active" : "",
+                    href: resolvedLeaderboardPath,
+                    className: leaderboardActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(resolvedLearnPath);
+                      handleNavigation(resolvedLeaderboardPath);
                     },
-                    children: "Learn"
+                    children: "Competition"
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: resolvedAboutPath,
-                    className: aboutActive ? "active" : "",
+                    href: resolvedLeaderboardPagePath,
+                    className: leaderboardPageActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(resolvedAboutPath);
+                      handleNavigation(resolvedLeaderboardPagePath);
                     },
-                    children: "About"
+                    children: "Leaderboard"
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: resolvedApiPath,
-                    className: apiActive ? "active" : "",
+                    href: resolvedLearnPath,
+                    className: learnActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(resolvedApiPath);
+                      handleNavigation(resolvedLearnPath);
                     },
-                    children: "API"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  NavLink,
-                  {
-                    href: "https://docs.loafmarkets.com/en/",
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    children: "Docs"
+                    children: "Learn"
                   }
                 ),
+                /* @__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",
                   {
@@ -5518,6 +5571,8 @@ 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" }),
@@ -6035,6 +6090,77 @@ 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;