@moontra/moonui-pro 2.2.10 → 2.2.12

package/package.json

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

@@ -101,7 +101,7 @@ const MoonUIAlertPro = React.forwardRef<HTMLDivElement, AlertProps>(
     );
   }
 );
-MoonUIAlertPro.displayName = "AlertPro";
+MoonUIAlert.displayName = "AlertPro";
 
 const MoonUIAlertTitlePro = React.forwardRef<
   HTMLParagraphElement,
@@ -113,7 +113,7 @@ const MoonUIAlertTitlePro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAlertTitlePro.displayName = "AlertTitlePro";
+MoonUIAlertTitle.displayName = "AlertTitlePro";
 
 const MoonUIAlertDescriptionPro = React.forwardRef<
   HTMLParagraphElement,
@@ -125,7 +125,7 @@ const MoonUIAlertDescriptionPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAlertDescriptionPro.displayName = "AlertDescriptionPro";
+MoonUIAlertDescription.displayName = "AlertDescriptionPro";
 
 
 // Internal aliases for Pro component usage

package/src/components/ui/avatar.tsx

@@ -53,7 +53,7 @@ const MoonUIAvatarPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAvatarPro.displayName = AvatarPrimitive.Root.displayName;
+MoonUIAvatar.displayName = AvatarPrimitive.Root.displayName;
 
 const MoonUIAvatarImagePro = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Image>,
@@ -65,7 +65,7 @@ const MoonUIAvatarImagePro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAvatarImagePro.displayName = AvatarPrimitive.Image.displayName;
+MoonUIAvatarImage.displayName = AvatarPrimitive.Image.displayName;
 
 const MoonUIAvatarFallbackPro = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Fallback>,
@@ -80,7 +80,7 @@ const MoonUIAvatarFallbackPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
+MoonUIAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // Avatar Group Component for displaying multiple avatars
 interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -132,7 +132,7 @@ const MoonUIAvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
 );
 MoonUIAvatarGroup.displayName = "AvatarGroup";
 
-export { MoonUIAvatarPro, MoonUIAvatarImagePro, MoonUIAvatarFallbackPro, AvatarGroup  };
+export { MoonUIAvatarPro, MoonUIAvatarImagePro, MoonUIAvatarFallbackPro, MoonUIAvatarGroup as AvatarGroup  };
 
 // Backward compatibility exports
 export { MoonUIAvatarPro as Avatar, MoonUIAvatarImagePro as AvatarImage, MoonUIAvatarFallbackPro as AvatarFallback };

package/src/components/ui/breadcrumb.tsx

@@ -64,17 +64,17 @@ const MoonUIBreadcrumbPro = React.forwardRef<HTMLElement, BreadcrumbProps>(
     />
   )
 );
-MoonUIBreadcrumbPro.displayName = "BreadcrumbPro";
+MoonUIBreadcrumb.displayName = "BreadcrumbPro";
 
 const MoonUIBreadcrumbListPro = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
     const MoonUIchildrenArrayPro = React.Children.toArray(props.children).filter(Boolean);
-    const MoonUIchildCountPro = childrenArray.length;
+    const MoonUIchildCountPro = MoonUIchildrenArrayPro.length;
 
-    if (collapsed && childCount > collapsedWidth) {
-      const MoonUIfirstItemPro = childrenArray[0];
+    if (collapsed && MoonUIchildCountPro > collapsedWidth) {
+      const MoonUIfirstItemPro = MoonUIchildrenArrayPro[0];
       // const MoonUImiddleItemsPro = childrenArray.slice(1, -2); // Uncomment when needed
-      const MoonUIlastTwoItemsPro = childrenArray.slice(-2);
+      const MoonUIlastTwoItemsPro = MoonUIchildrenArrayPro.slice(-2);
 
       return (
         <ol
@@ -85,9 +85,9 @@ const MoonUIBreadcrumbListPro = React.forwardRef<HTMLOListElement, BreadcrumbLis
           )}
           {...props}
         >
-          {firstItem}
+          {MoonUIfirstItemPro}
           <BreadcrumbEllipsis />
-          {lastTwoItems}
+          {MoonUIlastTwoItemsPro}
         </ol>
       );
     }
