@moontra/moonui-pro 3.4.19 → 3.4.21

package/dist/index.mjs

@@ -79391,15 +79391,69 @@ function NavbarInternal({
       case "sm":
         return scrolled2 ? "h-12" : "h-14";
       case "lg":
-        return scrolled2 ? "h-18" : "h-20";
+        return scrolled2 ? "h-16" : "h-20";
       case "xl":
-        return scrolled2 ? "h-22" : "h-24";
+        return scrolled2 ? "h-20" : "h-24";
       case "2xl":
-        return scrolled2 ? "h-26" : "h-28";
+        return scrolled2 ? "h-24" : "h-28";
       default:
         return scrolled2 ? "h-14" : "h-16";
     }
   };
+  const getSizeClasses = () => {
+    switch (size4) {
+      case "sm":
+        return {
+          text: "text-sm",
+          logoText: "text-base",
+          spacing: "space-x-2",
+          gap: "gap-2",
+          buttonSize: "sm",
+          iconSize: "h-4 w-4",
+          padding: "px-2 py-1"
+        };
+      case "lg":
+        return {
+          text: "text-base",
+          logoText: "text-xl",
+          spacing: "space-x-4",
+          gap: "gap-3",
+          buttonSize: "md",
+          iconSize: "h-5 w-5",
+          padding: "px-3 py-2"
+        };
+      case "xl":
+        return {
+          text: "text-lg",
+          logoText: "text-2xl",
+          spacing: "space-x-6",
+          gap: "gap-4",
+          buttonSize: "lg",
+          iconSize: "h-6 w-6",
+          padding: "px-4 py-2.5"
+        };
+      case "2xl":
+        return {
+          text: "text-xl",
+          logoText: "text-3xl",
+          spacing: "space-x-8",
+          gap: "gap-5",
+          buttonSize: "lg",
+          iconSize: "h-7 w-7",
+          padding: "px-5 py-3"
+        };
+      default:
+        return {
+          text: "text-sm",
+          logoText: "text-lg",
+          spacing: "space-x-4",
+          gap: "gap-2",
+          buttonSize: "md",
+          iconSize: "h-5 w-5",
+          padding: "px-3 py-1.5"
+        };
+    }
+  };
   const isFloatingVariant = variant === "floating-auto-hide" || variant === "floating-sticky";
   const navClasses = cn(
     "moonui-pro",
@@ -79490,23 +79544,608 @@ function NavbarInternal({
     framerScroll.isScrolled ? "border-b bg-background/80 backdrop-blur-xl shadow-lg" : "border-b border-transparent bg-background/95 backdrop-blur"
   ) : navClasses;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(NavWrapper, { ref: navRef, className: floatingClasses, ...navMotionProps, children: [
-      variant === "floating-auto-hide" || variant === "floating-sticky" ? (
-        // Floating variants için iki katmanlı yapı (header.tsx pattern)
-        // IMPORTANT: container class yerine w-full kullan (Tailwind container max-width getiriyor)
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "transition-all duration-300",
-              framerScroll.isScrolled ? "max-w-6xl mx-auto px-2 sm:px-3 lg:px-4" : "w-full px-2 sm:px-3 lg:px-4"
-            ),
-            children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs(
+      NavWrapper,
+      {
+        ref: navRef,
+        className: floatingClasses,
+        ...navMotionProps,
+        children: [
+          variant === "floating-auto-hide" || variant === "floating-sticky" ? (
+            // Floating variants için iki katmanlı yapı (header.tsx pattern)
+            // IMPORTANT: container class yerine w-full kullan (Tailwind container max-width getiriyor)
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "transition-all duration-300",
+                  framerScroll.isScrolled ? "max-w-6xl mx-auto px-2 sm:px-3 lg:px-4" : "w-full px-2 sm:px-3 lg:px-4"
+                ),
+                children: /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center justify-between transition-all duration-300",
+                      getHeight(framerScroll.isScrolled)
+                    ),
+                    children: [
+                      branding && /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: cn(
+                            "flex items-center gap-2",
+                            logoPosition === "center" && !isMobile ? "absolute left-1/2 -translate-x-1/2" : "mr-4"
+                          ),
+                          children: [
+                            logoPosition === "left" && mobileMenuPosition === "left" && /* @__PURE__ */ jsx(MobileMenu, {}),
+                            /* @__PURE__ */ jsxs(
+                              "a",
+                              {
+                                href: branding.href || "/",
+                                onClick: (e) => {
+                                  if (branding.href && onNavigate) {
+                                    e.preventDefault();
+                                    onNavigate(branding.href);
+                                  }
+                                },
+                                className: "flex items-center gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+                                    motion.div,
+                                    {
+                                      initial: {
+                                        opacity: 0,
+                                        scale: 0.9
+                                      },
+                                      animate: {
+                                        opacity: 1,
+                                        scale: 1
+                                      },
+                                      exit: {
+                                        opacity: 0,
+                                        scale: 0.9
+                                      },
+                                      transition: {
+                                        duration: 0.2,
+                                        ease: "easeInOut"
+                                      },
+                                      children: getActiveLogo()
+                                    },
+                                    `logo-${framerScroll.isScrolled ? "scrolled" : "default"}-${isDarkMode ? "dark" : "light"}`
+                                  ) }),
+                                  /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: branding.title && !isMobile && !framerScroll.isScrolled && /* @__PURE__ */ jsx(
+                                    motion.span,
+                                    {
+                                      className: cn(
+                                        "font-semibold overflow-hidden",
+                                        getSizeClasses().logoText
+                                      ),
+                                      initial: {
+                                        opacity: 0,
+                                        width: 0
+                                      },
+                                      animate: {
+                                        opacity: 1,
+                                        width: "auto"
+                                      },
+                                      exit: {
+                                        opacity: 0,
+                                        width: 0
+                                      },
+                                      transition: {
+                                        duration: 0.2,
+                                        ease: "easeInOut"
+                                      },
+                                      children: branding.title
+                                    },
+                                    "logo-text"
+                                  ) })
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      !isMobile && !hideNavItems && /* @__PURE__ */ jsx(
+                        NavigationMenu2,
+                        {
+                          className: cn(
+                            "hidden md:flex",
+                            // Overflow handling - minimal için otomatik expand, diğerleri user tercih
+                            autoExpand || !isFloatingVariant && variant === "minimal" ? "flex-nowrap" : "flex-wrap overflow-x-auto scrollbar-hide scroll-smooth",
+                            // Positioning - floating variants
+                            navItemsPosition === "center" && "flex-1 justify-center mx-4",
+                            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"
+                          ),
+                          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;
+                            const isActive2 = item.href === activePath;
+                            if (hasChildren) {
+                              return /* @__PURE__ */ jsxs(
+                                NavigationMenuItem2,
+                                {
+                                  children: [
+                                    /* @__PURE__ */ jsx(
+                                      NavigationMenuTrigger2,
+                                      {
+                                        className: cn(
+                                          isActive2 && "bg-accent text-accent-foreground",
+                                          item.disabled && "opacity-50 cursor-not-allowed"
+                                        ),
+                                        disabled: item.disabled,
+                                        children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                                          item.icon && /* @__PURE__ */ jsx("span", { children: item.icon }),
+                                          item.title
+                                        ] })
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsx(NavigationMenuContent2, { children: item.items && renderMegaMenuContent(
+                                      item.items
+                                    ) })
+                                  ]
+                                },
+                                item.id
+                              );
+                            }
+                            return /* @__PURE__ */ jsx(
+                              NavigationMenuItem2,
+                              {
+                                children: /* @__PURE__ */ jsxs(
+                                  NavigationMenuLink2,
+                                  {
+                                    className: cn(
+                                      navigationMenuTriggerStyle(),
+                                      "cursor-pointer",
+                                      getSizeClasses().text,
+                                      getSizeClasses().padding,
+                                      isActive2 && "bg-accent text-accent-foreground",
+                                      item.disabled && "opacity-50 cursor-not-allowed"
+                                    ),
+                                    onClick: () => !item.disabled && handleItemClick(
+                                      item
+                                    ),
+                                    children: [
+                                      /* @__PURE__ */ jsxs(
+                                        "span",
+                                        {
+                                          className: cn(
+                                            "flex items-center",
+                                            getSizeClasses().gap
+                                          ),
+                                          children: [
+                                            item.icon && /* @__PURE__ */ jsx(
+                                              "span",
+                                              {
+                                                className: getSizeClasses().iconSize,
+                                                children: item.icon
+                                              }
+                                            ),
+                                            item.title
+                                          ]
+                                        }
+                                      ),
+                                      item.badge && /* @__PURE__ */ jsx(
+                                        MoonUIBadgePro,
+                                        {
+                                          variant: item.badgeVariant || "secondary",
+                                          className: "ml-2",
+                                          children: item.badge
+                                        }
+                                      )
+                                    ]
+                                  }
+                                )
+                              },
+                              item.id
+                            );
+                          }) }, section.id)) })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1 sm:gap-2", children: [
+                        showSearch && !framerScroll.isScrolled && /* @__PURE__ */ jsx(Fragment, { children: isMobile ? /* @__PURE__ */ jsx(
+                          MoonUIButtonPro,
+                          {
+                            variant: "ghost",
+                            size: "icon",
+                            onClick: () => setIsCommandOpen(true),
+                            children: /* @__PURE__ */ jsx(Search, { className: "h-5 w-5" })
+                          }
+                        ) : /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                          /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+                          /* @__PURE__ */ jsx(
+                            MoonUIInputPro,
+                            {
+                              type: "search",
+                              placeholder: searchPlaceholder,
+                              className: "w-64 pl-9 pr-4 h-9 cursor-pointer",
+                              value: searchValue,
+                              onChange: (e) => handleSearch(
+                                e.target.value
+                              ),
+                              onClick: () => {
+                                if (enableCommandAI) {
+                                  setIsCommandOpen(
+                                    true
+                                  );
+                                  onCommandAIOpen?.();
+                                }
+                              },
+                              readOnly: enableCommandAI
+                            }
+                          ),
+                          (keyboardShortcuts || enableCommandAI) && /* @__PURE__ */ jsx("kbd", { className: "absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 hidden sm:flex", children: enableCommandAI ? commandAIShortcut : /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx("span", { className: "text-xs", children: "\u2318" }),
+                            "K"
+                          ] }) })
+                        ] }) }),
+                        showThemeToggle && (themeToggleVariant === "button" ? /* @__PURE__ */ jsx(
+                          motion.div,
+                          {
+                            whileTap: { scale: 0.95 },
+                            className: "relative",
+                            children: /* @__PURE__ */ jsx(
+                              MoonUIButtonPro,
+                              {
+                                variant: "ghost",
+                                size: getSizeClasses().buttonSize,
+                                onClick: () => {
+                                  const newTheme = currentTheme === "dark" ? "light" : "dark";
+                                  setCurrentTheme(newTheme);
+                                  onThemeChange?.(newTheme);
+                                  if (typeof window !== "undefined") {
+                                    const root = window.document.documentElement;
+                                    root.classList.remove(
+                                      "light",
+                                      "dark"
+                                    );
+                                    root.classList.add(
+                                      newTheme
+                                    );
+                                  }
+                                },
+                                className: "relative overflow-hidden",
+                                children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentTheme === "dark" ? /* @__PURE__ */ jsx(
+                                  motion.div,
+                                  {
+                                    initial: {
+                                      y: -20,
+                                      opacity: 0
+                                    },
+                                    animate: {
+                                      y: 0,
+                                      opacity: 1
+                                    },
+                                    exit: {
+                                      y: 20,
+                                      opacity: 0
+                                    },
+                                    transition: {
+                                      duration: 0.2
+                                    },
+                                    children: /* @__PURE__ */ jsx(
+                                      Moon,
+                                      {
+                                        className: getSizeClasses().iconSize
+                                      }
+                                    )
+                                  },
+                                  "moon"
+                                ) : /* @__PURE__ */ jsx(
+                                  motion.div,
+                                  {
+                                    initial: {
+                                      y: -20,
+                                      opacity: 0,
+                                      rotate: -90
+                                    },
+                                    animate: {
+                                      y: 0,
+                                      opacity: 1,
+                                      rotate: 0
+                                    },
+                                    exit: {
+                                      y: 20,
+                                      opacity: 0,
+                                      rotate: 90
+                                    },
+                                    transition: {
+                                      duration: 0.2
+                                    },
+                                    children: /* @__PURE__ */ jsx(
+                                      Sun,
+                                      {
+                                        className: getSizeClasses().iconSize
+                                      }
+                                    )
+                                  },
+                                  "sun"
+                                ) })
+                              }
+                            )
+                          }
+                        ) : /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                          /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
+                            MoonUIButtonPro,
+                            {
+                              variant: "ghost",
+                              size: "icon",
+                              children: [
+                                currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
+                                currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
+                                currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
+                              ]
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
+                            /* @__PURE__ */ jsxs(
+                              MoonUIDropdownMenuItemPro,
+                              {
+                                onClick: () => {
+                                  setCurrentTheme(
+                                    "light"
+                                  );
+                                  onThemeChange?.(
+                                    "light"
+                                  );
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsx(Sun, { className: "mr-2 h-4 w-4" }),
+                                  "Light"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              MoonUIDropdownMenuItemPro,
+                              {
+                                onClick: () => {
+                                  setCurrentTheme("dark");
+                                  onThemeChange?.("dark");
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsx(Moon, { className: "mr-2 h-4 w-4" }),
+                                  "Dark"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              MoonUIDropdownMenuItemPro,
+                              {
+                                onClick: () => {
+                                  setCurrentTheme(
+                                    "system"
+                                  );
+                                  onThemeChange?.(
+                                    "system"
+                                  );
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsx(Monitor, { className: "mr-2 h-4 w-4" }),
+                                  "System"
+                                ]
+                              }
+                            )
+                          ] })
+                        ] })),
+                        notifications && !framerScroll.isScrolled && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                          /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
+                            MoonUIButtonPro,
+                            {
+                              variant: "ghost",
+                              size: "icon",
+                              className: "relative",
+                              children: [
+                                /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5" }),
+                                notifications.count && notifications.count > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 min-w-[18px] h-[18px] rounded-full bg-red-500 text-[11px] font-medium text-white flex items-center justify-center px-1", children: notifications.count > 9 ? "9+" : notifications.count })
+                              ]
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsxs(
+                            MoonUIDropdownMenuContentPro,
+                            {
+                              align: "end",
+                              className: "w-[380px] p-0",
+                              sideOffset: 8,
+                              children: [
+                                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b", children: [
+                                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                                    /* @__PURE__ */ jsx("h4", { className: "text-base font-semibold", children: "Notifications" }),
+                                    notifications.count && notifications.count > 0 && /* @__PURE__ */ jsxs(
+                                      MoonUIBadgePro,
+                                      {
+                                        variant: "secondary",
+                                        className: "h-5 px-2 rounded-full bg-primary/10 text-primary border-0",
+                                        children: [
+                                          notifications.count,
+                                          " ",
+                                          "new"
+                                        ]
+                                      }
+                                    )
+                                  ] }),
+                                  notifications.items && notifications.items.length > 0 && /* @__PURE__ */ jsx(
+                                    MoonUIButtonPro,
+                                    {
+                                      variant: "ghost",
+                                      size: "sm",
+                                      className: "text-xs h-7 px-2 text-muted-foreground hover:text-foreground",
+                                      onClick: (e) => {
+                                        e.preventDefault();
+                                        console.log(
+                                          "Mark all as read"
+                                        );
+                                      },
+                                      children: "Mark all read"
+                                    }
+                                  )
+                                ] }),
+                                /* @__PURE__ */ jsx("div", { className: "max-h-[400px] overflow-y-auto", children: notifications.items && notifications.items.length > 0 ? /* @__PURE__ */ jsx("div", { className: "py-1", children: notifications.items.map(
+                                  (notification, index2) => /* @__PURE__ */ jsxs(
+                                    "div",
+                                    {
+                                      children: [
+                                        /* @__PURE__ */ jsx(
+                                          "button",
+                                          {
+                                            className: cn(
+                                              "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors",
+                                              "focus:outline-none focus:bg-muted/50",
+                                              !notification.read && "bg-primary/5 hover:bg-primary/10"
+                                            ),
+                                            onClick: () => notifications.onNotificationClick?.(
+                                              notification.id
+                                            ),
+                                            children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+                                              /* @__PURE__ */ jsx("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx(
+                                                "div",
+                                                {
+                                                  className: cn(
+                                                    "h-2 w-2 rounded-full",
+                                                    !notification.read ? "bg-primary" : "bg-transparent"
+                                                  )
+                                                }
+                                              ) }),
+                                              /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
+                                                /* @__PURE__ */ jsx(
+                                                  "p",
+                                                  {
+                                                    className: cn(
+                                                      "text-sm leading-tight",
+                                                      !notification.read ? "font-medium" : "font-normal"
+                                                    ),
+                                                    children: notification.title
+                                                  }
+                                                ),
+                                                notification.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: notification.description }),
+                                                notification.time && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70 mt-1", children: notification.time })
+                                              ] })
+                                            ] })
+                                          }
+                                        ),
+                                        index2 < (notifications.items?.length || 0) - 1 && /* @__PURE__ */ jsx("div", { className: "mx-4 border-b" })
+                                      ]
+                                    },
+                                    notification.id
+                                  )
+                                ) }) : /* @__PURE__ */ jsxs("div", { className: "py-12 text-center", children: [
+                                  /* @__PURE__ */ jsx(Bell, { className: "h-10 w-10 mx-auto text-muted-foreground/30 mb-3" }),
+                                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "No new notifications" }),
+                                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70 mt-1", children: "You're all caught up!" })
+                                ] }) }),
+                                notifications.items && notifications.items.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsx(
+                                  MoonUIButtonPro,
+                                  {
+                                    variant: "ghost",
+                                    className: "w-full h-8 text-xs text-muted-foreground hover:text-foreground",
+                                    onClick: (e) => {
+                                      e.preventDefault();
+                                      console.log(
+                                        "View all notifications"
+                                      );
+                                    },
+                                    children: "View all notifications"
+                                  }
+                                ) })
+                              ]
+                            }
+                          )
+                        ] }),
+                        cta && !framerScroll.isScrolled && /* @__PURE__ */ jsx(
+                          MoonUIButtonPro,
+                          {
+                            variant: cta.variant || "primary",
+                            size: isMobile ? "sm" : getSizeClasses().buttonSize,
+                            onClick: () => {
+                              if (cta.action) {
+                                cta.action();
+                              } else if (cta.href) {
+                                if (cta.href.startsWith("#")) {
+                                  const targetElement = document.querySelector(
+                                    cta.href
+                                  );
+                                  if (targetElement) {
+                                    targetElement.scrollIntoView(
+                                      {
+                                        behavior: "smooth",
+                                        block: "start"
+                                      }
+                                    );
+                                  }
+                                } else if (onNavigate) {
+                                  onNavigate(cta.href);
+                                } else {
+                                  window.location.href = cta.href;
+                                }
+                              }
+                            },
+                            className: !isMobile ? "ml-2" : "",
+                            children: cta.text
+                          }
+                        ),
+                        userMenu && !framerScroll.isScrolled && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                          /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(
+                            MoonUIButtonPro,
+                            {
+                              variant: "ghost",
+                              size: "icon",
+                              className: "relative",
+                              children: /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-8 w-8", children: [
+                                /* @__PURE__ */ jsx(
+                                  MoonUIAvatarImagePro,
+                                  {
+                                    src: userMenu.user?.avatar,
+                                    alt: userMenu.user?.name
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { children: userMenu.user?.name?.charAt(
+                                  0
+                                ) || /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }) })
+                              ] })
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsxs(
+                            MoonUIDropdownMenuContentPro,
+                            {
+                              align: "end",
+                              className: "w-56",
+                              children: [
+                                userMenu.user && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                  /* @__PURE__ */ jsxs("div", { className: "p-2", children: [
+                                    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: userMenu.user.name }),
+                                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: userMenu.user.email })
+                                  ] }),
+                                  /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {})
+                                ] }),
+                                userMenu.items && renderDropdownMenu(
+                                  userMenu.items
+                                )
+                              ]
+                            }
+                          )
+                        ] })
+                      ] })
+                    ]
+                  }
+                )
+              }
+            )
+          ) : (
+            // Diğer variants için tek div
+            /* @__PURE__ */ jsxs(
               "div",
               {
                 className: cn(
-                  "flex items-center space-x-4 sm:justify-between sm:space-x-0 transition-all duration-300",
-                  getHeight(framerScroll.isScrolled)
+                  "flex items-center transition-all duration-300 ease-in-out",
+                  "transition-[height] duration-300 ease-in-out",
+                  getHeight(),
+                  // floating-centered için özel logic - outer nav zaten max-width kontrol ediyor
+                  variant === "floating-centered" ? "w-full px-6" : (
+                    // minimal variant için tam genişlik (menu'ler yayılsın)
+                    variant === "minimal" ? "w-full px-4 sm:px-6 lg:px-8" : 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(
@@ -79514,7 +80153,7 @@ function NavbarInternal({
                     {
                       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"
                       ),
                       children: [
                         logoPosition === "left" && mobileMenuPosition === "left" && /* @__PURE__ */ jsx(MobileMenu, {}),
@@ -79536,7 +80175,10 @@ function NavbarInternal({
                                   initial: { opacity: 0, scale: 0.9 },
                                   animate: { opacity: 1, scale: 1 },
                                   exit: { opacity: 0, scale: 0.9 },
-                                  transition: { duration: 0.2, ease: "easeInOut" },
+                                  transition: {
+                                    duration: 0.2,
+                                    ease: "easeInOut"
+                                  },
                                   children: getActiveLogo()
                                 },
                                 `logo-${framerScroll.isScrolled ? "scrolled" : "default"}-${isDarkMode ? "dark" : "light"}`
@@ -79544,11 +80186,26 @@ function NavbarInternal({
                               /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: branding.title && !isMobile && !framerScroll.isScrolled && /* @__PURE__ */ jsx(
                                 motion.span,
                                 {
-                                  className: "font-semibold text-lg overflow-hidden",
-                                  initial: { opacity: 0, width: 0 },
-                                  animate: { opacity: 1, width: "auto" },
-                                  exit: { opacity: 0, width: 0 },
-                                  transition: { duration: 0.2, ease: "easeInOut" },
+                                  className: cn(
+                                    "font-semibold overflow-hidden",
+                                    getSizeClasses().logoText
+                                  ),
+                                  initial: {
+                                    opacity: 0,
+                                    width: 0
+                                  },
+                                  animate: {
+                                    opacity: 1,
+                                    width: "auto"
+                                  },
+                                  exit: {
+                                    opacity: 0,
+                                    width: 0
+                                  },
+                                  transition: {
+                                    duration: 0.2,
+                                    ease: "easeInOut"
+                                  },
                                   children: branding.title
                                 },
                                 "logo-text"
@@ -79564,84 +80221,113 @@ function NavbarInternal({
                     {
                       className: cn(
                         "hidden md:flex",
+                        // Minimal için tam genişlik + spacing
+                        variant === "minimal" && "flex-1 w-full",
                         // Overflow handling - minimal için otomatik expand, diğerleri user tercih
                         autoExpand || !isFloatingVariant && variant === "minimal" ? "flex-nowrap" : "flex-wrap overflow-x-auto scrollbar-hide scroll-smooth",
-                        // Positioning - floating variants
-                        navItemsPosition === "center" && "flex-1 justify-center mx-4",
+                        // Positioning
+                        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;
-                        const isActive2 = item.href === activePath;
-                        if (hasChildren) {
-                          return /* @__PURE__ */ jsxs(
-                            NavigationMenuItem2,
-                            {
-                              children: [
-                                /* @__PURE__ */ jsx(
-                                  NavigationMenuTrigger2,
+                      children: /* @__PURE__ */ jsx(
+                        NavigationMenuList2,
+                        {
+                          className: cn(
+                            // Minimal için item'ları yay
+                            variant === "minimal" && "w-full justify-between gap-1"
+                          ),
+                          children: sections.map((section) => /* @__PURE__ */ jsx(React71__default.Fragment, { children: section.items.map((item) => {
+                            const hasChildren = item.items && item.items.length > 0;
+                            const isActive2 = item.href === activePath;
+                            if (hasChildren) {
+                              return /* @__PURE__ */ jsxs(
+                                NavigationMenuItem2,
+                                {
+                                  children: [
+                                    /* @__PURE__ */ jsx(
+                                      NavigationMenuTrigger2,
+                                      {
+                                        className: cn(
+                                          isActive2 && "bg-accent text-accent-foreground",
+                                          item.disabled && "opacity-50 cursor-not-allowed"
+                                        ),
+                                        disabled: item.disabled,
+                                        children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                                          item.icon && /* @__PURE__ */ jsx("span", { children: item.icon }),
+                                          item.title
+                                        ] })
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsx(NavigationMenuContent2, { children: item.items && renderMegaMenuContent(
+                                      item.items
+                                    ) })
+                                  ]
+                                },
+                                item.id
+                              );
+                            }
+                            return /* @__PURE__ */ jsx(
+                              NavigationMenuItem2,
+                              {
+                                children: /* @__PURE__ */ jsxs(
+                                  NavigationMenuLink2,
                                   {
                                     className: cn(
+                                      navigationMenuTriggerStyle(),
+                                      "cursor-pointer",
+                                      getSizeClasses().text,
+                                      getSizeClasses().padding,
                                       isActive2 && "bg-accent text-accent-foreground",
                                       item.disabled && "opacity-50 cursor-not-allowed"
                                     ),
-                                    disabled: item.disabled,
-                                    children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-                                      item.icon && /* @__PURE__ */ jsx("span", { children: item.icon }),
-                                      item.title
-                                    ] })
+                                    onClick: () => !item.disabled && handleItemClick(
+                                      item
+                                    ),
+                                    children: [
+                                      /* @__PURE__ */ jsxs(
+                                        "span",
+                                        {
+                                          className: cn(
+                                            "flex items-center",
+                                            getSizeClasses().gap
+                                          ),
+                                          children: [
+                                            item.icon && /* @__PURE__ */ jsx(
+                                              "span",
+                                              {
+                                                className: getSizeClasses().iconSize,
+                                                children: item.icon
+                                              }
+                                            ),
+                                            item.title
+                                          ]
+                                        }
+                                      ),
+                                      item.badge && /* @__PURE__ */ jsx(
+                                        MoonUIBadgePro,
+                                        {
+                                          variant: item.badgeVariant || "secondary",
+                                          className: "ml-2",
+                                          children: item.badge
+                                        }
+                                      )
+                                    ]
                                   }
-                                ),
-                                /* @__PURE__ */ jsx(NavigationMenuContent2, { children: item.items && renderMegaMenuContent(
-                                  item.items
-                                ) })
-                              ]
-                            },
-                            item.id
-                          );
+                                )
+                              },
+                              item.id
+                            );
+                          }) }, section.id))
                         }
-                        return /* @__PURE__ */ jsx(
-                          NavigationMenuItem2,
-                          {
-                            children: /* @__PURE__ */ jsxs(
-                              NavigationMenuLink2,
-                              {
-                                className: cn(
-                                  navigationMenuTriggerStyle(),
-                                  "cursor-pointer",
-                                  isActive2 && "bg-accent text-accent-foreground",
-                                  item.disabled && "opacity-50 cursor-not-allowed"
-                                ),
-                                onClick: () => !item.disabled && handleItemClick(
-                                  item
-                                ),
-                                children: [
-                                  /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-                                    item.icon && /* @__PURE__ */ jsx("span", { children: item.icon }),
-                                    item.title
-                                  ] }),
-                                  item.badge && /* @__PURE__ */ jsx(
-                                    MoonUIBadgePro,
-                                    {
-                                      variant: item.badgeVariant || "secondary",
-                                      className: "ml-2",
-                                      children: item.badge
-                                    }
-                                  )
-                                ]
-                              }
-                            )
-                          },
-                          item.id
-                        );
-                      }) }, section.id)) })
+                      )
                     }
                   ),
-                  /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1 sm:gap-2", children: [
                     showSearch && !framerScroll.isScrolled && /* @__PURE__ */ jsx(Fragment, { children: isMobile ? /* @__PURE__ */ jsx(
                       MoonUIButtonPro,
                       {
@@ -79683,36 +80369,76 @@ function NavbarInternal({
                           MoonUIButtonPro,
                           {
                             variant: "ghost",
-                            size: "icon",
+                            size: getSizeClasses().buttonSize,
                             onClick: () => {
                               const newTheme = currentTheme === "dark" ? "light" : "dark";
                               setCurrentTheme(newTheme);
                               onThemeChange?.(newTheme);
                               if (typeof window !== "undefined") {
                                 const root = window.document.documentElement;
-                                root.classList.remove("light", "dark");
-                                root.classList.add(newTheme);
+                                root.classList.remove(
+                                  "light",
+                                  "dark"
+                                );
+                                root.classList.add(
+                                  newTheme
+                                );
                               }
                             },
                             className: "relative overflow-hidden",
                             children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentTheme === "dark" ? /* @__PURE__ */ jsx(
                               motion.div,
                               {
-                                initial: { y: -20, opacity: 0 },
-                                animate: { y: 0, opacity: 1 },
-                                exit: { y: 20, opacity: 0 },
-                                transition: { duration: 0.2 },
-                                children: /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" })
+                                initial: {
+                                  y: -20,
+                                  opacity: 0
+                                },
+                                animate: {
+                                  y: 0,
+                                  opacity: 1
+                                },
+                                exit: {
+                                  y: 20,
+                                  opacity: 0
+                                },
+                                transition: {
+                                  duration: 0.2
+                                },
+                                children: /* @__PURE__ */ jsx(
+                                  Moon,
+                                  {
+                                    className: getSizeClasses().iconSize
+                                  }
+                                )
                               },
                               "moon"
                             ) : /* @__PURE__ */ jsx(
                               motion.div,
                               {
-                                initial: { y: -20, opacity: 0, rotate: -90 },
-                                animate: { y: 0, opacity: 1, rotate: 0 },
-                                exit: { y: 20, opacity: 0, rotate: 90 },
-                                transition: { duration: 0.2 },
-                                children: /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" })
+                                initial: {
+                                  y: -20,
+                                  opacity: 0,
+                                  rotate: -90
+                                },
+                                animate: {
+                                  y: 0,
+                                  opacity: 1,
+                                  rotate: 0
+                                },
+                                exit: {
+                                  y: 20,
+                                  opacity: 0,
+                                  rotate: 90
+                                },
+                                transition: {
+                                  duration: 0.2
+                                },
+                                children: /* @__PURE__ */ jsx(
+                                  Sun,
+                                  {
+                                    className: getSizeClasses().iconSize
+                                  }
+                                )
                               },
                               "sun"
                             ) })
@@ -79894,18 +80620,22 @@ function NavbarInternal({
                       MoonUIButtonPro,
                       {
                         variant: cta.variant || "primary",
-                        size: "sm",
+                        size: isMobile ? "sm" : getSizeClasses().buttonSize,
                         onClick: () => {
                           if (cta.action) {
                             cta.action();
                           } else if (cta.href) {
                             if (cta.href.startsWith("#")) {
-                              const targetElement = document.querySelector(cta.href);
+                              const targetElement = document.querySelector(
+                                cta.href
+                              );
                               if (targetElement) {
-                                targetElement.scrollIntoView({
-                                  behavior: "smooth",
-                                  block: "start"
-                                });
+                                targetElement.scrollIntoView(
+                                  {
+                                    behavior: "smooth",
+                                    block: "start"
+                                  }
+                                );
                               }
                             } else if (onNavigate) {
                               onNavigate(cta.href);
@@ -79961,544 +80691,64 @@ function NavbarInternal({
                 ]
               }
             )
-          }
-        )
-      ) : (
-        // Diğer variants için tek div
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-center transition-all duration-300 ease-in-out",
-              "transition-[height] duration-300 ease-in-out",
-              getHeight(),
-              // floating-centered için özel logic - outer nav zaten max-width kontrol ediyor
-              variant === "floating-centered" ? "w-full px-6" : (
-                // minimal variant için tam genişlik (menu'ler yayılsın)
-                variant === "minimal" ? "w-full px-4 sm:px-6 lg:px-8" : 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(
-                "div",
-                {
-                  className: cn(
-                    "flex items-center gap-2",
-                    logoPosition === "center" && !isMobile && variant !== "floating-centered" ? "absolute left-1/2 -translate-x-1/2" : "mr-4"
-                  ),
-                  children: [
-                    logoPosition === "left" && mobileMenuPosition === "left" && /* @__PURE__ */ jsx(MobileMenu, {}),
-                    /* @__PURE__ */ jsxs(
-                      "a",
-                      {
-                        href: branding.href || "/",
-                        onClick: (e) => {
-                          if (branding.href && onNavigate) {
-                            e.preventDefault();
-                            onNavigate(branding.href);
-                          }
-                        },
-                        className: "flex items-center gap-2",
-                        children: [
-                          /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
-                            motion.div,
-                            {
-                              initial: { opacity: 0, scale: 0.9 },
-                              animate: { opacity: 1, scale: 1 },
-                              exit: { opacity: 0, scale: 0.9 },
-                              transition: { duration: 0.2, ease: "easeInOut" },
-                              children: getActiveLogo()
-                            },
-                            `logo-${framerScroll.isScrolled ? "scrolled" : "default"}-${isDarkMode ? "dark" : "light"}`
-                          ) }),
-                          /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: branding.title && !isMobile && !framerScroll.isScrolled && /* @__PURE__ */ jsx(
-                            motion.span,
-                            {
-                              className: "font-semibold text-lg overflow-hidden",
-                              initial: { opacity: 0, width: 0 },
-                              animate: { opacity: 1, width: "auto" },
-                              exit: { opacity: 0, width: 0 },
-                              transition: { duration: 0.2, ease: "easeInOut" },
-                              children: branding.title
-                            },
-                            "logo-text"
-                          ) })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              !isMobile && !hideNavItems && /* @__PURE__ */ jsx(
-                NavigationMenu2,
-                {
-                  className: cn(
-                    "hidden md:flex",
-                    // Minimal için tam genişlik + spacing
-                    variant === "minimal" && "flex-1 w-full",
-                    // Overflow handling - minimal için otomatik expand, diğerleri user tercih
-                    autoExpand || !isFloatingVariant && variant === "minimal" ? "flex-nowrap" : "flex-wrap overflow-x-auto scrollbar-hide scroll-smooth",
-                    // Positioning
-                    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" && variant !== "floating-centered" && "absolute left-1/2 transform -translate-x-1/2"
-                  ),
-                  children: /* @__PURE__ */ jsx(
-                    NavigationMenuList2,
-                    {
-                      className: cn(
-                        // Minimal için item'ları yay
-                        variant === "minimal" && "w-full justify-between gap-1"
-                      ),
-                      children: sections.map((section) => /* @__PURE__ */ jsx(React71__default.Fragment, { children: section.items.map((item) => {
-                        const hasChildren = item.items && item.items.length > 0;
-                        const isActive2 = item.href === activePath;
-                        if (hasChildren) {
-                          return /* @__PURE__ */ jsxs(
-                            NavigationMenuItem2,
-                            {
-                              children: [
-                                /* @__PURE__ */ jsx(
-                                  NavigationMenuTrigger2,
-                                  {
-                                    className: cn(
-                                      isActive2 && "bg-accent text-accent-foreground",
-                                      item.disabled && "opacity-50 cursor-not-allowed"
-                                    ),
-                                    disabled: item.disabled,
-                                    children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-                                      item.icon && /* @__PURE__ */ jsx("span", { children: item.icon }),
-                                      item.title
-                                    ] })
-                                  }
-                                ),
-                                /* @__PURE__ */ jsx(NavigationMenuContent2, { children: item.items && renderMegaMenuContent(
-                                  item.items
-                                ) })
-                              ]
-                            },
-                            item.id
-                          );
-                        }
-                        return /* @__PURE__ */ jsx(
-                          NavigationMenuItem2,
-                          {
-                            children: /* @__PURE__ */ jsxs(
-                              NavigationMenuLink2,
-                              {
-                                className: cn(
-                                  navigationMenuTriggerStyle(),
-                                  "cursor-pointer",
-                                  isActive2 && "bg-accent text-accent-foreground",
-                                  item.disabled && "opacity-50 cursor-not-allowed"
-                                ),
-                                onClick: () => !item.disabled && handleItemClick(
-                                  item
-                                ),
-                                children: [
-                                  /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-                                    item.icon && /* @__PURE__ */ jsx("span", { children: item.icon }),
-                                    item.title
-                                  ] }),
-                                  item.badge && /* @__PURE__ */ jsx(
-                                    MoonUIBadgePro,
-                                    {
-                                      variant: item.badgeVariant || "secondary",
-                                      className: "ml-2",
-                                      children: item.badge
-                                    }
-                                  )
-                                ]
-                              }
-                            )
-                          },
-                          item.id
-                        );
-                      }) }, section.id))
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
-                showSearch && !framerScroll.isScrolled && /* @__PURE__ */ jsx(Fragment, { children: isMobile ? /* @__PURE__ */ jsx(
-                  MoonUIButtonPro,
-                  {
-                    variant: "ghost",
-                    size: "icon",
-                    onClick: () => setIsCommandOpen(true),
-                    children: /* @__PURE__ */ jsx(Search, { className: "h-5 w-5" })
-                  }
-                ) : /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                  /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-                  /* @__PURE__ */ jsx(
-                    MoonUIInputPro,
-                    {
-                      type: "search",
-                      placeholder: searchPlaceholder,
-                      className: "w-64 pl-9 pr-4 h-9 cursor-pointer",
-                      value: searchValue,
-                      onChange: (e) => handleSearch(e.target.value),
-                      onClick: () => {
-                        if (enableCommandAI) {
-                          setIsCommandOpen(true);
-                          onCommandAIOpen?.();
-                        }
-                      },
-                      readOnly: enableCommandAI
-                    }
-                  ),
-                  (keyboardShortcuts || enableCommandAI) && /* @__PURE__ */ jsx("kbd", { className: "absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 hidden sm:flex", children: enableCommandAI ? commandAIShortcut : /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx("span", { className: "text-xs", children: "\u2318" }),
-                    "K"
-                  ] }) })
-                ] }) }),
-                showThemeToggle && (themeToggleVariant === "button" ? /* @__PURE__ */ jsx(
-                  motion.div,
-                  {
-                    whileTap: { scale: 0.95 },
-                    className: "relative",
-                    children: /* @__PURE__ */ jsx(
-                      MoonUIButtonPro,
-                      {
-                        variant: "ghost",
-                        size: "icon",
-                        onClick: () => {
-                          const newTheme = currentTheme === "dark" ? "light" : "dark";
-                          setCurrentTheme(newTheme);
-                          onThemeChange?.(newTheme);
-                          if (typeof window !== "undefined") {
-                            const root = window.document.documentElement;
-                            root.classList.remove("light", "dark");
-                            root.classList.add(newTheme);
-                          }
-                        },
-                        className: "relative overflow-hidden",
-                        children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: currentTheme === "dark" ? /* @__PURE__ */ jsx(
-                          motion.div,
-                          {
-                            initial: { y: -20, opacity: 0 },
-                            animate: { y: 0, opacity: 1 },
-                            exit: { y: 20, opacity: 0 },
-                            transition: { duration: 0.2 },
-                            children: /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" })
-                          },
-                          "moon"
-                        ) : /* @__PURE__ */ jsx(
-                          motion.div,
-                          {
-                            initial: { y: -20, opacity: 0, rotate: -90 },
-                            animate: { y: 0, opacity: 1, rotate: 0 },
-                            exit: { y: 20, opacity: 0, rotate: 90 },
-                            transition: { duration: 0.2 },
-                            children: /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" })
-                          },
-                          "sun"
-                        ) })
-                      }
-                    )
-                  }
-                ) : /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
-                  /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "ghost", size: "icon", children: [
-                    currentTheme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
-                    currentTheme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
-                    currentTheme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
-                  ] }) }),
-                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
-                    /* @__PURE__ */ jsxs(
-                      MoonUIDropdownMenuItemPro,
-                      {
-                        onClick: () => {
-                          setCurrentTheme("light");
-                          onThemeChange?.("light");
-                        },
-                        children: [
-                          /* @__PURE__ */ jsx(Sun, { className: "mr-2 h-4 w-4" }),
-                          "Light"
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs(
-                      MoonUIDropdownMenuItemPro,
-                      {
-                        onClick: () => {
-                          setCurrentTheme("dark");
-                          onThemeChange?.("dark");
-                        },
-                        children: [
-                          /* @__PURE__ */ jsx(Moon, { className: "mr-2 h-4 w-4" }),
-                          "Dark"
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs(
-                      MoonUIDropdownMenuItemPro,
-                      {
-                        onClick: () => {
-                          setCurrentTheme("system");
-                          onThemeChange?.("system");
-                        },
-                        children: [
-                          /* @__PURE__ */ jsx(Monitor, { className: "mr-2 h-4 w-4" }),
-                          "System"
-                        ]
-                      }
-                    )
-                  ] })
-                ] })),
-                notifications && !framerScroll.isScrolled && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
-                  /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
-                    MoonUIButtonPro,
-                    {
-                      variant: "ghost",
-                      size: "icon",
-                      className: "relative",
-                      children: [
-                        /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5" }),
-                        notifications.count && notifications.count > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 min-w-[18px] h-[18px] rounded-full bg-red-500 text-[11px] font-medium text-white flex items-center justify-center px-1", children: notifications.count > 9 ? "9+" : notifications.count })
-                      ]
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxs(
-                    MoonUIDropdownMenuContentPro,
-                    {
-                      align: "end",
-                      className: "w-[380px] p-0",
-                      sideOffset: 8,
-                      children: [
-                        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b", children: [
-                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                            /* @__PURE__ */ jsx("h4", { className: "text-base font-semibold", children: "Notifications" }),
-                            notifications.count && notifications.count > 0 && /* @__PURE__ */ jsxs(
-                              MoonUIBadgePro,
-                              {
-                                variant: "secondary",
-                                className: "h-5 px-2 rounded-full bg-primary/10 text-primary border-0",
-                                children: [
-                                  notifications.count,
-                                  " ",
-                                  "new"
-                                ]
-                              }
-                            )
-                          ] }),
-                          notifications.items && notifications.items.length > 0 && /* @__PURE__ */ jsx(
-                            MoonUIButtonPro,
-                            {
-                              variant: "ghost",
-                              size: "sm",
-                              className: "text-xs h-7 px-2 text-muted-foreground hover:text-foreground",
-                              onClick: (e) => {
-                                e.preventDefault();
-                                console.log(
-                                  "Mark all as read"
-                                );
-                              },
-                              children: "Mark all read"
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ jsx("div", { className: "max-h-[400px] overflow-y-auto", children: notifications.items && notifications.items.length > 0 ? /* @__PURE__ */ jsx("div", { className: "py-1", children: notifications.items.map(
-                          (notification, index2) => /* @__PURE__ */ jsxs(
-                            "div",
-                            {
-                              children: [
-                                /* @__PURE__ */ jsx(
-                                  "button",
-                                  {
-                                    className: cn(
-                                      "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors",
-                                      "focus:outline-none focus:bg-muted/50",
-                                      !notification.read && "bg-primary/5 hover:bg-primary/10"
-                                    ),
-                                    onClick: () => notifications.onNotificationClick?.(
-                                      notification.id
-                                    ),
-                                    children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-                                      /* @__PURE__ */ jsx("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx(
-                                        "div",
-                                        {
-                                          className: cn(
-                                            "h-2 w-2 rounded-full",
-                                            !notification.read ? "bg-primary" : "bg-transparent"
-                                          )
-                                        }
-                                      ) }),
-                                      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
-                                        /* @__PURE__ */ jsx(
-                                          "p",
-                                          {
-                                            className: cn(
-                                              "text-sm leading-tight",
-                                              !notification.read ? "font-medium" : "font-normal"
-                                            ),
-                                            children: notification.title
-                                          }
-                                        ),
-                                        notification.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: notification.description }),
-                                        notification.time && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70 mt-1", children: notification.time })
-                                      ] })
-                                    ] })
-                                  }
-                                ),
-                                index2 < (notifications.items?.length || 0) - 1 && /* @__PURE__ */ jsx("div", { className: "mx-4 border-b" })
-                              ]
-                            },
-                            notification.id
-                          )
-                        ) }) : /* @__PURE__ */ jsxs("div", { className: "py-12 text-center", children: [
-                          /* @__PURE__ */ jsx(Bell, { className: "h-10 w-10 mx-auto text-muted-foreground/30 mb-3" }),
-                          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "No new notifications" }),
-                          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70 mt-1", children: "You're all caught up!" })
-                        ] }) }),
-                        notifications.items && notifications.items.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsx(
-                          MoonUIButtonPro,
-                          {
-                            variant: "ghost",
-                            className: "w-full h-8 text-xs text-muted-foreground hover:text-foreground",
-                            onClick: (e) => {
-                              e.preventDefault();
-                              console.log(
-                                "View all notifications"
-                              );
-                            },
-                            children: "View all notifications"
-                          }
-                        ) })
-                      ]
-                    }
-                  )
-                ] }),
-                cta && !framerScroll.isScrolled && /* @__PURE__ */ jsx(
-                  MoonUIButtonPro,
-                  {
-                    variant: cta.variant || "primary",
-                    size: "sm",
-                    onClick: () => {
-                      if (cta.action) {
-                        cta.action();
-                      } else if (cta.href) {
-                        if (cta.href.startsWith("#")) {
-                          const targetElement = document.querySelector(cta.href);
-                          if (targetElement) {
-                            targetElement.scrollIntoView({
-                              behavior: "smooth",
-                              block: "start"
-                            });
-                          }
-                        } else if (onNavigate) {
-                          onNavigate(cta.href);
-                        } else {
-                          window.location.href = cta.href;
-                        }
-                      }
-                    },
-                    className: !isMobile ? "ml-2" : "",
-                    children: cta.text
-                  }
-                ),
-                userMenu && !framerScroll.isScrolled && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
-                  /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(
-                    MoonUIButtonPro,
-                    {
-                      variant: "ghost",
-                      size: "icon",
-                      className: "relative",
-                      children: /* @__PURE__ */ jsxs(MoonUIAvatarPro, { className: "h-8 w-8", children: [
-                        /* @__PURE__ */ jsx(
-                          MoonUIAvatarImagePro,
-                          {
-                            src: userMenu.user?.avatar,
-                            alt: userMenu.user?.name
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(MoonUIAvatarFallbackPro, { children: userMenu.user?.name?.charAt(
-                          0
-                        ) || /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }) })
-                      ] })
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxs(
-                    MoonUIDropdownMenuContentPro,
-                    {
-                      align: "end",
-                      className: "w-56",
-                      children: [
-                        userMenu.user && /* @__PURE__ */ jsxs(Fragment, { children: [
-                          /* @__PURE__ */ jsxs("div", { className: "p-2", children: [
-                            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: userMenu.user.name }),
-                            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: userMenu.user.email })
-                          ] }),
-                          /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {})
-                        ] }),
-                        userMenu.items && renderDropdownMenu(userMenu.items)
-                      ]
-                    }
-                  )
-                ] })
-              ] })
-            ]
-          }
-        )
-      ),
-      animatedBackground && /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          className: "absolute inset-0 -z-10 opacity-30",
-          animate: {
-            background: [
-              "radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%)",
-              "radial-gradient(circle at 80% 50%, rgba(120, 119, 198, 0.3), transparent 50%)",
-              "radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%)"
-            ]
-          },
-          transition: {
-            duration: 10,
-            repeat: Infinity,
-            ease: "linear"
-          }
-        }
-      ),
-      showScrollProgress && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "absolute h-0.5 bg-muted transition-all",
-            // progressBarInset kontrolü - border-radius içinde mi dışında mı
-            progressBarInset ? cn(
-              "bottom-1 overflow-hidden",
-              // İçerideki progress bar taşmasın
-              // Variant'a göre positioning - navbar padding ile uyumlu
-              variant === "floating-centered" && "left-6 right-6",
-              // px-6 ile uyumlu
-              variant === "floating" && "left-4 right-4",
-              // mx-4 margin ile uyumlu
-              (!variant || variant === "default") && "left-2 right-2",
-              // minimal padding
-              variant === "minimal" && "left-2 right-2",
-              variant === "transparent" && "left-2 right-2",
-              variant === "floating-auto-hide" && "left-2 right-2",
-              variant === "floating-sticky" && "left-2 right-2",
-              // Border-radius uyumu
-              rounded && "rounded-b-lg",
-              variant === "floating-centered" && "rounded-b-2xl",
-              variant === "floating" && "rounded-b-lg"
-            ) : "bottom-0 left-0 right-0"
-            // Dışarıdan (backward compat)
           ),
