import * as React from 'react'; import React__default from 'react'; import * as AccordionPrimitive from '@radix-ui/react-accordion'; import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types'; import { VariantProps } from 'class-variance-authority'; import * as AvatarPrimitive from '@radix-ui/react-avatar'; import * as react_jsx_runtime from 'react/jsx-runtime'; import * as CheckboxPrimitive from '@radix-ui/react-checkbox'; import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'; import { Command as Command$1 } from 'cmdk'; import * as DialogPrimitive from '@radix-ui/react-dialog'; import { ColumnDef } from '@tanstack/react-table'; export { ColumnDef as MoonUIColumnDef } from '@tanstack/react-table'; import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'; import * as LabelPrimitive from '@radix-ui/react-label'; import * as PopoverPrimitive from '@radix-ui/react-popover'; import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'; import { Variants, UseInViewOptions } from 'framer-motion'; import * as SelectPrimitive from '@radix-ui/react-select'; import * as SeparatorPrimitive from '@radix-ui/react-separator'; import * as SwitchPrimitives from '@radix-ui/react-switch'; import * as TabsPrimitive from '@radix-ui/react-tabs'; import * as ToastPrimitives from '@radix-ui/react-toast'; import * as TogglePrimitive from '@radix-ui/react-toggle'; import * as TooltipPrimitive from '@radix-ui/react-tooltip'; import { ClassValue } from 'clsx'; export { Palette, Pipette } from 'lucide-react'; export { format } from 'date-fns'; declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes>; declare const AccordionItem: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const AccordionTrigger: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const AccordionContent: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; /** * Alert Component * * Yüksek kaliteli, özelleştirilebilir ve erişilebilir alert bileşeni. * Bildirim, uyarı ve dikkat çekmek gereken içerikler için kullanılır. */ declare const alertVariants: (props?: { variant?: "default" | "primary" | "success" | "warning" | "error" | "info"; size?: "default" | "sm" | "lg"; radius?: "none" | "default" | "sm" | "lg" | "full"; withClose?: boolean; } & class_variance_authority_dist_types.ClassProp) => string; interface AlertProps extends React.HTMLAttributes, VariantProps { /** Alert ikonunu gizler */ hideIcon?: boolean; /** Kapatma butonu ekler */ closable?: boolean; /** Kapatma butonu tıklandığında çalışacak fonksiyon */ onClose?: () => void; } declare const Alert: React.ForwardRefExoticComponent>; declare const AlertTitle: React.ForwardRefExoticComponent & React.RefAttributes>; declare const AlertDescription: React.ForwardRefExoticComponent & React.RefAttributes>; /** * Aspect Ratio Component * * A component that maintains a specific aspect ratio for content. * Particularly useful for images, videos, and media content in responsive designs. * Fully integrated with the theme system, accessible and customizable. */ declare const aspectRatioVariants: (props?: { variant?: "default" | "ghost" | "outline" | "card"; radius?: "none" | "sm" | "lg" | "full" | "md"; } & class_variance_authority_dist_types.ClassProp) => string; interface AspectRatioProps extends React.HTMLAttributes, VariantProps { /** * Aspect ratio (width/height). For example 16/9, 4/3, 1/1 etc. * @default 16/9 */ ratio?: number; } declare const AspectRatio: React.ForwardRefExoticComponent>; declare const avatarVariants: (props?: { size?: "default" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl"; radius?: "none" | "default" | "sm" | "lg" | "full"; variant?: "default" | "border" | "ring" | "ringOffset"; } & class_variance_authority_dist_types.ClassProp) => string; interface AvatarProps extends React.ComponentPropsWithoutRef, VariantProps { } declare const Avatar: React.ForwardRefExoticComponent>; declare const AvatarImage: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const AvatarFallback: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; interface AvatarGroupProps extends React.HTMLAttributes { limit?: number; avatars: React.ReactNode[]; overlapOffset?: number; } declare const AvatarGroup: React.ForwardRefExoticComponent>; /** * Premium Badge Component * * Durum, kategori ve etiketleme için yüksek kaliteli badge bileşeni. * Dark ve light modda uyumlu, erişilebilir ve çeşitli varyantlar sunar. */ declare const badgeVariants: (props?: { variant?: "primary" | "success" | "warning" | "ghost" | "outline" | "secondary" | "destructive" | "pro" | "admin"; size?: "sm" | "lg" | "md"; radius?: "none" | "default" | "sm" | "lg"; } & class_variance_authority_dist_types.ClassProp) => string; interface BadgeProps extends React.HTMLAttributes, Omit, 'variant'> { withDot?: boolean; dotColor?: string; removable?: boolean; onRemove?: () => void; leftIcon?: React.ReactNode; rightIcon?: React.ReactNode; variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'ghost' | 'pro' | 'admin'; /** Disable automatic spacing between badges */ noAutoSpacing?: boolean; } /** * Premium Badge Component * * @param props - Badge bileşeni özellikleri * @param props.variant - Badgenin görsel varyantı * @param props.size - Badge boyutu * @param props.radius - Köşe yuvarlama stili * @param props.withDot - Başında nokta gösterimi * @param props.dotColor - Noktanın rengi (özel) * @param props.removable - Kaldırılabilir badge (X simgesi ile) * @param props.onRemove - Kaldırma işlevi * @param props.leftIcon - Badge'in solunda görüntülenecek ikon * @param props.rightIcon - Badge'in sağında görüntülenecek ikon * @param props.noAutoSpacing - Otomatik spacing'i devre dışı bırak */ declare function Badge({ className, variant, size, radius, withDot, dotColor, removable, onRemove, leftIcon, rightIcon, noAutoSpacing, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element; declare const breadcrumbVariants: (props?: { variant?: "default" | "ghost" | "muted"; size?: "default" | "sm" | "lg"; } & class_variance_authority_dist_types.ClassProp) => string; interface BreadcrumbProps extends React.HTMLAttributes, VariantProps { separator?: React.ReactNode; showHomeIcon?: boolean; } interface BreadcrumbListProps extends React.HTMLAttributes { collapsed?: boolean; collapsedWidth?: number; } interface BreadcrumbItemProps extends React.HTMLAttributes { isCurrent?: boolean; href?: string; asChild?: boolean; } interface BreadcrumbSeparatorProps extends React.HTMLAttributes { /** Custom separator icon or text */ icon?: React.ReactNode; } interface BreadcrumbEllipsisProps extends React.HTMLAttributes { /** Custom ellipsis icon */ icon?: React.ReactNode; } declare const Breadcrumb: React.ForwardRefExoticComponent>; declare const BreadcrumbList: React.ForwardRefExoticComponent>; declare const BreadcrumbItem: React.ForwardRefExoticComponent>; declare const BreadcrumbSeparator: { ({ children, className, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element; displayName: string; }; declare const BreadcrumbEllipsis: { ({ className, ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element; displayName: string; }; declare const BreadcrumbLink: React.ForwardRefExoticComponent & React.RefAttributes>; declare const BreadcrumbPage: React.ForwardRefExoticComponent & React.RefAttributes>; /** * Premium Button Component * * A world-class, accessible, and versatile button component. * Pixel-perfect design with extensive variants and states. */ declare const buttonVariants: (props?: { variant?: "link" | "primary" | "success" | "ghost" | "outline" | "secondary" | "destructive" | "gradient" | "glow" | "soft" | "glass" | "neon"; size?: "sm" | "lg" | "md" | "icon" | "xs" | "xl" | "icon-sm" | "icon-lg"; rounded?: "none" | "default" | "sm" | "lg" | "full"; fullWidth?: boolean; } & class_variance_authority_dist_types.ClassProp) => string; interface ButtonProps extends React.ButtonHTMLAttributes, VariantProps { asChild?: boolean; loading?: boolean; leftIcon?: React.ReactNode; rightIcon?: React.ReactNode; } /** * Premium Button Component * * @param props - Button component properties * @param props.variant - Visual variant (primary, secondary, ghost, etc.) * @param props.size - Button size (xs, sm, md, lg, xl) * @param props.loading - Loading state display * @param props.leftIcon - Icon on the left side * @param props.rightIcon - Icon on the right side * @param props.fullWidth - Full width display * @param props.rounded - Corner rounding style (default, full, none) * @param props.asChild - For Radix UI polymorphic component */ declare const Button: React.ForwardRefExoticComponent>; declare const cardVariants: (props?: { variant?: "default" | "outline" | "filled" | "gradient" | "glass" | "elevated"; size?: "default" | "sm" | "lg" | "xl"; radius?: "none" | "default" | "sm" | "lg" | "full"; interactive?: boolean; } & class_variance_authority_dist_types.ClassProp) => string; interface CardProps extends React.HTMLAttributes, VariantProps { asChild?: boolean; microInteraction?: "lift" | "glow" | "scale" | "none"; } declare const Card: React.ForwardRefExoticComponent>; declare const CardHeader: React.ForwardRefExoticComponent & React.RefAttributes>; declare const CardTitle: React.ForwardRefExoticComponent & React.RefAttributes>; declare const CardDescription: React.ForwardRefExoticComponent & React.RefAttributes>; declare const CardContent: React.ForwardRefExoticComponent & React.RefAttributes>; declare const CardFooter: React.ForwardRefExoticComponent & React.RefAttributes>; interface CalendarProps { mode?: "single" | "range" | "multiple"; selected?: Date | Date[] | { from?: Date; to?: Date; } | undefined; onSelect?: (date: Date | Date[] | { from?: Date; to?: Date; } | undefined) => void; disabled?: (date: Date) => boolean; showOutsideDays?: boolean; className?: string; classNames?: Record; numberOfMonths?: number; defaultMonth?: Date; initialFocus?: boolean; } declare function Calendar({ mode, selected, onSelect, disabled, showOutsideDays, className, classNames, numberOfMonths, defaultMonth, ...props }: CalendarProps): react_jsx_runtime.JSX.Element; declare namespace Calendar { var displayName: string; } interface CardNumberInputProps extends Omit, "onChange" | "value"> { value?: string; onChange?: (value: string, cardType: string) => void; showIcon?: boolean; } declare const CardNumberInput: React.ForwardRefExoticComponent>; interface CardExpiryInputProps extends Omit, "onChange" | "value"> { value?: string; onChange?: (value: string) => void; } declare const CardExpiryInput: React.ForwardRefExoticComponent>; interface CardCVCInputProps extends Omit, "onChange" | "value"> { value?: string; onChange?: (value: string) => void; cardType?: string; } declare const CardCVCInput: React.ForwardRefExoticComponent>; interface CardZipInputProps extends Omit, "onChange" | "value"> { value?: string; onChange?: (value: string) => void; format?: "US" | "CA" | "UK" | "other"; } declare const CardZipInput: React.ForwardRefExoticComponent>; /** * Checkbox Bileşeni * * Erişilebilir, özelleştirilebilir ve tema sistemiyle tam entegre checkbox bileşeni. * Form elemanları ve seçim listeleri için kullanılır. */ declare const checkboxVariants: (props?: { variant?: "default" | "ghost" | "outline" | "muted"; size?: "default" | "sm" | "lg" | "md"; radius?: "none" | "default" | "sm" | "full" | "md"; animation?: "none" | "default" | "subtle" | "bounce"; } & class_variance_authority_dist_types.ClassProp) => string; interface CheckboxProps extends React.ComponentPropsWithoutRef, VariantProps { /** * İndeterminate durumu - grup seçimlerinde bazı öğeler seçilmişse kullanılır */ indeterminate?: boolean; /** * Özel ikon komponenti */ icon?: React.ReactNode; } declare const Checkbox: React.ForwardRefExoticComponent>; interface CheckboxGroupProps extends React.HTMLAttributes { /** * Grup içi yerleşim - dikey veya yatay */ orientation?: "horizontal" | "vertical"; /** * Öğeler arasındaki boşluk (piksel) */ spacing?: number | string; /** * Alt bileşenler */ children: React.ReactNode; } declare const CheckboxGroup: React.ForwardRefExoticComponent>; interface CheckboxLabelProps extends React.HTMLAttributes { /** * Checkbox bileşeni için HTML id */ htmlFor?: string; /** * Label içeriği */ children: React.ReactNode; /** * Checkbox öncesi veya sonrası */ position?: "start" | "end"; /** * Devre dışı durum stili */ disabled?: boolean; } declare const CheckboxLabel: React.ForwardRefExoticComponent>; interface CheckboxWithLabelProps extends CheckboxProps { /** * Label içeriği */ label: React.ReactNode; /** * Label pozisyonu */ labelPosition?: "start" | "end"; /** * Label için HTML sınıfları */ labelClassName?: string; } declare const CheckboxWithLabel: React.ForwardRefExoticComponent>; /** * Collapsible (Daraltılabilir) Bileşeni * * İçeriği genişletilip daraltılabilen hafif bir bileşendir. * Tema sistemiyle tam entegre, erişilebilir ve özelleştirilebilir. */ declare const Collapsible: React.ForwardRefExoticComponent>; declare const collapsibleTriggerVariants: (props?: { variant?: "default" | "ghost" | "outline"; size?: "default" | "sm" | "lg" | "md"; } & class_variance_authority_dist_types.ClassProp) => string; interface CollapsibleTriggerProps extends React.ComponentPropsWithoutRef, VariantProps { } declare const CollapsibleTrigger: React.ForwardRefExoticComponent>; declare const collapsibleContentVariants: (props?: { variant?: "default" | "ghost" | "outline"; size?: "default" | "sm" | "lg" | "md"; } & class_variance_authority_dist_types.ClassProp) => string; interface CollapsibleContentProps extends React.ComponentPropsWithoutRef, VariantProps { } declare const CollapsibleContent: React.ForwardRefExoticComponent>; /** * ColorPicker Component * * A comprehensive color picker with multiple input methods */ declare const colorPickerVariants: (props?: { size?: "default" | "sm" | "lg" | "xl"; shape?: "circle" | "square" | "rounded"; } & class_variance_authority_dist_types.ClassProp) => string; interface ColorPickerProps extends Omit, "onChange" | "value">, VariantProps { /** * Current color value */ value?: string; /** * Callback when color changes */ onChange?: (color: string) => void; /** * Show color input */ showInput?: boolean; /** * Show preset colors */ showPresets?: boolean; /** * Preset colors */ presets?: string[]; /** * Allow opacity */ allowOpacity?: boolean; /** * Color format */ format?: "hex" | "rgb" | "hsl"; /** * Disable copy button */ disableCopy?: boolean; /** * Trigger mode */ triggerMode?: "click" | "hover"; } declare function ColorPicker({ className, size, shape, value, onChange, showInput, showPresets, presets, allowOpacity, format, disableCopy, triggerMode, disabled, ...props }: ColorPickerProps): react_jsx_runtime.JSX.Element; /** * SimpleColorPicker Component * * A simplified color picker with preset colors only */ interface SimpleColorPickerProps { value?: string; onChange?: (color: string) => void; colors?: string[]; className?: string; size?: "sm" | "default" | "lg"; } declare function SimpleColorPicker({ value, onChange, colors, className, size, }: SimpleColorPickerProps): react_jsx_runtime.JSX.Element; /** * GradientPicker Component * * Pick gradient colors */ interface GradientPickerProps { value?: { start: string; end: string; angle?: number; }; onChange?: (gradient: { start: string; end: string; angle: number; }) => void; className?: string; } declare function GradientPicker({ value, onChange, className, }: GradientPickerProps): react_jsx_runtime.JSX.Element; /** * Premium Dialog Component * * Modern, accessible and customizable modal dialog component. * Enhances user experience with variants, sizes and rich features. * Provides a premium appearance with dark and light mode compatibility and fluid animations. */ declare const Dialog: React.FC; declare const DialogTrigger: React.ForwardRefExoticComponent>; declare const DialogClose: React.ForwardRefExoticComponent>; declare const overlayVariants: (props?: { variant?: "default" | "subtle" | "minimal" | "blur"; animation?: "default" | "slow" | "fast"; } & class_variance_authority_dist_types.ClassProp) => string; declare const dialogContentVariants: (props?: { variant?: "default" | "primary" | "ghost" | "secondary" | "destructive"; size?: "default" | "sm" | "lg" | "full" | "md" | "xs" | "xl"; radius?: "none" | "default" | "sm" | "lg" | "full" | "xl"; animation?: "none" | "default" | "zoom" | "fade" | "slide"; position?: "default" | "bottom" | "top"; } & class_variance_authority_dist_types.ClassProp) => string; interface DialogContentProps extends Omit, 'title'>, VariantProps { /** X butonunu gizle */ hideCloseButton?: boolean; /** Overlay varyantı */ overlayVariant?: VariantProps["variant"]; /** Overlay animasyonu */ overlayAnimation?: VariantProps["animation"]; /** İçerik başlığı (hızlı kullanım için) */ title?: React.ReactNode; /** İçerik açıklaması (hızlı kullanım için) */ description?: React.ReactNode; /** Başlık ikonu */ icon?: React.ReactNode; /** Yükleniyor durumu */ loading?: boolean; /** Success durumu */ success?: boolean; /** Özel onClose handler */ onClose?: () => void; } declare const DialogContent: React.ForwardRefExoticComponent>; declare const DialogHeader: { ({ className, ...props }: React.HTMLAttributes): react_jsx_runtime.JSX.Element; displayName: string; }; declare const DialogFooter: { ({ className, ...props }: React.HTMLAttributes): react_jsx_runtime.JSX.Element; displayName: string; }; declare const DialogTitle: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const DialogDescription: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; /** * Dialog-Form integration for use with form support * Used to integrate form submission processes into the modal */ declare const DialogForm: React.ForwardRefExoticComponent & React.RefAttributes>; /** * Command (Komut Paleti) Bileşeni * * Gerçek command palette işlevselliği ile klavye navigasyonu, arama ve filtreleme. * cmdk kütüphanesi üzerine inşa edilmiş, tam özellikli command interface. */ declare const commandVariants: (props?: { variant?: "default" | "glass" | "bordered"; size?: "default" | "sm" | "lg"; } & class_variance_authority_dist_types.ClassProp) => string; interface CommandProps extends React.ComponentProps, VariantProps { } declare const Command: React.ForwardRefExoticComponent & React.RefAttributes>; interface CommandDialogProps extends React.ComponentProps { commandClassName?: string; children?: React.ReactNode; } declare const CommandDialog: ({ children, commandClassName, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element; interface CommandInputProps extends React.ComponentProps { } declare const CommandInput: React.ForwardRefExoticComponent & React.RefAttributes>; interface CommandListProps extends React.ComponentProps { } declare const CommandList: React.ForwardRefExoticComponent & React.RefAttributes>; interface CommandEmptyProps extends React.ComponentProps { } declare const CommandEmpty: React.ForwardRefExoticComponent & React.RefAttributes>; interface CommandGroupProps extends React.ComponentProps { } declare const CommandGroup: React.ForwardRefExoticComponent & React.RefAttributes>; interface CommandSeparatorProps extends React.ComponentProps { } declare const CommandSeparator: React.ForwardRefExoticComponent & React.RefAttributes>; interface CommandItemProps extends React.ComponentProps { } declare const CommandItem: React.ForwardRefExoticComponent & React.RefAttributes>; declare const CommandShortcut: { ({ className, ...props }: React.HTMLAttributes): react_jsx_runtime.JSX.Element; displayName: string; }; /** * Basic DataTable Component * * A simple data table with sorting, filtering, and pagination. * For advanced features, upgrade to MoonUI Pro. */ interface DataTableBasicProps { /** * The table columns definition */ columns: ColumnDef[]; /** * The data to display */ data: TData[]; /** * Enable/disable sorting */ enableSorting?: boolean; /** * Enable/disable pagination */ enablePagination?: boolean; /** * Enable/disable global search */ enableSearch?: boolean; /** * Default page size */ pageSize?: number; /** * Search placeholder text */ searchPlaceholder?: string; /** * Empty state message */ emptyMessage?: string; /** * Class name */ className?: string; } declare function DataTableBasic({ columns, data, enableSorting, enablePagination, enableSearch, pageSize, searchPlaceholder, emptyMessage, className, }: DataTableBasicProps): react_jsx_runtime.JSX.Element; /** * Simple sortable header helper */ declare function createSortableHeader(label: string): ({ column }: any) => react_jsx_runtime.JSX.Element; /** * DatePicker Component * * A comprehensive date picker with calendar interface */ declare const datePickerVariants: (props?: { variant?: "default" | "ghost" | "outline"; size?: "default" | "sm" | "lg" | "icon"; state?: "default" | "success" | "warning" | "error"; } & class_variance_authority_dist_types.ClassProp) => string; interface DatePickerProps extends Omit, "onChange" | "value">, VariantProps { /** * Selected date value */ value?: Date; /** * Callback when date changes */ onChange?: (date: Date | undefined) => void; /** * Placeholder text */ placeholder?: string; /** * Date format string */ formatString?: string; /** * Minimum selectable date */ minDate?: Date; /** * Maximum selectable date */ maxDate?: Date; /** * Disabled dates */ disabledDates?: Date[]; /** * Disabled days of week (0-6, Sunday is 0) */ disabledDaysOfWeek?: number[]; /** * Show week numbers */ showWeekNumbers?: boolean; /** * Icon position */ iconPosition?: "left" | "right"; /** * Custom icon */ icon?: React.ReactNode; /** * Allow clear */ allowClear?: boolean; /** * Read only */ readOnly?: boolean; /** * Show today button */ showTodayButton?: boolean; /** * Calendar props */ calendarProps?: React.ComponentProps; } declare function DatePicker({ className, variant, size, state, value, onChange, placeholder, formatString, minDate, maxDate, disabledDates, disabledDaysOfWeek, showWeekNumbers, iconPosition, icon, allowClear, readOnly, showTodayButton, calendarProps, disabled, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element; /** * DateRangePicker Component * * Select a date range with start and end dates */ interface DateRangePickerProps extends Omit { /** * Selected date range */ value?: { from: Date | undefined; to: Date | undefined; }; /** * Callback when date range changes */ onChange?: (range: { from: Date | undefined; to: Date | undefined; } | undefined) => void; /** * Separator between dates */ separator?: string; } declare function DateRangePicker({ className, value, onChange, placeholder, formatString, separator, ...props }: DateRangePickerProps): react_jsx_runtime.JSX.Element; /** * DateTimePicker Component * * Combined date and time picker */ interface DateTimePickerProps extends DatePickerProps { /** * Show time picker */ showTimePicker?: boolean; /** * Time format (12 or 24 hour) */ timeFormat?: "12" | "24"; /** * Time interval in minutes */ timeInterval?: number; } declare function DateTimePicker({ value, onChange, formatString, showTimePicker, timeFormat, timeInterval, ...props }: DateTimePickerProps): react_jsx_runtime.JSX.Element; /** * MonthPicker Component * * Select month and year */ interface MonthPickerProps extends Omit { /** * Format for displaying the month */ formatString?: string; } declare function MonthPicker({ value, onChange, placeholder, formatString, ...props }: MonthPickerProps): react_jsx_runtime.JSX.Element; interface DraggableListProps { items: T[]; onReorder: (items: T[]) => void; renderItem: (item: T, index: number) => React.ReactNode; keyExtractor: (item: T) => string; className?: string; disabled?: boolean; } declare function DraggableList({ items, onReorder, renderItem, keyExtractor, className, disabled }: DraggableListProps): react_jsx_runtime.JSX.Element; declare const DropdownMenu: React.FC; declare const DropdownMenuTrigger: React.ForwardRefExoticComponent>; declare const DropdownMenuGroup: React.ForwardRefExoticComponent>; declare const DropdownMenuPortal: React.FC; declare const DropdownMenuSub: React.FC; declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent>; declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent, "ref"> & { inset?: boolean; } & React.RefAttributes>; declare const DropdownMenuSubContent: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const DropdownMenuContent: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const DropdownMenuItem: React.ForwardRefExoticComponent, "ref"> & { inset?: boolean; } & React.RefAttributes>; declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const DropdownMenuLabel: React.ForwardRefExoticComponent, "ref"> & { inset?: boolean; } & React.RefAttributes>; declare const DropdownMenuSeparator: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const DropdownMenuShortcut: { ({ className, ...props }: React.HTMLAttributes): react_jsx_runtime.JSX.Element; displayName: string; }; interface FileUploadProps { accept?: string; multiple?: boolean; maxSize?: number; maxFiles?: number; disabled?: boolean; className?: string; onUpload?: (files: File[]) => Promise; onRemove?: (fileId: string) => void; children?: React__default.ReactNode; } declare const FileUpload: React__default.ForwardRefExoticComponent>; interface GestureDrawerProps { children: React__default.ReactNode; isOpen: boolean; onOpenChange: (open: boolean) => void; direction?: "up" | "down" | "left" | "right"; threshold?: number; className?: string; overlayClassName?: string; enableSwipeToClose?: boolean; } declare const GestureDrawer: React__default.ForwardRefExoticComponent>; interface GitHubStarsProps { className?: string; size?: 'sm' | 'md' | 'lg'; showForks?: boolean; showWatchers?: boolean; repoUrl?: string; } declare function GitHubStars({ className, size, showForks, showWatchers, repoUrl }: GitHubStarsProps): react_jsx_runtime.JSX.Element; declare function GitHubStarButton({ className, size, repoUrl }: { className?: string; size?: 'sm' | 'md' | 'lg'; repoUrl?: string; }): react_jsx_runtime.JSX.Element; declare const inputVariants: (props?: { variant?: "ghost" | "underline" | "filled" | "standard"; size?: "sm" | "lg" | "md"; hasLeftIcon?: boolean; hasRightIcon?: boolean; hasRightButton?: boolean; isError?: boolean; isSuccess?: boolean; isDisabled?: boolean; } & class_variance_authority_dist_types.ClassProp) => string; interface InputProps extends Omit, "size">, Omit, "isDisabled" | "hasLeftIcon" | "hasRightIcon" | "hasRightButton"> { /** Label metni */ label?: string; /** Floating label animasyonu (Material Design pattern) */ floatingLabel?: boolean; /** Floating label için ek sınıflar */ floatingLabelClassName?: string; /** 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ı */ declare const Input: React.ForwardRefExoticComponent>; declare const Label: React.ForwardRefExoticComponent, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp) => string> & React.RefAttributes>; interface LockedComponentProps { children: React__default.ReactNode; componentName: string; className?: string; showPreview?: boolean; previewDuration?: number; } declare function LockedComponent({ children, componentName, className, showPreview, previewDuration }: LockedComponentProps): react_jsx_runtime.JSX.Element; interface ProComponentWrapperProps { children: React__default.ReactNode; componentId: string; componentName?: string; className?: string; fallback?: React__default.ReactNode; requireCLI?: boolean; } declare function ProComponentWrapper({ children, componentId, componentName, className, fallback, requireCLI }: ProComponentWrapperProps): react_jsx_runtime.JSX.Element; declare function ProBadge({ className }: { className?: string; }): react_jsx_runtime.JSX.Element; declare function FreeBadge({ className }: { className?: string; }): react_jsx_runtime.JSX.Element; interface MoonLogoProps extends React.SVGProps { variant?: "default" | "monochrome" | "gradient"; showText?: boolean; } declare function MoonLogo({ className, variant, showText, ...props }: MoonLogoProps): react_jsx_runtime.JSX.Element; declare function MoonLogoIcon({ className, variant, ...props }: Omit): react_jsx_runtime.JSX.Element; declare function MoonLogoAnimated({ className, variant, showText, ...props }: MoonLogoProps): react_jsx_runtime.JSX.Element; declare const Pagination: { ({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const PaginationContent: React.ForwardRefExoticComponent, HTMLUListElement>, "ref"> & React.RefAttributes>; declare const PaginationItem: React.ForwardRefExoticComponent, HTMLLIElement>, "ref"> & React.RefAttributes>; type PaginationLinkProps = { isActive?: boolean; } & Partial> & React.ComponentProps<"a">; declare const PaginationLink: { ({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element; displayName: string; }; declare const PaginationPrevious: { ({ className, ...props }: React.ComponentProps): react_jsx_runtime.JSX.Element; displayName: string; }; declare const PaginationNext: { ({ className, ...props }: React.ComponentProps): react_jsx_runtime.JSX.Element; displayName: string; }; declare const PaginationEllipsis: { ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element; displayName: string; }; declare const countryCodes: { code: string; country: string; flag: string; name: string; }[]; interface PhoneInputProps extends Omit, "onChange" | "value"> { value?: string; onChange?: (value: string, countryCode: string) => void; defaultCountry?: string; showIcon?: boolean; showCountrySelect?: boolean; countries?: typeof countryCodes; } declare const PhoneInput: React.ForwardRefExoticComponent>; /** * Popover Bileşeni * * Tıklanabilir bir öğeden açılan, tema sistemiyle tam entegre bir içerik bileşeni. * Filtreler, ayarlar ve diğer içerikler için kullanışlı ve erişilebilir bir arayüz sağlar. */ declare const popoverContentVariants: (props?: { variant?: "default" | "outline" | "destructive" | "subtle"; size?: "default" | "sm" | "lg"; side?: "left" | "right" | "bottom" | "top"; position?: "default" | "pointerEventsNone"; radius?: "none" | "default" | "sm" | "lg" | "full"; shadow?: "none" | "default" | "sm" | "lg" | "md" | "xl"; } & class_variance_authority_dist_types.ClassProp) => string; declare const Popover: React.FC; declare const PopoverTrigger: React.ForwardRefExoticComponent>; declare const PopoverAnchor: React.ForwardRefExoticComponent>; interface PopoverContentProps extends Omit, 'side'>, VariantProps { /** * Popover'ın arka plan bulanıklığı etkin mi */ backdrop?: boolean; /** * Popover'a tıklandığında kapanıp kapanmayacağı */ closeOnInteractOutside?: boolean; /** * Popover açıkken arka planın karartılması */ overlayBackdrop?: boolean; } declare const PopoverContent: React.ForwardRefExoticComponent>; /** * PopoverClose bileşeni */ declare const PopoverClose: React.ForwardRefExoticComponent>; /** * Popover için bölüm ayırıcı */ declare const PopoverSeparator: { ({ className, ...props }: React.HTMLAttributes): react_jsx_runtime.JSX.Element; displayName: string; }; /** * Popover başlık bileşeni */ declare const PopoverHeader: { ({ className, ...props }: React.HTMLAttributes): react_jsx_runtime.JSX.Element; displayName: string; }; /** * Popover footer bileşeni */ declare const PopoverFooter: { ({ className, ...props }: React.HTMLAttributes): react_jsx_runtime.JSX.Element; displayName: string; }; /** * Progress Bileşeni * * İlerleme durumunu görsel olarak gösteren, tema sistemiyle tam entegre bir bileşen. * Yükleme işlemleri, form gönderimi ve diğer zaman alan işlemleri göstermek için kullanılır. */ declare const progressVariants: (props?: { variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary"; size?: "default" | "sm" | "lg" | "md" | "xs" | "xl"; radius?: "none" | "default" | "sm" | "lg" | "full"; animation?: "none" | "default" | "smooth" | "fast"; } & class_variance_authority_dist_types.ClassProp) => string; declare const progressIndicatorVariants: (props?: { variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary"; animation?: "none" | "default" | "smooth" | "fast"; } & class_variance_authority_dist_types.ClassProp) => string; interface ProgressProps extends React.HTMLAttributes, VariantProps { /** * İlerleme çubuğu değeri (0-100) */ value?: number; /** * İndikatör (dolgu) için renk varyantı */ indicatorVariant?: VariantProps["variant"]; /** * İlerleme durumunu gösteren metin görünürlüğü */ showValueLabel?: boolean; /** * İlerleme değeri etiketi için format (ör: "30%" veya "3/10") */ valueLabel?: string; /** * Etiket stili */ labelClassName?: string; /** * Belirsiz ilerleme animasyonu (indeterminate) */ indeterminate?: boolean; /** * İlerleme değeri maksimumu (default: 100) */ max?: number; } declare const Progress: React.ForwardRefExoticComponent>; /** * Radio Group Component * * Accessible, customizable, and fully integrated with the theme system radio button group. * Allows users to select a single option from a group of choices. */ declare const radioGroupItemVariants: (props?: { variant?: "default" | "outline" | "filled"; size?: "default" | "sm" | "lg" | "md"; } & class_variance_authority_dist_types.ClassProp) => string; interface RadioGroupProps extends React.HTMLAttributes { /** * Radio group value */ value?: string; /** * Function to call when radio group value changes */ onValueChange?: (value: string) => void; /** * Radio group disabled state */ disabled?: boolean; /** * Radio group name */ name?: string; } declare const RadioGroup: React.ForwardRefExoticComponent>; interface RadioGroupItemProps extends Omit, 'size'>, VariantProps { /** * Custom indicator component */ indicator?: React.ReactNode; /** * HTML id for radio button */ id?: string; /** * Radio button value */ value: string; /** * Radio button disabled state */ disabled?: boolean; } declare const RadioGroupItem: React.ForwardRefExoticComponent>; interface RadioLabelProps extends React.HTMLAttributes { /** * HTML id for radio button */ htmlFor?: string; /** * Label content */ children: React.ReactNode; /** * Disabled state style */ disabled?: boolean; } declare const RadioLabel: React.ForwardRefExoticComponent>; interface RadioItemWithLabelProps extends RadioGroupItemProps { /** * Label content */ label: React.ReactNode; /** * HTML classes for label */ labelClassName?: string; /** * HTML id for radio button */ id?: string; /** * Disabled state */ disabled?: boolean; } declare const RadioItemWithLabel: React.ForwardRefExoticComponent>; interface RichTextEditorProps { value?: string; onChange?: (value: string) => void; placeholder?: string; className?: string; disabled?: boolean; } declare function RichTextEditor({ value, onChange, placeholder, className, disabled }: RichTextEditorProps): react_jsx_runtime.JSX.Element; declare const ScrollArea: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const ScrollBar: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; /** * ScrollReveal Component * * Reveals content with smooth animations when scrolling into view * Built with Framer Motion for performance and flexibility * * @example * ```tsx * * Your content * * ``` */ interface ScrollRevealProps { /** Content to reveal */ children: React.ReactNode; /** Animation direction */ direction?: "up" | "down" | "left" | "right" | "fade" | "scale" | "blur"; /** Animation delay in seconds */ delay?: number; /** Animation duration in seconds */ duration?: number; /** Distance to animate from (pixels) */ distance?: number; /** Viewport threshold for trigger (0-1) */ threshold?: number; /** Trigger animation only once */ once?: boolean; /** Deprecated: Use 'once' instead */ triggerOnce?: boolean; /** Stagger delay for multiple children (deprecated: use ScrollRevealContainer) */ stagger?: number; /** Additional CSS classes */ className?: string; /** Custom animation variants */ variants?: Variants; /** Enable/disable animations */ animate?: boolean; /** Custom styles */ style?: React.CSSProperties; /** Element ID */ id?: string; /** Viewport options for intersection observer */ viewport?: UseInViewOptions; } declare const ScrollReveal: React.ForwardRefExoticComponent>; /** * ScrollRevealContainer Component * * Container for orchestrating staggered scroll reveal animations * Uses Framer Motion's staggerChildren for better performance * * @example * ```tsx * * Item 1 * Item 2 * * ``` */ interface ScrollRevealContainerProps { /** ScrollRevealItem components */ children: React.ReactNode; /** Delay between child animations (seconds) */ stagger?: number; /** Additional CSS classes */ className?: string; /** Custom styles */ style?: React.CSSProperties; /** Element ID */ id?: string; /** Viewport threshold for trigger (0-1) */ threshold?: number; /** Trigger animation only once */ once?: boolean; /** Deprecated: Use 'once' instead */ triggerOnce?: boolean; /** Viewport options for intersection observer */ viewport?: UseInViewOptions; } declare const ScrollRevealContainer: React.ForwardRefExoticComponent>; /** * ScrollRevealItem Component * * Individual item within a ScrollRevealContainer * Automatically inherits timing from parent container * * @example * ```tsx * * Item content * * ``` */ interface ScrollRevealItemProps { /** Content to animate */ children: React.ReactNode; /** Animation direction */ direction?: "up" | "down" | "left" | "right" | "fade" | "scale" | "blur"; /** Animation duration in seconds */ duration?: number; /** Distance to animate from (pixels) */ distance?: number; /** Additional CSS classes */ className?: string; /** Custom animation variants */ variants?: Variants; /** Custom styles */ style?: React.CSSProperties; /** Element ID */ id?: string; } declare const ScrollRevealItem: React.ForwardRefExoticComponent>; /** * Premium Select Component * * Advanced dropdown/select component with variants, sizes and accessibility features. * Compatible with dark and light mode, providing a modern user experience with smooth animations. */ declare const Select: React.FC; declare const SelectGroup: React.ForwardRefExoticComponent>; declare const SelectValue: React.ForwardRefExoticComponent>; type SelectTriggerVariant = "standard" | "outline" | "ghost" | "underline"; type SelectTriggerSize = "sm" | "md" | "lg"; interface SelectTriggerProps extends React.ComponentPropsWithoutRef { /** Visual variant */ variant?: SelectTriggerVariant; /** Size */ size?: SelectTriggerSize; /** Error state */ error?: boolean | string; /** Success state */ success?: boolean; /** Loading state */ loading?: boolean; /** Icon displayed on the left */ leftIcon?: React.ReactNode; /** Icon displayed on the right (instead of default chevron) */ rightIcon?: React.ReactNode; } declare const SelectTrigger: React.ForwardRefExoticComponent>; /** * Scroll Up Button Component */ declare const SelectScrollUpButton: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; /** * Scroll Down Button Component */ declare const SelectScrollDownButton: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const SelectContent: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const SelectLabel: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; type SelectItemVariant = "default" | "subtle" | "destructive" | "success" | "warning"; type SelectItemSize = "sm" | "md" | "lg"; interface SelectItemProps extends React.ComponentPropsWithoutRef { /** Visual variant */ variant?: SelectItemVariant; /** Size */ size?: SelectItemSize; /** Icon displayed on the right */ rightIcon?: React.ReactNode; /** Custom indicator icon (instead of default check) */ customIndicator?: React.ReactNode; } declare const SelectItem: React.ForwardRefExoticComponent>; declare const SelectSeparator: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const separatorVariants: (props?: { orientation?: "horizontal" | "vertical"; variant?: "default" | "dashed" | "dotted" | "gradient"; size?: "sm" | "lg" | "md"; } & class_variance_authority_dist_types.ClassProp) => string; interface SeparatorProps extends Omit, keyof VariantProps>, VariantProps { } declare const Separator: React.ForwardRefExoticComponent>; interface SimpleEditorProps { value?: string; onChange?: (value: string) => void; placeholder?: string; disabled?: boolean; className?: string; minHeight?: number; maxHeight?: number; showToolbar?: boolean; showPreview?: boolean; } declare const SimpleEditor: React__default.ForwardRefExoticComponent>; /** * Skeleton Component * * A loading placeholder that mimics the structure of content. * Fully integrated with the theme system and provides various shapes, sizes, and animations. */ declare const skeletonVariants: (props?: { variant?: "default" | "primary" | "secondary" | "accent"; size?: "default" | "sm" | "lg"; shape?: "circle" | "rect" | "pill"; animation?: "none" | "pulse" | "wave"; } & class_variance_authority_dist_types.ClassProp) => string; interface SkeletonProps extends React.HTMLAttributes, VariantProps { /** * Height of the skeleton */ height?: string | number; /** * Width of the skeleton */ width?: string | number; /** * Whether the content is loaded */ isLoaded?: boolean; /** * Content to show when loaded */ children?: React.ReactNode; /** * Fade-in animation duration in ms */ fadeInDuration?: number; /** * Use motion animation for loading state */ motion?: boolean; } declare const Skeleton: React.ForwardRefExoticComponent>; /** * Text Skeleton Component * * Creates skeleton loading states for text content */ interface SkeletonTextProps extends Omit { /** * Kaç satır gösterileceği */ lines?: number; /** * Satır yüksekliği */ lineHeight?: string | number; /** * Satırlar arası boşluk */ spacing?: string | number; /** * Son satırın genişlik yüzdesi (0-100) */ lastLineWidth?: number; /** * Rastgele satır genişlikleri */ randomWidths?: boolean; } declare const SkeletonText: React.ForwardRefExoticComponent>; /** * Avatar Skeleton Component */ interface SkeletonAvatarProps extends Omit { /** * Avatar boyutu (piksel) */ size?: string | number; } declare const SkeletonAvatar: React.ForwardRefExoticComponent>; /** * Card Skeleton Component */ interface SkeletonCardProps extends Omit { /** * Kart başlığının gösterilip gösterilmeyeceği */ showHeader?: boolean; /** * İçerik satır sayısı */ contentLines?: number; /** * Alt bilgi gösterilip gösterilmeyeceği */ showFooter?: boolean; } declare const SkeletonCard: React.ForwardRefExoticComponent>; /** * Slider Component * * Accessible, customizable slider component fully integrated with the theme system. * Used for value ranges like volume, brightness, price ranges. */ declare const sliderVariants: (props?: { size?: "default" | "sm" | "lg" | "md"; } & class_variance_authority_dist_types.ClassProp) => string; declare const sliderTrackVariants: (props?: { variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary" | "accent"; } & class_variance_authority_dist_types.ClassProp) => string; declare const sliderRangeVariants: (props?: { variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary" | "accent"; } & class_variance_authority_dist_types.ClassProp) => string; declare const sliderThumbVariants: (props?: { variant?: "default" | "primary" | "success" | "warning" | "error" | "secondary" | "accent"; size?: "default" | "sm" | "lg" | "md"; } & class_variance_authority_dist_types.ClassProp) => string; type SliderBaseProps = { /** * Track variant */ trackVariant?: VariantProps["variant"]; /** * Range variant */ rangeVariant?: VariantProps["variant"]; /** * Thumb variant */ thumbVariant?: VariantProps["variant"]; /** * Thumb size */ thumbSize?: VariantProps["size"]; /** * Show value label */ showValueLabel?: boolean; /** * Value label format function */ valueLabelFormat?: (value: number) => string; /** * Value label class name */ valueLabelClassName?: string; /** * Slider value */ value?: number[]; /** * Default value */ defaultValue?: number[]; /** * Function called when value changes */ onValueChange?: (value: number[]) => void; /** * Minimum value */ min?: number; /** * Maximum value */ max?: number; /** * Step value */ step?: number; /** * Slider size */ size?: VariantProps["size"]; /** * Disabled state */ disabled?: boolean; }; declare const Slider: React.ForwardRefExoticComponent, "defaultValue"> & React.RefAttributes>; interface SwipeableCardProps extends React.HTMLAttributes { children: React.ReactNode; onSwipeLeft?: () => void; onSwipeRight?: () => void; threshold?: number; disabled?: boolean; } declare const SwipeableCard: React.ForwardRefExoticComponent>; type SwitchSize = "sm" | "md" | "lg"; type SwitchVariant = "primary" | "success" | "warning" | "danger" | "secondary"; interface SwitchProps extends React.ComponentPropsWithoutRef { /** Switch boyutu */ size?: SwitchSize; /** Switch renk varyantı */ variant?: SwitchVariant; /** Yükleniyor durumunu gösterir */ loading?: boolean; /** Sol tarafta gösterilecek ikon */ leftIcon?: React.ReactNode; /** Sağ tarafta gösterilecek ikon */ rightIcon?: React.ReactNode; /** Switch açıklaması */ description?: string; } declare const Switch: React.ForwardRefExoticComponent>; type SortDirection = "asc" | "desc" | null; declare const tableVariants: (props?: { variant?: "default" | "card" | "minimal" | "bordered" | "striped"; size?: "default" | "sm" | "lg"; } & class_variance_authority_dist_types.ClassProp) => string; interface ColumnDefinition { id: string; header: React.ReactNode; accessorKey?: keyof T; cell?: (row: T) => React.ReactNode; sortable?: boolean; } interface TableProps extends React.HTMLAttributes, VariantProps { /** Veri yükleniyor durumunu gösterir */ loading?: boolean; /** Sıralama için kullanılan sütun */ sortColumn?: string; /** Sıralama yönü */ sortDirection?: SortDirection; /** Sıralama değiştiğinde çağrılacak fonksiyon */ onSortChange?: (column: string, direction: SortDirection) => void; /** Boş durum için özel içerik */ emptyContent?: React.ReactNode; /** Seçili satır id'leri */ selectedRowIds?: string[]; /** Satır seçim değiştiğinde çağrılacak fonksiyon */ onRowSelectionChange?: (selectedRowIds: string[]) => void; /** Satır seçim devre dışı */ disableRowSelection?: boolean; /** Her satır için benzersiz id çıkarma fonksiyonu */ getRowId?: (row: T) => string; } declare const Table: React.ForwardRefExoticComponent & React.RefAttributes>; declare const TableHeader: React.ForwardRefExoticComponent & React.RefAttributes>; interface TableBodyProps extends React.HTMLAttributes { /** Veri yoksa gösterilecek boş durum içeriği */ emptyContent?: React.ReactNode; /** Varsayılan boş durum mesajı */ emptyMessage?: string; } declare const TableBody: React.ForwardRefExoticComponent>; declare const TableFooter: React.ForwardRefExoticComponent & React.RefAttributes>; declare const TableRow: React.ForwardRefExoticComponent & React.RefAttributes>; interface TableHeadProps extends React.ThHTMLAttributes { /** Bu sütun için sıralama durumu */ sortable?: boolean; /** Bu sütunun sıralanma durumu */ sorted?: SortDirection; /** Sıralama değiştiğinde çağrılacak fonksiyon */ onSort?: () => void; /** Text alignment */ align?: 'left' | 'center' | 'right'; } declare const TableHead: React.ForwardRefExoticComponent>; interface TableCellProps extends React.TdHTMLAttributes { /** Text alignment */ align?: 'left' | 'center' | 'right'; } declare const TableCell: React.ForwardRefExoticComponent>; declare const TableCaption: React.ForwardRefExoticComponent & React.RefAttributes>; interface TabsProps extends React.ComponentPropsWithoutRef { /** Mobil görünümde dikey düzen için */ vertical?: boolean; } declare const Tabs: React.ForwardRefExoticComponent>; declare const tabsListVariants: (props?: { variant?: "default" | "underline" | "pills" | "cards" | "minimal"; orientation?: "horizontal" | "vertical"; fullWidth?: boolean; scrollable?: boolean; } & class_variance_authority_dist_types.ClassProp) => string; interface TabsListProps extends React.ComponentPropsWithoutRef, VariantProps { /** Dikey düzende göster */ orientation?: "horizontal" | "vertical"; /** Mobil için yatay scroll */ scrollable?: boolean; } declare const TabsList: React.ForwardRefExoticComponent>; declare const tabsTriggerVariants: (props?: { variant?: "default" | "underline" | "pills" | "cards" | "minimal"; size?: "sm" | "lg" | "md"; orientation?: "horizontal" | "vertical"; fullWidth?: boolean; } & class_variance_authority_dist_types.ClassProp) => string; interface TabsTriggerProps extends React.ComponentPropsWithoutRef, VariantProps { /** İkon konumu */ iconPosition?: "left" | "right" | "none"; /** İkon */ icon?: React.ReactNode; /** Badge içeriği */ badge?: React.ReactNode; /** Aktif olmayan durumda yarı saydam */ fadeTabs?: boolean; /** Dikey düzende göster */ orientation?: "horizontal" | "vertical"; } declare const TabsTrigger: React.ForwardRefExoticComponent>; interface TabsContentProps extends React.ComponentPropsWithoutRef { /** İçerik animasyonu */ animated?: boolean; } declare const TabsContent: React.ForwardRefExoticComponent>; interface TagsInputProps extends Omit, "value" | "onChange"> { value: string[]; onChange: (tags: string[]) => void; maxTags?: number; variant?: "primary" | "secondary" | "destructive" | "outline"; allowDuplicates?: boolean; delimiter?: string; } declare const TagsInput: React.ForwardRefExoticComponent>; /** * Textarea Variant Styles */ declare const textareaVariants: (props?: { variant?: "default" | "ghost" | "outline" | "underline"; size?: "sm" | "lg" | "md"; isError?: boolean; isSuccess?: boolean; } & class_variance_authority_dist_types.ClassProp) => string; interface TextareaProps extends Omit, "size">, Omit, "isError" | "isSuccess"> { /** Hata mesajı */ error?: boolean | string; /** Başarı mesajı */ success?: boolean | string; /** Yükleniyor durumu */ loading?: boolean; /** Otomatik yükseklik ayarlama */ autoResize?: boolean; /** Maksimum yükseklik (px) */ maxHeight?: number; /** Karakter sayacı göster */ characterCount?: boolean; /** Wrapper için ek sınıflar */ wrapperClassName?: string; /** Mesaj için ek sınıflar */ messageClassName?: string; } /** * Advanced Textarea Component * * Features: * - Auto-resize based on content * - Character count display * - Max height constraint * - Multiple variants * - Error/Success states * - Loading state */ declare const Textarea: React.ForwardRefExoticComponent>; declare const ToastProvider: React.FC; declare const ToastViewport: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const toastVariants: (props?: { variant?: "default" | "success" | "warning" | "info" | "destructive"; } & class_variance_authority_dist_types.ClassProp) => string; type ToastProps = React.ComponentPropsWithoutRef & VariantProps; type ToastActionElement = React.ReactElement; declare const ToastAction: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const ToastClose: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const ToastTitle: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; declare const ToastDescription: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; type ToastData = { id: string; title?: React.ReactNode; description?: React.ReactNode; action?: ToastActionElement; variant?: ToastProps["variant"]; duration?: number; open?: boolean; onOpenChange?: (open: boolean) => void; }; declare const Toast: React.ForwardRefExoticComponent, "ref"> & VariantProps<(props?: { variant?: "default" | "success" | "warning" | "info" | "destructive"; } & class_variance_authority_dist_types.ClassProp) => string> & React.RefAttributes>; type Toast = Omit; declare function toast({ ...props }: Toast): { id: string; dismiss: () => void; update: (props: ToastData) => void; }; declare function useToast(): { toast: typeof toast; dismiss: (toastId?: string) => void; toasts: ToastData[]; }; declare function Toaster(): react_jsx_runtime.JSX.Element; declare const toggleVariants: (props?: { variant?: "default" | "outline"; size?: "default" | "sm" | "lg"; } & class_variance_authority_dist_types.ClassProp) => string; interface ToggleProps extends React.ComponentPropsWithoutRef, VariantProps { } declare const Toggle: React.ForwardRefExoticComponent>; declare const TooltipProvider: React.FC; declare const tooltipVariants: (props?: { variant?: "default" | "success" | "warning" | "info" | "secondary" | "destructive"; size?: "sm" | "lg" | "md"; } & class_variance_authority_dist_types.ClassProp) => string; declare const Tooltip: React.FC; declare const TooltipTrigger: React.ForwardRefExoticComponent>; declare const TooltipArrow: React.ForwardRefExoticComponent, "ref"> & React.RefAttributes>; interface TooltipContentProps extends React.ComponentPropsWithoutRef, VariantProps { showArrow?: boolean; } declare const TooltipContent: React.ForwardRefExoticComponent>; interface SimpleTooltipProps { children: React.ReactElement; content: React.ReactNode; variant?: TooltipContentProps["variant"]; size?: TooltipContentProps["size"]; side?: "top" | "right" | "bottom" | "left"; align?: "start" | "center" | "end"; delayDuration?: number; sideOffset?: number; showArrow?: boolean; className?: string; open?: boolean; defaultOpen?: boolean; onOpenChange?: (open: boolean) => void; } declare const SimpleTooltip: React.ForwardRefExoticComponent>; declare function cn(...inputs: ClassValue[]): string; export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertProps, AlertTitle, AspectRatio, AspectRatioProps, Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarProps, Badge, BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonProps, Card, CardCVCInput, CardCVCInputProps, CardContent, CardDescription, CardExpiryInput, CardExpiryInputProps, CardFooter, CardHeader, CardNumberInput, CardNumberInputProps, CardProps, CardTitle, CardZipInput, CardZipInputProps, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxProps, CheckboxWithLabel, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleTrigger, CollapsibleTriggerProps, ColorPicker, ColorPickerProps, ColumnDefinition, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, DateTimePicker, DateTimePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, DraggableList, DraggableListProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadProps, FreeBadge, GestureDrawer, GestureDrawerProps, GitHubStarButton, GitHubStars, GradientPicker, GradientPickerProps, Input, InputProps, Label, LockedComponent, MonthPicker, MonthPickerProps, MoonLogo, MoonLogoAnimated, MoonLogoIcon, Accordion as MoonUIAccordion, AccordionContent as MoonUIAccordionContent, AccordionItem as MoonUIAccordionItem, AccordionTrigger as MoonUIAccordionTrigger, Alert as MoonUIAlert, AlertDescription as MoonUIAlertDescription, AlertProps as MoonUIAlertProps, AlertTitle as MoonUIAlertTitle, AspectRatio as MoonUIAspectRatio, Avatar as MoonUIAvatar, AvatarFallback as MoonUIAvatarFallback, AvatarGroup as MoonUIAvatarGroup, AvatarImage as MoonUIAvatarImage, AvatarProps as MoonUIAvatarProps, Badge as MoonUIBadge, BadgeProps as MoonUIBadgeProps, Breadcrumb as MoonUIBreadcrumb, BreadcrumbEllipsis as MoonUIBreadcrumbEllipsis, BreadcrumbItem as MoonUIBreadcrumbItem, BreadcrumbLink as MoonUIBreadcrumbLink, BreadcrumbList as MoonUIBreadcrumbList, BreadcrumbPage as MoonUIBreadcrumbPage, BreadcrumbSeparator as MoonUIBreadcrumbSeparator, Button as MoonUIButton, ButtonProps as MoonUIButtonProps, Calendar as MoonUICalendar, CalendarProps as MoonUICalendarProps, Card as MoonUICard, CardCVCInput as MoonUICardCVCInput, CardContent as MoonUICardContent, CardDescription as MoonUICardDescription, CardExpiryInput as MoonUICardExpiryInput, CardFooter as MoonUICardFooter, CardHeader as MoonUICardHeader, CardNumberInput as MoonUICardNumberInput, CardProps as MoonUICardProps, CardTitle as MoonUICardTitle, CardZipInput as MoonUICardZipInput, Checkbox as MoonUICheckbox, CheckboxGroup as MoonUICheckboxGroup, CheckboxLabel as MoonUICheckboxLabel, CheckboxProps as MoonUICheckboxProps, CheckboxWithLabel as MoonUICheckboxWithLabel, Collapsible as MoonUICollapsible, CollapsibleContent as MoonUICollapsibleContent, CollapsibleTrigger as MoonUICollapsibleTrigger, ColorPicker as MoonUIColorPicker, ColorPickerProps as MoonUIColorPickerProps, Command as MoonUICommand, CommandDialog as MoonUICommandDialog, CommandEmpty as MoonUICommandEmpty, CommandGroup as MoonUICommandGroup, CommandInput as MoonUICommandInput, CommandItem as MoonUICommandItem, CommandList as MoonUICommandList, CommandSeparator as MoonUICommandSeparator, CommandShortcut as MoonUICommandShortcut, DataTableBasic as MoonUIDataTableBasic, DatePicker as MoonUIDatePicker, DatePickerProps as MoonUIDatePickerProps, DateRangePicker as MoonUIDateRangePicker, DateTimePicker as MoonUIDateTimePicker, Dialog as MoonUIDialog, DialogClose as MoonUIDialogClose, DialogContent as MoonUIDialogContent, DialogDescription as MoonUIDialogDescription, DialogFooter as MoonUIDialogFooter, DialogHeader as MoonUIDialogHeader, DialogTitle as MoonUIDialogTitle, DialogTrigger as MoonUIDialogTrigger, DraggableList as MoonUIDraggableList, DraggableListProps as MoonUIDraggableListProps, DropdownMenu as MoonUIDropdownMenu, DropdownMenuCheckboxItem as MoonUIDropdownMenuCheckboxItem, DropdownMenuContent as MoonUIDropdownMenuContent, DropdownMenuGroup as MoonUIDropdownMenuGroup, DropdownMenuItem as MoonUIDropdownMenuItem, DropdownMenuLabel as MoonUIDropdownMenuLabel, DropdownMenuPortal as MoonUIDropdownMenuPortal, DropdownMenuRadioGroup as MoonUIDropdownMenuRadioGroup, DropdownMenuRadioItem as MoonUIDropdownMenuRadioItem, DropdownMenuSeparator as MoonUIDropdownMenuSeparator, DropdownMenuShortcut as MoonUIDropdownMenuShortcut, DropdownMenuSub as MoonUIDropdownMenuSub, DropdownMenuSubContent as MoonUIDropdownMenuSubContent, DropdownMenuSubTrigger as MoonUIDropdownMenuSubTrigger, DropdownMenuTrigger as MoonUIDropdownMenuTrigger, FileUpload as MoonUIFileUpload, FileUploadProps as MoonUIFileUploadProps, FreeBadge as MoonUIFreeBadge, GestureDrawer as MoonUIGestureDrawer, GestureDrawerProps as MoonUIGestureDrawerProps, GitHubStars as MoonUIGitHubStars, GradientPicker as MoonUIGradientPicker, Input as MoonUIInput, InputProps as MoonUIInputProps, Label as MoonUILabel, LockedComponent as MoonUILockedComponent, MonthPicker as MoonUIMonthPicker, MoonLogo as MoonUIMoonLogo, Pagination as MoonUIPagination, PaginationContent as MoonUIPaginationContent, PaginationEllipsis as MoonUIPaginationEllipsis, PaginationItem as MoonUIPaginationItem, PaginationLink as MoonUIPaginationLink, PaginationNext as MoonUIPaginationNext, PaginationPrevious as MoonUIPaginationPrevious, PhoneInput as MoonUIPhoneInput, Popover as MoonUIPopover, PopoverContent as MoonUIPopoverContent, PopoverTrigger as MoonUIPopoverTrigger, ProBadge as MoonUIProBadge, ProComponentWrapper as MoonUIProComponentWrapper, Progress as MoonUIProgress, ProgressProps as MoonUIProgressProps, RadioGroup as MoonUIRadioGroup, RadioGroupItem as MoonUIRadioGroupItem, RadioGroupProps as MoonUIRadioGroupProps, RadioItemWithLabel as MoonUIRadioItemWithLabel, RadioLabel as MoonUIRadioLabel, RichTextEditor as MoonUIRichTextEditor, ScrollArea as MoonUIScrollArea, ScrollBar as MoonUIScrollBar, ScrollReveal as MoonUIScrollReveal, ScrollRevealContainer as MoonUIScrollRevealContainer, ScrollRevealItem as MoonUIScrollRevealItem, Select as MoonUISelect, SelectContent as MoonUISelectContent, SelectGroup as MoonUISelectGroup, SelectItem as MoonUISelectItem, SelectLabel as MoonUISelectLabel, SelectScrollDownButton as MoonUISelectScrollDownButton, SelectScrollUpButton as MoonUISelectScrollUpButton, SelectSeparator as MoonUISelectSeparator, SelectTrigger as MoonUISelectTrigger, SelectValue as MoonUISelectValue, Separator as MoonUISeparator, SimpleColorPicker as MoonUISimpleColorPicker, SimpleEditor as MoonUISimpleEditor, Skeleton as MoonUISkeleton, SkeletonAvatar as MoonUISkeletonAvatar, SkeletonCard as MoonUISkeletonCard, SkeletonProps as MoonUISkeletonProps, SkeletonText as MoonUISkeletonText, Slider as MoonUISlider, SwipeableCard as MoonUISwipeableCard, Switch as MoonUISwitch, SwitchProps as MoonUISwitchProps, Table as MoonUITable, TableBody as MoonUITableBody, TableCaption as MoonUITableCaption, TableCell as MoonUITableCell, TableFooter as MoonUITableFooter, TableHead as MoonUITableHead, TableHeader as MoonUITableHeader, TableRow as MoonUITableRow, Tabs as MoonUITabs, TabsContent as MoonUITabsContent, TabsList as MoonUITabsList, TabsTrigger as MoonUITabsTrigger, TagsInput as MoonUITagsInput, Textarea as MoonUITextarea, TextareaProps as MoonUITextareaProps, Toast as MoonUIToast, ToastAction as MoonUIToastAction, ToastClose as MoonUIToastClose, ToastDescription as MoonUIToastDescription, ToastProvider as MoonUIToastProvider, ToastTitle as MoonUIToastTitle, ToastViewport as MoonUIToastViewport, Toaster as MoonUIToaster, Toggle as MoonUIToggle, Tooltip as MoonUITooltip, TooltipContent as MoonUITooltipContent, TooltipProvider as MoonUITooltipProvider, TooltipTrigger as MoonUITooltipTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneInput, PhoneInputProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverContentProps, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, ProBadge, ProComponentWrapper, Progress, ProgressProps, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps, RadioItemWithLabel, RadioLabel, RichTextEditor, RichTextEditorProps, ScrollArea, ScrollBar, ScrollReveal, ScrollRevealContainer, ScrollRevealContainerProps, ScrollRevealItem, ScrollRevealItemProps, ScrollRevealProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorProps, SimpleColorPicker, SimpleColorPickerProps, SimpleEditor, SimpleEditorProps, SimpleTooltip, SimpleTooltipProps, Skeleton, SkeletonAvatar, SkeletonAvatarProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonText, SkeletonTextProps, Slider, SortDirection, SwipeableCard, SwipeableCardProps, Switch, SwitchProps, SwitchSize, SwitchVariant, Table, TableBody, TableBodyProps, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TagsInputProps, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleProps, Tooltip, TooltipArrow, TooltipContent, TooltipContentProps, TooltipProvider, TooltipTrigger, aspectRatioVariants, badgeVariants, buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, badgeVariants as moonUIBadgeVariants, buttonVariants as moonUIButtonVariants, createSortableHeader as moonUICreateSortableHeader, skeletonVariants as moonUISkeletonVariants, toggleVariants as moonUIToggleVariants, popoverContentVariants, progressVariants, separatorVariants, skeletonVariants, toast, toggleVariants, tooltipVariants, useToast };