@@ -104,7 +104,7 @@ const MoonUIBreadcrumbListPro = React.forwardRef<HTMLOListElement, BreadcrumbLis
     );
   }
 );
-MoonUIBreadcrumbListPro.displayName = "BreadcrumbListPro";
+MoonUIBreadcrumbList.displayName = "BreadcrumbListPro";
 
 const MoonUIBreadcrumbItemPro = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(
   ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
@@ -118,22 +118,22 @@ const MoonUIBreadcrumbItemPro = React.forwardRef<HTMLLIElement, BreadcrumbItemPr
         aria-current={isCurrent ? "page" : undefined}
         {...props}
       >
-        <Comp 
+        <MoonUICompPro 
           className={cn(
             "transition-colors duration-200 hover:text-foreground",
             isCurrent 
               ? "font-medium text-foreground dark:text-white dark:text-opacity-95" 
               : "text-muted-foreground hover:text-foreground dark:text-gray-400 dark:hover:text-gray-200 dark:hover:text-opacity-95 hover:underline hover:underline-offset-4 hover:decoration-gray-300/30"
           )}
-          {...itemProps}
+          {...MoonUIitemPropsPro}
         >
           {props.children}
-        </Comp>
+        </MoonUICompPro>
       </li>
     );
   }
 );
-MoonUIBreadcrumbItemPro.displayName = "BreadcrumbItemPro";
+MoonUIBreadcrumbItem.displayName = "BreadcrumbItemPro";
 
 const MoonUIBreadcrumbSeparatorPro = ({
   children,
@@ -149,7 +149,7 @@ const MoonUIBreadcrumbSeparatorPro = ({
     {children || <ChevronRight className="h-3.5 w-3.5" />}
   </span>
 );
-MoonUIBreadcrumbSeparatorPro.displayName = "BreadcrumbSeparatorPro";
+MoonUIBreadcrumbSeparator.displayName = "BreadcrumbSeparatorPro";
 
 const MoonUIBreadcrumbEllipsisPro = ({
   className,
@@ -165,7 +165,7 @@ const MoonUIBreadcrumbEllipsisPro = ({
     <span className="sr-only">More pages</span>
   </span>
 );
-MoonUIBreadcrumbEllipsisPro.displayName = "BreadcrumbEllipsisPro";
+MoonUIBreadcrumbEllipsis.displayName = "BreadcrumbEllipsisPro";
 
 const MoonUIBreadcrumbLinkPro = React.forwardRef<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>(
   ({ className, href, ...props }, ref) => (
@@ -180,7 +180,7 @@ const MoonUIBreadcrumbLinkPro = React.forwardRef<HTMLAnchorElement, React.Anchor
     />
   )
 );
-MoonUIBreadcrumbLinkPro.displayName = "BreadcrumbLinkPro";
+MoonUIBreadcrumbLink.displayName = "BreadcrumbLinkPro";
 
 const MoonUIBreadcrumbPagePro = React.forwardRef<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>(
   ({ className, ...props }, ref) => (
@@ -194,28 +194,21 @@ const MoonUIBreadcrumbPagePro = React.forwardRef<HTMLSpanElement, React.HTMLAttr
     />
   )
 );
-MoonUIBreadcrumbPagePro.displayName = "BreadcrumbPagePro";
+MoonUIBreadcrumbPage.displayName = "BreadcrumbPagePro";
 
 
 // Internal aliases for Pro component usage
 export const breadcrumbVariantsInternal = MoonUIbreadcrumbVariantsPro
 export const BreadcrumbInternal = MoonUIBreadcrumbPro
 export const BreadcrumbListInternal = MoonUIBreadcrumbListPro
-export const childrenArrayInternal = MoonUIchildrenArrayPro
-export const childCountInternal = MoonUIchildCountPro
-export const firstItemInternal = MoonUIfirstItemPro
-export const middleItemsInternal = MoonUImiddleItemsPro
-export const lastTwoItemsInternal = MoonUIlastTwoItemsPro
 export const BreadcrumbItemInternal = MoonUIBreadcrumbItemPro
-export const CompInternal = MoonUICompPro
-export const itemPropsInternal = MoonUIitemPropsPro
 export const BreadcrumbSeparatorInternal = MoonUIBreadcrumbSeparatorPro
 export const BreadcrumbEllipsisInternal = MoonUIBreadcrumbEllipsisPro
 export const BreadcrumbLinkInternal = MoonUIBreadcrumbLinkPro
 export const BreadcrumbPageInternal = MoonUIBreadcrumbPagePro
 
 // Pro exports  
-export { MoonUIbreadcrumbVariantsPro, MoonUIBreadcrumbPro, MoonUIBreadcrumbListPro, MoonUIchildrenArrayPro, MoonUIchildCountPro, MoonUIfirstItemPro, MoonUImiddleItemsPro, MoonUIlastTwoItemsPro, MoonUIBreadcrumbItemPro, MoonUICompPro, MoonUIitemPropsPro, MoonUIBreadcrumbSeparatorPro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbPagePro }
+export { MoonUIbreadcrumbVariantsPro, MoonUIBreadcrumbPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbSeparatorPro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbPagePro }
 
 // Clean exports (without MoonUI prefix for easier usage)
-export { MoonUIbreadcrumbVariantsPro as breadcrumbVariants, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIchildrenArrayPro as childrenArray, MoonUIchildCountPro as childCount, MoonUIfirstItemPro as firstItem, MoonUImiddleItemsPro as middleItems, MoonUIlastTwoItemsPro as lastTwoItems, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUICompPro as Comp, MoonUIitemPropsPro as itemProps, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbPagePro as BreadcrumbPage };
+export { MoonUIbreadcrumbVariantsPro as breadcrumbVariants, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbPagePro as BreadcrumbPage };

package/src/components/ui/button.tsx

@@ -216,7 +216,7 @@ const MoonUIButtonPro = React.forwardRef<HTMLButtonElement, MoonUIButtonProProps
   }
 );
 
-MoonUIButtonPro.displayName = "MoonUIButtonPro";
+MoonUIButton.displayName = "MoonUIButtonPro";
 
 export { MoonUIButtonPro, moonUIButtonProVariants };
 

package/src/components/ui/card.tsx

@@ -80,7 +80,7 @@ const MoonUICardPro = React.forwardRef<HTMLDivElement, MoonUICardProProps>(
     );
   }
 );
-MoonUICardPro.displayName = "MoonUICardPro";
+MoonUICard.displayName = "MoonUICardPro";
 
 const MoonUICardHeaderPro = React.forwardRef<
   HTMLDivElement,
@@ -92,7 +92,7 @@ const MoonUICardHeaderPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUICardHeaderPro.displayName = "MoonUICardHeaderPro";
+MoonUICardHeader.displayName = "MoonUICardHeaderPro";
 
 const MoonUICardTitlePro = React.forwardRef<
   HTMLHeadingElement,
@@ -104,7 +104,7 @@ const MoonUICardTitlePro = React.forwardRef<
     {...props}
   />
 ));
