@moontra/moonui-pro 2.27.5 → 2.27.7

package/dist/index.mjs

@@ -4838,18 +4838,27 @@ var overlayVariants = cva(
     }
   }
 );
-var MoonUIDialogOverlayPro = React67.forwardRef(({ className, variant, blurAmount, animation, customBackdrop = false, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      overlayVariants({ variant, blurAmount, animation }),
-      customBackdrop && "before:absolute before:inset-0 before:bg-gradient-to-br before:from-transparent before:via-primary/10 before:to-transparent",
-      className
-    ),
+var MoonUIDialogOverlayPro = React67.forwardRef(
+  ({
+    className,
+    variant,
+    blurAmount,
+    animation,
+    customBackdrop = false,
     ...props
-  }
-));
+  }, ref) => /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      ref,
+      className: cn(
+        overlayVariants({ variant, blurAmount, animation }),
+        customBackdrop && "before:absolute before:inset-0 before:bg-gradient-to-br before:from-transparent before:via-primary/10 before:to-transparent",
+        className
+      ),
+      ...props
+    }
+  )
+);
 MoonUIDialogOverlayPro.displayName = DialogPrimitive.Overlay.displayName;
 var dialogContentVariants = cva(
   "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg",
@@ -4976,14 +4985,6 @@ var MoonUIDialogContentPro = React67.forwardRef(
         type: "tween",
         duration
       };
-      {
-        console.log("Dialog Animation Debug:", {
-          animation,
-          duration,
-          enableSpringPhysics,
-          springConfig
-        });
-      }
       switch (animation) {
         case "bounce":
           return {
@@ -5008,7 +5009,10 @@ var MoonUIDialogContentPro = React67.forwardRef(
             initial: { scale: 0, opacity: 0 },
             animate: { scale: 1, opacity: 1 },
             exit: { scale: 0, opacity: 0 },
-            transition: { ...springConfig, duration: duration * 0.8 }
+            transition: {
+              ...springConfig,
+              duration: duration * 0.8
+            }
           };
         case "fade":
           return {
@@ -5079,14 +5083,20 @@ var MoonUIDialogContentPro = React67.forwardRef(
             initial: { rotateX: -90, opacity: 0 },
             animate: { rotateX: 0, opacity: 1 },
             exit: { rotateX: 90, opacity: 0 },
-            transition: { ...springConfig, duration: duration * 1.2 }
+            transition: {
+              ...springConfig,
+              duration: duration * 1.2
+            }
           };
         case "swirl":
           return {
             initial: { rotate: -540, scale: 0, opacity: 0 },
             animate: { rotate: 0, scale: 1, opacity: 1 },
             exit: { rotate: 540, scale: 0, opacity: 0 },
-            transition: { ...springConfig, duration: duration * 1.5 }
+            transition: {
+              ...springConfig,
+              duration: duration * 1.5
+            }
           };
         case "rotateScale":
           return {
@@ -5107,7 +5117,9 @@ var MoonUIDialogContentPro = React67.forwardRef(
     const handleClose = async () => {
       if (closeAnimation) {
         setIsClosing(true);
-        await new Promise((resolve) => setTimeout(resolve, animationDuration * 1e3));
+        await new Promise(
+          (resolve) => setTimeout(resolve, animationDuration * 1e3)
+        );
       }
       if (onClose) {
         onClose();
@@ -5115,19 +5127,6 @@ var MoonUIDialogContentPro = React67.forwardRef(
     };
     const animationVariants2 = getAnimationVariants();
     const displayIcon = confirmationType ? getConfirmationIcon() : icon;
-    React67.useEffect(() => {
-      if (typeof window !== "undefined" && true) {
-        console.log("\u{1F3AD} Dialog Animation Debug:", {
-          animation,
-          size: size4,
-          variant,
-          enableSpringPhysics,
-          animationVariants: animationVariants2,
-          hasAnimation: !!animation,
-          animationType: typeof animation
-        });
-      }
-    }, [animation, size4, variant, enableSpringPhysics]);
     return /* @__PURE__ */ jsxs(MoonUIDialogPortal, { children: [
       /* @__PURE__ */ jsx(
         MoonUIDialogOverlayPro,
@@ -5192,29 +5191,53 @@ var MoonUIDialogContentPro = React67.forwardRef(
                 className
               ),
               children: [
-                (title || description || displayIcon || loading || success) && /* @__PURE__ */ jsxs(MoonUIDialogHeaderPro, { className: cn(
-                  "flex gap-4",
-                  confirmationType && "items-start"
-                ), children: [
-                  (displayIcon || loading || success) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-center", children: [
-                    loading && /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-primary" }),
-                    success && !loading && /* @__PURE__ */ jsx(Check, { className: "h-5 w-5 text-success" }),
-                    !loading && !success && displayIcon && /* @__PURE__ */ jsx("span", { className: cn(
-                      confirmationType ? "" : "text-primary"
-                    ), children: displayIcon })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                    title && /* @__PURE__ */ jsx(MoonUIDialogTitlePro, { className: cn(
-                      confirmationType === "error" && "text-red-600 dark:text-red-400",
-                      confirmationType === "warning" && "text-yellow-600 dark:text-yellow-400",
-                      confirmationType === "success" && "text-green-600 dark:text-green-400",
-                      confirmationType === "info" && "text-blue-600 dark:text-blue-400"
-                    ), children: title }),
-                    description && /* @__PURE__ */ jsx(MoonUIDialogDescriptionPro, { children: description })
-                  ] })
-                ] }),
+                (title || description || displayIcon || loading || success) && /* @__PURE__ */ jsxs(
+                  MoonUIDialogHeaderPro,
+                  {
+                    className: cn(
+                      "flex gap-4",
+                      confirmationType && "items-start"
+                    ),
+                    children: [
+                      (displayIcon || loading || success) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-center", children: [
+                        loading && /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-primary" }),
+                        success && !loading && /* @__PURE__ */ jsx(Check, { className: "h-5 w-5 text-success" }),
+                        !loading && !success && displayIcon && /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: cn(
+                              confirmationType ? "" : "text-primary"
+                            ),
+                            children: displayIcon
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                        title && /* @__PURE__ */ jsx(
+                          MoonUIDialogTitlePro,
+                          {
+                            className: cn(
+                              confirmationType === "error" && "text-red-600 dark:text-red-400",
+                              confirmationType === "warning" && "text-yellow-600 dark:text-yellow-400",
+                              confirmationType === "success" && "text-green-600 dark:text-green-400",
+                              confirmationType === "info" && "text-blue-600 dark:text-blue-400"
+                            ),
+                            children: title
+                          }
+                        ),
+                        description && /* @__PURE__ */ jsx(MoonUIDialogDescriptionPro, { children: description })
+                      ] })
+                    ]
+                  }
+                ),
                 children,
-                hasFormValidation && /* @__PURE__ */ jsx("div", { id: "dialog-validation-messages", className: "mt-2 min-h-[20px]" }),
+                hasFormValidation && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    id: "dialog-validation-messages",
+                    className: "mt-2 min-h-[20px]"
+                  }
+                ),
                 !hideCloseButton && /* @__PURE__ */ jsxs(
                   DialogPrimitive.Close,
                   {
@@ -5292,28 +5315,36 @@ var MoonUIDialogDescriptionPro = React67.forwardRef(({ className, ...props }, re
   }
 ));
 MoonUIDialogDescriptionPro.displayName = DialogPrimitive.Description.displayName;
-var MoonUIDialogFormPro = React67.forwardRef(({ className, enableValidation = false, onSubmit, isSubmitting = false, ...props }, ref) => {
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (onSubmit && !isSubmitting) {
-      await onSubmit(e);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    "form",
-    {
-      ref,
-      className: cn(
-        "flex flex-col gap-4",
-        isSubmitting && "pointer-events-none opacity-75",
-        className
-      ),
-      onSubmit: handleSubmit,
-      noValidate: !enableValidation,
-      ...props
-    }
-  );
-});
+var MoonUIDialogFormPro = React67.forwardRef(
+  ({
+    className,
+    enableValidation = false,
+    onSubmit,
+    isSubmitting = false,
+    ...props
+  }, ref) => {
+    const handleSubmit = async (e) => {
+      e.preventDefault();
+      if (onSubmit && !isSubmitting) {
+        await onSubmit(e);
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      "form",
+      {
+        ref,
+        className: cn(
+          "flex flex-col gap-4",
+          isSubmitting && "pointer-events-none opacity-75",
+          className
+        ),
+        onSubmit: handleSubmit,
+        noValidate: !enableValidation,
+        ...props
+      }
+    );
+  }
+);
 MoonUIDialogFormPro.displayName = "MoonUIDialogFormPro";
 var MoonUITooltipProviderPro = TooltipPrimitive.Provider;
 var tooltipVariants = cva(
@@ -16851,7 +16882,7 @@ function CalendarInternal({
     return actualDay !== 0 && actualDay !== 6;
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", className), style: { minHeight: height ? `${height}px` : "85vh", height: height ? `${height}px` : "auto" }, children: /* @__PURE__ */ jsxs("div", { className: "flex relative h-full", children: [
+    /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full flex flex-col", className), style: { minHeight: height ? `${height}px` : "85vh" }, children: /* @__PURE__ */ jsxs("div", { className: "flex relative flex-1", children: [
       isSidebarOpen && /* @__PURE__ */ jsx(
         "div",
         {
@@ -16860,13 +16891,13 @@ function CalendarInternal({
         }
       ),
       /* @__PURE__ */ jsx("aside", { className: cn(
-        "bg-card border-r transition-all duration-300 flex-shrink-0",
+        "bg-card border-r transition-all duration-300 flex-shrink-0 min-h-full",
         // Desktop styles - always visible on desktop
-        isDesktopSidebarCollapsed ? "w-0" : "w-64",
+        isDesktopSidebarCollapsed ? "w-0 overflow-hidden" : "w-64",
         // Mobile styles - slide in/out
         "lg:relative",
         isSidebarOpen ? "absolute inset-y-0 left-0 z-50 w-64" : "hidden lg:block"
-      ), children: /* @__PURE__ */ jsxs("div", { className: "w-64 h-full flex flex-col", children: [
+      ), children: /* @__PURE__ */ jsxs("div", { className: "w-64 min-h-full flex flex-col", children: [
         /* @__PURE__ */ jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm", children: "Calendar" }),
           /* @__PURE__ */ jsx(
@@ -17017,10 +17048,10 @@ function CalendarInternal({
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 h-full", children: [
-          view === "month" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-1 w-full h-full auto-rows-fr", children: [
-            visibleDaysOfWeek.map((day) => /* @__PURE__ */ jsx("div", { className: "p-1 text-center text-xs font-medium text-muted-foreground", children: day }, day)),
-            filteredDays.map((date, index2) => {
+        /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "flex-1 flex flex-col p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col", children: [
+          view === "month" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-[600px]", children: [
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 mb-1", children: visibleDaysOfWeek.map((day) => /* @__PURE__ */ jsx("div", { className: "p-2 text-center text-sm font-semibold text-foreground bg-muted/50 rounded", children: day }, day)) }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 flex-1", style: { gridAutoRows: "minmax(100px, 1fr)" }, children: filteredDays.map((date, index2) => {
               const dayEvents = getEventsForDate(date);
               const isCurrentMonthDate = isCurrentMonth(date);
               const isTodayDate = isToday2(date);
@@ -17030,7 +17061,7 @@ function CalendarInternal({
                 "div",
                 {
                   className: cn(
-                    "h-full min-h-[100px] p-2 border border-border/50 cursor-pointer hover:bg-muted/50 transition-colors text-xs flex flex-col",
+                    "p-3 border border-border/50 rounded-lg cursor-pointer hover:bg-muted/50 transition-colors text-xs flex flex-col overflow-hidden",
                     !isCurrentMonthDate && "text-muted-foreground bg-muted/20",
                     isTodayDate && highlightToday && "bg-primary/10 border-primary/50",
                     isSelectedDate && "bg-primary/20 border-primary",
@@ -17041,78 +17072,96 @@ function CalendarInternal({
                   onDragOver: (e) => handleDateDragOver(date, e),
                   onDrop: (e) => handleDateDrop(date, e),
                   children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
                       /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
                         /* @__PURE__ */ jsx("span", { className: cn(
-                          "text-sm font-medium",
-                          isTodayDate && "text-primary font-bold",
-                          isHoliday(date) && "text-orange-600 dark:text-orange-400"
+                          "text-base font-bold",
+                          isTodayDate && "text-primary",
+                          isHoliday(date) && "text-orange-600 dark:text-orange-400",
+                          !isCurrentMonthDate && "opacity-40"
                         ), children: date.getDate() }),
                         isHoliday(date) && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-orange-600 dark:text-orange-400 truncate", children: getHolidayName(date) })
                       ] }),
                       dayEvents.length > 0 && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "text-xs px-1", children: dayEvents.length })
                     ] }),
-                    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto custom-scrollbar space-y-0.5", children: dayEvents.map((event) => /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        className: cn(
-                          "text-[11px] px-1.5 py-0.5 rounded text-white cursor-move group relative select-none block w-full truncate",
-                          event.color || EVENT_COLORS[event.type || "event"],
-                          event.priority && PRIORITY_COLORS[event.priority],
-                          event.status && STATUS_STYLES[event.status]
-                        ),
-                        draggable: !disabled && enableDragDrop,
-                        onClick: (e) => handleEventClick(event, e),
-                        onDragStart: (e) => handleEventDragStart(event, e),
-                        onDragEnd: handleEventDragEnd,
-                        style: {
-                          backgroundColor: event.color || void 0
-                        },
-                        children: [
-                          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-1 min-w-0", children: [
-                              event.isPrivate && /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3 flex-shrink-0" }),
-                              event.recurring && /* @__PURE__ */ jsx(Repeat, { className: "h-3 w-3 flex-shrink-0" }),
-                              /* @__PURE__ */ jsx("span", { className: "truncate", children: event.title })
+                    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-0.5", children: [
+                      dayEvents.slice(0, 3).map((event) => /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: cn(
+                            "text-[11px] px-1.5 py-0.5 rounded text-white cursor-move group relative select-none block w-full truncate",
+                            event.color || EVENT_COLORS[event.type || "event"],
+                            event.priority && PRIORITY_COLORS[event.priority],
+                            event.status && STATUS_STYLES[event.status]
+                          ),
+                          draggable: !disabled && enableDragDrop,
+                          onClick: (e) => handleEventClick(event, e),
+                          onDragStart: (e) => handleEventDragStart(event, e),
+                          onDragEnd: handleEventDragEnd,
+                          style: {
+                            backgroundColor: event.color || void 0
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-1 min-w-0", children: [
+                                event.isPrivate && /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3 flex-shrink-0" }),
+                                event.recurring && /* @__PURE__ */ jsx(Repeat, { className: "h-3 w-3 flex-shrink-0" }),
+                                /* @__PURE__ */ jsx("span", { className: "truncate", children: event.title })
+                              ] }),
+                              showEventDetails && /* @__PURE__ */ jsxs("div", { className: "hidden group-hover:flex items-center gap-1 ml-1", children: [
+                                /* @__PURE__ */ jsx(
+                                  MoonUIButtonPro,
+                                  {
+                                    variant: "ghost",
+                                    size: "sm",
+                                    className: "h-4 w-4 p-0 text-white/80 hover:text-white",
+                                    onClick: (e) => handleEventEdit(event, e),
+                                    children: /* @__PURE__ */ jsx(Edit, { className: "h-3 w-3" })
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  MoonUIButtonPro,
+                                  {
+                                    variant: "ghost",
+                                    size: "sm",
+                                    className: "h-4 w-4 p-0 text-white/80 hover:text-white",
+                                    onClick: (e) => handleEventDelete(event, e),
+                                    children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
+                                  }
+                                )
+                              ] })
                             ] }),
-                            showEventDetails && /* @__PURE__ */ jsxs("div", { className: "hidden group-hover:flex items-center gap-1 ml-1", children: [
-                              /* @__PURE__ */ jsx(
-                                MoonUIButtonPro,
-                                {
-                                  variant: "ghost",
-                                  size: "sm",
-                                  className: "h-4 w-4 p-0 text-white/80 hover:text-white",
-                                  onClick: (e) => handleEventEdit(event, e),
-                                  children: /* @__PURE__ */ jsx(Edit, { className: "h-3 w-3" })
-                                }
-                              ),
-                              /* @__PURE__ */ jsx(
-                                MoonUIButtonPro,
-                                {
-                                  variant: "ghost",
-                                  size: "sm",
-                                  className: "h-4 w-4 p-0 text-white/80 hover:text-white",
-                                  onClick: (e) => handleEventDelete(event, e),
-                                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
-                                }
-                              )
+                            event.startTime && !compactMode && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
+                              /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+                              /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: formatTime2(event.startTime) })
                             ] })
-                          ] }),
-                          event.startTime && !compactMode && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
-                            /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
-                            /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: formatTime2(event.startTime) })
-                          ] })
-                        ]
-                      },
-                      event.id
-                    )) })
+                          ]
+                        },
+                        event.id
+                      )),
+                      dayEvents.length > 3 && /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: "text-[10px] text-muted-foreground hover:text-foreground cursor-pointer font-medium pl-1",
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            handleDateClick(date);
+                          },
+                          children: [
+                            "+",
+                            dayEvents.length - 3,
+                            " more"
+                          ]
+                        }
+                      )
+                    ] })
                   ]
                 },
                 index2
               );
