@moontra/moonui-pro 2.20.1 → 2.20.3

package/src/components/ui/dropdown-menu.tsx

@@ -1,218 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
-import { Check, ChevronRight, Circle } from "lucide-react"
-
-import { cn } from "../../lib/utils"
-
-const MoonUIDropdownMenuPro = DropdownMenuPrimitive.Root
-
-const MoonUIDropdownMenuTriggerPro = DropdownMenuPrimitive.Trigger
-
-const MoonUIDropdownMenuGroupPro = DropdownMenuPrimitive.Group
-
-const MoonUIDropdownMenuPortalPro = DropdownMenuPrimitive.Portal
-
-const MoonUIDropdownMenuSubPro = DropdownMenuPrimitive.Sub
-
-const MoonUIDropdownMenuRadioGroupPro = DropdownMenuPrimitive.RadioGroup
-
-const MoonUIDropdownMenuSubTriggerPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean
-  }
->(({ className, inset, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <ChevronRight className="ml-auto h-4 w-4" />
-  </DropdownMenuPrimitive.SubTrigger>
-))
-MoonUIDropdownMenuSubTriggerPro.displayName =
-  DropdownMenuPrimitive.SubTrigger.displayName
-
-const MoonUIDropdownMenuSubContentPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubContent
-    ref={ref}
-    className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    )}
-    {...props}
-  />
-))
-MoonUIDropdownMenuSubContentPro.displayName =
-  DropdownMenuPrimitive.SubContent.displayName
-
-const MoonUIDropdownMenuContentPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-  <DropdownMenuPrimitive.Portal>
-    <DropdownMenuPrimitive.Content
-      ref={ref}
-      sideOffset={sideOffset}
-      className={cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      )}
-      {...props}
-    />
-  </DropdownMenuPrimitive.Portal>
-))
-MoonUIDropdownMenuContentPro.displayName = DropdownMenuPrimitive.Content.displayName
-
-const MoonUIDropdownMenuItemPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-MoonUIDropdownMenuItemPro.displayName = DropdownMenuPrimitive.Item.displayName
-
-const MoonUIDropdownMenuCheckboxItemPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
->(({ className, children, checked, ...props }, ref) => (
-  <DropdownMenuPrimitive.CheckboxItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    checked={checked}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.CheckboxItem>
-))
-MoonUIDropdownMenuCheckboxItemPro.displayName =
-  DropdownMenuPrimitive.CheckboxItem.displayName
-
-const MoonUIDropdownMenuRadioItemPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
->(({ className, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.RadioItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <Circle className="h-2 w-2 fill-current" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.RadioItem>
-))
-MoonUIDropdownMenuRadioItemPro.displayName = DropdownMenuPrimitive.RadioItem.displayName
-
-const MoonUIDropdownMenuLabelPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Label
-    ref={ref}
-    className={cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-MoonUIDropdownMenuLabelPro.displayName = DropdownMenuPrimitive.Label.displayName
-
-const MoonUIDropdownMenuSeparatorPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
-    {...props}
-  />
-))
-MoonUIDropdownMenuSeparatorPro.displayName = DropdownMenuPrimitive.Separator.displayName
-
-const MoonUIDropdownMenuShortcutPro = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
-      {...props}
-    />
-  )
-}
-MoonUIDropdownMenuShortcutPro.displayName = "MoonUIDropdownMenuShortcutPro"
-
-export { MoonUIDropdownMenuPro,
-  MoonUIDropdownMenuTriggerPro,
-  MoonUIDropdownMenuContentPro,
-  MoonUIDropdownMenuItemPro,
-  MoonUIDropdownMenuCheckboxItemPro,
-  MoonUIDropdownMenuRadioItemPro,
-  MoonUIDropdownMenuLabelPro,
-  MoonUIDropdownMenuSeparatorPro,
-  MoonUIDropdownMenuShortcutPro,
-  MoonUIDropdownMenuGroupPro,
-  MoonUIDropdownMenuPortalPro,
-  MoonUIDropdownMenuSubPro,
-  MoonUIDropdownMenuSubContentPro,
-  MoonUIDropdownMenuSubTriggerPro,
-  MoonUIDropdownMenuRadioGroupPro,
- };
-
-// Clean exports (only dropdown-menu specific)
-export { 
-  MoonUIDropdownMenuPro as DropdownMenu, 
-  MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, 
-  MoonUIDropdownMenuContentPro as DropdownMenuContent, 
-  MoonUIDropdownMenuItemPro as DropdownMenuItem, 
-  MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, 
-  MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, 
-  MoonUIDropdownMenuLabelPro as DropdownMenuLabel, 
-  MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, 
-  MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, 
-  MoonUIDropdownMenuGroupPro as DropdownMenuGroup, 
-  MoonUIDropdownMenuPortalPro as DropdownMenuPortal, 
-  MoonUIDropdownMenuSubPro as DropdownMenuSub, 
-  MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, 
-  MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, 
-  MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup 
-}

