@moontra/moonui-pro 2.2.0 → 2.2.1

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
@@ -40,7 +40,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
 DropdownMenuSubTrigger.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) => (
@@ -56,7 +56,7 @@ const DropdownMenuSubContent = React.forwardRef<
 DropdownMenuSubContent.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) => (
@@ -74,7 +74,7 @@ const DropdownMenuContent = React.forwardRef<
 ))
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
 
-const DropdownMenuItem = React.forwardRef<
+const MoonUIDropdownMenuItemPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Item>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean
@@ -92,7 +92,7 @@ const DropdownMenuItem = React.forwardRef<
 ))
 DropdownMenuItem.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) => (
@@ -116,7 +116,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
 DropdownMenuCheckboxItem.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) => (
@@ -138,7 +138,7 @@ const DropdownMenuRadioItem = React.forwardRef<
 ))
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
 
-const DropdownMenuLabel = React.forwardRef<
+const MoonUIDropdownMenuLabelPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Label>,
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
     inset?: boolean
@@ -156,7 +156,7 @@ const DropdownMenuLabel = React.forwardRef<
 ))
 DropdownMenuLabel.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) => (
@@ -168,7 +168,7 @@ const DropdownMenuSeparator = React.forwardRef<
 ))
 DropdownMenuSeparator.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}
@@ -23,4 +23,7 @@ const Label = React.forwardRef<
 ))
 Label.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
 >(({
@@ -170,14 +170,16 @@ const PopoverFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElem
 );
 PopoverFooter.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) => (
@@ -24,4 +24,7 @@ const Progress = React.forwardRef<
 ))
 Progress.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) => (
@@ -140,7 +140,7 @@ const SelectScrollDownButton = React.forwardRef<
 SelectScrollDownButton.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) => (
@@ -179,7 +179,7 @@ const SelectContent = React.forwardRef<
 ))
 SelectContent.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) => (
@@ -194,7 +194,7 @@ SelectLabel.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) => (
@@ -247,7 +247,7 @@ const SelectItem = React.forwardRef<
 ))
 SelectItem.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) => (
@@ -259,15 +259,17 @@ const SelectSeparator = React.forwardRef<
 ))
 SelectSeparator.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 }

package/src/components/ui/separator.tsx

@@ -6,7 +6,7 @@ import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "../../lib/utils"
 
