@moontra/moonui 2.1.0 → 2.1.3

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 }

package/src/components/ui/popover.tsx

@@ -63,11 +63,11 @@ const popoverContentVariants = cva(
   }
 );
 
-const Popover = PopoverPrimitive.Root;
-const PopoverTrigger = PopoverPrimitive.Trigger;
+const MoonUIPopover = PopoverPrimitive.Root;
+const MoonUIPopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverAnchor = PopoverPrimitive.Anchor;
 
-export interface PopoverContentProps 
+export interface MoonUIPopoverContentProps 
   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 MoonUIPopoverContent = 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 { MoonUIPopover,
+  MoonUIPopoverTrigger,
+  MoonUIPopoverContent,
   PopoverAnchor,
   PopoverClose,
   PopoverSeparator,
   PopoverHeader,
   PopoverFooter,
   popoverContentVariants,
-};
+ };
+
+// Backward compatibility exports
+export { MoonUIPopover as Popover, MoonUISeparator as Separator, MoonUIPopoverTrigger as PopoverTrigger, MoonUIPopoverContent as PopoverContent };

package/src/components/ui/progress.tsx

@@ -12,7 +12,7 @@ import { cn } from "../../lib/utils";
  * Yükleme işlemleri, form gönderimi ve diğer zaman alan işlemleri göstermek için kullanılır.
  */
 
-const progressVariants = cva(
+const moonUIProgressVariants = cva(
   "relative overflow-hidden bg-muted",
   {
     variants: {
@@ -81,9 +81,9 @@ const progressIndicatorVariants = cva(
   }
 );
 
-export interface ProgressProps
+export interface MoonUIProgressProps
   extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof progressVariants> {
+    VariantProps<typeof moonUIProgressVariants> {
   /**
    * İlerleme çubuğu değeri (0-100)
    */
@@ -114,7 +114,7 @@ export interface ProgressProps
   max?: number;
 }
 
-const Progress = React.forwardRef<
+const MoonUIProgress = React.forwardRef<
   HTMLDivElement,
   ProgressProps
 >(({
@@ -173,10 +173,13 @@ const Progress = React.forwardRef<
     </>
   );
 });
-Progress.displayName = "Progress";
+MoonUIProgress.displayName = "MoonUIProgress";
 
 // Not: Belirsiz ilerleme animasyonu için CSS keyframe styles.css veya Tailwind config içinde tanımlanmalı
 // @keyframes indeterminate-progress içeren bir tanımlama yapılmalıdır
 // .animate-indeterminate-progress sınıfı da bu animasyonu kullanmalıdır
 
-export { Progress, progressVariants };
+export { MoonUIProgress, moonUIProgressVariants  };
+
+// Backward compatibility exports
+export { MoonUIProgress as Progress, moonUIProgressVariants as progressVariants };