package/src/components/ui/gesture-drawer.tsx

@@ -1,11 +0,0 @@
-"use client"
-
-export { 
-  MoonUIGestureDrawerPro,
-  GestureDrawer,
-  type MoonUIGestureDrawerProProps,
-  type GestureDrawerProps,
-  moonUIGestureDrawerProVariants
-} from "../gesture-drawer/index"
-
-export { MoonUIGestureDrawerPro as default } from "../gesture-drawer/index"

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

@@ -1,29 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
-
-import { cn } from "../../lib/utils"
-
-const HoverCard = HoverCardPrimitive.Root
-
-const HoverCardTrigger = HoverCardPrimitive.Trigger
-
-const HoverCardContent = React.forwardRef<
-  React.ElementRef<typeof HoverCardPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>
->(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
-  <HoverCardPrimitive.Content
-    ref={ref}
-    align={align}
-    sideOffset={sideOffset}
-    className={cn(
-      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    )}
-    {...props}
-  />
-))
-HoverCardContent.displayName = HoverCardPrimitive.Content.displayName
-
-export { HoverCard, HoverCardTrigger, HoverCardContent }

package/src/components/ui/index.ts

@@ -1,190 +0,0 @@
-// Core UI Components - Only MoonUI*Pro exports to avoid conflicts
-export { 
-  MoonUIAccordionPro, MoonUIAccordionItemPro, MoonUIAccordionTriggerPro, MoonUIAccordionContentPro,
-  Accordion, AccordionItem, AccordionTrigger, AccordionContent
-} from './accordion';
-
-export { 
-  MoonUIalertVariantsPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAlertDescriptionPro,
-  alertVariants, Alert, AlertTitle, AlertDescription
-} from './alert';
-
-export { 
-  MoonUIaspectRatioVariantsPro, MoonUIAspectRatioPro,
-  aspectRatioVariants, AspectRatio
-} from './aspect-ratio';
-
-export { 
-  MoonUIAvatarPro, MoonUIAvatarImagePro, MoonUIAvatarFallbackPro,
-  Avatar, AvatarImage, AvatarFallback
-} from './avatar';
-
-export { 
-  MoonUIBadgePro, moonUIBadgeVariantsPro,
-  Badge, badgeVariants
-} from './badge';
-
-export { 
-  MoonUIbreadcrumbVariantsPro, MoonUIBreadcrumbPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbSeparatorPro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbPagePro,
-  breadcrumbVariants, Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbSeparator, BreadcrumbEllipsis, BreadcrumbLink, BreadcrumbPage
-} from './breadcrumb';
-
-export { 
-  MoonUIButtonPro, moonUIButtonProVariants,
-  Button, buttonVariants
-} from './button';
-
-export {
-  Calendar
-} from './calendar';
-
-export { 
-  MoonUICardPro, MoonUICardHeaderPro, MoonUICardFooterPro, MoonUICardTitlePro, MoonUICardDescriptionPro, MoonUICardContentPro,
-  Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent
-} from './card';
-
-export { 
-  MoonUICheckboxPro,
-  Checkbox
-} from './checkbox';
-
-export { 
-  MoonUICollapsiblePro, MoonUIcollapsibleTriggerVariantsPro, MoonUICollapsibleTriggerPro, MoonUIcollapsibleContentVariantsPro, MoonUICollapsibleContentPro,
-  Collapsible, collapsibleTriggerVariants, CollapsibleTrigger, collapsibleContentVariants, CollapsibleContent
-} from './collapsible';
-
-export { 
-  MoonUIColorPickerPro,
-  ColorPicker
-} from './color-picker';
-
-export { 
-  MoonUIcommandVariantsPro, MoonUICommandPro, MoonUICommandDialogPro, MoonUICommandInputPro, MoonUICommandListPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandItemPro, MoonUICommandShortcutPro, MoonUICommandSeparatorPro,
-  commandVariants, Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator
-} from './command';
-
-export { 
-  MoonUIDialogPro, MoonUIDialogContentPro, MoonUIDialogHeaderPro, MoonUIDialogFooterPro, MoonUIDialogTitlePro, MoonUIDialogDescriptionPro, MoonUIDialogTriggerPro, MoonUIDialogClosePro,
-  Dialog, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogTrigger, DialogClose
-} from './dialog';
-
-export { 
-  MoonUIDropdownMenuPro, MoonUIDropdownMenuTriggerPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuRadioGroupPro,
-  DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup
-} from './dropdown-menu';
-
-export { 
-  MoonUIInputPro,
-  Input
-} from './input';
-
-export { 
-  MoonUILabelPro,
-  Label
-} from './label';
-
-export { 
-  MoonUIPaginationPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro,
-  Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious
-} from './pagination';
-
-export { 
-  MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIPopoverContentPro,
-  Popover, PopoverTrigger, PopoverContent
-} from './popover';
-
-export { 
-  MoonUIProgressPro,
-  Progress
-} from './progress';
-
-export { 
-  MoonUIradioGroupItemVariantsPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupPro, MoonUIRadioGroupItemPro, MoonUIRadioLabelPro, MoonUIRadioItemWithLabelPro,
-  radioGroupItemVariants, RadioGroupContext, RadioGroup, RadioGroupItem, RadioLabel, RadioItemWithLabel
-} from './radio-group';
-
-export {
-  ScrollArea, ScrollBar
-} from './scroll-area';
-
-export { 
-  MoonUISelectPro, MoonUISelectTriggerPro, MoonUISelectContentPro, MoonUISelectItemPro, MoonUISelectValuePro, MoonUISelectGroupPro, MoonUISelectLabelPro, MoonUISelectSeparatorPro,
-  Select, SelectTrigger, SelectContent, SelectItem, SelectValue, SelectGroup, SelectLabel, SelectSeparator
-} from './select';
-
-export { 
-  MoonUISeparatorPro, moonUISeparatorVariantsPro,
-  Separator, separatorVariants
-} from './separator';
-
-export {
-  Sheet, SheetTrigger, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, SheetClose, SheetPortal, SheetOverlay
-} from './sheet';
-
-export { 
-  MoonUISkeletonPro,
-  Skeleton
-} from './skeleton';
-
-export { 
-  MoonUISliderPro,
-  Slider
-} from './slider';
-
-export { 
-  MoonUISwitchPro,
-  Switch
-} from './switch';
-
-export { 
-  MoonUItableVariantsPro, MoonUITablePro, MoonUITableHeaderPro, MoonUITableBodyPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableRowPro, MoonUITableCellPro, MoonUITableCaptionPro,
-  tableVariants, Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption
-} from './table';
-
-export { 
-  MoonUITabsPro, MoonUITabsListPro, MoonUITabsTriggerPro, MoonUITabsContentPro,
-  Tabs, TabsList, TabsTrigger, TabsContent
-} from './tabs';
-
-export { 
-  MoonUITextareaPro,
-  Textarea
-} from './textarea';
-
-export { 
-  MoonUIToastPro,
-  Toast
-} from './toast';
-
-export { 
-  MoonUItoggleVariantsPro, MoonUITogglePro,
-  toggleVariants, Toggle
-} from './toggle';
-
-export { 
-  MoonUITooltipPro, MoonUITooltipTriggerPro, MoonUITooltipContentPro, MoonUITooltipProviderPro,
-  Tooltip, TooltipTrigger, TooltipContent, TooltipProvider
-} from './tooltip';
-
-export {
-  HoverCard, HoverCardTrigger, HoverCardContent
-} from './hover-card';
-
-// HoverCard3D is exported from components/hover-card-3d/index.tsx
-
-// Note: Micro-interaction components are exported from their individual directories
-
-// Gesture Drawer
-export { 
-  MoonUIGestureDrawerPro,
-  GestureDrawer,
-  type MoonUIGestureDrawerProProps,
-  type GestureDrawerProps,
-  moonUIGestureDrawerProVariants
-} from './gesture-drawer';
-
-// Lightbox
-export * from './lightbox';
-
-// Media Gallery
-export * from './media-gallery';

