@moontra/moonui 2.1.4 → 2.1.7

package/src/components/ui/rich-text-editor/index.tsx

@@ -0,0 +1,71 @@
+// Basic Rich Text Editor - Free Version
+"use client"
+
+import * as React from "react"
+import { cn } from "../../../lib/utils"
+
+export interface RichTextEditorProps {
+  value?: string
+  onChange?: (value: string) => void
+  placeholder?: string
+  className?: string
+  disabled?: boolean
+}
+
+export function RichTextEditor({
+  value = "",
+  onChange,
+  placeholder = "Start typing...",
+  className,
+  disabled = false
+}: RichTextEditorProps) {
+  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+    if (!disabled && onChange) {
+      onChange(e.target.value)
+    }
+  }
+
+  return (
+    <div className={cn("border border-input rounded-md", className)}>
+      <div className="border-b border-border p-2 bg-muted/50">
+        <div className="flex gap-1">
+          <button
+            type="button"
+            className="px-2 py-1 text-sm rounded hover:bg-background disabled:opacity-50"
+            disabled={disabled}
+            title="Bold (Pro feature)"
+          >
+            B
+          </button>
+          <button
+            type="button"
+            className="px-2 py-1 text-sm rounded hover:bg-background disabled:opacity-50"
+            disabled={disabled}
+            title="Italic (Pro feature)"
+          >
+            I
+          </button>
+          <button
+            type="button"
+            className="px-2 py-1 text-sm rounded hover:bg-background disabled:opacity-50"
+            disabled={disabled}
+            title="Underline (Pro feature)"
+          >
+            U
+          </button>
+        </div>
+      </div>
+      <textarea
+        value={value}
+        onChange={handleChange}
+        placeholder={placeholder}
+        disabled={disabled}
+        className={cn(
+          "w-full min-h-[200px] p-3 resize-none border-0 bg-transparent",
+          "focus:outline-none focus:ring-0",
+          "disabled:cursor-not-allowed disabled:opacity-50"
+        )}
+      />
+    </div>
+  )
+}

package/src/components/ui/select.tsx

@@ -14,17 +14,17 @@ import { cn } from "../../lib/utils"
  */
 
 // Directly re-exporting the Root component
-const MoonUISelect = SelectPrimitive.Root
-MoonUISelect.displayName = "MoonUISelect"
+const Select = SelectPrimitive.Root
+Select.displayName = "Select"
 
-const MoonUISelectGroup = SelectPrimitive.Group
+const SelectGroup = SelectPrimitive.Group
 
-const MoonUISelectValue = SelectPrimitive.Value
+const SelectValue = SelectPrimitive.Value
 
 type SelectTriggerVariant = "standard" | "outline" | "ghost" | "underline";
 type SelectTriggerSize = "sm" | "md" | "lg";
 
-interface MoonUISelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
+interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
   /** Visual variant */
   variant?: SelectTriggerVariant;
   /** Size */
@@ -41,7 +41,7 @@ interface MoonUISelectTriggerProps extends React.ComponentPropsWithoutRef<typeof
   rightIcon?: React.ReactNode;
 }
 
-const MoonUISelectTrigger = React.forwardRef<
+const SelectTrigger = 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 MoonUISelectContent = React.forwardRef<
+const SelectContent = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
 >(({ className, children, position = "item-aligned", ...props }, ref) => (
@@ -179,7 +179,7 @@ const MoonUISelectContent = React.forwardRef<
 ))
 SelectContent.displayName = SelectPrimitive.Content.displayName
 
-const MoonUISelectLabel = React.forwardRef<
+const SelectLabel = 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 MoonUISelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+interface SelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
   /** Visual variant */
   variant?: SelectItemVariant;
   /** Size */
@@ -205,7 +205,7 @@ interface MoonUISelectItemProps extends React.ComponentPropsWithoutRef<typeof Se
   customIndicator?: React.ReactNode;
 }
 
-const MoonUISelectItem = React.forwardRef<
+const SelectItem = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Item>,
   SelectItemProps
 >(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => (
@@ -247,7 +247,7 @@ const MoonUISelectItem = React.forwardRef<
 ))
 SelectItem.displayName = SelectPrimitive.Item.displayName
 
-const MoonUISelectSeparator = React.forwardRef<
+const SelectSeparator = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Separator>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
 >(({ className, ...props }, ref) => (
@@ -259,17 +259,15 @@ const MoonUISelectSeparator = React.forwardRef<
 ))
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName
 