-            })
+            }) })
           ] }),
-          view === "week" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          view === "week" && /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col space-y-4", children: [
             /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8 gap-2", children: [
               /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Time" }),
               Array.from({ length: 7 }, (_, i) => {
@@ -17127,7 +17176,7 @@ function CalendarInternal({
                 ] }, i);
               })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "max-h-[500px] overflow-y-auto", children: Array.from({ length: 24 }, (_, hour) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8 border-b last:border-b-0", children: [
+            /* @__PURE__ */ jsx("div", { className: "border rounded-lg overflow-hidden flex-1 flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: Array.from({ length: 24 }, (_, hour) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8 border-b last:border-b-0", children: [
               /* @__PURE__ */ jsx("div", { className: "p-2 text-xs text-muted-foreground border-r", children: formatTime2(`${hour.toString().padStart(2, "0")}:00`) }),
               Array.from({ length: 7 }, (_2, dayIndex) => {
                 const date = new Date(currentDate);
@@ -17167,14 +17216,14 @@ function CalendarInternal({
               })
             ] }, hour)) }) })
           ] }),
-          view === "day" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          view === "day" && /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col space-y-4", children: [
             /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: currentDate.toLocaleDateString(locale, {
               weekday: "long",
               year: "numeric",
               month: "long",
               day: "numeric"
             }) }) }),
