@moontra/moonui-pro 2.2.0 → 2.2.2

package/src/components/ui/dialog.tsx

@@ -15,10 +15,10 @@ import { cn } from "../../lib/utils";
  * Provides a premium appearance with dark and light mode compatibility and fluid animations.
  */
 
-const Dialog = DialogPrimitive.Root;
-const DialogTrigger = DialogPrimitive.Trigger;
-const DialogPortal = DialogPrimitive.Portal;
-const DialogClose = DialogPrimitive.Close;
+const MoonUIDialogPro = DialogPrimitive.Root;
+const MoonUIDialogTriggerPro = DialogPrimitive.Trigger;
+const MoonUIDialogPortal = DialogPrimitive.Portal;
+const MoonUIDialogClosePro = DialogPrimitive.Close;
 
 const overlayVariants = cva(
     "fixed inset-0 z-50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -47,7 +47,7 @@ interface DialogOverlayProps
     extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,
         VariantProps<typeof overlayVariants> {}
 
-const DialogOverlay = React.forwardRef<
+const MoonUIDialogOverlay = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Overlay>,
     DialogOverlayProps
 >(({ className, variant, animation, ...props }, ref) => (
@@ -57,7 +57,7 @@ const DialogOverlay = React.forwardRef<
         {...props}
     />
 ));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+MoonUIDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 
 const dialogContentVariants = cva(
     "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg",
@@ -111,7 +111,7 @@ const dialogContentVariants = cva(
     }
 );
 
-interface DialogContentProps
+interface MoonUIDialogContentProProps
     extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, 'title'>,
         VariantProps<typeof dialogContentVariants> {
     /** X butonunu gizle */
@@ -134,7 +134,7 @@ interface DialogContentProps
     onClose?: () => void;
 }
 
-const DialogContent = React.forwardRef<
+const MoonUIDialogContentPro = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Content>,
     DialogContentProps
 >(
@@ -243,9 +243,9 @@ const DialogContent = React.forwardRef<
         );
     }
 );
-DialogContent.displayName = DialogPrimitive.Content.displayName;
+MoonUIDialogContent.displayName = DialogPrimitive.Content.displayName;
 
