@moontra/moonui 0.1.0 → 0.1.1

package/dist/index.d.mts

@@ -1,8 +1,18 @@
 import { ClassValue } from 'clsx';
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 
 /**
  * Utility function for merging Tailwind CSS classes with clsx/cva
@@ -45,8 +55,102 @@ declare function debounce<T extends (...args: any[]) => any>(fn: T, ms?: number)
  */
 declare function combineRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
 
+/**
+ * Tema türleri için temel renk paletini tanımlayan tip
+ */
+type ThemeColors = {
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    error: string;
+    background: string;
+    foreground: string;
+    card: string;
+    cardForeground: string;
+    border: string;
+    muted: string;
+    mutedForeground: string;
+    accent: string;
+    accentForeground: string;
+};
+/**
+ * Tema yapılandırma tipi
+ */
+type ThemeConfig = {
+    colors: ThemeColors;
+    borderRadius: {
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+    };
+    spacing: {
+        1: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+    };
+    extensions?: Record<string, Record<string, string> | string>;
+};
+/**
+ * Tema hazır şablonları
+ */
+type ThemePreset = 'default' | 'modern' | 'rounded' | 'minimal';
+interface ThemeProviderProps {
+    children: ReactNode;
+    defaultColorMode?: 'light' | 'dark';
+    preset?: ThemePreset;
+    lightTheme?: Partial<ThemeConfig>;
+    darkTheme?: Partial<ThemeConfig>;
+    extensions?: Record<string, Record<string, string> | string>;
+}
+/**
+ * Tema bağlamı için tip
+ */
+interface ThemeContextType {
+    theme: ThemeConfig;
+    colorMode: 'light' | 'dark';
+    setColorMode: (mode: 'light' | 'dark') => void;
+    updateTheme: (config: Partial<ThemeConfig>) => void;
+}
+/**
+ * Tema bağlamı için tip
+ */
+interface ThemeContextType {
+    theme: ThemeConfig;
+    colorMode: 'light' | 'dark';
+    setColorMode: (mode: 'light' | 'dark') => void;
+    updateTheme: (config: Partial<ThemeConfig>) => void;
+    setThemePreset: (preset: ThemePreset) => void;
+}
+/**
+ * Tema kullanma kancası
+ */
+declare const useTheme: () => ThemeContextType;
+/**
+ * CSS değişkenlerini tema konfigürasyonundan oluşturma fonksiyonu
+ */
+declare const createCssVariables: (theme: ThemeConfig) => Record<string, string>;
+
+/**
+ * MoonUI tema sağlayıcı bileşeni
+ * Bu bileşen, tema mantığını ve CSS değişkenlerini yönetir
+ */
+declare const ThemeProvider: React__default.FC<ThemeProviderProps>;
+
 declare const buttonVariants: (props?: {
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "primary" | "success";
+    variant?: "default" | "primary" | "secondary" | "success" | "link" | "destructive" | "outline" | "ghost";
     size?: "default" | "sm" | "lg" | "icon";
 } & class_variance_authority_dist_types.ClassProp) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -55,7 +159,7 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const badgeVariants: (props?: {
-    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info";
+    variant?: "default" | "secondary" | "success" | "warning" | "destructive" | "outline" | "info";
 } & class_variance_authority_dist_types.ClassProp) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
@@ -70,4 +174,736 @@ declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttribut
 
 type CardProps = React$1.ComponentProps<typeof Card>;
 