-            /* @__PURE__ */ jsx("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "max-h-[500px] overflow-y-auto", children: Array.from({ length: 24 }, (_, hour) => {
+            /* @__PURE__ */ jsx("div", { className: "border rounded-lg overflow-hidden flex-1 flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: Array.from({ length: 24 }, (_, hour) => {
               const hourEvents = getEventsForDate(currentDate).filter((event) => {
                 if (!event.startTime)
                   return false;
@@ -17237,7 +17286,7 @@ function CalendarInternal({
               ] }, hour);
             }) }) })
           ] }),
-          view === "agenda" && /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx("div", { className: "max-h-[500px] overflow-y-auto space-y-4", children: Array.from({ length: 30 }, (_, i) => {
+          view === "agenda" && /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col space-y-4", children: /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto space-y-4", children: Array.from({ length: 30 }, (_, i) => {
             const date = new Date(currentDate);
             date.setDate(date.getDate() + i);
             const dayEvents = getEventsForDate(date);
@@ -17311,7 +17360,7 @@ function CalendarInternal({
               )) })
             ] }, i);
           }).filter(Boolean) }) }),
-          selectedDate && view === "month" && /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4 bg-muted/50", children: [
+          selectedDate && view === "month" && /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4 bg-muted/50 mt-4", children: [
             /* @__PURE__ */ jsx("h4", { className: "font-medium mb-2", children: selectedDate.toLocaleDateString("en-US", {
               weekday: "long",
               year: "numeric",
@@ -75726,8 +75775,6 @@ function NavbarInternal({
   activePath,
   onNavigate
 }) {
-  console.log("Navbar sections:", sections);
-  console.log("enableCommandAI:", enableCommandAI);
   const [isMobile, setIsMobile] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [isSearchOpen, setIsSearchOpen] = useState(false);
@@ -75796,28 +75843,34 @@ function NavbarInternal({
     document.addEventListener("keydown", handleKeyDown3);
     return () => document.removeEventListener("keydown", handleKeyDown3);
   }, [keyboardShortcuts, enableCommandAI, onCommandAIOpen]);
-  const handleItemClick = useCallback((item) => {
-    if (item.action) {
-      item.action();
-    } else if (item.href) {
-      if (enableNProgress) {
-        NProgress.start();
-        setTimeout(() => NProgress.done(), 500);
-      }
-      if (onNavigate) {
-        onNavigate(item.href);
-      } else {
-        window.location.href = item.href;
-      }
-      if (isMobile) {
-        setIsOpen(false);
+  const handleItemClick = useCallback(
+    (item) => {
+      if (item.action) {
+        item.action();
+      } else if (item.href) {
+        if (enableNProgress) {
+          NProgress.start();
+          setTimeout(() => NProgress.done(), 500);
+        }
+        if (onNavigate) {
+          onNavigate(item.href);
+        } else {
+          window.location.href = item.href;
+        }
+        if (isMobile) {
+          setIsOpen(false);
+        }
       }
-    }
-  }, [onNavigate, isMobile, enableNProgress]);
-  const handleSearch = useCallback((value) => {
-    setSearchValue(value);
-    onSearch?.(value);
-  }, [onSearch]);
+    },
+    [onNavigate, isMobile, enableNProgress]
+  );
+  const handleSearch = useCallback(
+    (value) => {
+      setSearchValue(value);
+      onSearch?.(value);
+    },
+    [onSearch]
+  );
   const renderMegaMenuContent = (items) => /* @__PURE__ */ jsx("div", { className: "grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]", children: items.map((item) => /* @__PURE__ */ jsxs(
     NavigationMenuLink2,
     {
@@ -75830,7 +75883,14 @@ function NavbarInternal({
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           item.icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: item.icon }),
           /* @__PURE__ */ jsx("div", { className: "text-sm font-medium leading-none", children: item.title }),
-          item.badge && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: item.badgeVariant || "secondary", className: "ml-auto", children: item.badge })
+          item.badge && /* @__PURE__ */ jsx(
+            MoonUIBadgePro,
+            {
+              variant: item.badgeVariant || "secondary",
+              className: "ml-auto",
+              children: item.badge
+            }
+          )
         ] }),
         item.description && /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-sm leading-snug text-muted-foreground", children: item.description })
       ]
@@ -75857,7 +75917,14 @@ function NavbarInternal({
             item.icon && /* @__PURE__ */ jsx("span", { children: item.icon }),
             item.title
           ] }),
-          item.badge && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: item.badgeVariant || "secondary", className: "ml-auto", children: item.badge })
+          item.badge && /* @__PURE__ */ jsx(
+            MoonUIBadgePro,
+            {
+              variant: item.badgeVariant || "secondary",
+              className: "ml-auto",
+              children: item.badge
+            }
+          )
         ]
       },
       item.id
