@moontra/moonui 2.1.5 → 2.1.8

package/src/components/ui/popover.tsx

@@ -63,11 +63,11 @@ const popoverContentVariants = cva(
   }
 );
 
-const MoonUIPopover = PopoverPrimitive.Root;
-const MoonUIPopoverTrigger = PopoverPrimitive.Trigger;
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverAnchor = PopoverPrimitive.Anchor;
 
-export interface MoonUIPopoverContentProps 
+export interface PopoverContentProps 
   extends Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, 'side'>,
     VariantProps<typeof popoverContentVariants> {
   /**
@@ -84,7 +84,7 @@ export interface MoonUIPopoverContentProps
   overlayBackdrop?: boolean;
 }
 
-const MoonUIPopoverContent = React.forwardRef<
+const PopoverContent = React.forwardRef<
   React.ElementRef<typeof PopoverPrimitive.Content>,
   PopoverContentProps
 >(({
@@ -130,7 +130,7 @@ const MoonUIPopoverContent = React.forwardRef<
     />
   </>
 ));
-MoonUIPopoverContent.displayName = PopoverPrimitive.Content.displayName;
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 /**
  * PopoverClose bileşeni
@@ -140,46 +140,44 @@ const PopoverClose = PopoverPrimitive.Close;
 /**
  * Popover için bölüm ayırıcı
  */
-const MoonUIPopoverSeparator = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const PopoverSeparator = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn("my-2 h-px bg-border", className)}
     {...props}
   />
 );
-MoonUIPopoverSeparator.displayName = "PopoverSeparator";
+PopoverSeparator.displayName = "PopoverSeparator";
 
 /**
  * Popover başlık bileşeni
  */
-const MoonUIPopoverHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const PopoverHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn("-mx-4 -mt-4 mb-3 px-4 pt-4 pb-3 border-b border-border", className)}
     {...props}
   />
 );
-MoonUIPopoverHeader.displayName = "PopoverHeader";
+PopoverHeader.displayName = "PopoverHeader";
 
 /**
  * Popover footer bileşeni
  */
-const MoonUIPopoverFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const PopoverFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn("-mx-4 -mb-4 mt-3 px-4 pt-3 pb-4 border-t border-border", className)}
     {...props}
   />
 );
-MoonUIPopoverFooter.displayName = "PopoverFooter";
+PopoverFooter.displayName = "PopoverFooter";
 
-export { MoonUIPopover,
-  MoonUIPopoverTrigger,
-  MoonUIPopoverContent,
+export {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
   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 moonUIProgressVariants = cva(
+const progressVariants = cva(
   "relative overflow-hidden bg-muted",
   {
     variants: {
@@ -81,9 +81,9 @@ const progressIndicatorVariants = cva(
   }
 );
 
-export interface MoonUIProgressProps
+export interface ProgressProps
   extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof moonUIProgressVariants> {
+    VariantProps<typeof progressVariants> {
   /**
    * İlerleme çubuğu değeri (0-100)
    */
@@ -114,7 +114,7 @@ export interface MoonUIProgressProps
   max?: number;
 }
 
-const MoonUIProgress = React.forwardRef<
+const Progress = React.forwardRef<
   HTMLDivElement,
   ProgressProps
 >(({
@@ -173,13 +173,10 @@ const MoonUIProgress = React.forwardRef<
     </>
   );
 });
-MoonUIProgress.displayName = "MoonUIProgress";
+Progress.displayName = "Progress";
 
 // 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 { MoonUIProgress, moonUIProgressVariants  };
-
-// Backward compatibility exports
-export { MoonUIProgress as Progress, moonUIProgressVariants as progressVariants };
+export { Progress, progressVariants };

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

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

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) => (
@@ -97,12 +97,12 @@ const MoonUISelectTrigger = React.forwardRef<
     )}
   </SelectPrimitive.Trigger>
 ))
-MoonUISelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
 
 /**
  * Scroll Up Button Component
  */
-const MoonUISelectScrollUpButton = React.forwardRef<
+const SelectScrollUpButton = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
 >(({ className, ...props }, ref) => (
@@ -117,12 +117,12 @@ const MoonUISelectScrollUpButton = React.forwardRef<
     <ChevronUp className="h-4 w-4" />
   </SelectPrimitive.ScrollUpButton>
 ))
-MoonUISelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
 
 /**
  * Scroll Down Button Component
  */
-const MoonUISelectScrollDownButton = React.forwardRef<
+const SelectScrollDownButton = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
 >(({ className, ...props }, ref) => (
@@ -137,10 +137,10 @@ const MoonUISelectScrollDownButton = React.forwardRef<
     <ChevronDown className="h-4 w-4" />
   </SelectPrimitive.ScrollDownButton>
 ))
-MoonUISelectScrollDownButton.displayName =
+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) => (
@@ -177,9 +177,9 @@ const MoonUISelectContent = React.forwardRef<
     </SelectPrimitive.Content>
   </SelectPrimitive.Portal>
 ))