-const DialogHeader = ({
+const MoonUIDialogHeaderPro = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
@@ -257,9 +257,9 @@ const DialogHeader = ({
         {...props}
     />
 );
-DialogHeader.displayName = "DialogHeader";
+MoonUIDialogHeaderPro.displayName = "MoonUIDialogHeaderPro";
 
-const DialogFooter = ({
+const MoonUIDialogFooterPro = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
@@ -271,9 +271,9 @@ const DialogFooter = ({
         {...props}
     />
 );
-DialogFooter.displayName = "DialogFooter";
+MoonUIDialogFooterPro.displayName = "MoonUIDialogFooterPro";
 
-const DialogTitle = React.forwardRef<
+const MoonUIDialogTitlePro = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Title>,
     React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
 >(({ className, ...props }, ref) => (
@@ -286,9 +286,9 @@ const DialogTitle = React.forwardRef<
         {...props}
     />
 ));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
+MoonUIDialogTitle.displayName = DialogPrimitive.Title.displayName;
 
-const DialogDescription = React.forwardRef<
+const MoonUIDialogDescriptionPro = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Description>,
     React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
 >(({ className, ...props }, ref) => (
@@ -301,13 +301,13 @@ const DialogDescription = React.forwardRef<
         {...props}
     />
 ));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
+MoonUIDialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 /**
  * Dialog-Form integration for use with form support
  * Used to integrate form submission processes into the modal
  */
-const DialogForm = React.forwardRef<
+const MoonUIDialogForm = React.forwardRef<
     HTMLFormElement,
     React.HTMLAttributes<HTMLFormElement>
 >(({ className, ...props }, ref) => (
@@ -317,16 +317,18 @@ const DialogForm = React.forwardRef<
         {...props}
     />
 ));
-DialogForm.displayName = "DialogForm";
+MoonUIDialogForm.displayName = "DialogForm";
 
-export {
-    Dialog,
-    DialogTrigger,
-    DialogContent,
-    DialogHeader,
-    DialogFooter,
-    DialogTitle,
-    DialogDescription,
-    DialogClose,
+export { MoonUIDialogPro,
+    MoonUIDialogTriggerPro,
+    MoonUIDialogContentPro,
+    MoonUIDialogHeaderPro,
+    MoonUIDialogFooterPro,
+    MoonUIDialogTitlePro,
+    MoonUIDialogDescriptionPro,
+    MoonUIDialogClosePro,
     DialogForm,
-};
+ };
+
+// Backward compatibility exports
+export { MoonUIDialogPro as Dialog, MoonUIDialogContentPro as DialogContent, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogTriggerPro as DialogTrigger, MoonUIDialogClosePro as DialogClose };

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

@@ -6,19 +6,19 @@ import { Check, ChevronRight, Circle } from "lucide-react"
 
 import { cn } from "../../lib/utils"
 
-const DropdownMenu = DropdownMenuPrimitive.Root
+const MoonUIDropdownMenuPro = DropdownMenuPrimitive.Root
 
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+const MoonUIDropdownMenuTriggerPro = DropdownMenuPrimitive.Trigger
 
-const DropdownMenuGroup = DropdownMenuPrimitive.Group
+const MoonUIDropdownMenuGroupPro = DropdownMenuPrimitive.Group
 
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+const MoonUIDropdownMenuPortalPro = DropdownMenuPrimitive.Portal
 
-const DropdownMenuSub = DropdownMenuPrimitive.Sub
+const MoonUIDropdownMenuSubPro = DropdownMenuPrimitive.Sub
 
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+const MoonUIDropdownMenuRadioGroupPro = DropdownMenuPrimitive.RadioGroup
 
-const DropdownMenuSubTrigger = React.forwardRef<
+const MoonUIDropdownMenuSubTriggerPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean
@@ -37,10 +37,10 @@ const DropdownMenuSubTrigger = React.forwardRef<
     <ChevronRight className="ml-auto h-4 w-4" />
   </DropdownMenuPrimitive.SubTrigger>
 ))
-DropdownMenuSubTrigger.displayName =
+MoonUIDropdownMenuSubTrigger.displayName =
   DropdownMenuPrimitive.SubTrigger.displayName
 
-const DropdownMenuSubContent = React.forwardRef<
+const MoonUIDropdownMenuSubContentPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
 >(({ className, ...props }, ref) => (
@@ -53,10 +53,10 @@ const DropdownMenuSubContent = React.forwardRef<
     {...props}
   />
 ))
-DropdownMenuSubContent.displayName =
+MoonUIDropdownMenuSubContent.displayName =
   DropdownMenuPrimitive.SubContent.displayName
 
-const DropdownMenuContent = React.forwardRef<
+const MoonUIDropdownMenuContentPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
 >(({ className, sideOffset = 4, ...props }, ref) => (
@@ -72,9 +72,9 @@ const DropdownMenuContent = React.forwardRef<
     />
   </DropdownMenuPrimitive.Portal>
 ))
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+MoonUIDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
 
-const DropdownMenuItem = React.forwardRef<
+const MoonUIDropdownMenuItemPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Item>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean
@@ -90,9 +90,9 @@ const DropdownMenuItem = React.forwardRef<
     {...props}
   />
 ))
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+MoonUIDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
 
-const DropdownMenuCheckboxItem = React.forwardRef<
+const MoonUIDropdownMenuCheckboxItemPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
 >(({ className, children, checked, ...props }, ref) => (
@@ -113,10 +113,10 @@ const DropdownMenuCheckboxItem = React.forwardRef<
     {children}
   </DropdownMenuPrimitive.CheckboxItem>
 ))
-DropdownMenuCheckboxItem.displayName =
+MoonUIDropdownMenuCheckboxItem.displayName =
   DropdownMenuPrimitive.CheckboxItem.displayName
 
-const DropdownMenuRadioItem = React.forwardRef<
+const MoonUIDropdownMenuRadioItemPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
 >(({ className, children, ...props }, ref) => (
@@ -136,9 +136,9 @@ const DropdownMenuRadioItem = React.forwardRef<
     {children}
   </DropdownMenuPrimitive.RadioItem>
 ))
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+MoonUIDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
 
-const DropdownMenuLabel = React.forwardRef<
+const MoonUIDropdownMenuLabelPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Label>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
     inset?: boolean
@@ -154,9 +154,9 @@ const DropdownMenuLabel = React.forwardRef<
     {...props}
   />
 ))
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+MoonUIDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
 
-const DropdownMenuSeparator = React.forwardRef<
+const MoonUIDropdownMenuSeparatorPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
 >(({ className, ...props }, ref) => (
@@ -166,9 +166,9 @@ const DropdownMenuSeparator = React.forwardRef<
     {...props}
   />
 ))
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+MoonUIDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
 