@@ -75884,22 +75951,37 @@ function NavbarInternal({
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-4", children: !hideNavItems && sections.map((section) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
         section.items.map((item) => /* @__PURE__ */ jsx("div", { children: item.items && item.items.length > 0 ? /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
-          /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
-            MoonUIButtonPro,
+          /* @__PURE__ */ jsx(
+            MoonUIDropdownMenuTriggerPro,
             {
-              variant: "ghost",
-              className: "w-full justify-between",
-              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(ChevronDown, { className: "h-4 w-4" })
-              ]
+              asChild: true,
+              children: /* @__PURE__ */ jsxs(
+                MoonUIButtonPro,
+                {
+                  variant: "ghost",
+                  className: "w-full justify-between",
+                  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(ChevronDown, { className: "h-4 w-4" })
+                  ]
+                }
+              )
             }
-          ) }),
-          /* @__PURE__ */ jsx(MoonUIDropdownMenuContentPro, { align: "start", className: "w-56", children: item.items && renderDropdownMenu(item.items) })
+          ),
+          /* @__PURE__ */ jsx(
+            MoonUIDropdownMenuContentPro,
+            {
+              align: "start",
+              className: "w-56",
+              children: item.items && renderDropdownMenu(
+                item.items
+              )
+            }
+          )
         ] }) : /* @__PURE__ */ jsxs(
           MoonUIButtonPro,
           {
@@ -75912,7 +75994,14 @@ function NavbarInternal({
                 item.icon && /* @__PURE__ */ jsx("span", { children: item.icon }),
                 item.title
               ] }),
-              item.badge && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: item.badgeVariant || "secondary", className: "ml-auto", children: item.badge })
+              item.badge && /* @__PURE__ */ jsx(
+                MoonUIBadgePro,
+                {
+                  variant: item.badgeVariant || "secondary",
+                  className: "ml-auto",
+                  children: item.badge
+                }
+              )
             ]
           }
         ) }, item.id)),
