@moontra/moonui-pro 3.3.17 → 3.3.18

package/dist/index.d.ts

@@ -3968,7 +3968,7 @@ interface NavbarConfig {
         text?: string;
         hover?: string;
     };
-    variant?: "default" | "floating" | "minimal" | "transparent";
+    variant?: "default" | "floating" | "floating-centered" | "minimal" | "transparent";
     size?: "sm" | "md" | "lg";
     blur?: boolean;
     shadow?: boolean;

package/dist/index.mjs

@@ -79177,9 +79177,6 @@ function NavbarInternal({
     ] }) })
   ] });
   const getHeight = () => {
-    if (isMinimal && minimalConfig?.heightOnScroll) {
-      return minimalConfig.heightOnScroll;
-    }
     switch (size4) {
       case "sm":
         return "h-14";
@@ -79189,15 +79186,12 @@ function NavbarInternal({
         return "h-16";
     }
   };
-  const shouldHideInMinimal = (element) => {
-    return isMinimal && minimalConfig?.hideElements?.includes(element);
-  };
   const navClasses = cn(
-    "moonui-pro w-full transition-all",
-    `duration-${minimalConfig?.animationDuration || 300}`,
+    "moonui-pro w-full transition-all duration-300 ease-in-out",
     // Base variant styles
     variant === "default" && "border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
     variant === "floating" && "mx-4 mt-4 rounded-lg border bg-background/95 backdrop-blur shadow-lg",
+    variant === "floating-centered" && "mx-auto my-4 max-w-5xl rounded-2xl border border-border/40 bg-background/70 backdrop-blur-xl shadow-lg shadow-black/5 dark:shadow-black/20 px-6",
     variant === "minimal" && "bg-background",
     variant === "transparent" && "bg-transparent",
     // Sticky behavior
@@ -79206,9 +79200,6 @@ function NavbarInternal({
     scrolled && sticky && variant !== "transparent" && "shadow-sm",
     scrolled && variant === "transparent" && "bg-background/95 backdrop-blur border-b",
     scrollBehavior === "hide" && hidden && "-translate-y-full",
-    // Minimal mode styles
-    scrollBehavior === "minimal" && isMinimal && "shadow-md border-b",
-    scrollBehavior === "minimal" && isMinimal && minimalConfig?.centerOnScroll && "px-8",
     // Glass effect
     glassmorphism && "bg-background/80 backdrop-blur-xl border-white/10",
     blur2 && "backdrop-blur-md",
@@ -79225,23 +79216,18 @@ function NavbarInternal({
         "div",
         {
           className: cn(
-            "flex items-center",
+            "flex items-center transition-[height] duration-300 ease-in-out",
             getHeight(),
             fullWidth ? "w-full px-4 sm:px-6 lg:px-8" : maxWidth === "sm" && "container max-w-screen-sm" || maxWidth === "md" && "container max-w-screen-md" || maxWidth === "lg" && "container max-w-screen-lg" || maxWidth === "xl" && "container max-w-screen-xl" || maxWidth === "2xl" && "container max-w-screen-2xl" || maxWidth === "full" && "w-full px-4 sm:px-6 lg:px-8"
           ),
           children: [
             branding && /* @__PURE__ */ jsxs(
-              motion.div,
+              "div",
               {
                 className: cn(
                   "flex items-center gap-2",
-                  logoPosition === "center" && !isMobile ? "absolute left-1/2 -translate-x-1/2" : "mr-4"
+                  logoPosition === "center" && !isMobile && variant !== "floating-centered" ? "absolute left-1/2 -translate-x-1/2" : "mr-4"
                 ),
-                animate: {
-                  scale: isMinimal ? 0.9 : 1,
-                  opacity: shouldHideInMinimal("logo-text") ? 0.8 : 1
-                },
-                transition: { duration: minimalConfig?.animationDuration ? minimalConfig.animationDuration / 1e3 : 0.3 },
                 children: [
                   logoPosition === "left" && mobileMenuPosition === "left" && /* @__PURE__ */ jsx(MobileMenu, {}),
                   /* @__PURE__ */ jsxs(
@@ -79257,18 +79243,7 @@ function NavbarInternal({
                       className: "flex items-center gap-2",
                       children: [
                         branding.logo,
-                        branding.title && !isMobile && !shouldHideInMinimal("logo-text") && /* @__PURE__ */ jsx(
-                          motion.span,
-                          {
-                            className: "font-semibold text-lg",
-                            animate: {
-                              opacity: shouldHideInMinimal("logo-text") ? 0 : 1,
-                              width: shouldHideInMinimal("logo-text") ? 0 : "auto"
-                            },
-                            transition: { duration: 0.3 },
-                            children: branding.title
-                          }
-                        )
+                        branding.title && !isMobile && /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg", children: branding.title })
                       ]
                     }
                   )
@@ -79280,12 +79255,13 @@ function NavbarInternal({
               {
                 className: cn(
                   "hidden md:flex",
-                  navItemsPosition === "center" && "flex-1 justify-center mx-4",
+                  navItemsPosition === "center" && variant !== "floating-centered" && "flex-1 justify-center mx-4",
+                  navItemsPosition === "center" && variant === "floating-centered" && "flex-1 justify-center",
                   navItemsPosition === "right" && "ml-auto",
                   navItemsPosition === "left" && "ml-4",
                   // Keep position consistent in minimal mode unless centerOnScroll is enabled
                   isMinimal && minimalConfig?.centerOnScroll && navItemsPosition !== "center" && "flex-1 justify-center",
-                  navItemsPosition === "center" && "absolute left-1/2 transform -translate-x-1/2"
+                  navItemsPosition === "center" && variant !== "floating-centered" && "absolute left-1/2 transform -translate-x-1/2"
                 ),
                 children: /* @__PURE__ */ jsx(NavigationMenuList2, { children: sections.map((section) => /* @__PURE__ */ jsx(React71__default.Fragment, { children: section.items.map((item) => {
                   const hasChildren = item.items && item.items.length > 0;
@@ -79355,7 +79331,7 @@ function NavbarInternal({
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
-              showSearch && !shouldHideInMinimal("search") && /* @__PURE__ */ jsx(Fragment, { children: isMobile ? /* @__PURE__ */ jsx(
+              showSearch && /* @__PURE__ */ jsx(Fragment, { children: isMobile ? /* @__PURE__ */ jsx(
                 MoonUIButtonPro,
                 {
                   variant: "ghost",
@@ -79603,7 +79579,7 @@ function NavbarInternal({
                   }
                 )
               ] }),
-              cta && !shouldHideInMinimal("cta") && /* @__PURE__ */ jsx(
+              cta && /* @__PURE__ */ jsx(
                 MoonUIButtonPro,
                 {
                   variant: cta.variant || "primary",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "3.3.17",
+    "version": "3.3.18",
     "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",