@loafmarkets/ui 0.1.45 → 0.1.47

package/dist/index.mjs

@@ -4893,6 +4893,7 @@ var DEFAULT_TRADE_PATH = "/trade";
 var DEFAULT_HOME_PATH = "/";
 var DEFAULT_ABOUT_PATH = "/about";
 var DEFAULT_LEARN_PATH = "/learn";
+var DEFAULT_API_PATH = "/api";
 var DEFAULT_PROPERTY_MAP_PATH = "/map";
 var DEFAULT_PORTFOLIO_PATH = "/portfolio";
 var DEFAULT_LOAF_LIQUIDITY_PATH = "/loaf-liquidity";
@@ -4911,6 +4912,7 @@ var Header = ({
   homePath = DEFAULT_HOME_PATH,
   aboutPath = DEFAULT_ABOUT_PATH,
   learnPath = DEFAULT_LEARN_PATH,
+  apiPath = DEFAULT_API_PATH,
   offeringsPath,
   propertyMapPath = DEFAULT_PROPERTY_MAP_PATH,
   portfolioPath = DEFAULT_PORTFOLIO_PATH,
@@ -5099,6 +5101,7 @@ var Header = ({
   const resolvedHomePath = homePath ?? DEFAULT_HOME_PATH;
   const resolvedAboutPath = aboutPath ?? DEFAULT_ABOUT_PATH;
   const resolvedLearnPath = learnPath ?? DEFAULT_LEARN_PATH;
+  const resolvedApiPath = apiPath ?? DEFAULT_API_PATH;
   const resolvedOfferingsPath = offeringsPath ?? void 0;
   const offeringsHref = resolvedOfferingsPath ?? resolvedHomePath;
   const resolvedPropertyMapPath = propertyMapPath ?? DEFAULT_PROPERTY_MAP_PATH;
@@ -5109,6 +5112,7 @@ var Header = ({
     if (locationPath === resolvedHomePath) return "home";
     if (locationPath === resolvedAboutPath) return "about";
     if (locationPath === resolvedLearnPath) return "learn";
+    if (locationPath === resolvedApiPath) return "api";
     if (resolvedOfferingsPath && locationPath.startsWith(resolvedOfferingsPath)) return "offerings";
     if (locationPath === resolvedPropertyMapPath) return "propertyMap";
     if (locationPath === resolvedPortfolioPath) return "portfolio";
@@ -5122,6 +5126,7 @@ var Header = ({
   const aboutActive = resolvedActiveTab === "about";
   const portfolioActive = resolvedActiveTab === "portfolio";
   const learnActive = resolvedActiveTab === "learn";
+  const apiActive = resolvedActiveTab === "api";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(SafeAreaCover, {}),
     /* @__PURE__ */ jsx(Overlay, { $isOpen: isMobileMenuOpen, onClick: () => setIsMobileMenuOpen(false) }),
@@ -5222,6 +5227,18 @@ var Header = ({
                     children: "About"
                   }
                 ),
+                /* @__PURE__ */ jsx(
+                  NavLink,
+                  {
+                    href: resolvedApiPath,
+                    className: apiActive ? "active" : "",
+                    onClick: (event) => {
+                      event.preventDefault();
+                      handleNavigation(resolvedApiPath);
+                    },
+                    children: "API"
+                  }
+                ),
                 /* @__PURE__ */ jsx("div", { style: { marginLeft: "auto", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(
                   "div",
                   {
@@ -5268,6 +5285,7 @@ var Header = ({
             /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedPropertyMapPath), children: "Property Map" }),
             /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedLearnPath), children: "Learn" }),
             /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedAboutPath), children: "About" }),
+            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedApiPath), children: "API" }),
             /* @__PURE__ */ jsx("div", { style: { borderTop: "1px solid #2b3139", margin: "8px 0" } }),
             /* @__PURE__ */ jsx(
               MobileNavItem,
@@ -11306,6 +11324,7 @@ var TabContainer = styled24.div`
   border-bottom: 1px solid rgba(255, 255, 255, 0.06);
   margin-bottom: 0.75rem;
   overflow-x: auto;
+  overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
   &::-webkit-scrollbar { display: none; }