@@ -75955,257 +76044,367 @@ function NavbarInternal({
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("nav", { ref: navRef, className: navClasses, children: [
-      /* @__PURE__ */ jsxs("div", { className: cn(
-        "flex items-center",
-        getHeight(),
-        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 ? "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: [
-                branding.logo,
-                branding.title && !isMobile && /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg", children: branding.title })
-              ]
-            }
-          )
-        ] }),
-        !isMobile && !hideNavItems && /* @__PURE__ */ jsx(NavigationMenu2, { className: "hidden md:flex", children: /* @__PURE__ */ jsx(NavigationMenuList2, { children: sections.map((section) => /* @__PURE__ */ jsx(React67__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(),
-                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 && /* @__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 && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
-            /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "ghost", size: "icon", children: [
-              theme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
-              theme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
-              theme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
-            ] }) }),
-            /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => onThemeChange?.("light"), children: [
-                /* @__PURE__ */ jsx(Sun, { className: "mr-2 h-4 w-4" }),
-                "Light"
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => onThemeChange?.("dark"), children: [
-                /* @__PURE__ */ jsx(Moon, { className: "mr-2 h-4 w-4" }),
-                "Dark"
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => onThemeChange?.("system"), children: [
-                /* @__PURE__ */ jsx(Monitor, { className: "mr-2 h-4 w-4" }),
-                "System"
-              ] })
-            ] })
-          ] }),
-          notifications && /* @__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,
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center",
+            getHeight(),
+            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",
               {
-                align: "end",
-                className: "w-[380px] p-0",
-                sideOffset: 8,
+                className: cn(
+                  "flex items-center gap-2",
+                  logoPosition === "center" && !isMobile ? "absolute left-1/2 -translate-x-1/2" : "mr-4"
+                ),
                 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,
+                  logoPosition === "left" && mobileMenuPosition === "left" && /* @__PURE__ */ jsx(MobileMenu, {}),
+                  /* @__PURE__ */ jsxs(
+                    "a",
                     {
-                      variant: "ghost",
-                      className: "w-full h-8 text-xs text-muted-foreground hover:text-foreground",
+                      href: branding.href || "/",
                       onClick: (e) => {
-                        e.preventDefault();
-                        console.log("View all notifications");
+                        if (branding.href && onNavigate) {
+                          e.preventDefault();
+                          onNavigate(branding.href);
+                        }
                       },
-                      children: "View all notifications"
+                      className: "flex items-center gap-2",
+                      children: [
+                        branding.logo,
+                        branding.title && !isMobile && /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg", children: branding.title })
+                      ]
                     }
-                  ) })
+                  )
                 ]
               }
