@moontra/moonui-pro 2.2.11 → 2.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.2.11",
+  "version": "2.2.13",
   "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,7 +64,7 @@ const MoonUIBreadcrumbPro = React.forwardRef<HTMLElement, BreadcrumbProps>(
     />
   )
 );
-MoonUIBreadcrumbPro.displayName = "BreadcrumbPro";
+MoonUIBreadcrumb.displayName = "BreadcrumbPro";
 
 const MoonUIBreadcrumbListPro = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
@@ -86,7 +86,7 @@ const MoonUIBreadcrumbListPro = React.forwardRef<HTMLOListElement, BreadcrumbLis
           {...props}
         >
           {MoonUIfirstItemPro}
-          <BreadcrumbEllipsis />
+          <MoonUIBreadcrumbEllipsisPro />
           {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) => {
@@ -133,7 +133,7 @@ const MoonUIBreadcrumbItemPro = React.forwardRef<HTMLLIElement, BreadcrumbItemPr
     );
   }
 );
-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,7 +194,7 @@ const MoonUIBreadcrumbPagePro = React.forwardRef<HTMLSpanElement, React.HTMLAttr
     />
   )
 );
-MoonUIBreadcrumbPagePro.displayName = "BreadcrumbPagePro";
+MoonUIBreadcrumbPage.displayName = "BreadcrumbPagePro";
 
 
 // Internal aliases for Pro component usage

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 };

package/src/components/ui/select.tsx

@@ -15,7 +15,7 @@ import { cn } from "../../lib/utils"
 
 // Directly re-exporting the Root component
 const MoonUISelectPro = SelectPrimitive.Root
-MoonUISelectPro.displayName = "MoonUISelectPro"
+MoonUISelect.displayName = "MoonUISelectPro"
 
 const MoonUISelectGroupPro = SelectPrimitive.Group
 
@@ -43,7 +43,7 @@ interface MoonUISelectTriggerProProps extends React.ComponentPropsWithoutRef<typ
 
 const MoonUISelectTriggerPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Trigger>,
-  SelectTriggerProps
+  MoonUISelectTriggerProProps
 >(({ className, children, variant = "standard", size = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => (
   <SelectPrimitive.Trigger
     ref={ref}
@@ -163,7 +163,7 @@ const MoonUISelectContentPro = React.forwardRef<
       position={position}
       {...props}
     >
-      <SelectScrollUpButton />
+      <MoonUISelectScrollUpButton />
       <SelectPrimitive.Viewport
         className={cn(
           "p-1",
@@ -173,11 +173,11 @@ const MoonUISelectContentPro = React.forwardRef<
       >
         {children}
       </SelectPrimitive.Viewport>
-      <SelectScrollDownButton />
+      <MoonUISelectScrollDownButton />
     </SelectPrimitive.Content>
   </SelectPrimitive.Portal>
 ))
-MoonUISelectContent.displayName = SelectPrimitive.Content.displayName
+MoonUISelectContentPro.displayName = SelectPrimitive.Content.displayName
 
 const MoonUISelectLabelPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Label>,
@@ -189,7 +189,7 @@ const MoonUISelectLabelPro = React.forwardRef<
     {...props}
   />
 ))
-MoonUISelectLabel.displayName = SelectPrimitive.Label.displayName
+MoonUISelectLabelPro.displayName = SelectPrimitive.Label.displayName
 
 type SelectItemVariant = "default" | "subtle" | "destructive" | "success" | "warning";
 type SelectItemSize = "sm" | "md" | "lg";
@@ -207,7 +207,7 @@ interface MoonUISelectItemProProps extends React.ComponentPropsWithoutRef<typeof
 
 const MoonUISelectItemPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Item>,
-  SelectItemProps
+  MoonUISelectItemProProps
 >(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => (
   <SelectPrimitive.Item
     ref={ref}
@@ -257,7 +257,7 @@ const MoonUISelectSeparatorPro = React.forwardRef<
     {...props}
   />
 ))
-MoonUISelectSeparator.displayName = SelectPrimitive.Separator.displayName
+MoonUISelectSeparatorPro.displayName = SelectPrimitive.Separator.displayName
 
 export { MoonUISelectPro,
   MoonUISelectGroupPro,
@@ -267,8 +267,8 @@ export { MoonUISelectPro,
   MoonUISelectLabelPro,
   MoonUISelectItemPro,
   MoonUISelectSeparatorPro,
-  SelectScrollUpButton,
-  SelectScrollDownButton,
+  MoonUISelectScrollUpButton as SelectScrollUpButton,
+  MoonUISelectScrollDownButton as SelectScrollDownButton,
  };
 
 // Backward compatibility exports

package/src/components/ui/slider.tsx

@@ -346,7 +346,7 @@ const MoonUISliderPro = React.forwardRef<
   )
 })
 
-MoonUISliderPro.displayName = "MoonUISliderPro"
+MoonUISlider.displayName = "MoonUISliderPro"
 
 export { MoonUISliderPro  };