-export { MoonUISelect,
-  MoonUISelectGroup,
-  MoonUISelectValue,
-  MoonUISelectTrigger,
-  MoonUISelectContent,
-  MoonUISelectLabel,
-  MoonUISelectItem,
-  MoonUISelectSeparator,
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
   SelectScrollUpButton,
   SelectScrollDownButton,
- };
-
-// Backward compatibility exports
-export { MoonUIButton as Button, MoonUILabel as Label, MoonUISelect as Select, MoonUISeparator as Separator, MoonUISelectTrigger as SelectTrigger, MoonUISelectContent as SelectContent, MoonUISelectItem as SelectItem, MoonUISelectValue as SelectValue, MoonUISelectGroup as SelectGroup, MoonUISelectLabel as SelectLabel, MoonUISelectSeparator 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 moonUISeparatorVariants = cva(
+const separatorVariants = cva(
   "shrink-0 bg-border",
   {
     variants: {
@@ -104,11 +104,11 @@ const moonUISeparatorVariants = cva(
   }
 )
 
-export interface MoonUISeparatorProps
+export interface SeparatorProps
   extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>,
-    VariantProps<typeof moonUISeparatorVariants> {}
+    VariantProps<typeof separatorVariants> {}
 
-const MoonUISeparator = React.forwardRef<
+const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,
   SeparatorProps
 >(
@@ -137,7 +137,4 @@ const MoonUISeparator = React.forwardRef<
 )
 Separator.displayName = SeparatorPrimitive.Root.displayName
 
-export { MoonUISeparator, moonUISeparatorVariants  };
-
-// Backward compatibility exports
-export { MoonUISeparator as Separator, moonUISeparatorVariants as separatorVariants }
+export { Separator, separatorVariants }

package/src/components/ui/simple-editor.tsx

@@ -32,7 +32,7 @@ import {
   Edit
 } from 'lucide-react'
 
-export interface MoonUISimpleEditorProps {
+export interface SimpleEditorProps {
   value?: string
   onChange?: (value: string) => void
   placeholder?: string
@@ -70,7 +70,7 @@ const ToolbarButton = ({ icon, tooltip, active, onClick, disabled }: ToolbarButt
   </Tooltip>
 )
 
-const MoonUIColorPicker = ({ onColorSelect }: { onColorSelect: (color: string) => void }) => {
+const ColorPicker = ({ onColorSelect }: { onColorSelect: (color: string) => void }) => {
   const colors = [
     '#000000', '#374151', '#6B7280', '#9CA3AF',
     '#EF4444', '#F59E0B', '#EAB308', '#22C55E',
@@ -91,7 +91,7 @@ const MoonUIColorPicker = ({ onColorSelect }: { onColorSelect: (color: string) =
   )
 }
 
-export const MoonUISimpleEditor = React.forwardRef<HTMLDivElement, MoonUISimpleEditorProps>(
+export const SimpleEditor = React.forwardRef<HTMLDivElement, SimpleEditorProps>(
   ({
     value = '',
     onChange,
@@ -633,7 +633,7 @@ export const MoonUISimpleEditor = React.forwardRef<HTMLDivElement, MoonUISimpleE
   }
 )
 
-MoonUISimpleEditor.displayName = "MoonUISimpleEditor"
+SimpleEditor.displayName = "SimpleEditor"
 
 // Character count component to avoid hydration issues
 const CharacterCount = ({ content }: { content: string }) => {

package/src/components/ui/skeleton.tsx

@@ -4,7 +4,7 @@ import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "../../lib/utils";
 import { motion } from "framer-motion";
-import { skeletonAnimation } from "../../lib/micro-interactions";
+import { skeletonAnimation } from "@/lib/micro-interactions";
 
 /**
  * Skeleton Component
@@ -13,7 +13,7 @@ import { skeletonAnimation } from "../../lib/micro-interactions";
  * Fully integrated with the theme system and provides various shapes, sizes, and animations.
  */
 
-const moonUISkeletonVariants = cva(
+const skeletonVariants = cva(
   "animate-pulse rounded-md",
   {
     variants: {
@@ -48,9 +48,9 @@ const moonUISkeletonVariants = cva(
   }
 );
 
-export interface MoonUISkeletonProps
+export interface SkeletonProps
   extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof moonUISkeletonVariants> {
+    VariantProps<typeof skeletonVariants> {
   /**
    * Height of the skeleton
    */
@@ -77,7 +77,7 @@ export interface MoonUISkeletonProps
   motion?: boolean;
 }
 
-export const MoonUISkeleton = React.forwardRef<HTMLDivElement, MoonUISkeletonProps>(
+export const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(
   ({ 
     className,
     variant,
@@ -153,7 +153,7 @@ export const MoonUISkeleton = React.forwardRef<HTMLDivElement, MoonUISkeletonPro
     );
   }
 );
-MoonUISkeleton.displayName = "MoonUISkeleton";
+Skeleton.displayName = "Skeleton";
 
 /**
  * Text Skeleton Component
@@ -348,7 +348,4 @@ export const SkeletonCard = React.forwardRef<HTMLDivElement, SkeletonCardProps>(
 );
 SkeletonCard.displayName = "SkeletonCard";
 
-export { moonUISkeletonVariants  };
-
-// Backward compatibility exports
-export { moonUISkeletonVariants as skeletonVariants };
+export { skeletonVariants };

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 moonUISliderVariants = cva(
+const sliderVariants = cva(
   "relative flex w-full touch-none select-none items-center",
   {
     variants: {
@@ -153,7 +153,7 @@ type SliderBaseProps = {
   /**
    * Slider size
    */
-  size?: VariantProps<typeof moonUISliderVariants>["size"];
+  size?: VariantProps<typeof sliderVariants>["size"];
   /**
    * Disabled state
    */
@@ -163,7 +163,7 @@ type SliderBaseProps = {
 // Merge HTML properties without defaultValue conflicts
 type SliderProps = SliderBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'>
 
-const MoonUISlider = React.forwardRef<
+const Slider = React.forwardRef<
   HTMLDivElement,
   SliderProps
 >(({
@@ -346,9 +346,6 @@ const MoonUISlider = React.forwardRef<
   )
 })
 
-MoonUISlider.displayName = "MoonUISlider"
+Slider.displayName = "Slider"
 
-export { MoonUISlider  };
-
-// Backward compatibility exports
-export { MoonUISlider as Slider }
+export { Slider }

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

@@ -0,0 +1,69 @@
+// Basic Swipeable Card - Free Version
+"use client"
+
+import * as React from "react"
+import { cn } from "../../lib/utils"
+
+export interface SwipeableCardProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode
+  onSwipeLeft?: () => void
+  onSwipeRight?: () => void
+  threshold?: number
+  disabled?: boolean
+}
+
+export const SwipeableCard = React.forwardRef<HTMLDivElement, SwipeableCardProps>(
+  ({ className, children, onSwipeLeft, onSwipeRight, threshold = 100, disabled = false, ...props }, ref) => {
+    const [startX, setStartX] = React.useState(0)
+    const [currentX, setCurrentX] = React.useState(0)
+    const [isSwiping, setIsSwiping] = React.useState(false)
+
+    const handleTouchStart = (e: React.TouchEvent) => {
+      if (disabled) return
+      setStartX(e.touches[0].clientX)
+      setIsSwiping(true)
+    }
+
+    const handleTouchMove = (e: React.TouchEvent) => {
+      if (disabled || !isSwiping) return
+      setCurrentX(e.touches[0].clientX)
+    }
+
+    const handleTouchEnd = () => {
+      if (disabled || !isSwiping) return
+      
+      const deltaX = currentX - startX
+      
+      if (Math.abs(deltaX) > threshold) {
+        if (deltaX > 0 && onSwipeRight) {
+          onSwipeRight()
+        } else if (deltaX < 0 && onSwipeLeft) {
+          onSwipeLeft()
+        }
+      }
+      
+      setIsSwiping(false)
+      setCurrentX(0)
+      setStartX(0)
+    }
+
+    return (
+      <div
+        ref={ref}
+        className={cn(
+          "touch-pan-y select-none transition-transform duration-200",
+          isSwiping && "cursor-grabbing",
+          className
+        )}
+        onTouchStart={handleTouchStart}
+        onTouchMove={handleTouchMove}
+        onTouchEnd={handleTouchEnd}
+        {...props}
+      >
+        {children}
+      </div>
+    )
+  }
+)
+
+SwipeableCard.displayName = "SwipeableCard"

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 MoonUISwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
   /** Switch boyutu */
   size?: SwitchSize;
   /** Switch renk varyantı */
@@ -23,7 +23,7 @@ export interface MoonUISwitchProps extends React.ComponentPropsWithoutRef<typeof
   description?: string;
 }
 
-const MoonUISwitch = React.forwardRef<
+const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,
   SwitchProps
 >(({ className, size = "md", variant = "primary", loading, leftIcon, rightIcon, description, ...props }, ref) => (
@@ -79,8 +79,5 @@ const MoonUISwitch = React.forwardRef<
 ))
 Switch.displayName = SwitchPrimitives.Root.displayName
 
-export { MoonUISwitch  };
-
-// Backward compatibility exports
-export { MoonUISwitch as Switch }
+export { Switch }
 export type { SwitchSize, SwitchVariant }

package/src/components/ui/table.tsx

@@ -37,7 +37,7 @@ export interface ColumnDefinition<T> {
   sortable?: boolean;
 }
 
-interface MoonUITableProps<T>
+interface TableProps<T>
   extends React.HTMLAttributes<HTMLTableElement>,
     VariantProps<typeof tableVariants> {
   /** Veri yükleniyor durumunu gösterir */
@@ -61,7 +61,7 @@ interface MoonUITableProps<T>
 }
 
 // Tip parametresiz Table bileşeni için varsayılan tip, herhangi bir veri tipini kabul edebilmesi için
-const MoonUITable = React.forwardRef<
+const Table = React.forwardRef<
   HTMLTableElement,
   TableProps<unknown>
 >(({ 
@@ -121,24 +121,24 @@ const MoonUITable = React.forwardRef<
     </div>
   );
 });
-MoonUITable.displayName = "MoonUITable";
+Table.displayName = "Table";
 
-const MoonUITableHeader = React.forwardRef<
+const TableHeader = React.forwardRef<
   HTMLTableSectionElement,
   React.HTMLAttributes<HTMLTableSectionElement>
 >(({ className, ...props }, ref) => (
   <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
 ));
-MoonUITableHeader.displayName = "MoonUITableHeader";
+TableHeader.displayName = "TableHeader";
 
-interface MoonUITableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
   /** Veri yoksa gösterilecek boş durum içeriği */
   emptyContent?: React.ReactNode;
   /** Varsayılan boş durum mesajı */
   emptyMessage?: string;
 }
 
-const MoonUITableBody = React.forwardRef<
+const TableBody = React.forwardRef<
   HTMLTableSectionElement,
   TableBodyProps
 >(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
@@ -169,9 +169,9 @@ const MoonUITableBody = React.forwardRef<
     </tbody>
   )
 });
-MoonUITableBody.displayName = "MoonUITableBody";
+TableBody.displayName = "TableBody";
 
-const MoonUITableFooter = React.forwardRef<
+const TableFooter = React.forwardRef<
   HTMLTableSectionElement,
   React.HTMLAttributes<HTMLTableSectionElement>
 >(({ className, ...props }, ref) => (
@@ -181,9 +181,9 @@ const MoonUITableFooter = React.forwardRef<
     {...props}
   />
 ));
-MoonUITableFooter.displayName = "MoonUITableFooter";
+TableFooter.displayName = "TableFooter";
 
-const MoonUITableRow = React.forwardRef<
+const TableRow = React.forwardRef<
   HTMLTableRowElement,
   React.HTMLAttributes<HTMLTableRowElement>
 >(({ className, ...props }, ref) => (
@@ -196,9 +196,9 @@ const MoonUITableRow = React.forwardRef<
     {...props}
   />
 ));
-MoonUITableRow.displayName = "MoonUITableRow";
+TableRow.displayName = "TableRow";
 
-interface MoonUITableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
   /** Bu sütun için sıralama durumu */
   sortable?: boolean;
   /** Bu sütunun sıralanma durumu */
@@ -207,7 +207,7 @@ interface MoonUITableHeadProps extends React.ThHTMLAttributes<HTMLTableCellEleme
   onSort?: () => void;
 }
 
-const MoonUITableHead = React.forwardRef<HTMLTableCellElement, MoonUITableHeadProps>(
+const TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(
   ({ className, sortable, sorted, onSort, children, ...props }, ref) => {
     // Sıralama için simgeler
     const renderSortIcon = () => {
@@ -282,9 +282,9 @@ const MoonUITableHead = React.forwardRef<HTMLTableCellElement, MoonUITableHeadPr
     );
   }
 );
-MoonUITableHead.displayName = "MoonUITableHead";
+TableHead.displayName = "TableHead";
 
-const MoonUITableCell = React.forwardRef<
+const TableCell = React.forwardRef<
   HTMLTableCellElement,
   React.TdHTMLAttributes<HTMLTableCellElement>
 >(({ className, ...props }, ref) => (
@@ -294,9 +294,9 @@ const MoonUITableCell = React.forwardRef<
     {...props}
   />
 ));
-MoonUITableCell.displayName = "MoonUITableCell";
+TableCell.displayName = "TableCell";
 
-const MoonUITableCaption = React.forwardRef<
+const TableCaption = React.forwardRef<
   HTMLTableCaptionElement,
   React.HTMLAttributes<HTMLTableCaptionElement>
 >(({ className, ...props }, ref) => (
@@ -306,19 +306,17 @@ const MoonUITableCaption = React.forwardRef<
     {...props}
   />
 ));
-MoonUITableCaption.displayName = "MoonUITableCaption";
+TableCaption.displayName = "TableCaption";
 
-export { MoonUITable,
-  MoonUITableHeader,
-  MoonUITableBody,
-  MoonUITableFooter,
-  MoonUITableHead,
-  MoonUITableRow,
-  MoonUITableCell,
-  MoonUITableCaption,
- };
-
-// Backward compatibility exports
-export { MoonUITable as Table, MoonUITableHeader as TableHeader, MoonUITableBody as TableBody, MoonUITableFooter as TableFooter, MoonUITableHead as TableHead, MoonUITableRow as TableRow, MoonUITableCell as TableCell, MoonUITableCaption as TableCaption };
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+};
 
 export type { TableBodyProps };

package/src/components/ui/tabs.tsx

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