-            )
-          ] }),
-          cta && /* @__PURE__ */ jsx(
-            MoonUIButtonPro,
-            {
-              variant: cta.variant || "primary",
-              size: "sm",
-              onClick: () => {
-                if (cta.action) {
-                  cta.action();
-                } else if (cta.href && onNavigate) {
-                  onNavigate(cta.href);
+            ),
+            !isMobile && !hideNavItems && /* @__PURE__ */ jsx(NavigationMenu2, { className: "hidden md:flex", children: /* @__PURE__ */ jsx(NavigationMenuList2, { children: sections.map((section) => /* @__PURE__ */ jsx(React67__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(),
+                        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 && /* @__PURE__ */ jsx(Fragment, { children: isMobile ? /* @__PURE__ */ jsx(
+                MoonUIButtonPro,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => setIsCommandOpen(true),
+                  children: /* @__PURE__ */ jsx(Search, { className: "h-5 w-5" })
                 }
-              },
-              className: !isMobile ? "ml-2" : "",
-              children: cta.text
-            }
-          ),
-          userMenu && /* @__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, {})
+              ) : /* @__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 && /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+                /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "ghost", size: "icon", children: [
+                  theme === "light" && /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }),
+                  theme === "dark" && /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }),
+                  theme === "system" && /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" })
+                ] }) }),
+                /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
+                  /* @__PURE__ */ jsxs(
+                    MoonUIDropdownMenuItemPro,
+                    {
+                      onClick: () => onThemeChange?.("light"),
+                      children: [
+                        /* @__PURE__ */ jsx(Sun, { className: "mr-2 h-4 w-4" }),
+                        "Light"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    MoonUIDropdownMenuItemPro,
+                    {
+                      onClick: () => onThemeChange?.("dark"),
+                      children: [
+                        /* @__PURE__ */ jsx(Moon, { className: "mr-2 h-4 w-4" }),
+                        "Dark"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    MoonUIDropdownMenuItemPro,
+                    {
+                      onClick: () => onThemeChange?.("system"),
+                      children: [
+                        /* @__PURE__ */ jsx(Monitor, { className: "mr-2 h-4 w-4" }),
+                        "System"
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              notifications && /* @__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"
+                        }
+                      ) })
+                    ]
+                  }
+                )
               ] }),
-              userMenu.items && renderDropdownMenu(userMenu.items)
+              cta && /* @__PURE__ */ jsx(
+                MoonUIButtonPro,
+                {
+                  variant: cta.variant || "primary",
+                  size: "sm",
+                  onClick: () => {
+                    if (cta.action) {
+                      cta.action();
+                    } else if (cta.href && onNavigate) {
+                      onNavigate(cta.href);
+                    }
+                  },
+                  className: !isMobile ? "ml-2" : "",
+                  children: cta.text
+                }
+              ),
+              userMenu && /* @__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,
         {
@@ -76258,70 +76457,114 @@ function NavbarInternal({
               /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Try searching for pages, actions, or commands" })
             ] }) : "No results found." }),
             enableCommandAI && !searchValue && /* @__PURE__ */ jsxs(MoonUICommandGroupPro, { heading: "Quick Actions", children: [
-              /* @__PURE__ */ jsxs(MoonUICommandItemPro, { onSelect: () => {
-                const homeItem = { id: "home", title: "Go Home", href: "/" };
-                onCommandAISelect?.(homeItem);
-                handleItemClick(homeItem);
-                setIsCommandOpen(false);
-              }, children: [
-                /* @__PURE__ */ jsx(Home, { className: "mr-2 h-4 w-4" }),
-                "Go Home",
-                /* @__PURE__ */ jsx("kbd", { className: "ml-auto text-xs", children: "\u2318H" })
-              ] }),
-              /* @__PURE__ */ jsxs(MoonUICommandItemPro, { onSelect: () => {
-                setIsSearchOpen(true);
-                setIsCommandOpen(false);
-                onCommandAISelect?.({ id: "search", title: "Search", action: () => setIsSearchOpen(true) });
-              }, children: [
-                /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4" }),
-                "Search",
-                /* @__PURE__ */ jsx("kbd", { className: "ml-auto text-xs", children: "\u2318S" })
-              ] }),
-              showThemeToggle && /* @__PURE__ */ jsxs(MoonUICommandItemPro, { onSelect: () => {
-                const newTheme = theme === "dark" ? "light" : "dark";
-                onThemeChange?.(newTheme);
-                setIsCommandOpen(false);
-              }, children: [
-                theme === "dark" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Sun, { className: "mr-2 h-4 w-4" }),
-                  "Switch to Light Mode"
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Moon, { className: "mr-2 h-4 w-4" }),
-                  "Switch to Dark Mode"
-                ] }),
-                /* @__PURE__ */ jsx("kbd", { className: "ml-auto text-xs", children: "\u2318T" })
-              ] })
+              /* @__PURE__ */ jsxs(
+                MoonUICommandItemPro,
+                {
+                  onSelect: () => {
+                    const homeItem = {
+                      id: "home",
+                      title: "Go Home",
+                      href: "/"
+                    };
+                    onCommandAISelect?.(homeItem);
+                    handleItemClick(homeItem);
+                    setIsCommandOpen(false);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Home, { className: "mr-2 h-4 w-4" }),
+                    "Go Home",
+                    /* @__PURE__ */ jsx("kbd", { className: "ml-auto text-xs", children: "\u2318H" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                MoonUICommandItemPro,
+                {
+                  onSelect: () => {
+                    setIsSearchOpen(true);
+                    setIsCommandOpen(false);
+                    onCommandAISelect?.({
+                      id: "search",
+                      title: "Search",
+                      action: () => setIsSearchOpen(true)
+                    });
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4" }),
+                    "Search",
+                    /* @__PURE__ */ jsx("kbd", { className: "ml-auto text-xs", children: "\u2318S" })
+                  ]
+                }
+              ),
+              showThemeToggle && /* @__PURE__ */ jsxs(
+                MoonUICommandItemPro,
+                {
+                  onSelect: () => {
+                    const newTheme = theme === "dark" ? "light" : "dark";
+                    onThemeChange?.(newTheme);
+                    setIsCommandOpen(false);
+                  },
+                  children: [
+                    theme === "dark" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(Sun, { className: "mr-2 h-4 w-4" }),
+                      "Switch to Light Mode"
+                    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(Moon, { className: "mr-2 h-4 w-4" }),
+                      "Switch to Dark Mode"
+                    ] }),
+                    /* @__PURE__ */ jsx("kbd", { className: "ml-auto text-xs", children: "\u2318T" })
+                  ]
+                }
+              )
             ] }),
             sections && sections.length > 0 && sections.map((section) => {
               if (!section || !section.items || section.items.length === 0)
                 return null;
               const filteredItems = searchValue ? section.items.filter(
-                (item) => item.title.toLowerCase().includes(searchValue.toLowerCase()) || item.description?.toLowerCase().includes(searchValue.toLowerCase())
+                (item) => item.title.toLowerCase().includes(
+                  searchValue.toLowerCase()
+                ) || item.description?.toLowerCase().includes(
+                  searchValue.toLowerCase()
+                )
               ) : section.items;
               if (filteredItems.length === 0)
                 return null;
-              return /* @__PURE__ */ jsx(MoonUICommandGroupPro, { heading: section.title || section.id, children: filteredItems.map((item) => /* @__PURE__ */ jsxs(
-                MoonUICommandItemPro,
+              return /* @__PURE__ */ jsx(
+                MoonUICommandGroupPro,
                 {
-                  disabled: item.disabled,
-                  onSelect: () => {
-                    if (enableCommandAI) {
-                      onCommandAISelect?.(item);
-                    }
-                    handleItemClick(item);
-                    setIsCommandOpen(false);
-                  },
-                  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-auto", children: item.badge }),
-                    item.description && enableCommandAI && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: item.description })
-                  ]
+                  heading: section.title || section.id,
+                  children: filteredItems.map((item) => /* @__PURE__ */ jsxs(
+                    MoonUICommandItemPro,
+                    {
+                      disabled: item.disabled,
+                      onSelect: () => {
+                        if (enableCommandAI) {
+                          onCommandAISelect?.(item);
+                        }
+                        handleItemClick(item);
+                        setIsCommandOpen(false);
+                      },
+                      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-auto",
+                            children: item.badge
+                          }
+                        ),
+                        item.description && enableCommandAI && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: item.description })
+                      ]
+                    },
+                    item.id
+                  ))
                 },
-                item.id
-              )) }, section.id);
+                section.id
+              );
             }),
             enableCommandAI && userMenu?.items && /* @__PURE__ */ jsx(MoonUICommandGroupPro, { heading: "Account", children: userMenu.items.map((item) => /* @__PURE__ */ jsx(
               MoonUICommandItemPro,