@moontra/moonui 2.0.11 → 2.1.2

package/src/components/ui/collapsible.tsx

@@ -14,7 +14,7 @@ import { cn } from "../../lib/utils"
  * Tema sistemiyle tam entegre, erişilebilir ve özelleştirilebilir.
  */
 
-const Collapsible = CollapsiblePrimitive.Root
+const MoonUICollapsible = CollapsiblePrimitive.Root
 
 const collapsibleTriggerVariants = cva(
   "flex w-full items-center justify-between transition-all",
@@ -39,11 +39,11 @@ const collapsibleTriggerVariants = cva(
   }
 )
 
-interface CollapsibleTriggerProps 
+interface MoonUICollapsibleTriggerProps 
   extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>,
     VariantProps<typeof collapsibleTriggerVariants> {}
 
-const CollapsibleTrigger = React.forwardRef<
+const MoonUICollapsibleTrigger = React.forwardRef<
   React.ElementRef<typeof CollapsiblePrimitive.Trigger>,
   CollapsibleTriggerProps
 >(({ className, children, variant, size, asChild, ...props }, ref) => {
@@ -97,11 +97,11 @@ const collapsibleContentVariants = cva(
   }
 )
 
-interface CollapsibleContentProps 
+interface MoonUICollapsibleContentProps 
   extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>,
     VariantProps<typeof collapsibleContentVariants> {}
 
-const CollapsibleContent = React.forwardRef<
+const MoonUICollapsibleContent = React.forwardRef<
   React.ElementRef<typeof CollapsiblePrimitive.Content>,
   CollapsibleContentProps
 >(({ className, children, variant, size, ...props }, ref) => (
@@ -115,13 +115,15 @@ const CollapsibleContent = React.forwardRef<
 ))
 CollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName
 
-export {
-  Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent,
+export { MoonUICollapsible,
+  MoonUICollapsibleTrigger,
+  MoonUICollapsibleContent,
   collapsibleTriggerVariants,
   collapsibleContentVariants,
-}
+ };
+
+// Backward compatibility exports
+export { MoonUICollapsible as Collapsible, MoonUICollapsibleTrigger as CollapsibleTrigger, MoonUICollapsibleContent as CollapsibleContent }
 
 export type {
   CollapsibleTriggerProps,

package/src/components/ui/color-picker.tsx

@@ -131,7 +131,7 @@ function hslToHex(h: number, s: number, l: number): string {
   );
 }
 
-export interface ColorPickerProps
+export interface MoonUIColorPickerProps
   extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value">,
     VariantProps<typeof colorPickerVariants> {
   /**
@@ -661,4 +661,4 @@ export function GradientPicker({
 }
 
 // Re-export icons used
-export { Palette, Pipette } from "lucide-react";
+export { Palette, Pipette  } from "lucide-react";

package/src/components/ui/command.tsx

@@ -38,11 +38,11 @@ const commandVariants = cva(
 )
 
 // Command bileşeni - cmdk primitive wrapper
-interface CommandProps 
+interface MoonUICommandProps 
   extends React.ComponentProps<typeof CommandPrimitive>,
     VariantProps<typeof commandVariants> {}
 
-const Command = React.forwardRef<
+const MoonUICommand = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,
   CommandProps
 >(({ className, variant, size, ...props }, ref) => (
@@ -81,10 +81,10 @@ const CommandDialog = ({
 }
 
 // CommandInput bileşeni
-interface CommandInputProps 
+interface MoonUICommandInputProps 
   extends React.ComponentProps<typeof CommandPrimitive.Input> {}
 
-const CommandInput = React.forwardRef<
+const MoonUICommandInput = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Input>,
   CommandInputProps
 >(({ className, ...props }, ref) => (
@@ -103,10 +103,10 @@ const CommandInput = React.forwardRef<
 CommandInput.displayName = CommandPrimitive.Input.displayName
 
 // CommandList bileşeni
-interface CommandListProps 
+interface MoonUICommandListProps 
   extends React.ComponentProps<typeof CommandPrimitive.List> {}
 
-const CommandList = React.forwardRef<
+const MoonUICommandList = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.List>,
   CommandListProps
 >(({ className, ...props }, ref) => (
@@ -119,10 +119,10 @@ const CommandList = React.forwardRef<
 CommandList.displayName = CommandPrimitive.List.displayName
 
 // CommandEmpty bileşeni
-interface CommandEmptyProps 
+interface MoonUICommandEmptyProps 
   extends React.ComponentProps<typeof CommandPrimitive.Empty> {}
 
-const CommandEmpty = React.forwardRef<
+const MoonUICommandEmpty = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Empty>,
   CommandEmptyProps
 >(({ className, ...props }, ref) => (
@@ -135,10 +135,10 @@ const CommandEmpty = React.forwardRef<
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName
 
 // CommandGroup bileşeni
-interface CommandGroupProps 
+interface MoonUICommandGroupProps 
   extends React.ComponentProps<typeof CommandPrimitive.Group> {}
 
-const CommandGroup = React.forwardRef<
+const MoonUICommandGroup = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Group>,
   CommandGroupProps
 >(({ className, ...props }, ref) => (
@@ -154,10 +154,10 @@ const CommandGroup = React.forwardRef<
 CommandGroup.displayName = CommandPrimitive.Group.displayName
 
 // CommandSeparator bileşeni
-interface CommandSeparatorProps 
+interface MoonUICommandSeparatorProps 
   extends React.ComponentProps<typeof CommandPrimitive.Separator> {}
 
-const CommandSeparator = React.forwardRef<
+const MoonUICommandSeparator = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Separator>,
   CommandSeparatorProps
 >(({ className, ...props }, ref) => (
@@ -170,10 +170,10 @@ const CommandSeparator = React.forwardRef<
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName
 
 // CommandItem bileşeni
-interface CommandItemProps 
+interface MoonUICommandItemProps 
   extends React.ComponentProps<typeof CommandPrimitive.Item> {}
 
-const CommandItem = React.forwardRef<
+const MoonUICommandItem = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Item>,
   CommandItemProps
 >(({ className, ...props }, ref) => (
@@ -189,7 +189,7 @@ const CommandItem = React.forwardRef<
 CommandItem.displayName = CommandPrimitive.Item.displayName
 
 // CommandShortcut bileşeni - utility component
-const CommandShortcut = ({
+const MoonUICommandShortcut = ({
   className,
   ...props
 }: React.HTMLAttributes<HTMLSpanElement>) => {
@@ -203,16 +203,18 @@ const CommandShortcut = ({
     />
   )
 }
-CommandShortcut.displayName = "CommandShortcut"
+MoonUICommandShortcut.displayName = "MoonUICommandShortcut"
 
-export {
-  Command,
+export { MoonUICommand,
   CommandDialog,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandShortcut,
-  CommandSeparator,
-}
+  MoonUICommandInput,
+  MoonUICommandList,
+  MoonUICommandEmpty,
+  MoonUICommandGroup,
+  MoonUICommandItem,
+  MoonUICommandShortcut,
+  MoonUICommandSeparator,
+ };
+
+// Backward compatibility exports
+export { MoonUICommand as Command, MoonUIDialog as Dialog, MoonUIInput as Input, MoonUISeparator as Separator, MoonUICommandInput as CommandInput, MoonUICommandEmpty as CommandEmpty, MoonUICommandGroup as CommandGroup, MoonUICommandItem as CommandItem, MoonUICommandList as CommandList, MoonUICommandSeparator as CommandSeparator, MoonUICommandShortcut as CommandShortcut }

package/src/components/ui/data-table.tsx

@@ -99,7 +99,7 @@ const dataTableVariants = cva(
   }
 );
 
-interface DataTableProps<TData, TValue>
+interface MoonUIDataTableProps<TData, TValue>
   extends VariantProps<typeof dataTableVariants> {
   /**
    * The table columns definition
@@ -620,4 +620,4 @@ export function createFilterableColumn<TData, TValue>(
 }
 
 // Export utilities
-export { type ColumnDef } from "@tanstack/react-table";
+export { type ColumnDef  } from "@tanstack/react-table";

package/src/components/ui/date-picker.tsx

@@ -4,16 +4,16 @@ import * as React from "react";
 import { format, isValid } from "date-fns";
 import { Calendar as CalendarIcon, Clock } from "lucide-react";
 import { cn } from "../../lib/utils";
-import { Button } from "./button";
-import { Calendar } from "./calendar";
+import { MoonUIButton as Button } from "./button";
+import { MoonUICalendar as Calendar } from "./calendar";
 import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
+  MoonUIPopover as Popover,
+  MoonUIPopoverContent as PopoverContent,
+  MoonUIPopoverTrigger as PopoverTrigger,
 } from "./popover";
 import { cva, type VariantProps } from "class-variance-authority";
 import { motion, AnimatePresence } from "framer-motion";
-import { microInteractionVariants } from "@/lib/micro-interactions";
+import { microInteractionVariants } from "../../lib/micro-interactions";
 
 /**
  * DatePicker Component
@@ -52,7 +52,7 @@ const datePickerVariants = cva(
   }
 );
 
-export interface DatePickerProps
+export interface MoonUIDatePickerProps
   extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">,
     VariantProps<typeof datePickerVariants> {
   /**
@@ -597,7 +597,7 @@ export function MonthPicker({
 }
 
 // Re-export utilities
-export { format } from "date-fns";
+export { format  } from "date-fns";
 
 // Import ChevronLeft and ChevronRight for MonthPicker
 import { ChevronLeft, ChevronRight } from "lucide-react";

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 MoonUIDialog = DialogPrimitive.Root;
+const MoonUIDialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;
-const DialogClose = DialogPrimitive.Close;
+const MoonUIDialogClose = 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",
@@ -111,7 +111,7 @@ const dialogContentVariants = cva(
     }
 );
 
-interface DialogContentProps
+interface MoonUIDialogContentProps
     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 MoonUIDialogContent = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Content>,
     DialogContentProps
 >(
@@ -245,7 +245,7 @@ const DialogContent = React.forwardRef<
 );
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 
-const DialogHeader = ({
+const MoonUIDialogHeader = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
@@ -257,9 +257,9 @@ const DialogHeader = ({
         {...props}
     />
 );
-DialogHeader.displayName = "DialogHeader";
+MoonUIDialogHeader.displayName = "MoonUIDialogHeader";
 
-const DialogFooter = ({
+const MoonUIDialogFooter = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
@@ -271,9 +271,9 @@ const DialogFooter = ({
         {...props}
     />
 );
-DialogFooter.displayName = "DialogFooter";
+MoonUIDialogFooter.displayName = "MoonUIDialogFooter";
 
-const DialogTitle = React.forwardRef<
+const MoonUIDialogTitle = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Title>,
     React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
 >(({ className, ...props }, ref) => (
@@ -288,7 +288,7 @@ const DialogTitle = React.forwardRef<
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
 
-const DialogDescription = React.forwardRef<
+const MoonUIDialogDescription = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Description>,
     React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
 >(({ className, ...props }, ref) => (
@@ -319,14 +319,16 @@ const DialogForm = React.forwardRef<
 ));
 DialogForm.displayName = "DialogForm";
 
-export {
-    Dialog,
-    DialogTrigger,
-    DialogContent,
-    DialogHeader,
-    DialogFooter,
-    DialogTitle,
-    DialogDescription,
-    DialogClose,
+export { MoonUIDialog,
+    MoonUIDialogTrigger,
+    MoonUIDialogContent,
+    MoonUIDialogHeader,
+    MoonUIDialogFooter,
+    MoonUIDialogTitle,
+    MoonUIDialogDescription,
+    MoonUIDialogClose,
     DialogForm,
-};
+ };
+
+// Backward compatibility exports
+export { MoonUIDialog as Dialog, MoonUIDialogContent as DialogContent, MoonUIDialogHeader as DialogHeader, MoonUIDialogFooter as DialogFooter, MoonUIDialogTitle as DialogTitle, MoonUIDialogDescription as DialogDescription, MoonUIDialogTrigger as DialogTrigger, MoonUIDialogClose 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 MoonUIDropdownMenu = DropdownMenuPrimitive.Root
 
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+const MoonUIDropdownMenuTrigger = DropdownMenuPrimitive.Trigger
 
-const DropdownMenuGroup = DropdownMenuPrimitive.Group
+const MoonUIDropdownMenuGroup = DropdownMenuPrimitive.Group
 
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+const MoonUIDropdownMenuPortal = DropdownMenuPrimitive.Portal
 
-const DropdownMenuSub = DropdownMenuPrimitive.Sub
+const MoonUIDropdownMenuSub = DropdownMenuPrimitive.Sub
 
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+const MoonUIDropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
 
-const DropdownMenuSubTrigger = React.forwardRef<
+const MoonUIDropdownMenuSubTrigger = 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 MoonUIDropdownMenuSubContent = 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 MoonUIDropdownMenuContent = 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 MoonUIDropdownMenuItem = 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 MoonUIDropdownMenuCheckboxItem = 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 MoonUIDropdownMenuRadioItem = 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 MoonUIDropdownMenuLabel = 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 MoonUIDropdownMenuSeparator = 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 MoonUIDropdownMenuShortcut = ({
   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,
-}
+MoonUIDropdownMenuShortcut.displayName = "MoonUIDropdownMenuShortcut"
+
+export { MoonUIDropdownMenu,
+  MoonUIDropdownMenuTrigger,
+  MoonUIDropdownMenuContent,
+  MoonUIDropdownMenuItem,
+  MoonUIDropdownMenuCheckboxItem,
+  MoonUIDropdownMenuRadioItem,
+  MoonUIDropdownMenuLabel,
+  MoonUIDropdownMenuSeparator,
+  MoonUIDropdownMenuShortcut,
+  MoonUIDropdownMenuGroup,
+  MoonUIDropdownMenuPortal,
+  MoonUIDropdownMenuSub,
+  MoonUIDropdownMenuSubContent,
+  MoonUIDropdownMenuSubTrigger,
+  MoonUIDropdownMenuRadioGroup,
+ };
+
+// Backward compatibility exports
+export { MoonUICheckbox as Checkbox, MoonUIDropdownMenu as DropdownMenu, MoonUILabel as Label, MoonUIRadioGroup as RadioGroup, MoonUISeparator as Separator, MoonUIDropdownMenuTrigger as DropdownMenuTrigger, MoonUIDropdownMenuContent as DropdownMenuContent, MoonUIDropdownMenuItem as DropdownMenuItem, MoonUIDropdownMenuCheckboxItem as DropdownMenuCheckboxItem, MoonUIDropdownMenuRadioItem as DropdownMenuRadioItem, MoonUIDropdownMenuLabel as DropdownMenuLabel, MoonUIDropdownMenuSeparator as DropdownMenuSeparator, MoonUIDropdownMenuShortcut as DropdownMenuShortcut, MoonUIDropdownMenuGroup as DropdownMenuGroup, MoonUIDropdownMenuPortal as DropdownMenuPortal, MoonUIDropdownMenuSub as DropdownMenuSub, MoonUIDropdownMenuSubContent as DropdownMenuSubContent, MoonUIDropdownMenuSubTrigger as DropdownMenuSubTrigger, MoonUIDropdownMenuRadioGroup as DropdownMenuRadioGroup }

package/src/components/ui/file-upload.tsx

@@ -19,7 +19,7 @@ import {
   Loader2
 } from 'lucide-react'
 
-export interface FileUploadProps {
+export interface MoonUIFileUploadProps {
   accept?: string
   multiple?: boolean
   maxSize?: number // in bytes
@@ -135,7 +135,7 @@ const FileItem = ({
   )
 }
 
-export const FileUpload = React.forwardRef<HTMLDivElement, FileUploadProps>(
+export const MoonUIFileUpload = React.forwardRef<HTMLDivElement, MoonUIFileUploadProps>(
   ({ 
     accept = "*",
     multiple = true,
@@ -397,4 +397,4 @@ export const FileUpload = React.forwardRef<HTMLDivElement, FileUploadProps>(
   }
 )
 
-FileUpload.displayName = "FileUpload"
+MoonUIFileUpload.displayName = "MoonUIFileUpload"

package/src/components/ui/input.tsx

@@ -26,7 +26,7 @@ const inputWrapperVariants = cva(
   }
 );
 
-const inputVariants = cva(
+const moonUIInputVariants = 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 MoonUIInputProps
   extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">,
-    Omit<VariantProps<typeof inputVariants>, "isDisabled" | "hasLeftIcon" | "hasRightIcon" | "hasRightButton"> {
+    Omit<VariantProps<typeof moonUIInputVariants>, "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 MoonUIInput = React.forwardRef<HTMLInputElement, MoonUIInputProps>(
   ({ 
     className, 
     wrapperClassName,
@@ -214,6 +214,9 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
     );
   }
 );
-Input.displayName = "Input";
+MoonUIInput.displayName = "MoonUIInput";
 
-export { Input };
+export { MoonUIInput  };
+
+// Backward compatibility exports
+export { MoonUIInput 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 moonUILabelVariants = 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 MoonUILabel = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
-    VariantProps<typeof labelVariants>
+    VariantProps<typeof moonUILabelVariants>
 >(({ className, ...props }, ref) => (
   <LabelPrimitive.Root
     ref={ref}
@@ -23,4 +23,7 @@ const Label = React.forwardRef<
 ))
 Label.displayName = LabelPrimitive.Root.displayName
 
-export { Label }
+export { MoonUILabel  };
+
+// Backward compatibility exports
+export { MoonUILabel as Label }

package/src/components/ui/locked-component.tsx

@@ -9,7 +9,7 @@ import { Lock, Crown, Zap } from 'lucide-react'
 import Link from 'next/link'
 import { useComponentAccess } from '../../use-pro-access'
 
-interface LockedComponentProps {
+interface MoonUILockedComponentProps {
   children: React.ReactNode
   componentName: string
   className?: string

package/src/components/ui/moon-logo.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import { cn } from "../../lib/utils"
 
-interface MoonLogoProps extends React.SVGProps<SVGSVGElement> {
+interface MoonUIMoonLogoProps extends React.SVGProps<SVGSVGElement> {
   variant?: "default" | "monochrome" | "gradient"
   showText?: boolean
 }

package/src/components/ui/pagination.tsx

@@ -3,7 +3,7 @@ import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
 import { cn } from "../../lib/utils"
 import { ButtonProps, buttonVariants } from "./button"
 
-const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
+const MoonUIPagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
   <nav
     role="navigation"
     aria-label="pagination"
@@ -11,7 +11,7 @@ const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
     {...props}
   />
 )
-Pagination.displayName = "Pagination"
+MoonUIPagination.displayName = "MoonUIPagination"
 
 const PaginationContent = React.forwardRef<
   HTMLUListElement,
@@ -105,12 +105,14 @@ const PaginationEllipsis = ({
 )
 PaginationEllipsis.displayName = "PaginationEllipsis"
 
-export {
-  Pagination,
+export { MoonUIPagination,
   PaginationContent,
   PaginationEllipsis,
   PaginationItem,
   PaginationLink,
   PaginationNext,
   PaginationPrevious,
-}
+ };
+
+// Backward compatibility exports
+export { MoonUIPagination as Pagination }