package/src/components/ui/input.tsx

@@ -1,222 +0,0 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-import { Loader2 } from "lucide-react";
-
-/**
- * Premium Input Component
- * 
- * Erişilebilir, estetik ve işlevsel input bileşeni.
- * İkon desteği, hata gösterimi ve çeşitli varyantlar sunar.
- */
-
-const inputWrapperVariants = cva(
-  "group relative flex items-center w-full transition-colors",
-  {
-    variants: {
-      size: {
-        sm: "",
-        md: "",
-        lg: "",
-      },
-    },
-    defaultVariants: {
-      size: "md",
-    },
-  }
-);
-
-const moonUIInputVariantsPro = cva(
-  [
-    "w-full bg-background transition-all duration-200",
-    "text-foreground placeholder:text-muted-foreground dark:placeholder:text-gray-500", 
-    "disabled:cursor-not-allowed disabled:opacity-50",
-    "file:border-0 file:bg-transparent file:font-medium",
-    "focus-visible:outline-none dark:text-gray-200"
-  ],
-  {
-    variants: {
-      variant: {
-        standard: "border border-gray-300 dark:border-gray-700 rounded-md px-3 py-2 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:bg-gray-900/60 dark:shadow-inner dark:shadow-gray-950/10",
-        filled: "border border-transparent bg-gray-100 dark:bg-gray-800/90 rounded-md px-3 py-2 hover:bg-gray-200 dark:hover:bg-gray-700/90 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 dark:shadow-inner dark:shadow-gray-950/10",
-        ghost: "border-none bg-transparent shadow-none px-1 dark:text-gray-300 dark:placeholder:text-gray-500 hover:bg-gray-100/50 dark:hover:bg-gray-800/30 focus-visible:bg-transparent",
-        underline: "border-t-0 border-l-0 border-r-0 border-b border-gray-300 dark:border-gray-600 rounded-none px-0 py-2 hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary/80 dark:text-gray-300",
-      },
-      size: {
-        sm: "h-8 text-xs",
-        md: "h-10 text-sm",
-        lg: "h-12 text-base",
-      },
-      hasLeftIcon: {
-        true: "pl-10",
-        false: "",
-      },
-      hasRightIcon: {
-        true: "pr-10",
-        false: "",
-      },
-      hasRightButton: {
-        true: "pr-10",
-        false: "",
-      },
-      isError: {
-        true: "border-error focus-visible:ring-error/30 focus-visible:border-error hover:border-error/80 dark:hover:border-error/80",
-        false: "",
-      },
-      isSuccess: {
-        true: "border-success focus-visible:ring-success/30 focus-visible:border-success hover:border-success/80 dark:hover:border-success/80",
-        false: "",
-      },
-      isDisabled: {
-        true: "opacity-50 cursor-not-allowed bg-gray-50 dark:bg-gray-800/50 pointer-events-none",
-        false: "",
-      }
-    },
-    defaultVariants: {
-      variant: "standard",
-      size: "md",
-      isError: false,
-      isSuccess: false,
-      isDisabled: false,
-      hasLeftIcon: false,
-      hasRightIcon: false,
-      hasRightButton: false,
-    },
-  }
-);
-
-export interface MoonUIInputProProps
-  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">,
-    Omit<VariantProps<typeof moonUIInputVariantsPro>, "isDisabled" | "hasLeftIcon" | "hasRightIcon" | "hasRightButton"> {
-  /** Hata mesajı */
-  error?: string;
-  /** Başarı mesajı */
-  success?: string;
-  /** Yükleniyor durumu */
-  loading?: boolean;
-  /** Sol tarafta gösterilecek ikon */
-  leftIcon?: React.ReactNode;
-  /** Sağ tarafta gösterilecek ikon */
-  rightIcon?: React.ReactNode;
-  /** Sağ tarafta gösterilecek buton (password show/hide vb. için) */
-  rightButton?: React.ReactNode;
-  /** Mesajın görünürlüğü (true: her zaman görünür, false: sadece hata/başarı durumunda) */
-  alwaysShowMessage?: boolean;
-  /** Input wrapper için ek sınıflar */
-  wrapperClassName?: string;
-  /** Mesaj için ek sınıflar */
-  messageClassName?: string;
-}
-
-/**
- * Premium Input Component
- * 
- * @param props - Input bileşeni özellikleri
- * @param props.variant - Görsel varyant (standard, filled, ghost, underline)
- * @param props.size - Boyut (sm, md, lg)
- * @param props.error - Hata mesajı
- * @param props.success - Başarı mesajı
- * @param props.loading - Yükleniyor durumu
- * @param props.leftIcon - Sol tarafta gösterilecek ikon
- * @param props.rightIcon - Sağ tarafta gösterilecek ikon
- * @param props.rightButton - Sağ tarafta gösterilecek buton
- * @param props.alwaysShowMessage - Mesajın her zaman görünür olması
- */
-const MoonUIInputPro = React.forwardRef<HTMLInputElement, MoonUIInputProProps>(
-  ({ 
-    className, 
-    wrapperClassName,
-    messageClassName,
-    variant, 
-    size, 
-    isError,
-    disabled, 
-    error,
-    success,
-    loading,
-    leftIcon,
-    rightIcon,
-    rightButton,
-    alwaysShowMessage = false,
-    ...props 
-  }, ref) => {
-    // Mesajı göster/gizle
-    const showMessage = alwaysShowMessage || error || success;
-    const messageType = error ? "error" : success ? "success" : "normal";
-
-    return (
-      <div className="space-y-1.5 w-full">
-        <div className={cn(inputWrapperVariants({ size }), wrapperClassName)}>
-          {leftIcon && (
-            <div className="absolute left-3 text-gray-500 flex items-center justify-center pointer-events-none">
-              {loading ? <Loader2 className="h-4 w-4 animate-spin" /> : leftIcon}
-            </div>
-          )}
-          
-          <input
-            className={cn(
-              moonUIInputVariantsPro({ 
-                variant, 
-                size, 
-                isError: !!error || isError, 
-                isSuccess: !!success,
-                isDisabled: disabled || loading,
-                hasLeftIcon: !!leftIcon || loading,
-                hasRightIcon: !!rightIcon,
-                hasRightButton: !!rightButton,
-              }),
-              className
-            )}
-            ref={ref}
-            disabled={disabled || loading}
-            data-loading={loading ? "" : undefined}
-            data-error={!!error ? "" : undefined}
-            data-success={!!success ? "" : undefined}
-            aria-invalid={!!error || !!isError || undefined}
-            aria-describedby={error ? `${props.id || ''}-error` : success ? `${props.id || ''}-success` : undefined}
-            {...props}
-          />
-          
-          {rightIcon && !loading && (
-            <div className="absolute right-3 text-gray-500 flex items-center justify-center pointer-events-none">
-              {rightIcon}
-            </div>
-          )}
-          
-          {rightButton && (
-            <div className="absolute right-3">
-              {rightButton}
-            </div>
-          )}
-          
-          {loading && !leftIcon && (
-            <div className="absolute left-3 text-gray-500 flex items-center justify-center pointer-events-none">
-              <Loader2 className="h-4 w-4 animate-spin" aria-hidden="true" />
-            </div>
-          )}
-        </div>
-        
-        {showMessage && (
-          <p 
-            className={cn(
-              "text-xs transition-all",
-              messageType === "error" && "text-error",
-              messageType === "success" && "text-success",
-              messageType === "normal" && "text-muted-foreground",
-              messageClassName
-            )}
-            id={error ? `${props.id || ''}-error` : success ? `${props.id || ''}-success` : undefined}
-          >
-            {error || success || ""}
-          </p>
-        )}
-      </div>
-    );
-  }
-);
-MoonUIInputPro.displayName = "MoonUIInputPro";
-
-export { MoonUIInputPro  };
-
-// Backward compatibility exports
-export { MoonUIInputPro as Input };