@moontra/moonui-pro 3.4.23 → 3.4.25

package/dist/index.d.ts

@@ -4045,6 +4045,8 @@ interface NavbarConfig {
     enableNProgress?: boolean;
     /** Position progress bar inside border-radius (default: true for professional look) */
     progressBarInset?: boolean;
+    /** Automatically push content down when navbar is sticky (default: true when sticky && !overlayMode) */
+    pushContent?: boolean;
 }
 interface NavbarProps extends NavbarConfig {
     className?: string;

package/dist/index.mjs

@@ -79131,6 +79131,7 @@ function NavbarInternal({
   containerMaxWidth = "5xl",
   enableNProgress = true,
   progressBarInset = true,
+  pushContent,
   className,
   activePath,
   onNavigate
@@ -79143,6 +79144,7 @@ function NavbarInternal({
   const [currentTheme, setCurrentTheme] = useState(theme);
   const [isDarkMode, setIsDarkMode] = useState(false);
   const navRef = useRef(null);
+  const shouldPushContent = pushContent ?? (sticky && !overlayMode);
   const { scrolled, hidden, scrollProgress, isMinimal } = useNavbarScroll({
     sticky,
     hideOnScroll,
@@ -79403,6 +79405,24 @@ function NavbarInternal({
         return scrolled2 ? "h-14" : "h-16";
     }
   };
+  const getNavbarHeight = () => {
+    if (scrollBehavior === "minimal" && minimalConfig?.heightOnScroll) {
+      return minimalConfig.heightOnScroll;
+    }
+    const heightMap = {
+      sm: "h-14",
+      // 56px
+      md: "h-16",
+      // 64px
+      lg: "h-20",
+      // 80px
+      xl: "h-24",
+      // 96px
+      "2xl": "h-28"
+      // 112px
+    };
+    return heightMap[size4] || heightMap.md;
+  };
   const getSizeClasses = () => {
     switch (size4) {
       case "sm":
@@ -80914,7 +80934,8 @@ function NavbarInternal({
           ] })
         ]
       }
-    )
+    ),
+    shouldPushContent && !overlayMode && /* @__PURE__ */ jsx("div", { className: cn(getNavbarHeight()), "aria-hidden": "true" })
   ] });
 }
 function Navbar(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "3.4.23",
+    "version": "3.4.25",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",