@moontra/moonui 2.1.0 → 2.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Premium React component library with modern design and customization",
   "author": "MoonUI",
   "license": "MIT",
@@ -88,7 +88,8 @@
     "clsx": "^2.0.0",
     "framer-motion": "^12.23.6",
     "lucide-react": "^0.525.0",
-    "tailwind-merge": "^2.5.0"
+    "tailwind-merge": "^2.5.0",
+    "date-fns": "^3.3.1"
   },
   "devDependencies": {
     "@types/node": "^18.16.0",

package/src/components/ui/accordion.tsx

@@ -6,9 +6,9 @@ import { ChevronDown } from "lucide-react"
 
 import { cn } from "../../lib/utils"
 
-const Accordion = AccordionPrimitive.Root
+const MoonUIAccordion = AccordionPrimitive.Root
 
-const AccordionItem = React.forwardRef<
+const MoonUIAccordionItem = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Item>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
 >(({ className, ...props }, ref) => (
@@ -18,9 +18,9 @@ const AccordionItem = React.forwardRef<
     {...props}
   />
 ))
-AccordionItem.displayName = "AccordionItem"
+MoonUIAccordionItem.displayName = "MoonUIAccordionItem"
 
-const AccordionTrigger = React.forwardRef<
+const MoonUIAccordionTrigger = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Trigger>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
 >(({ className, children, ...props }, ref) => (
@@ -42,7 +42,7 @@ const AccordionTrigger = React.forwardRef<
 ))
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
 
-const AccordionContent = React.forwardRef<
+const MoonUIAccordionContent = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
 >(({ className, children, ...props }, ref) => (
@@ -60,4 +60,7 @@ const AccordionContent = React.forwardRef<
 ))
 AccordionContent.displayName = AccordionPrimitive.Content.displayName
 
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
+export { MoonUIAccordion, MoonUIAccordionItem, MoonUIAccordionTrigger, MoonUIAccordionContent  };
+
+// Backward compatibility exports
+export { MoonUIAccordion as Accordion, MoonUIAccordionItem as AccordionItem, MoonUIAccordionTrigger as AccordionTrigger, MoonUIAccordionContent as AccordionContent }

package/src/components/ui/alert.tsx

@@ -13,7 +13,7 @@ import { cn } from "../../lib/utils";
  * Bildirim, uyarı ve dikkat çekmek gereken içerikler için kullanılır.
  */
 
-const alertVariants = cva(
+const moonUIAlertVariants = cva(
   "relative w-full flex items-center gap-3 p-4 border text-foreground [&>svg]:shrink-0",
   {
     variants: {
@@ -50,9 +50,9 @@ const alertVariants = cva(
   }
 );
 
-export interface AlertProps
+export interface MoonUIAlertProps
   extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof alertVariants> {
+    VariantProps<typeof moonUIAlertVariants> {
   /** Alert ikonunu gizler */
   hideIcon?: boolean;
   /** Kapatma butonu ekler */
@@ -61,7 +61,7 @@ export interface AlertProps
   onClose?: () => void;
 }
 
-const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
+const MoonUIAlert = React.forwardRef<HTMLDivElement, MoonUIAlertProps>(
   ({ className, variant = "default", size, radius, hideIcon = false, closable = false, onClose, children, ...props }, ref) => {
     // Alert türüne göre ikon belirleme
     const Icon = React.useMemo(() => {
@@ -101,9 +101,9 @@ const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
     );
   }
 );
-Alert.displayName = "Alert";
+MoonUIAlert.displayName = "MoonUIAlert";
 
-const AlertTitle = React.forwardRef<
+const MoonUIAlertTitle = React.forwardRef<
   HTMLParagraphElement,
   React.HTMLAttributes<HTMLHeadingElement>
 >(({ className, ...props }, ref) => (
@@ -113,9 +113,9 @@ const AlertTitle = React.forwardRef<
     {...props}
   />
 ));
-AlertTitle.displayName = "AlertTitle";
+MoonUIAlertTitle.displayName = "MoonUIAlertTitle";
 
-const AlertDescription = React.forwardRef<
+const MoonUIAlertDescription = React.forwardRef<
   HTMLParagraphElement,
   React.HTMLAttributes<HTMLParagraphElement>
 >(({ className, ...props }, ref) => (
@@ -125,6 +125,9 @@ const AlertDescription = React.forwardRef<
     {...props}
   />
 ));
-AlertDescription.displayName = "AlertDescription";
+MoonUIAlertDescription.displayName = "MoonUIAlertDescription";
 
-export { Alert, AlertTitle, AlertDescription };
+export { MoonUIAlert, MoonUIAlertTitle, MoonUIAlertDescription  };
+
+// Backward compatibility exports
+export { MoonUIAlert as Alert, MoonUIAlertTitle as AlertTitle, MoonUIAlertDescription as AlertDescription };

package/src/components/ui/aspect-ratio.tsx

@@ -13,7 +13,7 @@ import { cn } from "../../lib/utils"
  * Fully integrated with the theme system, accessible and customizable.
  */
 
-const aspectRatioVariants = cva(
+const moonUIAspectRatioVariants = cva(
   "relative overflow-hidden",
   {
     variants: {
@@ -37,9 +37,9 @@ const aspectRatioVariants = cva(
   }
 )
 
-interface AspectRatioProps 
+interface MoonUIAspectRatioProps 
   extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof aspectRatioVariants> {
+    VariantProps<typeof moonUIAspectRatioVariants> {
   /**
    * Aspect ratio (width/height). For example 16/9, 4/3, 1/1 etc.
    * @default 16/9
@@ -47,7 +47,7 @@ interface AspectRatioProps
   ratio?: number
 }
 
-const AspectRatio = React.forwardRef<
+const MoonUIAspectRatio = React.forwardRef<
   HTMLDivElement,
   AspectRatioProps
 >(({ className, variant, radius, ratio = 16 / 9, style, children, ...props }, ref) => (
@@ -66,7 +66,10 @@ const AspectRatio = React.forwardRef<
     </div>
   </div>
 ))
-AspectRatio.displayName = "AspectRatio"
+MoonUIAspectRatio.displayName = "MoonUIAspectRatio"
 
-export { AspectRatio, aspectRatioVariants }
+export { MoonUIAspectRatio, moonUIAspectRatioVariants  };
+
+// Backward compatibility exports
+export { MoonUIAspectRatio as AspectRatio, moonUIAspectRatioVariants as aspectRatioVariants }
 export type { AspectRatioProps }

package/src/components/ui/avatar.tsx

@@ -4,7 +4,7 @@ import { cva, type VariantProps } from "class-variance-authority";
 
 import { cn } from "../../lib/utils";
 
-const avatarVariants = cva(
+const moonUIAvatarVariants = cva(
   "relative flex shrink-0 overflow-hidden",
   {
     variants: {
@@ -39,11 +39,11 @@ const avatarVariants = cva(
   }
 );
 
-export interface AvatarProps 
+export interface MoonUIAvatarProps 
   extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,
-    VariantProps<typeof avatarVariants> {}
+    VariantProps<typeof moonUIAvatarVariants> {}
 
-const Avatar = React.forwardRef<
+const MoonUIAvatar = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Root>,
   AvatarProps
 >(({ className, size, radius, variant, ...props }, ref) => (
@@ -55,7 +55,7 @@ const Avatar = React.forwardRef<
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
 
-const AvatarImage = React.forwardRef<
+const MoonUIAvatarImage = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Image>,
   React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
 >(({ className, ...props }, ref) => (
@@ -67,7 +67,7 @@ const AvatarImage = React.forwardRef<
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
 
-const AvatarFallback = React.forwardRef<
+const MoonUIAvatarFallback = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Fallback>,
   React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
 >(({ className, ...props }, ref) => (
@@ -132,4 +132,7 @@ const AvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
 );
 AvatarGroup.displayName = "AvatarGroup";
 
-export { Avatar, AvatarImage, AvatarFallback, AvatarGroup };
+export { MoonUIAvatar, MoonUIAvatarImage, MoonUIAvatarFallback, AvatarGroup  };
+
+// Backward compatibility exports
+export { MoonUIAvatar as Avatar, MoonUIAvatarImage as AvatarImage, MoonUIAvatarFallback as AvatarFallback };

package/src/components/ui/badge.tsx

@@ -9,7 +9,7 @@ import { cn } from "../../lib/utils";
  * Dark ve light modda uyumlu, erişilebilir ve çeşitli varyantlar sunar.
  */
 
-const badgeVariants = cva(
+const moonUIBadgeVariants = cva(
   ["inline-flex items-center gap-1.5", 
   "font-medium transition-colors duration-200", 
   "border focus:outline-none",
@@ -94,9 +94,9 @@ const badgeVariants = cva(
   }
 );
 
-export interface BadgeProps
+export interface MoonUIBadgeProps
   extends React.HTMLAttributes<HTMLDivElement>,
-    Omit<VariantProps<typeof badgeVariants>, 'variant'> {
+    Omit<VariantProps<typeof moonUIBadgeVariants>, 'variant'> {
   withDot?: boolean;
   dotColor?: string;
   removable?: boolean;
@@ -222,4 +222,7 @@ function Badge({
   );
 }
 
-export { Badge, badgeVariants };
+export { MoonUIBadge, moonUIBadgeVariants  };
+
+// Backward compatibility exports
+export { MoonUIBadge as Badge, moonUIBadgeVariants as badgeVariants };

package/src/components/ui/breadcrumb.tsx

@@ -26,35 +26,35 @@ const breadcrumbVariants = cva(
   }
 );
 
-interface BreadcrumbProps
+interface MoonUIBreadcrumbProps
   extends React.HTMLAttributes<HTMLElement>,
     VariantProps<typeof breadcrumbVariants> {
   separator?: React.ReactNode;
   showHomeIcon?: boolean;
 }
 
-interface BreadcrumbListProps extends React.HTMLAttributes<HTMLOListElement> {
+interface MoonUIBreadcrumbListProps extends React.HTMLAttributes<HTMLOListElement> {
   collapsed?: boolean;
   collapsedWidth?: number;
 }
 
-interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement> {
+interface MoonUIBreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement> {
   isCurrent?: boolean;
   href?: string;
   asChild?: boolean;
 }
 
-interface BreadcrumbSeparatorProps extends React.HTMLAttributes<HTMLSpanElement> {
+interface MoonUIBreadcrumbSeparatorProps extends React.HTMLAttributes<HTMLSpanElement> {
   /** Custom separator icon or text */
   icon?: React.ReactNode;
 }
 
-interface BreadcrumbEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {
+interface MoonUIBreadcrumbEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {
   /** Custom ellipsis icon */
   icon?: React.ReactNode;
 }
 
-const Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(
+const MoonUIBreadcrumb = React.forwardRef<HTMLElement, MoonUIBreadcrumbProps>(
   ({ className, variant, size, ...props }, ref) => (
     <nav
       ref={ref}
@@ -64,9 +64,9 @@ const Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(
     />
   )
 );
-Breadcrumb.displayName = "Breadcrumb";
+MoonUIBreadcrumb.displayName = "MoonUIBreadcrumb";
 
-const BreadcrumbList = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(
+const MoonUIBreadcrumbList = React.forwardRef<HTMLOListElement, MoonUIBreadcrumbListProps>(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
     const childrenArray = React.Children.toArray(props.children).filter(Boolean);
     const childCount = childrenArray.length;
@@ -104,9 +104,9 @@ const BreadcrumbList = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(
     );
   }
 );
-BreadcrumbList.displayName = "BreadcrumbList";
+MoonUIBreadcrumbList.displayName = "MoonUIBreadcrumbList";
 
-const BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(
+const MoonUIBreadcrumbItem = React.forwardRef<HTMLLIElement, MoonUIBreadcrumbItemProps>(
   ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
     const Comp = asChild ? React.Fragment : href ? "a" : "span";
     const itemProps = asChild ? {} : href ? { href } : {};
@@ -133,9 +133,9 @@ const BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(
     );
   }
 );
-BreadcrumbItem.displayName = "BreadcrumbItem";
+MoonUIBreadcrumbItem.displayName = "MoonUIBreadcrumbItem";
 
-const BreadcrumbSeparator = ({
+const MoonUIBreadcrumbSeparator = ({
   children,
   className,
   ...props
@@ -149,9 +149,9 @@ const BreadcrumbSeparator = ({
     {children || <ChevronRight className="h-3.5 w-3.5" />}
   </span>
 );
-BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+MoonUIBreadcrumbSeparator.displayName = "MoonUIBreadcrumbSeparator";
 
-const BreadcrumbEllipsis = ({
+const MoonUIBreadcrumbEllipsis = ({
   className,
   ...props
 }: BreadcrumbEllipsisProps) => (
@@ -165,9 +165,9 @@ const BreadcrumbEllipsis = ({
     <span className="sr-only">More pages</span>
   </span>
 );
-BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+MoonUIBreadcrumbEllipsis.displayName = "MoonUIBreadcrumbEllipsis";
 
-const BreadcrumbLink = React.forwardRef<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>(
+const MoonUIBreadcrumbLink = React.forwardRef<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>(
   ({ className, href, ...props }, ref) => (
     <a
       ref={ref}
@@ -180,9 +180,9 @@ const BreadcrumbLink = React.forwardRef<HTMLAnchorElement, React.AnchorHTMLAttri
     />
   )
 );
-BreadcrumbLink.displayName = "BreadcrumbLink";
+MoonUIBreadcrumbLink.displayName = "MoonUIBreadcrumbLink";
 
-const BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>(
+const MoonUIBreadcrumbPage = React.forwardRef<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>(
   ({ className, ...props }, ref) => (
     <span
       ref={ref}
@@ -194,14 +194,16 @@ const BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.HTMLAttributes<HT
     />
   )
 );
-BreadcrumbPage.displayName = "BreadcrumbPage";
-
-export {
-  Breadcrumb,
-  BreadcrumbList,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  BreadcrumbEllipsis,
-};
+MoonUIBreadcrumbPage.displayName = "MoonUIBreadcrumbPage";
+
+export { MoonUIBreadcrumb,
+  MoonUIBreadcrumbList,
+  MoonUIBreadcrumbItem,
+  MoonUIBreadcrumbLink,
+  MoonUIBreadcrumbPage,
+  MoonUIBreadcrumbSeparator,
+  MoonUIBreadcrumbEllipsis,
+ };
+
+// Backward compatibility exports
+export { MoonUIBreadcrumb as Breadcrumb, MoonUISeparator as Separator, MoonUIBreadcrumbList as BreadcrumbList, MoonUIBreadcrumbItem as BreadcrumbItem, MoonUIBreadcrumbLink as BreadcrumbLink, MoonUIBreadcrumbPage as BreadcrumbPage, MoonUIBreadcrumbSeparator as BreadcrumbSeparator, MoonUIBreadcrumbEllipsis as BreadcrumbEllipsis };

package/src/components/ui/calendar.tsx

@@ -3,7 +3,7 @@
 import * as React from "react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "../../lib/utils";
-import { buttonVariants } from "./button";
+import { moonUIButtonVariants as buttonVariants } from "./button";
 import { 
   format, 
   startOfMonth, 
@@ -19,7 +19,7 @@ import {
   endOfWeek
 } from "date-fns";
 
-export interface CalendarProps {
+export interface MoonUICalendarProps {
   mode?: "single" | "range" | "multiple";
   selected?: Date | Date[] | { from?: Date; to?: Date } | undefined;
   onSelect?: (date: Date | Date[] | { from?: Date; to?: Date } | undefined) => void;
@@ -32,7 +32,7 @@ export interface CalendarProps {
   initialFocus?: boolean;
 }
 
-function Calendar({
+function MoonUICalendar({
   mode = "single",
   selected,
   onSelect,
@@ -43,7 +43,7 @@ function Calendar({
   numberOfMonths = 1,
   defaultMonth,
   ...props
-}: CalendarProps) {
+}: MoonUICalendarProps) {
   const [currentMonth, setCurrentMonth] = React.useState(
     defaultMonth || (selected && (selected as Date)) || new Date()
   );
@@ -257,6 +257,9 @@ function Calendar({
   );
 }
 
-Calendar.displayName = "Calendar";
+MoonUICalendar.displayName = "MoonUICalendar";
 
-export { Calendar };
+export { MoonUICalendar  };
+
+// Backward compatibility exports
+export { MoonUICalendar as Calendar };

package/src/components/ui/card.tsx

@@ -2,9 +2,9 @@ import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
 import { motion, type HTMLMotionProps } from "framer-motion";
 import { cn } from "../../lib/utils";
-import { microInteractionVariants, hoverAnimations, tapAnimations } from "@/lib/micro-interactions";
+import { microInteractionVariants, hoverAnimations, tapAnimations } from "../../lib/micro-interactions";
 
-const cardVariants = cva(
+const moonUICardVariants = cva(
   "rounded-lg border bg-card text-card-foreground shadow-sm dark:shadow-gray-900/20 dark:border-gray-800 dark:bg-gray-900 dark:text-gray-100 transition-all duration-200",
   {
     variants: {
@@ -42,14 +42,14 @@ const cardVariants = cva(
   }
 );
 
-export interface CardProps
+export interface MoonUICardProps
   extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof cardVariants> {
+    VariantProps<typeof moonUICardVariants> {
   asChild?: boolean;
   microInteraction?: "lift" | "glow" | "scale" | "none";
 }
 
-const Card = React.forwardRef<HTMLDivElement, CardProps>(
+const MoonUICard = React.forwardRef<HTMLDivElement, MoonUICardProps>(
   ({ className, variant, size, radius, interactive, microInteraction = "lift", ...props }, ref) => {
     // Interactive özelliği varsa motion.div, yoksa normal div kullan
     if (interactive && microInteraction !== "none") {
@@ -63,7 +63,7 @@ const Card = React.forwardRef<HTMLDivElement, CardProps>(
       return (
         <motion.div
           ref={ref}
-          className={cn(cardVariants({ variant, size, radius, interactive, className }))}
+          className={cn(moonUICardVariants({ variant, size, radius, interactive, className }))}
           {...interactionProps}
           {...props}
         />
@@ -80,9 +80,9 @@ const Card = React.forwardRef<HTMLDivElement, CardProps>(
     );
   }
 );
-Card.displayName = "Card";
+MoonUICard.displayName = "MoonUICard";
 
-const CardHeader = React.forwardRef<
+const MoonUICardHeader = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
@@ -92,9 +92,9 @@ const CardHeader = React.forwardRef<
     {...props}
   />
 ));
-CardHeader.displayName = "CardHeader";
+MoonUICardHeader.displayName = "MoonUICardHeader";
 
-const CardTitle = React.forwardRef<
+const MoonUICardTitle = React.forwardRef<
   HTMLHeadingElement,
   React.HTMLAttributes<HTMLHeadingElement>
 >(({ className, ...props }, ref) => (
@@ -104,9 +104,9 @@ const CardTitle = React.forwardRef<
     {...props}
   />
 ));
-CardTitle.displayName = "CardTitle";
+MoonUICardTitle.displayName = "MoonUICardTitle";
 
-const CardDescription = React.forwardRef<
+const MoonUICardDescription = React.forwardRef<
   HTMLParagraphElement,
   React.HTMLAttributes<HTMLParagraphElement>
 >(({ className, ...props }, ref) => (
@@ -116,17 +116,17 @@ const CardDescription = React.forwardRef<
     {...props}
   />
 ));
-CardDescription.displayName = "CardDescription";
+MoonUICardDescription.displayName = "MoonUICardDescription";
 
-const CardContent = React.forwardRef<
+const MoonUICardContent = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
   <div ref={ref} className={cn("pt-0", className)} {...props} />
 ));
-CardContent.displayName = "CardContent";
+MoonUICardContent.displayName = "MoonUICardContent";
 
-const CardFooter = React.forwardRef<
+const MoonUICardFooter = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
@@ -136,6 +136,9 @@ const CardFooter = React.forwardRef<
     {...props}
   />
 ));
-CardFooter.displayName = "CardFooter";
+MoonUICardFooter.displayName = "MoonUICardFooter";
 
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
+export { MoonUICard, MoonUICardHeader, MoonUICardFooter, MoonUICardTitle, MoonUICardDescription, MoonUICardContent  };
+
+// Backward compatibility exports
+export { MoonUICard as Card, MoonUICardHeader as CardHeader, MoonUICardFooter as CardFooter, MoonUICardTitle as CardTitle, MoonUICardDescription as CardDescription, MoonUICardContent as CardContent };

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 checkboxVariants = cva(
+const moonUICheckboxVariants = 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 checkboxVariants = cva(
   }
 );
 
-export interface CheckboxProps
+export interface MoonUICheckboxProps
   extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,
-    VariantProps<typeof checkboxVariants> {
+    VariantProps<typeof moonUICheckboxVariants> {
   /**
    * İndeterminate durumu - grup seçimlerinde bazı öğeler seçilmişse kullanılır
    */
@@ -66,7 +66,7 @@ export interface CheckboxProps
   icon?: React.ReactNode;
 }
 
-const Checkbox = React.forwardRef<
+const MoonUICheckbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
   CheckboxProps
 >(({ 
@@ -253,4 +253,7 @@ const CheckboxWithLabel = React.forwardRef<
 });
 CheckboxWithLabel.displayName = "CheckboxWithLabel";
 
-export { Checkbox, CheckboxGroup, CheckboxLabel, CheckboxWithLabel };
+export { MoonUICheckbox, CheckboxGroup, CheckboxLabel, CheckboxWithLabel  };
+
+// Backward compatibility exports
+export { MoonUICheckbox as Checkbox, MoonUILabel as Label };

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 Collapsible = CollapsiblePrimitive.Root
+const MoonUICollapsible = CollapsiblePrimitive.Root
 
 const collapsibleTriggerVariants = cva(
   "flex w-full items-center justify-between transition-all",
@@ -39,11 +39,11 @@ const collapsibleTriggerVariants = cva(
   }
 )
 
-interface CollapsibleTriggerProps 
+interface MoonUICollapsibleTriggerProps 
   extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>,
     VariantProps<typeof collapsibleTriggerVariants> {}
 
-const CollapsibleTrigger = React.forwardRef<
+const MoonUICollapsibleTrigger = React.forwardRef<
   React.ElementRef<typeof CollapsiblePrimitive.Trigger>,
   CollapsibleTriggerProps
 >(({ className, children, variant, size, asChild, ...props }, ref) => {
@@ -97,11 +97,11 @@ const collapsibleContentVariants = cva(
   }
 )
 
-interface CollapsibleContentProps 
+interface MoonUICollapsibleContentProps 
   extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>,
     VariantProps<typeof collapsibleContentVariants> {}
 
-const CollapsibleContent = React.forwardRef<
+const MoonUICollapsibleContent = React.forwardRef<
   React.ElementRef<typeof CollapsiblePrimitive.Content>,
   CollapsibleContentProps
 >(({ className, children, variant, size, ...props }, ref) => (
@@ -115,13 +115,15 @@ const CollapsibleContent = React.forwardRef<
 ))
 CollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName
 
-export {
-  Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent,
+export { MoonUICollapsible,
+  MoonUICollapsibleTrigger,
+  MoonUICollapsibleContent,
   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 ColorPickerProps
+export interface MoonUIColorPickerProps
   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";