-MoonUICardTitlePro.displayName = "MoonUICardTitlePro";
+MoonUICardTitle.displayName = "MoonUICardTitlePro";
 
 const MoonUICardDescriptionPro = React.forwardRef<
   HTMLParagraphElement,
@@ -116,7 +116,7 @@ const MoonUICardDescriptionPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUICardDescriptionPro.displayName = "MoonUICardDescriptionPro";
+MoonUICardDescription.displayName = "MoonUICardDescriptionPro";
 
 const MoonUICardContentPro = React.forwardRef<
   HTMLDivElement,
@@ -124,7 +124,7 @@ const MoonUICardContentPro = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div ref={ref} className={cn("pt-0", className)} {...props} />
 ));
-MoonUICardContentPro.displayName = "MoonUICardContentPro";
+MoonUICardContent.displayName = "MoonUICardContentPro";
 
 const MoonUICardFooterPro = React.forwardRef<
   HTMLDivElement,
@@ -136,7 +136,7 @@ const MoonUICardFooterPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUICardFooterPro.displayName = "MoonUICardFooterPro";
+MoonUICardFooter.displayName = "MoonUICardFooterPro";
 
 export { MoonUICardPro, MoonUICardHeaderPro, MoonUICardFooterPro, MoonUICardTitlePro, MoonUICardDescriptionPro, MoonUICardContentPro  };
 