-export { Badge, BadgeProps, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle, badgeVariants, buttonVariants, cn, combineRefs, debounce, formatCurrency, generateId, get };
+type InputProps = React$1.InputHTMLAttributes<HTMLInputElement>;
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>;
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * 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$1.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const overlayVariants: (props?: {
+    variant?: "default" | "minimal" | "subtle" | "blur";
+    animation?: "default" | "slow" | "fast";
+} & class_variance_authority_dist_types.ClassProp) => string;
+declare const dialogContentVariants: (props?: {
+    variant?: "default" | "primary" | "secondary" | "destructive" | "ghost";
+    size?: "default" | "sm" | "md" | "lg" | "full" | "xs" | "xl";
+    radius?: "default" | "sm" | "lg" | "full" | "xl" | "none";
+    animation?: "default" | "none" | "zoom" | "fade" | "slide";
+    position?: "default" | "bottom" | "top";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface DialogContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, 'title' | 'description'>, VariantProps<typeof dialogContentVariants> {
+    hideCloseButton?: boolean;
+    overlayVariant?: VariantProps<typeof overlayVariants>['variant'];
+    overlayAnimation?: VariantProps<typeof overlayVariants>['animation'];
+    /** Dialog title, automatically adds DialogHeader and Title if provided */
+    title?: React$1.ReactNode;
+    /** Dialog description, automatically adds DialogDescription if provided */
+    description?: React$1.ReactNode;
+    /** Optional icon to display beside the title/description in the header */
+    icon?: React$1.ReactNode;
+    /** If true, shows a loading spinner in the header icon position */
+    loading?: boolean;
+    /** If true, shows a success checkmark in the header icon position */
+    success?: boolean;
+    /** Custom onClose handler for advanced close logic */
+    onClose?: () => void;
+}
+declare const DialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Dialog-Form integration for use with form support
+ * Used to integrate form submission processes into the modal
+ */
+declare const DialogForm: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLFormElement> & React$1.RefAttributes<HTMLFormElement>>;
+
+interface TabsProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
+    /** For vertical layout in mobile view */
+    vertical?: boolean;
+}
+declare const Tabs: React$1.ForwardRefExoticComponent<TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const tabsListVariants: (props?: {
+    variant?: "default" | "minimal" | "underline" | "pills" | "cards";
+    orientation?: "horizontal" | "vertical";
+    fullWidth?: boolean;
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface TabsListProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
+    /** Display in vertical layout */
+    orientation?: "horizontal" | "vertical";
+}
+declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const tabsTriggerVariants: (props?: {
+    variant?: "default" | "minimal" | "underline" | "pills" | "cards";
+    size?: "sm" | "md" | "lg";
+    orientation?: "horizontal" | "vertical";
+    fullWidth?: boolean;
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface TabsTriggerProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabsTriggerVariants> {
+    /** Icon position */
+    iconPosition?: "left" | "right" | "none";
+    /** Icon */
+    icon?: React$1.ReactNode;
+    /** Badge content */
+    badge?: React$1.ReactNode;
+    /** Semi-transparent when not active */
+    fadeTabs?: boolean;
+    /** Display in vertical layout */
+    orientation?: "horizontal" | "vertical";
+}
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends React$1.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
+    /** Content animation */
+    animated?: boolean;
+}
+declare const TabsContent: React$1.ForwardRefExoticComponent<TabsContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const avatarVariants: (props?: {
+    size?: "default" | "sm" | "md" | "lg" | "xs" | "xl" | "2xl";
+    radius?: "default" | "sm" | "lg" | "full" | "none";
+    variant?: "default" | "border" | "ring" | "ringOffset";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface AvatarProps extends React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+}
+declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * 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?: "default" | "sm" | "lg" | "full" | "none";
+    withClose?: boolean;
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    /** Alert ikonunu gizler */
+    hideIcon?: boolean;
+    /** Kapatma butonu ekler */
+    closable?: boolean;
+    /** Kapatma butonu tıklandığında çalışacak fonksiyon */
+    onClose?: () => void;
+}
+declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+/**
+ * Toast (Anlık Bildirim) Bileşeni
+ *
+ * Kullanıcıya anlık geri bildirim ve bildirimler göstermek için kullanılır.
+ * Tema sistemiyle tam entegrasyonlu ve farklı varyantlara sahiptir.
+ */
+declare const ToastProvider: React$1.Context<{
+    add: (toast: ToastProps) => string;
+    remove: (id: string) => void;
+    removeAll: () => void;
+}>;
+declare const useToast: () => {
+    add: (toast: ToastProps) => string;
+    remove: (id: string) => void;
+    removeAll: () => void;
+};
+declare const toastVariants: (props?: {
+    variant?: "default" | "primary" | "success" | "warning" | "error" | "destructive" | "info";
+    size?: "default" | "sm" | "lg";
+    radius?: "default" | "sm" | "lg" | "full" | "none";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface ToastProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof toastVariants> {
+    id?: string;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    action?: React$1.ReactNode;
+    onClose?: () => void;
+    autoClose?: boolean;
+    duration?: number;
+    hideIcon?: boolean;
+    showProgress?: boolean;
+}
+declare const Toast: React$1.FC<ToastProps>;
+interface ToastContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    position?: "top-right" | "top-center" | "top-left" | "bottom-right" | "bottom-center" | "bottom-left";
+    gap?: number;
+    maxToasts?: number;
+}
+declare const ToastContainer: React$1.FC<ToastContainerProps>;
+
+/**
+ * Tooltip Bileşeni
+ *
+ * Kullanıcı bir elementin üzerine geldiğinde ek bilgi göstermek için kullanılır.
+ * Tema sistemiyle tam entegrasyonlu ve farklı boyut, varyant ve pozisyonlara sahiptir.
+ */
+declare const tooltipContentVariants: (props?: {
+    variant?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "info";
+    size?: "default" | "sm" | "lg";
+    radius?: "default" | "sm" | "lg" | "full" | "none";
+    shadow?: "default" | "sm" | "lg" | "none";
+    side?: "left" | "right" | "bottom" | "top";
+    align?: "center" | "end" | "start";
+    visible?: boolean;
+    arrow?: boolean;
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface TooltipContentProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tooltipContentVariants> {
+    /** Tooltip okunu gösterip gizleme */
+    hideArrow?: boolean;
+    /** Ok rengi (hexadecimal veya CSS değişkeni) */
+    arrowColor?: string;
+}
+interface TooltipProps extends React$1.PropsWithChildren {
+    /** Gösterilecek tooltip içeriği */
+    content: React$1.ReactNode;
+    /** Tooltip açılma gecikmesi (ms) */
+    delayDuration?: number;
+    /** Tooltip pozisyonu */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Tooltip hizalaması */
+    align?: "start" | "center" | "end";
+    /** Tooltip ile trigger arasındaki mesafe (piksel) */
+    sideOffset?: number;
+    /** Tooltip varyantı */
+    variant?: VariantProps<typeof tooltipContentVariants>["variant"];
+    /** Tooltip boyutu */
+    size?: VariantProps<typeof tooltipContentVariants>["size"];
+    /** Tooltip kenar yuvarlaklığı */
+    radius?: VariantProps<typeof tooltipContentVariants>["radius"];
+    /** Tooltip gölge boyutu */
+    shadow?: VariantProps<typeof tooltipContentVariants>["shadow"];
+    /** Tooltip devre dışı */
+    disabled?: boolean;
+    /** Ek içerik sınıfı */
+    contentClassName?: string;
+    /** Ek tetikleyici sınıfı */
+    triggerClassName?: string;
+}
+declare function Tooltip({ children, content, delayDuration, side, align, variant, size, radius, shadow, disabled, contentClassName, triggerClassName, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
+
+/**
+ * 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" | "muted" | "outline" | "ghost";
+    size?: "default" | "sm" | "md" | "lg";
+    radius?: "default" | "sm" | "md" | "full" | "none";
+    animation?: "default" | "none" | "subtle" | "bounce";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
+    /**
+     * İndeterminate durumu - grup seçimlerinde bazı öğeler seçilmişse kullanılır
+     */
+    indeterminate?: boolean;
+    /**
+     * Özel ikon komponenti
+     */
+    icon?: React$1.ReactNode;
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface CheckboxGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 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$1.ReactNode;
+}
+declare const CheckboxGroup: React$1.ForwardRefExoticComponent<CheckboxGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CheckboxLabelProps extends React$1.HTMLAttributes<HTMLLabelElement> {
+    /**
+     * Checkbox bileşeni için HTML id
+     */
+    htmlFor?: string;
+    /**
+     * Label içeriği
+     */
+    children: React$1.ReactNode;
+    /**
+     * Checkbox öncesi veya sonrası
+     */
+    position?: "start" | "end";
+    /**
+     * Devre dışı durum stili
+     */
+    disabled?: boolean;
+}
+declare const CheckboxLabel: React$1.ForwardRefExoticComponent<CheckboxLabelProps & React$1.RefAttributes<HTMLLabelElement>>;
+interface CheckboxWithLabelProps extends CheckboxProps {
+    /**
+     * Label içeriği
+     */
+    label: React$1.ReactNode;
+    /**
+     * Label pozisyonu
+     */
+    labelPosition?: "start" | "end";
+    /**
+     * Label için HTML sınıfları
+     */
+    labelClassName?: string;
+}
+declare const CheckboxWithLabel: React$1.ForwardRefExoticComponent<CheckboxWithLabelProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Radio Group Bileşeni
+ *
+ * Erişilebilir, özelleştirilebilir ve tema sistemiyle tam entegre radio button grubu.
+ * Kullanıcıların bir grup seçenek arasından tek bir seçim yapmasını sağlar.
+ */
+declare const radioGroupItemVariants: (props?: {
+    variant?: "default" | "outline" | "filled";
+    size?: "default" | "sm" | "md" | "lg";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface RadioGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Radio grubu değeri
+     */
+    value?: string;
+    /**
+     * Radio grubu değeri değiştiğinde çalışacak fonksiyon
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Radio grubunun devre dışı olma durumu
+     */
+    disabled?: boolean;
+    /**
+     * Radio grubu adı
+     */
+    name?: string;
+}
+declare const RadioGroup: React$1.ForwardRefExoticComponent<RadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+interface RadioGroupItemProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof radioGroupItemVariants> {
+    /**
+     * Özel indicator komponenti
+     */
+    indicator?: React$1.ReactNode;
+    /**
+     * Radio butonu için HTML id
+     */
+    id?: string;
+    /**
+     * Radio butonu değeri
+     */
+    value: string;
+    /**
+     * Radio butonu devre dışı durumu
+     */
+    disabled?: boolean;
+}
+declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<HTMLInputElement>>;
+interface RadioLabelProps extends React$1.HTMLAttributes<HTMLLabelElement> {
+    /**
+     * Radio butonu için HTML id
+     */
+    htmlFor?: string;
+    /**
+     * Label içeriği
+     */
+    children: React$1.ReactNode;
+    /**
+     * Devre dışı durum stili
+     */
+    disabled?: boolean;
+}
+declare const RadioLabel: React$1.ForwardRefExoticComponent<RadioLabelProps & React$1.RefAttributes<HTMLLabelElement>>;
+interface RadioItemWithLabelProps extends RadioGroupItemProps {
+    /**
+     * Label içeriği
+     */
+    label: React$1.ReactNode;
+    /**
+     * Label için HTML sınıfları
+     */
+    labelClassName?: string;
+    /**
+     * Radio butonu için HTML id
+     */
+    id?: string;
+    /**
+     * Devre dışı durum
+     */
+    disabled?: boolean;
+}
+declare const RadioItemWithLabel: React$1.ForwardRefExoticComponent<RadioItemWithLabelProps & React$1.RefAttributes<HTMLInputElement>>;
+
+/**
+ * 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" | "secondary" | "success" | "warning" | "error";
+    size?: "default" | "sm" | "md" | "lg" | "xs" | "xl";
+    radius?: "default" | "sm" | "lg" | "full" | "none";
+    animation?: "default" | "none" | "smooth" | "fast";
+} & class_variance_authority_dist_types.ClassProp) => string;
+declare const progressIndicatorVariants: (props?: {
+    variant?: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    animation?: "default" | "none" | "smooth" | "fast";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface ProgressProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressVariants> {
+    /**
+     * İlerleme çubuğu değeri (0-100)
+     */
+    value?: number;
+    /**
+     * İndikatör (dolgu) için renk varyantı
+     */
+    indicatorVariant?: VariantProps<typeof progressIndicatorVariants>["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$1.ForwardRefExoticComponent<ProgressProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Skeleton (İskelet) Bileşeni
+ *
+ * İçerik yüklenirken gösterilen, tema sistemiyle tam entegre bir iskelet yükleme bileşeni.
+ * Farklı şekil, boyut ve animasyon seçenekleri sunar.
+ */
+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$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
+    /**
+     * Skeletonun yüksekliği
+     */
+    height?: string | number;
+    /**
+     * Skeletonun genişliği
+     */
+    width?: string | number;
+    /**
+     * Skeletonun gösterilip gösterilmeyeceği
+     */
+    isLoaded?: boolean;
+    /**
+     * Skeleton yüklendikten sonra gösterilecek içerik
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Yüklenen içeriğin fade-in animasyon süresi (ms)
+     */
+    fadeInDuration?: number;
+}
+declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Metin İskelet Bileşeni
+ *
+ * Metin paragraf şeklinde iskeleton oluşturur
+ */
+interface SkeletonTextProps extends Omit<SkeletonProps, "children" | "isLoaded"> {
+    /**
+     * 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$1.ForwardRefExoticComponent<SkeletonTextProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Avatar İskelet Bileşeni
+ */
+interface SkeletonAvatarProps extends Omit<SkeletonProps, "shape" | "size"> {
+    /**
+     * Avatar boyutu (piksel)
+     */
+    size?: string | number;
+}
+declare const SkeletonAvatar: React$1.ForwardRefExoticComponent<SkeletonAvatarProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * İskelet Kart Bileşeni
+ */
+interface SkeletonCardProps extends Omit<SkeletonProps, "children" | "isLoaded"> {
+    /**
+     * 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$1.ForwardRefExoticComponent<SkeletonCardProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * 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" | "destructive" | "outline" | "subtle";
+    size?: "default" | "sm" | "lg";
+    side?: "left" | "right" | "bottom" | "top";
+    position?: "default" | "pointerEventsNone";
+    radius?: "default" | "sm" | "lg" | "full" | "none";
+    shadow?: "default" | "sm" | "md" | "lg" | "xl" | "none";
+} & class_variance_authority_dist_types.ClassProp) => string;
+declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
+interface PopoverContentProps extends React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, VariantProps<typeof popoverContentVariants> {
+    /**
+     * 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$1.ForwardRefExoticComponent<PopoverContentProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * PopoverClose bileşeni
+ */
+declare const PopoverClose: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Popover için bölüm ayırıcı
+ */
+declare const PopoverSeparator: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * Popover başlık bileşeni
+ */
+declare const PopoverHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+/**
+ * Popover footer bileşeni
+ */
+declare const PopoverFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const breadcrumbVariants: (props?: {
+    variant?: "default" | "primary" | "muted" | "accent" | "ghost";
+    size?: "default" | "sm" | "md" | "lg";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface BreadcrumbProps extends React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, VariantProps<typeof breadcrumbVariants> {
+    separator?: React$1.ReactNode;
+    showHomeIcon?: boolean;
+}
+interface BreadcrumbListProps extends React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement> {
+    collapsed?: boolean;
+    collapsedWidth?: number;
+}
+interface BreadcrumbItemProps extends React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> {
+    isCurrent?: boolean;
+    href?: string;
+    asChild?: boolean;
+}
+interface BreadcrumbSeparatorProps extends React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> {
+    /** Custom separator icon or text */
+    icon?: React$1.ReactNode;
+}
+interface BreadcrumbEllipsisProps extends React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> {
+    /** Custom ellipsis icon */
+    icon?: React$1.ReactNode;
+}
+declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<BreadcrumbListProps, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+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 Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
+declare const accordionItemVariants: (props?: {
+    variant?: "default" | "card" | "outline";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface AccordionItemProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>, VariantProps<typeof accordionItemVariants> {
+}
+declare const AccordionItem: React$1.ForwardRefExoticComponent<AccordionItemProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const accordionTriggerVariants: (props?: {
+    variant?: "default" | "outline" | "ghost";
+    size?: "default" | "sm" | "md" | "lg";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface AccordionTriggerProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, VariantProps<typeof accordionTriggerVariants> {
+}
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const accordionContentVariants: (props?: {
+    variant?: "default" | "outline" | "ghost";
+    size?: "default" | "sm" | "md" | "lg";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface AccordionContentProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>, VariantProps<typeof accordionContentVariants> {
+}
+declare const AccordionContent: React$1.ForwardRefExoticComponent<AccordionContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const collapsibleTriggerVariants: (props?: {
+    variant?: "default" | "outline" | "ghost";
+    size?: "default" | "sm" | "md" | "lg";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface CollapsibleTriggerProps extends React$1.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>, VariantProps<typeof collapsibleTriggerVariants> {
+}
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const collapsibleContentVariants: (props?: {
+    variant?: "default" | "outline" | "ghost";
+    size?: "default" | "sm" | "md" | "lg";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface CollapsibleContentProps extends React$1.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>, VariantProps<typeof collapsibleContentVariants> {
+}
+declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const aspectRatioVariants: (props?: {
+    variant?: "default" | "card" | "outline" | "ghost";
+    radius?: "sm" | "md" | "lg" | "full" | "none";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface AspectRatioProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof aspectRatioVariants> {
+    /**
+     * En-boy oranı (width/height). Örneğin 16/9, 4/3, 1/1 gibi.
+     * @default 16/9
+     */
+    ratio?: number;
+}
+declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const commandVariants: (props?: {
+    variant?: "default" | "glass" | "bordered";
+    size?: "default" | "sm" | "lg";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface CommandProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof commandVariants> {
+}
+declare const Command: React$1.ForwardRefExoticComponent<CommandProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CommandDialogProps extends React$1.ComponentProps<typeof Dialog> {
+    commandClassName?: string;
+    children?: React$1.ReactNode;
+}
+declare const CommandDialog: ({ children, commandClassName, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
+declare const commandInputVariants: (props?: {
+    variant?: "default" | "minimal" | "bordered";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface CommandInputProps extends React$1.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof commandInputVariants> {
+}
+declare const CommandInput: React$1.ForwardRefExoticComponent<CommandInputProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const commandListVariants: (props?: {
+    variant?: "default" | "compact" | "scrollable";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface CommandListProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof commandListVariants> {
+}
+declare const CommandList: React$1.ForwardRefExoticComponent<CommandListProps & React$1.RefAttributes<HTMLDivElement>>;
+interface CommandEmptyProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    emptyMessage?: string;
+}
+declare const CommandEmpty: React$1.ForwardRefExoticComponent<CommandEmptyProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const commandGroupVariants: (props?: {
+    variant?: "default" | "separated" | "indented";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface CommandGroupProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof commandGroupVariants> {
+    heading?: React$1.ReactNode;
+}
+declare const CommandGroup: React$1.ForwardRefExoticComponent<CommandGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const commandItemVariants: (props?: {
+    variant?: "default" | "ghost" | "subtle";
+} & class_variance_authority_dist_types.ClassProp) => string;
+interface CommandItemProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onSelect'>, VariantProps<typeof commandItemVariants> {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    selected?: boolean;
+    value?: string;
+}
+declare const CommandItem: React$1.ForwardRefExoticComponent<CommandItemProps & React$1.RefAttributes<HTMLDivElement>>;
+type CommandShortcutProps = React$1.HTMLAttributes<HTMLSpanElement>;
+declare const CommandShortcut: {
+    ({ className, ...props }: CommandShortcutProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionTrigger, AccordionTriggerProps, Alert, AlertDescription, AlertProps, AlertTitle, AspectRatio, AspectRatioProps, Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle, Checkbox, CheckboxGroup, CheckboxLabel, CheckboxProps, CheckboxWithLabel, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleTrigger, CollapsibleTriggerProps, Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogForm, DialogHeader, DialogTitle, DialogTrigger, Input, InputProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverContentProps, PopoverFooter, PopoverHeader, PopoverSeparator, PopoverTrigger, Progress, ProgressProps, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioItemWithLabel, RadioLabel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonAvatarProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonText, SkeletonTextProps, Switch, SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, ThemeColors, ThemeConfig, ThemeProvider, ThemeProviderProps, Toast, ToastContainer, ToastProps, ToastProvider, Tooltip, TooltipContentProps, TooltipProps, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, aspectRatioVariants, badgeVariants, buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, combineRefs, commandGroupVariants, commandInputVariants, commandItemVariants, commandListVariants, commandVariants, createCssVariables, debounce, formatCurrency, generateId, get, popoverContentVariants, progressVariants, skeletonVariants, toastVariants, tooltipContentVariants, useTheme, useToast };