-MoonUISelectContent.displayName = SelectPrimitive.Content.displayName
+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) => (
@@ -189,12 +189,12 @@ const MoonUISelectLabel = React.forwardRef<
     {...props}
   />
 ))
-MoonUISelectLabel.displayName = SelectPrimitive.Label.displayName
+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) => (
@@ -245,9 +245,9 @@ const MoonUISelectItem = React.forwardRef<
     )}
   </SelectPrimitive.Item>
 ))
-MoonUISelectItem.displayName = SelectPrimitive.Item.displayName
+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) => (
@@ -257,19 +257,17 @@ const MoonUISelectSeparator = React.forwardRef<
     {...props}
   />
 ))
-MoonUISelectSeparator.displayName = SelectPrimitive.Separator.displayName
+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
 >(
@@ -135,9 +135,6 @@ const MoonUISeparator = React.forwardRef<
     />
   )
 )
-MoonUISeparator.displayName = SeparatorPrimitive.Root.displayName
+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
@@ -183,7 +183,7 @@ export interface SkeletonTextProps extends Omit<SkeletonProps, "children" | "isL
   randomWidths?: boolean;
 }
 
-export const MoonUISkeletonText = React.forwardRef<HTMLDivElement, SkeletonTextProps>(
+export const SkeletonText = React.forwardRef<HTMLDivElement, SkeletonTextProps>(
   ({ 
     className,
     lines = 3,
@@ -228,7 +228,7 @@ export const MoonUISkeletonText = React.forwardRef<HTMLDivElement, SkeletonTextP
     );
   }
 );
-MoonUISkeletonText.displayName = "SkeletonText";
+SkeletonText.displayName = "SkeletonText";
 
 /**
  * Avatar Skeleton Component
@@ -240,7 +240,7 @@ export interface SkeletonAvatarProps extends Omit<SkeletonProps, "shape" | "size
   size?: string | number;
 }
 
-export const MoonUISkeletonAvatar = React.forwardRef<HTMLDivElement, SkeletonAvatarProps>(
+export const SkeletonAvatar = React.forwardRef<HTMLDivElement, SkeletonAvatarProps>(
   ({ 
     className,
     size = "2.5rem",
@@ -264,7 +264,7 @@ export const MoonUISkeletonAvatar = React.forwardRef<HTMLDivElement, SkeletonAva
     );
   }
 );
-MoonUISkeletonAvatar.displayName = "SkeletonAvatar";
+SkeletonAvatar.displayName = "SkeletonAvatar";
 
 /**
  * Card Skeleton Component
@@ -284,7 +284,7 @@ export interface SkeletonCardProps extends Omit<SkeletonProps, "children" | "isL
   showFooter?: boolean;
 }
 
-export const MoonUISkeletonCard = React.forwardRef<HTMLDivElement, SkeletonCardProps>(
+export const SkeletonCard = React.forwardRef<HTMLDivElement, SkeletonCardProps>(
   ({ 
     className,
     showHeader = true,
@@ -346,9 +346,6 @@ export const MoonUISkeletonCard = React.forwardRef<HTMLDivElement, SkeletonCardP
     );
   }
 );
-MoonUISkeletonCard.displayName = "SkeletonCard";
+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 }