@moontra/moonui 2.3.3 → 2.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui",
-  "version": "2.3.3",
+  "version": "2.3.5",
   "description": "Premium React component library with modern design and customization",
   "author": "MoonUI",
   "license": "MIT",

package/src/components/ui/card.tsx

@@ -19,10 +19,10 @@ const cardVariants = cva(
         glass: "border border-white/20 bg-white/10 backdrop-blur-md dark:border-gray-700/30 dark:bg-gray-800/10",
       },
       size: {
-        default: "p-6",
-        sm: "p-4",
-        lg: "p-8",
-        xl: "p-10",
+        default: "",
+        sm: "",
+        lg: "",
+        xl: "",
       },
       radius: {
         default: "rounded-lg",
@@ -90,7 +90,7 @@ const CardHeader = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div
     ref={ref}
-    className={cn("moonui-theme", "flex flex-col space-y-1.5", className)}
+    className={cn("moonui-theme", "flex flex-col space-y-1.5 p-6", className)}
     {...props}
   />
 ));
@@ -124,7 +124,7 @@ const CardContent = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("moonui-theme", "pt-0", className)} {...props} />
+  <div ref={ref} className={cn("moonui-theme", "p-6 pt-0", className)} {...props} />
 ));
 CardContent.displayName = "CardContent";
 
@@ -134,7 +134,7 @@ const CardFooter = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div
     ref={ref}
-    className={cn("moonui-theme", "flex items-center pt-4", className)}
+    className={cn("moonui-theme", "flex items-center p-6 pt-0", className)}
     {...props}
   />
 ));

package/src/components/ui/tabs.tsx

@@ -187,7 +187,7 @@ const TabsContent = React.forwardRef<
     ref={ref}
     className={cn(
       "moonui-theme",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "mt-6 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       animated && "data-[state=active]:animate-fadeIn data-[state=inactive]:animate-fadeOut",
       className
     )}