@loafmarkets/ui 0.1.45 → 0.1.47

package/dist/index.d.mts

@@ -541,7 +541,7 @@ type HeaderUser = {
     email?: string | null;
     walletAddress?: string | null;
 };
-type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn";
+type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn" | "api";
 type HeaderLoginPopupComponentProps = {
     onClose: () => void;
     initialView?: LoginPopupView;
@@ -559,6 +559,7 @@ type HeaderProps = {
     homePath?: string;
     aboutPath?: string;
     learnPath?: string;
+    apiPath?: string;
     offeringsPath?: string;
     propertyMapPath?: string;
     portfolioPath?: string;

package/dist/index.d.ts

@@ -541,7 +541,7 @@ type HeaderUser = {
     email?: string | null;
     walletAddress?: string | null;
 };
-type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn";
+type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn" | "api";
 type HeaderLoginPopupComponentProps = {
     onClose: () => void;
     initialView?: LoginPopupView;
@@ -559,6 +559,7 @@ type HeaderProps = {
     homePath?: string;
     aboutPath?: string;
     learnPath?: string;
+    apiPath?: string;
     offeringsPath?: string;
     propertyMapPath?: string;
     portfolioPath?: string;

package/dist/index.js

@@ -4918,6 +4918,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";
@@ -4936,6 +4937,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,
@@ -5124,6 +5126,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;
@@ -5134,6 +5137,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";
@@ -5147,6 +5151,7 @@ var Header = ({
   const aboutActive = resolvedActiveTab === "about";
   const portfolioActive = resolvedActiveTab === "portfolio";
   const learnActive = resolvedActiveTab === "learn";
+  const apiActive = resolvedActiveTab === "api";
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(SafeAreaCover, {}),
     /* @__PURE__ */ jsxRuntime.jsx(Overlay, { $isOpen: isMobileMenuOpen, onClick: () => setIsMobileMenuOpen(false) }),
@@ -5247,6 +5252,18 @@ var Header = ({
                     children: "About"
                   }
                 ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  NavLink,
+                  {
+                    href: resolvedApiPath,
+                    className: apiActive ? "active" : "",
+                    onClick: (event) => {
+                      event.preventDefault();
+                      handleNavigation(resolvedApiPath);
+                    },
+                    children: "API"
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginLeft: "auto", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
@@ -5293,6 +5310,7 @@ var Header = ({
             /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedPropertyMapPath), children: "Property Map" }),
             /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedLearnPath), children: "Learn" }),
             /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedAboutPath), children: "About" }),
+            /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedApiPath), children: "API" }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { style: { borderTop: "1px solid #2b3139", margin: "8px 0" } }),
             /* @__PURE__ */ jsxRuntime.jsx(
               MobileNavItem,
@@ -11331,6 +11349,7 @@ var TabContainer = styled24__default.default.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; }