@moontra/moonui 2.1.0 → 2.1.3

package/src/components/ui/radio-group.tsx

@@ -36,7 +36,7 @@ const radioGroupItemVariants = cva(
   }
 );
 
-export interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface MoonUIRadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Radio group value
    */
@@ -62,7 +62,7 @@ const RadioGroupContext = React.createContext<{
   name?: string;
 }>({});
 
-const RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(
+const MoonUIRadioGroup = React.forwardRef<HTMLDivElement, MoonUIRadioGroupProps>(
   ({ className, value, onValueChange, disabled, name, ...props }, ref) => {
     return (
       <RadioGroupContext.Provider value={{ value, onValueChange, disabled, name }}>
@@ -76,9 +76,9 @@ const RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(
     );
   }
 );
-RadioGroup.displayName = "RadioGroup";
+MoonUIRadioGroup.displayName = "MoonUIRadioGroup";
 
-export interface RadioGroupItemProps
+export interface MoonUIRadioGroupItemProps
   extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>,
     VariantProps<typeof radioGroupItemVariants> {
   /**
@@ -99,7 +99,7 @@ export interface RadioGroupItemProps
   disabled?: boolean;
 }
 
-const RadioGroupItem = React.forwardRef<
+const MoonUIRadioGroupItem = React.forwardRef<
   HTMLInputElement,
   RadioGroupItemProps
 >(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
@@ -155,7 +155,7 @@ const RadioGroupItem = React.forwardRef<
     </div>
   );
 });
-RadioGroupItem.displayName = "RadioGroupItem";
+MoonUIRadioGroupItem.displayName = "MoonUIRadioGroupItem";
 
 // Radio Label Component
 interface RadioLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
@@ -240,4 +240,7 @@ const RadioItemWithLabel = React.forwardRef<
 });
 RadioItemWithLabel.displayName = "RadioItemWithLabel";
 
-export { RadioGroup, RadioGroupItem, RadioLabel, RadioItemWithLabel };
+export { MoonUIRadioGroup, MoonUIRadioGroupItem, RadioLabel, RadioItemWithLabel  };
+
+// Backward compatibility exports
+export { MoonUILabel as Label, MoonUIRadioGroup as RadioGroup, MoonUIRadioGroupItem as RadioGroupItem };

package/src/components/ui/select.tsx

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

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

@@ -32,7 +32,7 @@ import {
   Edit
 } from 'lucide-react'
 
-export interface SimpleEditorProps {
+export interface MoonUISimpleEditorProps {
   value?: string
   onChange?: (value: string) => void
   placeholder?: string
@@ -70,7 +70,7 @@ const ToolbarButton = ({ icon, tooltip, active, onClick, disabled }: ToolbarButt
   </Tooltip>
 )
 
-const ColorPicker = ({ onColorSelect }: { onColorSelect: (color: string) => void }) => {
+const MoonUIColorPicker = ({ onColorSelect }: { onColorSelect: (color: string) => void }) => {
   const colors = [
     '#000000', '#374151', '#6B7280', '#9CA3AF',
     '#EF4444', '#F59E0B', '#EAB308', '#22C55E',
@@ -91,7 +91,7 @@ const ColorPicker = ({ onColorSelect }: { onColorSelect: (color: string) => void
   )
 }
 
-export const SimpleEditor = React.forwardRef<HTMLDivElement, SimpleEditorProps>(
+export const MoonUISimpleEditor = React.forwardRef<HTMLDivElement, MoonUISimpleEditorProps>(
   ({
     value = '',
     onChange,
@@ -633,7 +633,7 @@ export const SimpleEditor = React.forwardRef<HTMLDivElement, SimpleEditorProps>(
   }
 )
 
-SimpleEditor.displayName = "SimpleEditor"
+MoonUISimpleEditor.displayName = "MoonUISimpleEditor"
 
 // 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 skeletonVariants = cva(
+const moonUISkeletonVariants = cva(
   "animate-pulse rounded-md",
   {
     variants: {
@@ -48,9 +48,9 @@ const skeletonVariants = cva(
   }
 );
 
-export interface SkeletonProps
+export interface MoonUISkeletonProps
   extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof skeletonVariants> {
+    VariantProps<typeof moonUISkeletonVariants> {
   /**
    * Height of the skeleton
    */
@@ -77,7 +77,7 @@ export interface SkeletonProps
   motion?: boolean;
 }
 
-export const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(
+export const MoonUISkeleton = React.forwardRef<HTMLDivElement, MoonUISkeletonProps>(
   ({ 
     className,
     variant,
@@ -153,7 +153,7 @@ export const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(
     );
   }
 );
-Skeleton.displayName = "Skeleton";
+MoonUISkeleton.displayName = "MoonUISkeleton";
 
 /**
  * Text Skeleton Component
@@ -348,4 +348,7 @@ export const SkeletonCard = React.forwardRef<HTMLDivElement, SkeletonCardProps>(
 );
 SkeletonCard.displayName = "SkeletonCard";
 
-export { skeletonVariants };
+export { moonUISkeletonVariants  };
+
+// Backward compatibility exports
+export { moonUISkeletonVariants as 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 sliderVariants = cva(
+const moonUISliderVariants = cva(
   "relative flex w-full touch-none select-none items-center",
   {
     variants: {
@@ -153,7 +153,7 @@ type SliderBaseProps = {
   /**
    * Slider size
    */
-  size?: VariantProps<typeof sliderVariants>["size"];
+  size?: VariantProps<typeof moonUISliderVariants>["size"];
   /**
    * Disabled state
    */
@@ -163,7 +163,7 @@ type SliderBaseProps = {
 // Merge HTML properties without defaultValue conflicts
 type SliderProps = SliderBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'>
 
-const Slider = React.forwardRef<
+const MoonUISlider = React.forwardRef<
   HTMLDivElement,
   SliderProps
 >(({
@@ -346,6 +346,9 @@ const Slider = React.forwardRef<
   )
 })
 
-Slider.displayName = "Slider"
+MoonUISlider.displayName = "MoonUISlider"
 
-export { Slider }
+export { MoonUISlider  };
+
+// Backward compatibility exports
+export { MoonUISlider as Slider }

package/src/components/ui/switch.tsx

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

package/src/components/ui/table.tsx

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

package/src/components/ui/tabs.tsx

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

package/src/components/ui/textarea.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 
 import { cn } from "../../lib/utils"
 
-export interface TextareaProps
+export interface MoonUITextareaProps
   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
   // Enhanced props that shouldn't be passed to DOM
   variant?: "default" | "outline" | "ghost" | "underline"
@@ -15,7 +15,7 @@ export interface TextareaProps
   characterCount?: boolean
 }
 
-const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+const MoonUITextarea = React.forwardRef<HTMLTextAreaElement, MoonUITextareaProps>(
   ({ 
     className, 
     // Extract enhanced props to prevent them from being passed to DOM
@@ -41,6 +41,9 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
     )
   }
 )
-Textarea.displayName = "Textarea"
+MoonUITextarea.displayName = "MoonUITextarea"
 
-export { Textarea }
+export { MoonUITextarea  };
+
+// Backward compatibility exports
+export { MoonUITextarea as Textarea }

package/src/components/ui/toast.tsx

@@ -23,7 +23,7 @@ const ToastViewport = React.forwardRef<
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 
-const toastVariants = cva(
+const moonUIToastVariants = cva(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-8 shadow-sm transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
@@ -46,11 +46,11 @@ const toastVariants = cva(
 );
 
 type ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
-  VariantProps<typeof toastVariants>;
+  VariantProps<typeof moonUIToastVariants>;
 
 type ToastActionElement = React.ReactElement<typeof ToastAction>;
 
-const Toast = React.forwardRef<
+const MoonUIToast = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Root>,
   ToastProps
 >(({ className, variant, ...props }, ref) => {
@@ -297,12 +297,11 @@ function Toaster() {
   );
 }
 
-export {
-  type ToastProps,
+export { type ToastProps,
   type ToastActionElement,
   ToastProvider,
   ToastViewport,
-  Toast,
+  MoonUIToast,
   ToastTitle,
   ToastDescription,
   ToastAction,
@@ -310,4 +309,7 @@ export {
   Toaster,
   toast,
   useToast,
-};
+ };
+
+// Backward compatibility exports
+export { MoonUIToast as Toast };