@moontra/moonui-pro 2.17.0 → 2.17.2

package/dist/index.mjs

@@ -11487,7 +11487,7 @@ var CalendarPro = t.forwardRef(({
   categories = defaultCategories,
   views = defaultViews,
   defaultView,
-  height = "100%",
+  height = "100vh",
   className,
   sidebarCollapsed: controlledSidebarCollapsed,
   onSidebarToggle,
@@ -12049,15 +12049,15 @@ END:VCALENDAR`;
       ] }, day.toISOString());
     }) }) });
   };
-  return /* @__PURE__ */ jsx(MoonUITooltipProviderPro, { children: /* @__PURE__ */ jsxs("div", { className: cn("flex h-full bg-background", className), style: { height }, children: [
+  return /* @__PURE__ */ jsx(MoonUITooltipProviderPro, { children: /* @__PURE__ */ jsxs("div", { className: cn("flex h-full w-full bg-background", className), style: { height }, children: [
     /* @__PURE__ */ jsxs(
       motion.div,
       {
         className: cn(
-          "border-r bg-muted/30 flex flex-col",
-          sidebarCollapsed ? "w-16" : "w-80"
+          "border-r bg-muted/30 flex flex-col flex-shrink-0",
+          sidebarCollapsed ? "w-16" : "w-64"
         ),
-        animate: { width: sidebarCollapsed ? 64 : 320 },
+        animate: { width: sidebarCollapsed ? 64 : 256 },
         transition: { type: "spring", stiffness: 300, damping: 30 },
         children: [
           !sidebarCollapsed && /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(
@@ -12156,7 +12156,7 @@ END:VCALENDAR`;
         ]
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-hidden min-w-0", children: [
       /* @__PURE__ */ jsxs("div", { className: "border-b p-4 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [

package/package.json

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

package/src/components/calendar-pro/index.tsx

@@ -410,7 +410,7 @@ export const CalendarPro = React.forwardRef<HTMLDivElement, CalendarProProps>(({
   categories = defaultCategories,
   views = defaultViews,
   defaultView,
-  height = '100%',
+  height = '100vh',
   className,
   sidebarCollapsed: controlledSidebarCollapsed,
   onSidebarToggle,
@@ -1141,14 +1141,14 @@ END:VCALENDAR`
   
   return (
     <TooltipProvider>
-      <div className={cn("flex h-full bg-background", className)} style={{ height }}>
+      <div className={cn("flex h-full w-full bg-background", className)} style={{ height }}>
         {/* Sidebar */}
         <motion.div
           className={cn(
-            "border-r bg-muted/30 flex flex-col",
-            sidebarCollapsed ? "w-16" : "w-80"
+            "border-r bg-muted/30 flex flex-col flex-shrink-0",
+            sidebarCollapsed ? "w-16" : "w-64"
           )}
-          animate={{ width: sidebarCollapsed ? 64 : 320 }}
+          animate={{ width: sidebarCollapsed ? 64 : 256 }}
           transition={{ type: "spring", stiffness: 300, damping: 30 }}
         >
           {/* Mini Calendar */}
@@ -1255,7 +1255,7 @@ END:VCALENDAR`
         </motion.div>
         
         {/* Main Content */}
-        <div className="flex-1 flex flex-col overflow-hidden">
+        <div className="flex-1 flex flex-col overflow-hidden min-w-0">
           {/* Header */}
           <div className="border-b p-4 flex items-center justify-between">
             <div className="flex items-center gap-4">