package/src/components/ui/checkbox.tsx

@@ -68,7 +68,7 @@ export interface MoonUICheckboxProProps
 
 const MoonUICheckboxPro = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
-  CheckboxProps
+  MoonUICheckboxProProps
 >(({ 
   className, 
   variant, 
@@ -94,7 +94,7 @@ const MoonUICheckboxPro = React.forwardRef<
     <CheckboxPrimitive.Root
       ref={ref}
       checked={effectiveChecked}
-      className={cn(checkboxVariants({ variant, size, radius, animation }), className)}
+      className={cn(moonUICheckboxVariantsPro({ variant, size, radius, animation }), className)}
       {...props}
     >
       <CheckboxPrimitive.Indicator
@@ -195,7 +195,7 @@ const MoonUICheckboxLabel = React.forwardRef<HTMLLabelElement, CheckboxLabelProp
 MoonUICheckboxLabel.displayName = "CheckboxLabel";
 
 // Checkbox ve Label içeren bileşen
-interface CheckboxWithLabelProps extends CheckboxProps {
+interface CheckboxWithLabelProps extends MoonUICheckboxProProps {
   /**
    * Label içeriği
    */
@@ -226,34 +226,34 @@ const MoonUICheckboxWithLabel = React.forwardRef<
   return (
     <div className="flex items-center">
       {labelPosition === "start" && (
-        <CheckboxLabel 
+        <MoonUICheckboxLabel 
           htmlFor={checkboxId}
           position="start"
           disabled={checkboxProps.disabled}
           className={labelClassName}
         >
           {label}
-        </CheckboxLabel>
+        </MoonUICheckboxLabel>
       )}
       
-      <Checkbox ref={ref} id={checkboxId} {...checkboxProps} />
+      <MoonUICheckboxPro ref={ref} id={checkboxId} {...checkboxProps} />
       
       {labelPosition === "end" && (
-        <CheckboxLabel 
+        <MoonUICheckboxLabel 
           htmlFor={checkboxId}
           position="end"
           disabled={checkboxProps.disabled}
           className={labelClassName}
         >
           {label}
-        </CheckboxLabel>
+        </MoonUICheckboxLabel>
       )}
     </div>
   );
 });
 MoonUICheckboxWithLabel.displayName = "CheckboxWithLabel";
 
-export { MoonUICheckboxPro, CheckboxGroup, CheckboxLabel, CheckboxWithLabel  };
+export { MoonUICheckboxPro, MoonUICheckboxGroup as CheckboxGroup, MoonUICheckboxLabel as CheckboxLabel, MoonUICheckboxWithLabel as CheckboxWithLabel  };
 
 // Clean exports (only checkbox specific)
 export { MoonUICheckboxPro as Checkbox };

package/src/components/ui/dialog.tsx

@@ -136,7 +136,7 @@ interface MoonUIDialogContentProProps
 
 const MoonUIDialogContentPro = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Content>,
-    DialogContentProps
+    MoonUIDialogContentProProps
 >(
     (
         {
@@ -168,8 +168,8 @@ const MoonUIDialogContentPro = React.forwardRef<
         };
 
         return (
-            <DialogPortal>
-                <DialogOverlay
+            <MoonUIDialogPortal>
+                <MoonUIDialogOverlay
                     variant={overlayVariant}
                     animation={overlayAnimation}
                     onClick={hideCloseButton ? undefined : handleClose}
@@ -197,7 +197,7 @@ const MoonUIDialogContentPro = React.forwardRef<
                 >
                     {/* Başlık ve açıklama varsa otomatik olarak DialogHeader oluştur */}
                     {(title || description || icon) && (
-                        <DialogHeader className="flex gap-4">
+                        <MoonUIDialogHeaderPro className="flex gap-4">
                             {/* İkon veya loading/success durumları */}
                             {(icon || loading || success) && (
                                 <div className="flex shrink-0 items-center justify-center">
@@ -215,14 +215,14 @@ const MoonUIDialogContentPro = React.forwardRef<
                                 </div>
                             )}
                             <div className="flex-1">
-                                {title && <DialogTitle>{title}</DialogTitle>}
+                                {title && <MoonUIDialogTitlePro>{title}</MoonUIDialogTitlePro>}
                                 {description && (
-                                    <DialogDescription>
+                                    <MoonUIDialogDescriptionPro>
                                         {description}
-                                    </DialogDescription>
+                                    </MoonUIDialogDescriptionPro>
                                 )}
                             </div>
-                        </DialogHeader>
+                        </MoonUIDialogHeaderPro>
                     )}
 
                     {/* Main content */}
@@ -239,7 +239,7 @@ const MoonUIDialogContentPro = React.forwardRef<
                         </DialogPrimitive.Close>
                     )}
                 </DialogPrimitive.Content>
-            </DialogPortal>
+            </MoonUIDialogPortal>
         );
     }
 );
@@ -257,7 +257,7 @@ const MoonUIDialogHeaderPro = ({
         {...props}
     />
 );
-MoonUIDialogHeaderPro.displayName = "MoonUIDialogHeaderPro";
+MoonUIDialogHeader.displayName = "MoonUIDialogHeaderPro";
 
 const MoonUIDialogFooterPro = ({
     className,
@@ -271,7 +271,7 @@ const MoonUIDialogFooterPro = ({
         {...props}
     />
 );
-MoonUIDialogFooterPro.displayName = "MoonUIDialogFooterPro";
+MoonUIDialogFooter.displayName = "MoonUIDialogFooterPro";
 
 const MoonUIDialogTitlePro = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Title>,
@@ -327,7 +327,7 @@ export { MoonUIDialogPro,
     MoonUIDialogTitlePro,
     MoonUIDialogDescriptionPro,
     MoonUIDialogClosePro,
-    DialogForm,
+    MoonUIDialogForm,
  };
 
 // Backward compatibility exports

package/src/components/ui/dropdown-menu.tsx

@@ -53,7 +53,7 @@ const MoonUIDropdownMenuSubContentPro = React.forwardRef<
     {...props}
   />
 ))
-MoonUIDropdownMenuSubContent.displayName =
+MoonUIDropdownMenuSubContentPro.displayName =
   DropdownMenuPrimitive.SubContent.displayName
 
 const MoonUIDropdownMenuContentPro = React.forwardRef<
@@ -72,7 +72,7 @@ const MoonUIDropdownMenuContentPro = React.forwardRef<
     />
   </DropdownMenuPrimitive.Portal>
 ))
-MoonUIDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+MoonUIDropdownMenuContentPro.displayName = DropdownMenuPrimitive.Content.displayName
 
 const MoonUIDropdownMenuItemPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Item>,
@@ -90,7 +90,7 @@ const MoonUIDropdownMenuItemPro = React.forwardRef<
     {...props}
   />
 ))
-MoonUIDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+MoonUIDropdownMenuItemPro.displayName = DropdownMenuPrimitive.Item.displayName
 
 const MoonUIDropdownMenuCheckboxItemPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
@@ -113,7 +113,7 @@ const MoonUIDropdownMenuCheckboxItemPro = React.forwardRef<
     {children}
   </DropdownMenuPrimitive.CheckboxItem>
 ))
-MoonUIDropdownMenuCheckboxItem.displayName =
+MoonUIDropdownMenuCheckboxItemPro.displayName =
   DropdownMenuPrimitive.CheckboxItem.displayName
 
 const MoonUIDropdownMenuRadioItemPro = React.forwardRef<
@@ -136,7 +136,7 @@ const MoonUIDropdownMenuRadioItemPro = React.forwardRef<
     {children}
   </DropdownMenuPrimitive.RadioItem>
 ))
-MoonUIDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+MoonUIDropdownMenuRadioItemPro.displayName = DropdownMenuPrimitive.RadioItem.displayName
 
 const MoonUIDropdownMenuLabelPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Label>,
@@ -154,7 +154,7 @@ const MoonUIDropdownMenuLabelPro = React.forwardRef<
     {...props}
   />
 ))
-MoonUIDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+MoonUIDropdownMenuLabelPro.displayName = DropdownMenuPrimitive.Label.displayName
 
 const MoonUIDropdownMenuSeparatorPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
