@moontra/moonui-pro 2.2.8 → 2.2.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.2.8",
+  "version": "2.2.10",
   "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/kanban/index.tsx

@@ -4,7 +4,7 @@ import React from 'react'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../ui/card'
 import { Button } from '../ui/button'
 import { MoonUIBadgePro as Badge } from '../ui/badge'
-import { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'
+import { MoonUIAvatarPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro } from '../ui/avatar'
 import { 
   Plus, 
   MoreHorizontal, 
@@ -380,12 +380,12 @@ export function Kanban({
                               </div>
                             )}
                             {card.assignee && (
-                              <Avatar className="h-5 w-5">
-                                <AvatarImage src={card.assignee.avatar} />
-                                <AvatarFallback className="text-xs">
+                              <MoonUIAvatarPro className="h-5 w-5">
+                                <MoonUIAvatarImagePro src={card.assignee.avatar} />
+                                <MoonUIAvatarFallbackPro className="text-xs">
                                   {getInitials(card.assignee.name)}
-                                </AvatarFallback>
-                              </Avatar>
+                                </MoonUIAvatarFallbackPro>
+                              </MoonUIAvatarPro>
                             )}
                           </div>
                         </div>

package/src/components/timeline/index.tsx

@@ -3,7 +3,7 @@
 import React from 'react'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../ui/card'
 import { MoonUIBadgePro as Badge } from '../ui/badge'
-import { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'
+import { MoonUIAvatarPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro } from '../ui/avatar'
 import { Button } from '../ui/button'
 import { 
   Clock, 
@@ -219,12 +219,12 @@ export function Timeline({
           {/* User Info */}
           {showUserInfo && event.user && (
             <div className="flex items-center gap-2 mb-2">
-              <Avatar className="h-6 w-6">
-                <AvatarImage src={event.user.avatar} />
-                <AvatarFallback className="text-xs">
+              <MoonUIAvatarPro className="h-6 w-6">
+                <MoonUIAvatarImagePro src={event.user.avatar} />
+                <MoonUIAvatarFallbackPro className="text-xs">
                   {getInitials(event.user.name)}
-                </AvatarFallback>
-              </Avatar>
+                </MoonUIAvatarFallbackPro>
+              </MoonUIAvatarPro>
               <span className="text-sm text-muted-foreground">
                 {event.user.name}
               </span>

package/src/components/ui/avatar.tsx

@@ -45,15 +45,15 @@ export interface MoonUIAvatarProProps
 
 const MoonUIAvatarPro = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Root>,
-  AvatarProps
+  MoonUIAvatarProProps
 >(({ className, size, radius, variant, ...props }, ref) => (
   <AvatarPrimitive.Root
     ref={ref}
-    className={cn(avatarVariants({ size, radius, variant }), className)}
+    className={cn(moonUIAvatarVariantsPro({ size, radius, variant }), className)}
     {...props}
   />
 ));
-MoonUIAvatar.displayName = AvatarPrimitive.Root.displayName;
+MoonUIAvatarPro.displayName = AvatarPrimitive.Root.displayName;
 
 const MoonUIAvatarImagePro = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Image>,
@@ -65,7 +65,7 @@ const MoonUIAvatarImagePro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAvatarImage.displayName = AvatarPrimitive.Image.displayName;
+MoonUIAvatarImagePro.displayName = AvatarPrimitive.Image.displayName;
 
 const MoonUIAvatarFallbackPro = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Fallback>,
@@ -80,7 +80,7 @@ const MoonUIAvatarFallbackPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
 
 // Avatar Group Component for displaying multiple avatars
 interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -118,11 +118,11 @@ const MoonUIAvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
               className="relative z-0"
               style={{ marginLeft: `${overlapOffset}px` }}
             >
-              <Avatar variant="border">
-                <AvatarFallback>
+              <MoonUIAvatarPro variant="border">
+                <MoonUIAvatarFallbackPro>
                   +{remainingCount}
-                </AvatarFallback>
-              </Avatar>
+                </MoonUIAvatarFallbackPro>
+              </MoonUIAvatarPro>
             </div>
           )}
         </div>

package/src/components/ui/popover.tsx

@@ -86,7 +86,7 @@ export interface MoonUIPopoverContentProProps
 
 const MoonUIPopoverContentPro = React.forwardRef<
   React.ElementRef<typeof PopoverPrimitive.Content>,
-  PopoverContentProps
+  MoonUIPopoverContentProProps
 >(({
   className,
   variant,
@@ -130,7 +130,7 @@ const MoonUIPopoverContentPro = React.forwardRef<
     />
   </>
 ));
-MoonUIPopoverContent.displayName = PopoverPrimitive.Content.displayName;
+MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
 
 /**
  * PopoverClose bileşeni
@@ -175,11 +175,11 @@ export { MoonUIPopoverPro,
   MoonUIPopoverContentPro,
   PopoverAnchor,
   PopoverClose,
-  PopoverSeparator,
-  PopoverHeader,
-  PopoverFooter,
+  MoonUIPopoverSeparator,
+  MoonUIPopoverHeader,
+  MoonUIPopoverFooter,
   popoverContentVariants,
  };
 
 // Backward compatibility exports
-export { MoonUIPopoverPro as Popover, MoonUISeparatorPro as Separator, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIPopoverContentPro as PopoverContent };
+export { MoonUIPopoverPro as Popover, MoonUIPopoverSeparator as PopoverSeparator, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIPopoverContentPro as PopoverContent };

package/src/components/ui/select.tsx

@@ -272,4 +272,4 @@ export { MoonUISelectPro,
  };
 
 // Backward compatibility exports
-export { MoonUIButtonPro as Button, MoonUILabelPro as Label, MoonUISelectPro as Select, MoonUISeparatorPro as Separator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectContentPro as SelectContent, MoonUISelectItemPro as SelectItem, MoonUISelectValuePro as SelectValue, MoonUISelectGroupPro as SelectGroup, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator }
+export { MoonUISelectPro as Select, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectContentPro as SelectContent, MoonUISelectItemPro as SelectItem, MoonUISelectValuePro as SelectValue, MoonUISelectGroupPro as SelectGroup, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator }