npm - @moontra/moonui-pro - Versions diffs - 2.27.6 → 2.27.9 - Mend

@moontra/moonui-pro 2.27.6 → 2.27.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.mjs CHANGED Viewed

@@ -2717,7 +2717,9 @@ var moonUIBadgeVariantsPro = cva(
     "inline-flex items-center gap-1.5",
     "font-medium transition-colors duration-200",
     "border focus:outline-none",
-    "focus-visible:ring-2 focus-visible:ring-offset-1"
+    "focus-visible:ring-2 focus-visible:ring-offset-1",
+    // Auto spacing between badges
+    "mr-2 mb-2 last:mr-0"
   ],
   {
     variants: {
@@ -2809,6 +2811,7 @@ function MoonUIBadgePro({
   onRemove,
   leftIcon,
   rightIcon,
+  noAutoSpacing,
   children,
   ...props
 }) {
@@ -2829,7 +2832,12 @@ function MoonUIBadgePro({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn(moonUIBadgeVariantsPro({ variant, size: size4, radius }), className),
+      className: cn(
+        moonUIBadgeVariantsPro({ variant, size: size4, radius }),
+        // Remove auto-spacing if noAutoSpacing is true
+        noAutoSpacing && "mr-0 mb-0",
+        className
+      ),
       "data-removable": removable ? "" : void 0,
       ...props,
       children: [
@@ -16882,7 +16890,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",
         {
@@ -16891,13 +16899,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(
@@ -17048,10 +17056,10 @@ function CalendarInternal({
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "flex-1 flex flex-col overflow-auto p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col", children: [
-          view === "month" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-1 w-full flex-1 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);
@@ -17061,7 +17069,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",
@@ -17072,76 +17080,94 @@ 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: "flex-1 flex flex-col space-y-4", children: [
             /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8 gap-2", children: [
@@ -17342,7 +17368,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",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.27.6",
+    "version": "2.27.9",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",
@@ -82,7 +82,7 @@
     },
     "dependencies": {
         "@moontra/moonui": "^2.3.6",
-        "@moontra/moonui-pro": "^2.27.4",
+        "@moontra/moonui-pro": "^2.27.7",
         "@radix-ui/react-accordion": "^1.2.11",
         "@radix-ui/react-avatar": "^1.1.10",
         "@radix-ui/react-checkbox": "^1.3.2",