@@ -166,7 +166,7 @@ const MoonUIDropdownMenuSeparatorPro = React.forwardRef<
     {...props}
   />
 ))
-MoonUIDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+MoonUIDropdownMenuSeparatorPro.displayName = DropdownMenuPrimitive.Separator.displayName
 
 const MoonUIDropdownMenuShortcutPro = ({
   className,

package/src/components/ui/input.tsx

@@ -214,7 +214,7 @@ const MoonUIInputPro = React.forwardRef<HTMLInputElement, MoonUIInputProProps>(
     );
   }
 );
-MoonUIInputPro.displayName = "MoonUIInputPro";
+MoonUIInput.displayName = "MoonUIInputPro";
 
 export { MoonUIInputPro  };
 

package/src/components/ui/label.tsx

@@ -21,7 +21,7 @@ const MoonUILabelPro = React.forwardRef<
     {...props}
   />
 ))
-MoonUILabelPro.displayName = LabelPrimitive.Root.displayName
+MoonUILabel.displayName = LabelPrimitive.Root.displayName
 
 export { MoonUILabelPro  };
 

package/src/components/ui/popover.tsx

@@ -130,7 +130,7 @@ const MoonUIPopoverContentPro = React.forwardRef<
     />
   </>
 ));
-MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
+MoonUIPopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 /**
  * PopoverClose bileşeni

package/src/components/ui/radio-group.tsx

@@ -65,22 +65,22 @@ const MoonUIRadioGroupContextPro = React.createContext<{
 const MoonUIRadioGroupPro = React.forwardRef<HTMLDivElement, RadioGroupProps>(
   ({ className, value, onValueChange, disabled, name, ...props }, ref) => {
     return (
-      <RadioGroupContext.Provider value={{ value, onValueChange, disabled, name }}>
+      <MoonUIRadioGroupContextPro.Provider value={{ value, onValueChange, disabled, name }}>
         <div
           ref={ref}
           role="radiogroup"
           className={cn("grid gap-2", className)}
           {...props}
         />
-      </RadioGroupContext.Provider>
+      </MoonUIRadioGroupContextPro.Provider>
     );
   }
 );
-MoonUIRadioGroupPro.displayName = "RadioGroupPro";
+MoonUIRadioGroup.displayName = "RadioGroupPro";
 
 export interface RadioGroupItemProps
   extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>,
-    VariantProps<typeof radioGroupItemVariants> {
+    VariantProps<typeof MoonUIradioGroupItemVariantsPro> {
   /**
    * Custom indicator component
    */
@@ -104,13 +104,13 @@ const MoonUIRadioGroupItemPro = React.forwardRef<
   RadioGroupItemProps
 >(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
   // Get context values from radio group
-  const MoonUIradioGroupPro = React.useContext(RadioGroupContext);
-  const MoonUIgeneratedIdPro = React.useId();
-  const MoonUIradioIdPro = id || generatedId;
-  const MoonUIisCheckedPro = radioGroup.value === value;
+  const radioGroup = React.useContext(MoonUIRadioGroupContextPro);
+  const generatedId = React.useId();
+  const radioId = id || generatedId;
+  const isChecked = radioGroup.value === value;
   
   // Call onValueChange function when RadioGroupItem changes
-  const MoonUIhandleChangePro = (e: React.ChangeEvent<HTMLInputElement>) => {
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     if (radioGroup.onValueChange) {
       radioGroup.onValueChange(e.target.value);
     }
@@ -137,7 +137,7 @@ const MoonUIRadioGroupItemPro = React.forwardRef<
       <label
         htmlFor={radioId}
         className={cn(
-          radioGroupItemVariants({ variant, size }),
+          MoonUIradioGroupItemVariantsPro({ variant, size }),
           "rounded-full",
           "focus-visible:ring-primary/50",
           "relative inline-flex shrink-0 cursor-pointer items-center justify-center overflow-hidden",
@@ -155,7 +155,7 @@ const MoonUIRadioGroupItemPro = React.forwardRef<
     </div>
   );
 });
-MoonUIRadioGroupItemPro.displayName = "RadioGroupItemPro";
+MoonUIRadioGroupItem.displayName = "RadioGroupItemPro";
 
 // Radio Label Component
 interface RadioLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
@@ -191,7 +191,7 @@ const MoonUIRadioLabelPro = React.forwardRef<HTMLLabelElement, RadioLabelProps>(
     );
   }
 );