-const DropdownMenuShortcut = ({
+const MoonUIDropdownMenuShortcutPro = ({
   className,
   ...props
 }: React.HTMLAttributes<HTMLSpanElement>) => {
@@ -179,22 +179,24 @@ const DropdownMenuShortcut = ({
     />
   )
 }
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
-
-export {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuGroup,
-  DropdownMenuPortal,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuRadioGroup,
-}
+MoonUIDropdownMenuShortcutPro.displayName = "MoonUIDropdownMenuShortcutPro"
+
+export { MoonUIDropdownMenuPro,
+  MoonUIDropdownMenuTriggerPro,
+  MoonUIDropdownMenuContentPro,
+  MoonUIDropdownMenuItemPro,
+  MoonUIDropdownMenuCheckboxItemPro,
+  MoonUIDropdownMenuRadioItemPro,
+  MoonUIDropdownMenuLabelPro,
+  MoonUIDropdownMenuSeparatorPro,
+  MoonUIDropdownMenuShortcutPro,
+  MoonUIDropdownMenuGroupPro,
+  MoonUIDropdownMenuPortalPro,
+  MoonUIDropdownMenuSubPro,
+  MoonUIDropdownMenuSubContentPro,
+  MoonUIDropdownMenuSubTriggerPro,
+  MoonUIDropdownMenuRadioGroupPro,
+ };
+
+// Backward compatibility exports
+export { MoonUICheckboxPro as Checkbox, MoonUIDropdownMenuPro as DropdownMenu, MoonUILabelPro as Label, MoonUIRadioGroupPro as RadioGroup, MoonUISeparatorPro as Separator, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup }

package/src/components/ui/hover-card-3d.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react";
 import { motion, useMotionValue, useSpring, useTransform } from "framer-motion";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 export interface HoverCard3DProps extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;

package/src/components/ui/input.tsx

@@ -26,7 +26,7 @@ const inputWrapperVariants = cva(
   }
 );
 
-const inputVariants = cva(
+const moonUIInputVariantsPro = cva(
   [
     "w-full bg-background transition-all duration-200",
     "text-foreground placeholder:text-muted-foreground dark:placeholder:text-gray-500", 
@@ -85,9 +85,9 @@ const inputVariants = cva(
   }
 );
 
-export interface InputProps
+export interface MoonUIInputProProps
   extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">,
-    Omit<VariantProps<typeof inputVariants>, "isDisabled" | "hasLeftIcon" | "hasRightIcon" | "hasRightButton"> {
+    Omit<VariantProps<typeof moonUIInputVariantsPro>, "isDisabled" | "hasLeftIcon" | "hasRightIcon" | "hasRightButton"> {
   /** Hata mesajı */
   error?: string;
   /** Başarı mesajı */
@@ -122,7 +122,7 @@ export interface InputProps
  * @param props.rightButton - Sağ tarafta gösterilecek buton
  * @param props.alwaysShowMessage - Mesajın her zaman görünür olması
  */
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
+const MoonUIInputPro = React.forwardRef<HTMLInputElement, MoonUIInputProProps>(
   ({ 
     className, 
     wrapperClassName,
@@ -214,6 +214,9 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
     );
   }
 );
-Input.displayName = "Input";
+MoonUIInputPro.displayName = "MoonUIInputPro";
 
-export { Input };
+export { MoonUIInputPro  };
+
+// Backward compatibility exports
+export { MoonUIInputPro as Input };

package/src/components/ui/label.tsx

@@ -6,14 +6,14 @@ import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "../../lib/utils"
 
-const labelVariants = cva(
+const moonUILabelVariantsPro = cva(
   "text-sm font-medium leading-none text-gray-900 dark:text-gray-200 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:peer-disabled:opacity-60 transition-colors duration-200"
 )
 
-const Label = React.forwardRef<
+const MoonUILabelPro = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
-    VariantProps<typeof labelVariants>
+    VariantProps<typeof moonUILabelVariantsPro>
 >(({ className, ...props }, ref) => (
   <LabelPrimitive.Root
     ref={ref}
@@ -21,6 +21,9 @@ const Label = React.forwardRef<
     {...props}
   />
 ))
-Label.displayName = LabelPrimitive.Root.displayName
+MoonUILabel.displayName = LabelPrimitive.Root.displayName
 
-export { Label }
+export { MoonUILabelPro  };
+
+// Backward compatibility exports
+export { MoonUILabelPro as Label }

package/src/components/ui/magnetic-button.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react";
 import { motion, useMotionValue, useTransform, useSpring } from "framer-motion";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 import { cva, type VariantProps } from "class-variance-authority";
 
 const magneticButtonVariants = cva(

package/src/components/ui/popover.tsx

@@ -63,11 +63,11 @@ const popoverContentVariants = cva(
   }
 );
 
-const Popover = PopoverPrimitive.Root;
-const PopoverTrigger = PopoverPrimitive.Trigger;
+const MoonUIPopoverPro = PopoverPrimitive.Root;
+const MoonUIPopoverTriggerPro = PopoverPrimitive.Trigger;
 const PopoverAnchor = PopoverPrimitive.Anchor;
 
-export interface PopoverContentProps 
+export interface MoonUIPopoverContentProProps 
   extends Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, 'side'>,
     VariantProps<typeof popoverContentVariants> {
   /**
@@ -84,7 +84,7 @@ export interface PopoverContentProps
   overlayBackdrop?: boolean;
 }
 
-const PopoverContent = React.forwardRef<
+const MoonUIPopoverContentPro = React.forwardRef<
   React.ElementRef<typeof PopoverPrimitive.Content>,
   PopoverContentProps
 >(({
@@ -130,7 +130,7 @@ const PopoverContent = React.forwardRef<
     />
   </>
 ));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+MoonUIPopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 /**
  * PopoverClose bileşeni
@@ -140,44 +140,46 @@ const PopoverClose = PopoverPrimitive.Close;
 /**
  * Popover için bölüm ayırıcı
  */
-const PopoverSeparator = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const MoonUIPopoverSeparator = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn("my-2 h-px bg-border", className)}
     {...props}
   />
 );
-PopoverSeparator.displayName = "PopoverSeparator";
+MoonUIPopoverSeparator.displayName = "PopoverSeparator";
 
 /**
  * Popover başlık bileşeni
  */
-const PopoverHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const MoonUIPopoverHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn("-mx-4 -mt-4 mb-3 px-4 pt-4 pb-3 border-b border-border", className)}
     {...props}
   />
 );
-PopoverHeader.displayName = "PopoverHeader";
+MoonUIPopoverHeader.displayName = "PopoverHeader";
 
 /**
  * Popover footer bileşeni
  */
-const PopoverFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const MoonUIPopoverFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn("-mx-4 -mb-4 mt-3 px-4 pt-3 pb-4 border-t border-border", className)}
     {...props}
   />
 );
-PopoverFooter.displayName = "PopoverFooter";
+MoonUIPopoverFooter.displayName = "PopoverFooter";
 
-export {
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
+export { MoonUIPopoverPro,
+  MoonUIPopoverTriggerPro,
+  MoonUIPopoverContentPro,
   PopoverAnchor,
   PopoverClose,
   PopoverSeparator,
   PopoverHeader,
   PopoverFooter,
   popoverContentVariants,
-};
+ };
+
+// Backward compatibility exports
+export { MoonUIPopoverPro as Popover, MoonUISeparatorPro as Separator, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIPopoverContentPro as PopoverContent };

package/src/components/ui/progress.tsx

@@ -4,7 +4,7 @@ import * as React from "react"
 import * as ProgressPrimitive from "@radix-ui/react-progress"
 import { cn } from "../../lib/utils"
 
-const Progress = React.forwardRef<
+const MoonUIProgressPro = React.forwardRef<
   React.ElementRef<typeof ProgressPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
 >(({ className, value, ...props }, ref) => (
@@ -22,6 +22,9 @@ const Progress = React.forwardRef<
     />
   </ProgressPrimitive.Root>
 ))
-Progress.displayName = ProgressPrimitive.Root.displayName
+MoonUIProgress.displayName = ProgressPrimitive.Root.displayName
 
-export { Progress }
+export { MoonUIProgressPro  };
+
+// Backward compatibility exports
+export { MoonUIProgressPro as Progress }

package/src/components/ui/select.tsx

@@ -14,17 +14,17 @@ import { cn } from "../../lib/utils"
  */
 
 // Directly re-exporting the Root component
-const Select = SelectPrimitive.Root
-Select.displayName = "Select"
+const MoonUISelectPro = SelectPrimitive.Root
+MoonUISelectPro.displayName = "MoonUISelectPro"
 
-const SelectGroup = SelectPrimitive.Group
+const MoonUISelectGroupPro = SelectPrimitive.Group
 
-const SelectValue = SelectPrimitive.Value
+const MoonUISelectValuePro = SelectPrimitive.Value
 
 type SelectTriggerVariant = "standard" | "outline" | "ghost" | "underline";
 type SelectTriggerSize = "sm" | "md" | "lg";
 
-interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
+interface MoonUISelectTriggerProProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
   /** Visual variant */
   variant?: SelectTriggerVariant;
   /** Size */
@@ -41,7 +41,7 @@ interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof Selec
   rightIcon?: React.ReactNode;
 }
 
-const SelectTrigger = React.forwardRef<
+const MoonUISelectTriggerPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Trigger>,
   SelectTriggerProps
 >(({ className, children, variant = "standard", size = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => (
@@ -97,12 +97,12 @@ const SelectTrigger = React.forwardRef<
     )}
   </SelectPrimitive.Trigger>
 ))
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+MoonUISelectTrigger.displayName = SelectPrimitive.Trigger.displayName
 
 /**
  * Scroll Up Button Component
  */
-const SelectScrollUpButton = React.forwardRef<
+const MoonUISelectScrollUpButton = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
 >(({ className, ...props }, ref) => (
@@ -117,12 +117,12 @@ const SelectScrollUpButton = React.forwardRef<
     <ChevronUp className="h-4 w-4" />
   </SelectPrimitive.ScrollUpButton>
 ))
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+MoonUISelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
 
 /**
  * Scroll Down Button Component
  */
-const SelectScrollDownButton = React.forwardRef<
+const MoonUISelectScrollDownButton = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
 >(({ className, ...props }, ref) => (
@@ -137,10 +137,10 @@ const SelectScrollDownButton = React.forwardRef<
     <ChevronDown className="h-4 w-4" />
   </SelectPrimitive.ScrollDownButton>
 ))
-SelectScrollDownButton.displayName =
+MoonUISelectScrollDownButton.displayName =
   SelectPrimitive.ScrollDownButton.displayName
 
-const SelectContent = React.forwardRef<
+const MoonUISelectContentPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
 >(({ className, children, position = "item-aligned", ...props }, ref) => (
@@ -177,9 +177,9 @@ const SelectContent = React.forwardRef<
     </SelectPrimitive.Content>
   </SelectPrimitive.Portal>
 ))
-SelectContent.displayName = SelectPrimitive.Content.displayName
+MoonUISelectContent.displayName = SelectPrimitive.Content.displayName
 
-const SelectLabel = React.forwardRef<
+const MoonUISelectLabelPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Label>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
 >(({ className, ...props }, ref) => (
@@ -189,12 +189,12 @@ const SelectLabel = React.forwardRef<
     {...props}
   />
 ))
-SelectLabel.displayName = SelectPrimitive.Label.displayName
+MoonUISelectLabel.displayName = SelectPrimitive.Label.displayName
 
 type SelectItemVariant = "default" | "subtle" | "destructive" | "success" | "warning";
 type SelectItemSize = "sm" | "md" | "lg";
 
-interface SelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+interface MoonUISelectItemProProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
   /** Visual variant */
   variant?: SelectItemVariant;
   /** Size */
@@ -205,7 +205,7 @@ interface SelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPr
   customIndicator?: React.ReactNode;
 }
 
-const SelectItem = React.forwardRef<
+const MoonUISelectItemPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Item>,
   SelectItemProps
 >(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => (
@@ -245,9 +245,9 @@ const SelectItem = React.forwardRef<
     )}
   </SelectPrimitive.Item>
 ))
-SelectItem.displayName = SelectPrimitive.Item.displayName
+MoonUISelectItem.displayName = SelectPrimitive.Item.displayName
 
-const SelectSeparator = React.forwardRef<
+const MoonUISelectSeparatorPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Separator>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
 >(({ className, ...props }, ref) => (
@@ -257,17 +257,19 @@ const SelectSeparator = React.forwardRef<
     {...props}
   />
 ))
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+MoonUISelectSeparator.displayName = SelectPrimitive.Separator.displayName
 
-export {
-  Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectLabel,
-  SelectItem,
-  SelectSeparator,
+export { MoonUISelectPro,
+  MoonUISelectGroupPro,
+  MoonUISelectValuePro,
+  MoonUISelectTriggerPro,
+  MoonUISelectContentPro,
+  MoonUISelectLabelPro,
+  MoonUISelectItemPro,
+  MoonUISelectSeparatorPro,
   SelectScrollUpButton,
   SelectScrollDownButton,
-}
+ };
+
+// 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 }