-const separatorVariants = cva(
+const moonUISeparatorVariantsPro = cva(
   "shrink-0 bg-border",
   {
     variants: {
@@ -104,11 +104,11 @@ const separatorVariants = cva(
   }
 )
 
-export interface SeparatorProps
+export interface MoonUISeparatorProProps
   extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>,
-    VariantProps<typeof separatorVariants> {}
+    VariantProps<typeof moonUISeparatorVariantsPro> {}
 
-const Separator = React.forwardRef<
+const MoonUISeparatorPro = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,
   SeparatorProps
 >(
@@ -137,4 +137,7 @@ const Separator = React.forwardRef<
 )
 Separator.displayName = SeparatorPrimitive.Root.displayName
 
-export { Separator, separatorVariants }
+export { MoonUISeparatorPro, moonUISeparatorVariantsPro  };
+
+// Backward compatibility exports
+export { MoonUISeparatorPro as Separator, moonUISeparatorVariantsPro as separatorVariants }

package/src/components/ui/skeleton.tsx

@@ -2,7 +2,7 @@
 
 import { cn } from "../../lib/utils"
 
-interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface MoonUISkeletonProProps extends React.HTMLAttributes<HTMLDivElement> {}
 
 export function Skeleton({
   className,

package/src/components/ui/slider.tsx

@@ -12,7 +12,7 @@ import { cn } from "../../lib/utils"
  * Used for value ranges like volume, brightness, price ranges.
  */
 
-const sliderVariants = cva(
+const moonUISliderVariantsPro = cva(
   "relative flex w-full touch-none select-none items-center",
   {
     variants: {
@@ -153,7 +153,7 @@ type SliderBaseProps = {
   /**
    * Slider size
    */
-  size?: VariantProps<typeof sliderVariants>["size"];
+  size?: VariantProps<typeof moonUISliderVariantsPro>["size"];
   /**
    * Disabled state
    */
@@ -163,7 +163,7 @@ type SliderBaseProps = {
 // Merge HTML properties without defaultValue conflicts
 type SliderProps = SliderBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'>
 
-const Slider = React.forwardRef<
+const MoonUISliderPro = React.forwardRef<
   HTMLDivElement,
   SliderProps
 >(({
@@ -346,6 +346,9 @@ const Slider = React.forwardRef<
   )
 })
 
-Slider.displayName = "Slider"
+MoonUISliderPro.displayName = "MoonUISliderPro"
 
-export { Slider }
+export { MoonUISliderPro  };
+
+// Backward compatibility exports
+export { MoonUISliderPro as Slider }

package/src/components/ui/spotlight-card.tsx

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

package/src/components/ui/switch.tsx

@@ -8,7 +8,7 @@ import { cn } from "../../lib/utils"
 type SwitchSize = "sm" | "md" | "lg";
 type SwitchVariant = "primary" | "success" | "warning" | "danger" | "secondary";
 
-export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+export interface MoonUISwitchProProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
   /** Switch boyutu */
   size?: SwitchSize;
   /** Switch renk varyantı */
@@ -23,7 +23,7 @@ export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof Switc
   description?: string;
 }
 
-const Switch = React.forwardRef<
+const MoonUISwitchPro = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,
   SwitchProps
 >(({ className, size = "md", variant = "primary", loading, leftIcon, rightIcon, description, ...props }, ref) => (
@@ -79,5 +79,8 @@ const Switch = React.forwardRef<
 ))
 Switch.displayName = SwitchPrimitives.Root.displayName
 
-export { Switch }
+export { MoonUISwitchPro  };
+
+// Backward compatibility exports
+export { MoonUISwitchPro as Switch }
 export type { SwitchSize, SwitchVariant }

package/src/components/ui/tabs.tsx

@@ -7,12 +7,12 @@ import { cn } from "../../lib/utils";
 /* -------------------------------------------------------------------------------------------------
  * Tabs Root
  * -----------------------------------------------------------------------------------------------*/
-interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
+interface MoonUITabsProProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
   /** Mobil görünümde dikey düzen için */
   vertical?: boolean;
 }
 
-const Tabs = React.forwardRef<
+const MoonUITabsPro = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Root>,
   TabsProps
 >(({ vertical = false, ...props }, ref) => (
@@ -55,14 +55,14 @@ const tabsListVariants = cva(
   }
 );
 
-interface TabsListProps 
+interface MoonUITabsListProProps 
   extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>,
     VariantProps<typeof tabsListVariants> {
   /** Dikey düzende göster */
   orientation?: "horizontal" | "vertical";
 }
 
-const TabsList = React.forwardRef<
+const MoonUITabsListPro = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.List>,
   TabsListProps
 >(({ className, variant, orientation, fullWidth, ...props }, ref) => (
@@ -111,7 +111,7 @@ const tabsTriggerVariants = cva(
   }
 );
 
-interface TabsTriggerProps
+interface MoonUITabsTriggerProProps
   extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,
     VariantProps<typeof tabsTriggerVariants> {
   /** İkon konumu */
@@ -126,7 +126,7 @@ interface TabsTriggerProps
   orientation?: "horizontal" | "vertical";
 }
 
-const TabsTrigger = React.forwardRef<
+const MoonUITabsTriggerPro = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Trigger>,
   TabsTriggerProps
 >(({ 
@@ -169,13 +169,13 @@ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 /* -------------------------------------------------------------------------------------------------
  * TabsContent
  * -----------------------------------------------------------------------------------------------*/
-interface TabsContentProps 
+interface MoonUITabsContentProProps 
   extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
   /** İçerik animasyonu */
   animated?: boolean;
 }
 
-const TabsContent = React.forwardRef<
+const MoonUITabsContentPro = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Content>,
   TabsContentProps
 >(({ className, animated = false, ...props }, ref) => (
@@ -192,4 +192,7 @@ const TabsContent = React.forwardRef<
 
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
-export { Tabs, TabsList, TabsTrigger, TabsContent };
+export { MoonUITabsPro, MoonUITabsListPro, MoonUITabsTriggerPro, MoonUITabsContentPro  };
+
+// Backward compatibility exports
+export { MoonUITabsPro as Tabs, MoonUITabsListPro as TabsList, MoonUITabsTriggerPro as TabsTrigger, MoonUITabsContentPro as TabsContent };

package/src/components/ui/textarea.tsx

@@ -3,10 +3,10 @@
 import React from "react"
 import { cn } from "../../lib/utils"
 
-export interface TextareaProps
+export interface MoonUITextareaProProps
   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
 
-const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+const MoonUITextareaPro = React.forwardRef<HTMLTextAreaElement, MoonUITextareaProProps>(
   ({ className, ...props }, ref) => {
     return (
       <textarea
@@ -20,6 +20,9 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
     )
   }
 )
-Textarea.displayName = "Textarea"
+MoonUITextareaPro.displayName = "MoonUITextareaPro"
 
-export { Textarea }
+export { MoonUITextareaPro  };
+
+// Backward compatibility exports
+export { MoonUITextareaPro as Textarea }

package/src/components/ui/toast.tsx

@@ -23,7 +23,7 @@ const ToastViewport = React.forwardRef<
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 
-const toastVariants = cva(
+const moonUIToastVariantsPro = 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",
   {
     variants: {
@@ -46,11 +46,11 @@ const toastVariants = cva(
 );
 
 type ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
-  VariantProps<typeof toastVariants>;
+  VariantProps<typeof moonUIToastVariantsPro>;
 
 type ToastActionElement = React.ReactElement<typeof ToastAction>;
 
-const Toast = React.forwardRef<
+const MoonUIToastPro = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Root>,
   ToastProps
 >(({ className, variant, ...props }, ref) => {
@@ -297,12 +297,11 @@ function Toaster() {
   );
 }
 
-export {
-  type ToastProps,
+export { type ToastProps,
   type ToastActionElement,
   ToastProvider,
   ToastViewport,
-  Toast,
+  MoonUIToastPro,
   ToastTitle,
   ToastDescription,
   ToastAction,
@@ -310,4 +309,7 @@ export {
   Toaster,
   toast,
   useToast,
-};
+ };
+
+// Backward compatibility exports
+export { MoonUIToastPro as Toast };