@moontra/moonui 2.1.5 → 2.1.7

package/src/components/ui/checkbox.tsx

@@ -14,7 +14,7 @@ import { cn } from "../../lib/utils";
  * Form elemanları ve seçim listeleri için kullanılır.
  */
 
-const moonUICheckboxVariants = cva(
+const checkboxVariants = cva(
   "peer shrink-0 border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground",
   {
     variants: {
@@ -53,9 +53,9 @@ const moonUICheckboxVariants = cva(
   }
 );
 
-export interface MoonUICheckboxProps
+export interface CheckboxProps
   extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,
-    VariantProps<typeof moonUICheckboxVariants> {
+    VariantProps<typeof checkboxVariants> {
   /**
    * İndeterminate durumu - grup seçimlerinde bazı öğeler seçilmişse kullanılır
    */
@@ -66,7 +66,7 @@ export interface MoonUICheckboxProps
   icon?: React.ReactNode;
 }
 
-const MoonUICheckbox = React.forwardRef<
+const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
   CheckboxProps
 >(({ 
@@ -114,7 +114,7 @@ const MoonUICheckbox = React.forwardRef<
     </CheckboxPrimitive.Root>
   );
 });
-MoonUICheckbox.displayName = CheckboxPrimitive.Root.displayName;
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // CheckboxGroup bileşeni
 interface CheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -132,7 +132,7 @@ interface CheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;
 }
 
-const MoonUICheckboxGroup = React.forwardRef<HTMLDivElement, CheckboxGroupProps>(
+const CheckboxGroup = React.forwardRef<HTMLDivElement, CheckboxGroupProps>(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return (
       <div
@@ -151,7 +151,7 @@ const MoonUICheckboxGroup = React.forwardRef<HTMLDivElement, CheckboxGroupProps>
     );
   }
 );
-MoonUICheckboxGroup.displayName = "CheckboxGroup";
+CheckboxGroup.displayName = "CheckboxGroup";
 
 // CheckboxLabel bileşeni
 interface CheckboxLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
@@ -173,7 +173,7 @@ interface CheckboxLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
   disabled?: boolean;
 }
 
-const MoonUICheckboxLabel = React.forwardRef<HTMLLabelElement, CheckboxLabelProps>(
+const CheckboxLabel = React.forwardRef<HTMLLabelElement, CheckboxLabelProps>(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return (
       <label
@@ -192,7 +192,7 @@ const MoonUICheckboxLabel = React.forwardRef<HTMLLabelElement, CheckboxLabelProp
     );
   }
 );
-MoonUICheckboxLabel.displayName = "CheckboxLabel";
+CheckboxLabel.displayName = "CheckboxLabel";
 
 // Checkbox ve Label içeren bileşen
 interface CheckboxWithLabelProps extends CheckboxProps {
@@ -210,7 +210,7 @@ interface CheckboxWithLabelProps extends CheckboxProps {
   labelClassName?: string;
 }
 
-const MoonUICheckboxWithLabel = React.forwardRef<
+const CheckboxWithLabel = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
   CheckboxWithLabelProps
 >(({ 
@@ -251,9 +251,6 @@ const MoonUICheckboxWithLabel = React.forwardRef<
     </div>
   );
 });
-MoonUICheckboxWithLabel.displayName = "CheckboxWithLabel";
+CheckboxWithLabel.displayName = "CheckboxWithLabel";
 
-export { MoonUICheckbox, CheckboxGroup, CheckboxLabel, CheckboxWithLabel  };
-
-// Backward compatibility exports
-export { MoonUICheckbox as Checkbox, MoonUILabel as Label };
+export { Checkbox, CheckboxGroup, CheckboxLabel, CheckboxWithLabel };

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 MoonUICollapsible = CollapsiblePrimitive.Root
+const Collapsible = CollapsiblePrimitive.Root
 
 const collapsibleTriggerVariants = cva(
   "flex w-full items-center justify-between transition-all",
@@ -39,11 +39,11 @@ const collapsibleTriggerVariants = cva(
   }
 )
 
-interface MoonUICollapsibleTriggerProps 
+interface CollapsibleTriggerProps 
   extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>,
     VariantProps<typeof collapsibleTriggerVariants> {}
 
-const MoonUICollapsibleTrigger = React.forwardRef<
+const CollapsibleTrigger = React.forwardRef<
   React.ElementRef<typeof CollapsiblePrimitive.Trigger>,
   CollapsibleTriggerProps
 >(({ className, children, variant, size, asChild, ...props }, ref) => {
@@ -72,7 +72,7 @@ const MoonUICollapsibleTrigger = React.forwardRef<
     </CollapsiblePrimitive.Trigger>
   )
 })
-MoonUICollapsibleTrigger.displayName = CollapsiblePrimitive.Trigger.displayName
+CollapsibleTrigger.displayName = CollapsiblePrimitive.Trigger.displayName
 
 const collapsibleContentVariants = cva(
   "overflow-hidden transition-all data-[state=closed]:animate-collapse-up data-[state=open]:animate-collapse-down",
@@ -97,11 +97,11 @@ const collapsibleContentVariants = cva(
   }
 )
 
-interface MoonUICollapsibleContentProps 
+interface CollapsibleContentProps 
   extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>,
     VariantProps<typeof collapsibleContentVariants> {}
 
-const MoonUICollapsibleContent = React.forwardRef<
+const CollapsibleContent = React.forwardRef<
   React.ElementRef<typeof CollapsiblePrimitive.Content>,
   CollapsibleContentProps
 >(({ className, children, variant, size, ...props }, ref) => (
@@ -113,17 +113,15 @@ const MoonUICollapsibleContent = React.forwardRef<
     <div className="p-4">{children}</div>
   </CollapsiblePrimitive.Content>
 ))
-MoonUICollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName
+CollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName
 
-export { MoonUICollapsible,
-  MoonUICollapsibleTrigger,
-  MoonUICollapsibleContent,
+export {
+  Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent,
   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 MoonUIColorPickerProps
+export interface ColorPickerProps
   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 MoonUICommandProps 
+interface CommandProps 
   extends React.ComponentProps<typeof CommandPrimitive>,
     VariantProps<typeof commandVariants> {}
 
-const MoonUICommand = React.forwardRef<
+const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,
   CommandProps
 >(({ className, variant, size, ...props }, ref) => (
@@ -52,7 +52,7 @@ const MoonUICommand = React.forwardRef<
     {...props}
   />
 ))
-MoonUICommand.displayName = CommandPrimitive.displayName
+Command.displayName = CommandPrimitive.displayName
 
 // CommandDialog bileşeni
 interface CommandDialogProps extends React.ComponentProps<typeof Dialog> {
@@ -81,10 +81,10 @@ const CommandDialog = ({
 }
 
 // CommandInput bileşeni
-interface MoonUICommandInputProps 
+interface CommandInputProps 
   extends React.ComponentProps<typeof CommandPrimitive.Input> {}
 
-const MoonUICommandInput = React.forwardRef<
+const CommandInput = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Input>,
   CommandInputProps
 >(({ className, ...props }, ref) => (
@@ -100,13 +100,13 @@ const MoonUICommandInput = React.forwardRef<
     />
   </div>
 ))
-MoonUICommandInput.displayName = CommandPrimitive.Input.displayName
+CommandInput.displayName = CommandPrimitive.Input.displayName
 
 // CommandList bileşeni
-interface MoonUICommandListProps 
+interface CommandListProps 
   extends React.ComponentProps<typeof CommandPrimitive.List> {}
 
-const MoonUICommandList = React.forwardRef<
+const CommandList = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.List>,
   CommandListProps
 >(({ className, ...props }, ref) => (
@@ -116,13 +116,13 @@ const MoonUICommandList = React.forwardRef<
     {...props}
   />
 ))
-MoonUICommandList.displayName = CommandPrimitive.List.displayName
+CommandList.displayName = CommandPrimitive.List.displayName
 
 // CommandEmpty bileşeni
-interface MoonUICommandEmptyProps 
+interface CommandEmptyProps 
   extends React.ComponentProps<typeof CommandPrimitive.Empty> {}
 
-const MoonUICommandEmpty = React.forwardRef<
+const CommandEmpty = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Empty>,
   CommandEmptyProps
 >(({ className, ...props }, ref) => (
@@ -132,13 +132,13 @@ const MoonUICommandEmpty = React.forwardRef<
     {...props}
   />
 ))
-MoonUICommandEmpty.displayName = CommandPrimitive.Empty.displayName
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName
 
 // CommandGroup bileşeni
-interface MoonUICommandGroupProps 
+interface CommandGroupProps 
   extends React.ComponentProps<typeof CommandPrimitive.Group> {}
 
-const MoonUICommandGroup = React.forwardRef<
+const CommandGroup = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Group>,
   CommandGroupProps
 >(({ className, ...props }, ref) => (
@@ -151,13 +151,13 @@ const MoonUICommandGroup = React.forwardRef<
     {...props}
   />
 ))
-MoonUICommandGroup.displayName = CommandPrimitive.Group.displayName
+CommandGroup.displayName = CommandPrimitive.Group.displayName
 
 // CommandSeparator bileşeni
-interface MoonUICommandSeparatorProps 
+interface CommandSeparatorProps 
   extends React.ComponentProps<typeof CommandPrimitive.Separator> {}
 
-const MoonUICommandSeparator = React.forwardRef<
+const CommandSeparator = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Separator>,
   CommandSeparatorProps
 >(({ className, ...props }, ref) => (
@@ -167,13 +167,13 @@ const MoonUICommandSeparator = React.forwardRef<
     {...props}
   />
 ))
-MoonUICommandSeparator.displayName = CommandPrimitive.Separator.displayName
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName
 
 // CommandItem bileşeni
-interface MoonUICommandItemProps 
+interface CommandItemProps 
   extends React.ComponentProps<typeof CommandPrimitive.Item> {}
 
-const MoonUICommandItem = React.forwardRef<
+const CommandItem = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Item>,
   CommandItemProps
 >(({ className, ...props }, ref) => (
@@ -186,10 +186,10 @@ const MoonUICommandItem = React.forwardRef<
     {...props}
   />
 ))
-MoonUICommandItem.displayName = CommandPrimitive.Item.displayName
+CommandItem.displayName = CommandPrimitive.Item.displayName
 
 // CommandShortcut bileşeni - utility component
-const MoonUICommandShortcut = ({
+const CommandShortcut = ({
   className,
   ...props
 }: React.HTMLAttributes<HTMLSpanElement>) => {
@@ -203,18 +203,16 @@ const MoonUICommandShortcut = ({
     />
   )
 }
-MoonUICommandShortcut.displayName = "MoonUICommandShortcut"
+CommandShortcut.displayName = "CommandShortcut"
 
-export { MoonUICommand,
+export {
+  Command,
   CommandDialog,
-  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 }
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+}

package/src/components/ui/component-analysis-report.md

@@ -0,0 +1,118 @@
+# MoonUI Component Analysis Report
+
+## Summary
+
+Total components in `/src/components/ui/`: **55 files**
+
+### Component Categories
+
+#### 🎯 Pro Components (24 components)
+These are wrapper components that require the `@moontra/moonui-pro` package:
+
+1. **advanced-chart.tsx** - Advanced charting component (wrapper)
+2. **animated-button.tsx** - Button with animations (wrapper)
+3. **calendar.tsx** - Calendar component (wrapper)
+4. **dashboard.tsx** - Dashboard layout component (wrapper)
+5. **draggable-list.tsx** - Draggable list component (wrapper)
+6. **error-boundary.tsx** - Error boundary component (wrapper)
+7. **file-upload.tsx** - File upload component (wrapper)
+8. **floating-action-button.tsx** - FAB component (wrapper)
+9. **github-stars.tsx** - GitHub stars display (wrapper)
+10. **health-check.tsx** - Health check monitoring (wrapper)
+11. **hover-card-3d.tsx** - 3D hover effect card (wrapper)
+12. **kanban.tsx** - Kanban board component (wrapper)
+13. **lazy-component.tsx** - Lazy loading component (wrapper)
+14. **magnetic-button.tsx** - Magnetic effect button (wrapper)
+15. **memory-efficient-data.tsx** - Memory optimized data display (wrapper)
+16. **optimized-image.tsx** - Optimized image component (wrapper)
+17. **performance-debugger.tsx** - Performance debugging tool (wrapper)
+18. **performance-monitor.tsx** - Performance monitoring tool (wrapper)
+19. **pinch-zoom.tsx** - Pinch zoom component (wrapper)
+20. **rich-text-editor.tsx** - Rich text editor (wrapper)
+21. **spotlight-card.tsx** - Spotlight effect card (wrapper)
+22. **swipeable-card.tsx** - Swipeable card component (wrapper)
+23. **timeline.tsx** - Timeline component (wrapper)
+24. **virtual-list.tsx** - Virtual scrolling list (wrapper)
+
+#### ✅ Free Components - Fully Implemented (23 components)
+These components have complete implementations:
+
+1. **aspect-ratio.tsx** - Aspect ratio container
+2. **avatar.tsx** - Avatar component with variants
+3. **badge.tsx** - Badge component with variants
+4. **breadcrumb.tsx** - Breadcrumb navigation
+5. **button.tsx** - Button component with 12 variants (primary, secondary, outline, ghost, destructive, success, link, gradient, glow, soft, glass, neon)
+6. **card.tsx** - Card container components
+7. **checkbox.tsx** - Checkbox with variants
+8. **collapsible.tsx** - Collapsible content component
+9. **color-picker.tsx** - Color picker component
+10. **command.tsx** - Command palette component
+11. **date-picker.tsx** - Date picker with calendar
+12. **dialog.tsx** - Dialog/Modal component
+13. **gesture-drawer.tsx** - Gesture-enabled drawer
+14. **input.tsx** - Input field with variants
+15. **label.tsx** - Label component
+16. **pagination.tsx** - Pagination component
+17. **popover.tsx** - Popover component
+18. **radio-group.tsx** - Radio group component
+19. **select.tsx** - Select dropdown component
+20. **simple-editor.tsx** - Simple text editor
+21. **slider.tsx** - Slider component
+22. **switch.tsx** - Toggle switch component
+23. **table.tsx** - Table component with sorting
+24. **tabs.tsx** - Tabs component
+25. **toggle.tsx** - Toggle button component
+26. **tooltip.tsx** - Tooltip component
+
+#### ❌ Empty/Placeholder Components (8 components)
+These files exist but are empty or contain only comments:
+
+1. **accordion.tsx** - Empty file (21 bytes)
+2. **alert.tsx** - Empty file (21 bytes)
+3. **dropdown-menu.tsx** - Empty file (21 bytes)
+4. **progress.tsx** - Empty file (21 bytes)
+5. **separator.tsx** - Empty file (21 bytes)
+6. **skeleton.tsx** - Empty file (21 bytes)
+7. **textarea.tsx** - Empty file (21 bytes)
+8. **toast.tsx** - Empty file (21 bytes)
+
+## Component Status Summary
+
+| Status | Count | Percentage |
+|--------|-------|------------|
+| ✅ Free (Implemented) | 23 | 42% |
+| 🎯 Pro (Wrapper) | 24 | 44% |
+| ❌ Empty/Placeholder | 8 | 14% |
+| **Total** | **55** | **100%** |
+
+## Implementation Quality
+
+### Pro Component Wrappers
+All pro component wrappers follow a consistent pattern:
+- Proper TypeScript interfaces defined
+- Try-catch block to import from `@moontra/moonui-pro`
+- Fallback UI showing the component requires pro package
+- Proper exports for component and types
+
+### Free Components
+Free components show good implementation quality:
+- Built on Radix UI primitives where applicable
+- Use CVA (class-variance-authority) for variant management
+- Proper TypeScript typing
+- Forward ref pattern for DOM access
+- Consistent styling with Tailwind CSS
+- Dark mode support
+
+## Recommendations
+
+1. **Complete Empty Components**: The 8 empty components (accordion, alert, dropdown-menu, progress, separator, skeleton, textarea, toast) need to be implemented or removed.
+
+2. **Documentation**: All implemented components appear to be working correctly but would benefit from usage documentation.
+
+3. **Testing**: Consider adding tests for both free and pro components to ensure wrapper behavior works correctly.
+
+4. **Component Showcase**: The component showcase page should clearly distinguish between free and pro components for users.
+
+## Conclusion
+
+The MoonUI component library has a good foundation with 47 active components (23 free + 24 pro). The pro component wrapper pattern is well-implemented and consistent. The main area needing attention is the 8 empty placeholder files that should either be implemented or removed to avoid confusion.

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

@@ -99,7 +99,7 @@ const dataTableVariants = cva(
   }
 );
 
-interface MoonUIDataTableProps<TData, TValue>
+interface DataTableProps<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 { MoonUIButton as Button } from "./button";
-import { MoonUICalendar as Calendar } from "./calendar";
+import { Button } from "./button";
+import { Calendar } from "./calendar";
 import {
-  MoonUIPopover as Popover,
-  MoonUIPopoverContent as PopoverContent,
-  MoonUIPopoverTrigger as PopoverTrigger,
+  Popover,
+  PopoverContent,
+  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,8 +52,8 @@ const datePickerVariants = cva(
   }
 );
 
-export interface MoonUIDatePickerProps
-  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">,
+export interface DatePickerProps
+  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value">,
     VariantProps<typeof datePickerVariants> {
   /**
    * Selected date value
@@ -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 MoonUIDialog = DialogPrimitive.Root;
-const MoonUIDialogTrigger = DialogPrimitive.Trigger;
-const MoonUIDialogPortal = DialogPrimitive.Portal;
-const MoonUIDialogClose = DialogPrimitive.Close;
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = 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 MoonUIDialogOverlay = React.forwardRef<
+const DialogOverlay = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Overlay>,
     DialogOverlayProps
 >(({ className, variant, animation, ...props }, ref) => (
@@ -57,7 +57,7 @@ const MoonUIDialogOverlay = React.forwardRef<
         {...props}
     />
 ));
-MoonUIDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+DialogOverlay.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 MoonUIDialogContentProps
+interface DialogContentProps
     extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, 'title'>,
         VariantProps<typeof dialogContentVariants> {
     /** X butonunu gizle */
@@ -134,7 +134,7 @@ interface MoonUIDialogContentProps
     onClose?: () => void;
 }
 
-const MoonUIDialogContent = React.forwardRef<
+const DialogContent = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Content>,
     DialogContentProps
 >(
@@ -243,9 +243,9 @@ const MoonUIDialogContent = React.forwardRef<
         );
     }
 );
-MoonUIDialogContent.displayName = DialogPrimitive.Content.displayName;
+DialogContent.displayName = DialogPrimitive.Content.displayName;
 
-const MoonUIDialogHeader = ({
+const DialogHeader = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
@@ -257,9 +257,9 @@ const MoonUIDialogHeader = ({
         {...props}
     />
 );
-MoonUIDialogHeader.displayName = "MoonUIDialogHeader";
+DialogHeader.displayName = "DialogHeader";
 
-const MoonUIDialogFooter = ({
+const DialogFooter = ({
     className,
     ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
@@ -271,9 +271,9 @@ const MoonUIDialogFooter = ({
         {...props}
     />
 );
-MoonUIDialogFooter.displayName = "MoonUIDialogFooter";
+DialogFooter.displayName = "DialogFooter";
 
-const MoonUIDialogTitle = React.forwardRef<
+const DialogTitle = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Title>,
     React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
 >(({ className, ...props }, ref) => (
@@ -286,9 +286,9 @@ const MoonUIDialogTitle = React.forwardRef<
         {...props}
     />
 ));
-MoonUIDialogTitle.displayName = DialogPrimitive.Title.displayName;
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
 
-const MoonUIDialogDescription = React.forwardRef<
+const DialogDescription = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Description>,
     React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
 >(({ className, ...props }, ref) => (
@@ -301,13 +301,13 @@ const MoonUIDialogDescription = React.forwardRef<
         {...props}
     />
 ));
-MoonUIDialogDescription.displayName = DialogPrimitive.Description.displayName;
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 /**
  * Dialog-Form integration for use with form support
  * Used to integrate form submission processes into the modal
  */
-const MoonUIDialogForm = React.forwardRef<
+const DialogForm = React.forwardRef<
     HTMLFormElement,
     React.HTMLAttributes<HTMLFormElement>
 >(({ className, ...props }, ref) => (
@@ -317,18 +317,16 @@ const MoonUIDialogForm = React.forwardRef<
         {...props}
     />
 ));
-MoonUIDialogForm.displayName = "DialogForm";
+DialogForm.displayName = "DialogForm";
 
-export { MoonUIDialog,
-    MoonUIDialogTrigger,
-    MoonUIDialogContent,
-    MoonUIDialogHeader,
-    MoonUIDialogFooter,
-    MoonUIDialogTitle,
-    MoonUIDialogDescription,
-    MoonUIDialogClose,
+export {
+    Dialog,
+    DialogTrigger,
+    DialogContent,
+    DialogHeader,
+    DialogFooter,
+    DialogTitle,
+    DialogDescription,
+    DialogClose,
     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 };
+};