-MoonUIRadioLabelPro.displayName = "RadioLabelPro";
+MoonUIRadioLabel.displayName = "RadioLabelPro";
 
 // Radio Item and Label combination
 interface RadioItemWithLabelProps extends RadioGroupItemProps {
@@ -222,23 +222,23 @@ const MoonUIRadioItemWithLabelPro = React.forwardRef<
   labelClassName, 
   ...radioProps 
 }, ref) => {
-  const MoonUIgeneratedIdPro = React.useId();
-  const MoonUIradioIdPro = id || generatedId;
+  const generatedId = React.useId();
+  const radioId = id || generatedId;
   
   return (
     <div className="flex items-center">
-      <RadioGroupItem ref={ref} id={radioId} {...radioProps} />
-      <RadioLabel 
+      <MoonUIRadioGroupItemPro ref={ref} id={radioId} {...radioProps} />
+      <MoonUIRadioLabelPro 
         htmlFor={radioId}
         disabled={radioProps.disabled}
         className={labelClassName}
       >
         {label}
-      </RadioLabel>
+      </MoonUIRadioLabelPro>
     </div>
   );
 });
-MoonUIRadioItemWithLabelPro.displayName = "RadioItemWithLabelPro";
+MoonUIRadioItemWithLabel.displayName = "RadioItemWithLabelPro";
 
 
 // Internal aliases for Pro component usage
@@ -246,16 +246,12 @@ export const radioGroupItemVariantsInternal = MoonUIradioGroupItemVariantsPro
 export const RadioGroupContextInternal = MoonUIRadioGroupContextPro
 export const RadioGroupInternal = MoonUIRadioGroupPro
 export const RadioGroupItemInternal = MoonUIRadioGroupItemPro
-export const radioGroupInternal = MoonUIradioGroupPro
-export const generatedIdInternal = MoonUIgeneratedIdPro
-export const radioIdInternal = MoonUIradioIdPro
-export const isCheckedInternal = MoonUIisCheckedPro
-export const handleChangeInternal = MoonUIhandleChangePro
+export const radioGroupInternal = MoonUIRadioGroupPro
 export const RadioLabelInternal = MoonUIRadioLabelPro
 export const RadioItemWithLabelInternal = MoonUIRadioItemWithLabelPro
 
 // Pro exports  
-export { MoonUIradioGroupItemVariantsPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupPro, MoonUIRadioGroupItemPro, MoonUIgeneratedIdPro, MoonUIradioIdPro, MoonUIisCheckedPro, MoonUIhandleChangePro, MoonUIRadioLabelPro, MoonUIRadioItemWithLabelPro }
+export { MoonUIradioGroupItemVariantsPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupPro, MoonUIRadioGroupItemPro, MoonUIRadioLabelPro, MoonUIRadioItemWithLabelPro }
 
 // Clean exports (without MoonUI prefix for easier usage)
-export { MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIgeneratedIdPro as generatedId, MoonUIradioIdPro as radioId, MoonUIisCheckedPro as isChecked, MoonUIhandleChangePro as handleChange, MoonUIRadioLabelPro as RadioLabel, MoonUIRadioItemWithLabelPro as RadioItemWithLabel };
+export { MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioLabelPro as RadioLabel, MoonUIRadioItemWithLabelPro as RadioItemWithLabel };