-          children: /* @__PURE__ */ jsx(
+          animatedBackground && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: "absolute inset-0 -z-10 opacity-30",
+              animate: {
+                background: [
+                  "radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%)",
+                  "radial-gradient(circle at 80% 50%, rgba(120, 119, 198, 0.3), transparent 50%)",
+                  "radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%)"
+                ]
+              },
+              transition: {
+                duration: 10,
+                repeat: Infinity,
+                ease: "linear"
+              }
+            }
+          ),
+          showScrollProgress && /* @__PURE__ */ jsx(
             "div",
             {
-              className: "h-full bg-primary transition-all duration-150",
-              style: { width: `${scrollProgress}%` }
+              className: cn(
+                "absolute h-0.5 bg-muted transition-all",
+                // progressBarInset kontrolü - border-radius içinde mi dışında mı
+                progressBarInset ? cn(
+                  "bottom-1 overflow-hidden",
+                  // İçerideki progress bar taşmasın
+                  // Variant'a göre positioning - navbar padding ile uyumlu
+                  variant === "floating-centered" && "left-6 right-6",
+                  // px-6 ile uyumlu
+                  variant === "floating" && "left-4 right-4",
+                  // mx-4 margin ile uyumlu
+                  (!variant || variant === "default") && "left-2 right-2",
+                  // minimal padding
+                  variant === "minimal" && "left-2 right-2",
+                  variant === "transparent" && "left-2 right-2",
+                  variant === "floating-auto-hide" && "left-2 right-2",
+                  variant === "floating-sticky" && "left-2 right-2",
+                  // Border-radius uyumu
+                  rounded && "rounded-b-lg",
+                  variant === "floating-centered" && "rounded-b-2xl",
+                  variant === "floating" && "rounded-b-lg"
+                ) : "bottom-0 left-0 right-0"
+                // Dışarıdan (backward compat)
+              ),
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "h-full bg-primary transition-all duration-150",
+                  style: { width: `${scrollProgress}%` }
+                }
+              )
             }
           )
-        }
-      )
-    ] }),
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs(
       MoonUICommandDialogPro,
       {