@moontra/moonui 2.1.3 → 2.1.5

package/src/components/ui/skeleton.tsx

@@ -183,7 +183,7 @@ export interface SkeletonTextProps extends Omit<SkeletonProps, "children" | "isL
   randomWidths?: boolean;
 }
 
-export const SkeletonText = React.forwardRef<HTMLDivElement, SkeletonTextProps>(
+export const MoonUISkeletonText = React.forwardRef<HTMLDivElement, SkeletonTextProps>(
   ({ 
     className,
     lines = 3,
@@ -228,7 +228,7 @@ export const SkeletonText = React.forwardRef<HTMLDivElement, SkeletonTextProps>(
     );
   }
 );
-SkeletonText.displayName = "SkeletonText";
+MoonUISkeletonText.displayName = "SkeletonText";
 
 /**
  * Avatar Skeleton Component
@@ -240,7 +240,7 @@ export interface SkeletonAvatarProps extends Omit<SkeletonProps, "shape" | "size
   size?: string | number;
 }
 
-export const SkeletonAvatar = React.forwardRef<HTMLDivElement, SkeletonAvatarProps>(
+export const MoonUISkeletonAvatar = React.forwardRef<HTMLDivElement, SkeletonAvatarProps>(
   ({ 
     className,
     size = "2.5rem",
@@ -264,7 +264,7 @@ export const SkeletonAvatar = React.forwardRef<HTMLDivElement, SkeletonAvatarPro
     );
   }
 );
-SkeletonAvatar.displayName = "SkeletonAvatar";
+MoonUISkeletonAvatar.displayName = "SkeletonAvatar";
 
 /**
  * Card Skeleton Component
@@ -284,7 +284,7 @@ export interface SkeletonCardProps extends Omit<SkeletonProps, "children" | "isL
   showFooter?: boolean;
 }
 
-export const SkeletonCard = React.forwardRef<HTMLDivElement, SkeletonCardProps>(
+export const MoonUISkeletonCard = React.forwardRef<HTMLDivElement, SkeletonCardProps>(
   ({ 
     className,
     showHeader = true,
@@ -346,7 +346,7 @@ export const SkeletonCard = React.forwardRef<HTMLDivElement, SkeletonCardProps>(
     );
   }
 );
-SkeletonCard.displayName = "SkeletonCard";
+MoonUISkeletonCard.displayName = "SkeletonCard";
 
 export { moonUISkeletonVariants  };
 

package/src/components/ui/switch.tsx

@@ -77,7 +77,7 @@ const MoonUISwitch = React.forwardRef<
     {description && <span className="text-sm text-muted-foreground">{description}</span>}
   </div>
 ))
-Switch.displayName = SwitchPrimitives.Root.displayName
+MoonUISwitch.displayName = SwitchPrimitives.Root.displayName
 
 export { MoonUISwitch  };
 

package/src/components/ui/tabs.tsx

@@ -23,7 +23,7 @@ const MoonUITabs = React.forwardRef<
   />
 ));
 
-Tabs.displayName = TabsPrimitive.Root.displayName;
+MoonUITabs.displayName = TabsPrimitive.Root.displayName;
 
 /* -------------------------------------------------------------------------------------------------
  * TabsList
@@ -73,7 +73,7 @@ const MoonUITabsList = React.forwardRef<
   />
 ));
 
-TabsList.displayName = TabsPrimitive.List.displayName;
+MoonUITabsList.displayName = TabsPrimitive.List.displayName;
 
 /* -------------------------------------------------------------------------------------------------
  * TabsTrigger
@@ -164,7 +164,7 @@ const MoonUITabsTrigger = React.forwardRef<
   </TabsPrimitive.Trigger>
 ));
 
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+MoonUITabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 
 /* -------------------------------------------------------------------------------------------------
  * TabsContent
@@ -190,7 +190,7 @@ const MoonUITabsContent = React.forwardRef<
   />
 ));
 
-TabsContent.displayName = TabsPrimitive.Content.displayName;
+MoonUITabsContent.displayName = TabsPrimitive.Content.displayName;
 
 export { MoonUITabs, MoonUITabsList, MoonUITabsTrigger, MoonUITabsContent  };
 

package/src/components/ui/toast.tsx

@@ -8,7 +8,7 @@ import { cn } from "../../lib/utils";
 
 const ToastProvider = ToastPrimitives.Provider;
 
-const ToastViewport = React.forwardRef<
+const MoonUIToastViewport = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Viewport>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
 >(({ className, ...props }, ref) => (
@@ -21,7 +21,7 @@ const ToastViewport = React.forwardRef<
     {...props}
   />
 ));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+MoonUIToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 
 const moonUIToastVariants = cva(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-8 shadow-sm transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
@@ -62,9 +62,9 @@ const MoonUIToast = React.forwardRef<
     />
   );
 });
-Toast.displayName = ToastPrimitives.Root.displayName;
+MoonUIToast.displayName = ToastPrimitives.Root.displayName;
 
-const ToastAction = React.forwardRef<
+const MoonUIToastAction = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Action>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
 >(({ className, ...props }, ref) => (
@@ -77,9 +77,9 @@ const ToastAction = React.forwardRef<
     {...props}
   />
 ));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
+MoonUIToastAction.displayName = ToastPrimitives.Action.displayName;
 
-const ToastClose = React.forwardRef<
+const MoonUIToastClose = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Close>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
 >(({ className, ...props }, ref) => (
@@ -95,9 +95,9 @@ const ToastClose = React.forwardRef<
     <X className="h-4 w-4" />
   </ToastPrimitives.Close>
 ));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
+MoonUIToastClose.displayName = ToastPrimitives.Close.displayName;
 
-const ToastTitle = React.forwardRef<
+const MoonUIToastTitle = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Title>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
 >(({ className, ...props }, ref) => (
@@ -107,9 +107,9 @@ const ToastTitle = React.forwardRef<
     {...props}
   />
 ));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
+MoonUIToastTitle.displayName = ToastPrimitives.Title.displayName;
 
-const ToastDescription = React.forwardRef<
+const MoonUIToastDescription = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Description>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
 >(({ className, ...props }, ref) => (
@@ -119,7 +119,7 @@ const ToastDescription = React.forwardRef<
     {...props}
   />
 ));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
+MoonUIToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 type ToastData = {
   id: string;

package/src/components/ui/toggle.tsx

@@ -41,7 +41,7 @@ const MoonUIToggle = React.forwardRef<
   />
 ))
 
-Toggle.displayName = TogglePrimitive.Root.displayName
+MoonUIToggle.displayName = TogglePrimitive.Root.displayName
 
 export { MoonUIToggle, moonUIToggleVariants  };
 

package/src/components/ui/tooltip.tsx

@@ -37,7 +37,7 @@ const MoonUITooltip = TooltipPrimitive.Root
 
 const MoonUITooltipTrigger = TooltipPrimitive.Trigger
 
-const TooltipArrow = React.forwardRef<
+const MoonUITooltipArrow = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Arrow>,
   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>
 >(({ className, ...props }, ref) => (
@@ -47,7 +47,7 @@ const TooltipArrow = React.forwardRef<
     {...props}
   />
 ))
-TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName
+MoonUITooltipArrow.displayName = TooltipPrimitive.Arrow.displayName
 
 export interface MoonUITooltipContentProps
   extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,
@@ -69,7 +69,7 @@ const MoonUITooltipContent = React.forwardRef<
     {showArrow && <TooltipArrow />}
   </TooltipPrimitive.Content>
 ))
-TooltipContent.displayName = TooltipPrimitive.Content.displayName
+MoonUITooltipContent.displayName = TooltipPrimitive.Content.displayName
 
 // Simplified Tooltip component for easy usage
 export interface SimpleTooltipProps {
@@ -89,7 +89,7 @@ export interface SimpleTooltipProps {
   onOpenChange?: (open: boolean) => void
 }
 
-const SimpleTooltip = React.forwardRef<
+const MoonUISimpleTooltip = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
   SimpleTooltipProps
 >(
@@ -139,7 +139,7 @@ const SimpleTooltip = React.forwardRef<
     )
   }
 )
-SimpleTooltip.displayName = "SimpleTooltip"
+MoonUISimpleTooltip.displayName = "SimpleTooltip"
 
 export { MoonUITooltip,
   MoonUITooltipProvider,