@moontra/moonui-pro 2.8.14 → 2.9.0

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { twMerge } from 'tailwind-merge';
 import * as t from 'react';
 import t__default, { useState, useRef, useCallback, forwardRef, createContext, useEffect, useContext, useMemo, useLayoutEffect, useDebugValue, Component } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, Minus, Search, ChevronRight, Circle, ChevronUp, Lock, Sparkles, Plus, CreditCard, Globe, CheckCircle2, XCircle, RotateCcw, Download, Clock, HelpCircle, ChevronLeft, Calendar as Calendar$1, Edit, Trash2, MapPin, User, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, Eye, RefreshCw, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Zap, Languages, Lightbulb, Copy, TrendingUp, TrendingDown, ZoomOut, ZoomIn, FileSpreadsheet, FileJson, Maximize2, Move, Menu, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Upload, Share2, Save, Filter, FileDown, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, Star, ExternalLink, CalendarIcon, DollarSign, Users, Github, GitFork, Activity, Server, EyeOff, RotateCw, Timer, Cpu, MemoryStick, HardDrive, Network, BarChart3, Video, Music, Archive, File, Columns, Grip, Unlock, Minimize2, Map as Map$1, Target, MoreVertical, BellOff, ArrowDownRight, ArrowUpRight } from 'lucide-react';
+import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, Minus, Search, ChevronRight, Circle, ChevronUp, Lock, Sparkles, Plus, Upload, Play, Eye, CheckCircle2, Pause, RotateCcw, Download, Copy, Share, Trash2, CreditCard, Globe, XCircle, Clock, HelpCircle, ChevronLeft, Calendar as Calendar$1, Edit, MapPin, User, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, RefreshCw, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Zap, Languages, Lightbulb, TrendingUp, TrendingDown, ZoomOut, ZoomIn, FileSpreadsheet, FileJson, Maximize2, Move, Menu, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Share2, Save, Video, Music, Archive, File, Filter, FileDown, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, Star, ExternalLink, CalendarIcon, DollarSign, Users, Github, GitFork, Activity, Server, EyeOff, RotateCw, Timer, Cpu, MemoryStick, HardDrive, Network, BarChart3, Columns, Grip, Unlock, Minimize2, Map as Map$1, Target, MoreVertical, BellOff, ArrowDownRight, ArrowUpRight } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -49963,19 +49963,19 @@ var GeminiProvider = class {
     return this.callGeminiAPI(prompt);
   }
   async rewrite(text) {
-    const prompt = `Rewrite this text to be clearer and more engaging. Respond in the same language:
+    const prompt = `Rewrite the following text to make it clearer, more engaging, and better structured while maintaining the original meaning. Respond in the same language:
 
 ${text}`;
     return this.callGeminiAPI(prompt);
   }
   async expand(text) {
-    const prompt = `Expand this text with more details and examples. Respond in the same language:
+    const prompt = `Expand this text with more details, specific examples, explanations, and supporting information while keeping the same structure and tone. Respond in the same language:
 
 ${text}`;
     return this.callGeminiAPI(prompt);
   }
   async summarize(text) {
-    const prompt = `Create a detailed summary including key points, arguments, and examples. Respond in the same language:
+    const prompt = `Create a comprehensive summary that captures all key points, main arguments, important details, and significant examples from the text. The summary should be thorough enough to understand the core message. Respond in the same language:
 
 ${text}`;
     return this.callGeminiAPI(prompt);
@@ -50071,19 +50071,19 @@ var OpenAIProvider = class {
   }
   async rewrite(text) {
     return this.callOpenAI(
-      "Rewrite to be clearer and more engaging. Same language as input.",
+      "Rewrite the text to be clearer, more engaging, and better structured while maintaining the original meaning. Respond in the same language as the input.",
       text
     );
   }
   async expand(text) {
     return this.callOpenAI(
-      "Expand with more details and examples. Same language as input.",
+      "Expand the text with more details, specific examples, explanations, and supporting information while keeping the same structure and tone. Respond in the same language as the input.",
       text
     );
   }
   async summarize(text) {
     return this.callOpenAI(
-      "Create detailed summary with key points, arguments, and examples. Same language as input.",
+      "Create a comprehensive summary that captures all key points, main arguments, important details, and significant examples. The summary should be thorough enough to understand the core message. Respond in the same language as the input.",
       text
     );
   }
@@ -50174,12 +50174,12 @@ IMPORTANT: Respond in the SAME LANGUAGE as the input text.`);
 ${text}`);
   }
   async expand(text) {
-    return this.callClaude(`Expand this text with more details. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+    return this.callClaude(`Expand this text with more details, specific examples, explanations, and supporting information while keeping the same structure and tone. Respond in the same language as the input:
 
 ${text}`);
   }
   async summarize(text) {
-    return this.callClaude(`Create detailed summary with key points, arguments, and examples. Same language as input:
+    return this.callClaude(`Create a comprehensive summary that captures all key points, main arguments, important details, and significant examples. The summary should be thorough enough to understand the core message. Respond in the same language as the input:
 
 ${text}`);
   }
@@ -52790,7 +52790,7 @@ function Timeline({
       day: "numeric"
     });
   };
-  const formatTime = (date) => {
+  const formatTime2 = (date) => {
     return date.toLocaleTimeString("en-US", {
       hour: "2-digit",
       minute: "2-digit",
@@ -52868,7 +52868,7 @@ function Timeline({
                 ), children: event.description })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-                showRelativeTime ? /* @__PURE__ */ jsx("span", { children: getRelativeTime(event.date) }) : /* @__PURE__ */ jsx("span", { children: formatTime(event.date) }),
+                showRelativeTime ? /* @__PURE__ */ jsx("span", { children: getRelativeTime(event.date) }) : /* @__PURE__ */ jsx("span", { children: formatTime2(event.date) }),
                 /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "outline", className: cn("text-xs", textColor), children: event.type })
               ] })
             ] }),
@@ -58234,7 +58234,7 @@ var PerformanceMonitorInternal = ({
     }
     if (newAlerts.length > 0) {
       setAlerts((prev) => [...newAlerts, ...prev].slice(0, 20));
-      newAlerts.forEach((alert2) => onAlert?.(alert2));
+      newAlerts.forEach((alert) => onAlert?.(alert));
     }
   }, [alertThresholds, onAlert]);
   const updateMetrics = useCallback(async () => {
@@ -58618,7 +58618,7 @@ var PerformanceMonitorInternal = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx(AnimatePresence, { children: alerts.map((alert2, index2) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx(AnimatePresence, { children: alerts.map((alert, index2) => /* @__PURE__ */ jsx(
           motion.div,
           {
             initial: { opacity: 0, x: -20 },
@@ -58627,22 +58627,22 @@ var PerformanceMonitorInternal = ({
             transition: { delay: index2 * 0.05 },
             children: /* @__PURE__ */ jsx(MoonUICardPro, { children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                alert2.type === "critical" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-red-500" }) : alert2.type === "warning" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-yellow-500" }) : /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 text-blue-500" }),
+                alert.type === "critical" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-red-500" }) : alert.type === "warning" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-yellow-500" }) : /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 text-blue-500" }),
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("div", { className: "font-medium text-sm", children: alert2.metric }),
-                  /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: alert2.message })
+                  /* @__PURE__ */ jsx("div", { className: "font-medium text-sm", children: alert.metric }),
+                  /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: alert.message })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "text-right text-sm", children: [
                 /* @__PURE__ */ jsxs("div", { className: "font-medium", children: [
-                  alert2.value.toFixed(1),
-                  alert2.metric === "Network" ? "ms" : "%"
+                  alert.value.toFixed(1),
+                  alert.metric === "Network" ? "ms" : "%"
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: alert2.timestamp.toLocaleTimeString() })
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: alert.timestamp.toLocaleTimeString() })
               ] })
             ] }) }) })
           },
-          alert2.id
+          alert.id
         )) }) }),
         alerts.length === 0 && /* @__PURE__ */ jsxs("div", { className: "text-center py-8", children: [
           /* @__PURE__ */ jsx(CheckCircle, { className: "h-12 w-12 mx-auto mb-4 text-green-500" }),
@@ -58712,250 +58712,900 @@ var PerformanceMonitor = ({ className, ...props }) => {
   }
   return /* @__PURE__ */ jsx(PerformanceMonitorInternal, { className, ...props });
 };
-var getFileIcon = (type) => {
-  if (type.startsWith("image/"))
-    return /* @__PURE__ */ jsx(Image$1, { className: "h-4 w-4" });
-  if (type.startsWith("video/"))
-    return /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" });
-  if (type.startsWith("audio/"))
-    return /* @__PURE__ */ jsx(Music, { className: "h-4 w-4" });
-  if (type.includes("pdf"))
-    return /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" });
-  if (type.includes("zip") || type.includes("rar"))
-    return /* @__PURE__ */ jsx(Archive, { className: "h-4 w-4" });
-  return /* @__PURE__ */ jsx(File, { className: "h-4 w-4" });
-};
+var fileUploadVariants = cva(
+  "relative overflow-hidden transition-all duration-200",
+  {
+    variants: {
+      variant: {
+        default: "border-2 border-dashed rounded-lg p-8",
+        compact: "border border-dashed rounded-md p-4",
+        grid: "border-2 border-dashed rounded-lg p-6"
+      },
+      state: {
+        idle: "border-muted-foreground/25 hover:border-primary/50",
+        dragover: "border-primary bg-primary/5 scale-102",
+        disabled: "opacity-50 cursor-not-allowed"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      state: "idle"
+    }
+  }
+);
 var formatFileSize = (bytes) => {
   if (bytes === 0)
-    return "0 Bytes";
+    return "0 B";
   const k3 = 1024;
-  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const sizes = ["B", "KB", "MB", "GB", "TB"];
   const i = Math.floor(Math.log(bytes) / Math.log(k3));
   return parseFloat((bytes / Math.pow(k3, i)).toFixed(2)) + " " + sizes[i];
 };
-function FileUpload({
-  accept = "*",
-  multiple = false,
-  maxSize = 10,
-  // 10MB default
-  maxFiles = 5,
-  onUpload,
-  onRemove,
-  className,
-  disabled = false,
-  showPreview = true,
-  allowedTypes = []
-}) {
-  const { hasProAccess, isLoading } = useSubscription();
-  if (!isLoading && !hasProAccess) {
-    return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-12 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "rounded-full bg-purple-100 dark:bg-purple-900/30 p-3 w-fit mx-auto", children: /* @__PURE__ */ jsx(Lock, { className: "h-6 w-6 text-purple-600 dark:text-purple-400" }) }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "File Upload is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
-          /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
-          "Upgrade to Pro"
-        ] }) }) })
-      ] })
-    ] }) }) });
+var formatTime = (seconds) => {
+  if (seconds < 60)
+    return `${Math.round(seconds)}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = Math.round(seconds % 60);
+  return `${minutes}m ${remainingSeconds}s`;
+};
+var getFileIcon = (type, size4 = "md") => {
+  const iconSize = size4 === "sm" ? "h-4 w-4" : size4 === "md" ? "h-5 w-5" : "h-6 w-6";
+  if (type.startsWith("image/"))
+    return /* @__PURE__ */ jsx(Image$1, { className: iconSize });
+  if (type.startsWith("video/"))
+    return /* @__PURE__ */ jsx(Video, { className: iconSize });
+  if (type.startsWith("audio/"))
+    return /* @__PURE__ */ jsx(Music, { className: iconSize });
+  if (type.includes("pdf"))
+    return /* @__PURE__ */ jsx(FileText, { className: iconSize });
+  if (type.includes("zip") || type.includes("rar") || type.includes("7z")) {
+    return /* @__PURE__ */ jsx(Archive, { className: iconSize });
   }
-  const [files, setFiles] = t__default.useState([]);
-  const [isDragOver, setIsDragOver] = t__default.useState(false);
-  const [isUploading, setIsUploading] = t__default.useState(false);
-  const fileInputRef = t__default.useRef(null);
-  const validateFile = (file) => {
-    if (file.size > maxSize * 1024 * 1024) {
-      return `File size must be less than ${maxSize}MB`;
-    }
-    if (allowedTypes.length > 0 && !allowedTypes.includes(file.type)) {
-      return `File type ${file.type} is not allowed`;
+  return /* @__PURE__ */ jsx(File, { className: iconSize });
+};
+var generateFileHash = async (file) => {
+  const buffer = await file.arrayBuffer();
+  const hashBuffer = await crypto.subtle.digest("SHA-256", buffer);
+  const hashArray = Array.from(new Uint8Array(hashBuffer));
+  return hashArray.map((b) => b.toString(16).padStart(2, "0")).join("");
+};
+var createImagePreview = (file) => {
+  return new Promise((resolve) => {
+    const img = new Image();
+    const url = URL.createObjectURL(file);
+    img.onload = () => {
+      resolve({
+        type: "image",
+        url,
+        thumbnail: url,
+        dimensions: { width: img.width, height: img.height }
+      });
+    };
+    img.onerror = () => {
+      resolve({
+        type: "image",
+        url
+      });
+    };
+    img.src = url;
+  });
+};
+var createVideoPreview = (file) => {
+  return new Promise((resolve) => {
+    const video = document.createElement("video");
+    const url = URL.createObjectURL(file);
+    video.onloadedmetadata = () => {
+      const canvas = document.createElement("canvas");
+      const ctx = canvas.getContext("2d");
+      canvas.width = 320;
+      canvas.height = video.videoHeight / video.videoWidth * 320;
+      video.currentTime = Math.min(1, video.duration / 4);
+      video.onseeked = () => {
+        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+        const thumbnail = canvas.toDataURL("image/jpeg", 0.8);
+        resolve({
+          type: "video",
+          url,
+          thumbnail,
+          duration: video.duration,
+          dimensions: { width: video.videoWidth, height: video.videoHeight }
+        });
+      };
+    };
+    video.onerror = () => {
+      resolve({
+        type: "video",
+        url
+      });
+    };
+    video.src = url;
+  });
+};
+var BulkActions = ({
+  selectedIds,
+  onClearSelection,
+  onBulkRemove,
+  onBulkDownload
+}) => {
+  if (selectedIds.length === 0)
+    return null;
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: -10 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -10 },
+      className: "flex items-center gap-2 p-3 bg-primary/5 rounded-lg border",
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
+          selectedIds.length,
+          " dosya se\xE7ildi"
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-1 ml-auto", children: [
+          /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "ghost", size: "sm", onClick: onBulkDownload, children: [
+            /* @__PURE__ */ jsx(Download, { className: "h-4 w-4 mr-1" }),
+            "\u0130ndir"
+          ] }),
+          /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "ghost", size: "sm", onClick: onBulkRemove, children: [
+            /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 mr-1" }),
+            "Sil"
+          ] }),
+          /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", onClick: onClearSelection, children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
+        ] })
+      ]
     }
+  );
+};
+var FilePreviewModal = ({
+  file,
+  isOpen,
+  onClose
+}) => {
+  if (!file || !file.preview)
     return null;
-  };
-  const handleFileSelect = async (selectedFiles) => {
-    if (!selectedFiles || disabled)
-      return;
-    const fileArray = Array.from(selectedFiles);
-    if (files.length + fileArray.length > maxFiles) {
-      alert(`Maximum ${maxFiles} files allowed`);
-      return;
+  return /* @__PURE__ */ jsx(MoonUIDialogPro, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxs(MoonUIDialogContentPro, { className: "max-w-4xl max-h-[90vh]", children: [
+    /* @__PURE__ */ jsx(MoonUIDialogHeaderPro, { children: /* @__PURE__ */ jsxs(MoonUIDialogTitlePro, { className: "flex items-center gap-2", children: [
+      getFileIcon(file.file.type),
+      file.file.name,
+      /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", children: formatFileSize(file.file.size) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center p-4 bg-muted/20 rounded-lg", children: [
+      file.preview.type === "image" && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: file.preview.url,
+          alt: file.file.name,
+          className: "max-w-full max-h-[60vh] object-contain rounded"
+        }
+      ),
+      file.preview.type === "video" && /* @__PURE__ */ jsx(
+        "video",
+        {
+          src: file.preview.url,
+          controls: true,
+          className: "max-w-full max-h-[60vh] rounded"
+        }
+      ),
+      file.preview.type === "audio" && /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx("audio", { src: file.preview.url, controls: true, className: "w-full" }) }),
+      !["image", "video", "audio"].includes(file.preview.type) && /* @__PURE__ */ jsxs("div", { className: "text-center py-8", children: [
+        getFileIcon(file.file.type, "lg"),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: "\xD6nizleme mevcut de\u011Fil" })
+      ] })
+    ] }),
+    file.preview.dimensions && /* @__PURE__ */ jsxs("div", { className: "flex gap-4 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Boyutlar: ",
+        file.preview.dimensions.width,
+        " \xD7 ",
+        file.preview.dimensions.height
+      ] }),
+      file.preview.duration && /* @__PURE__ */ jsxs("span", { children: [
+        "S\xFCre: ",
+        formatTime(file.preview.duration)
+      ] })
+    ] })
+  ] }) });
+};
+var MoonUIFileUploadPro = t__default.forwardRef(
+  ({
+    accept = "*",
+    multiple = true,
+    maxSize = 100 * 1024 * 1024,
+    // 100MB
+    maxFiles = 10,
+    disabled = false,
+    className,
+    variant = "default",
+    chunkSize = 1024 * 1024,
+    // 1MB chunks
+    resumable = true,
+    compression = false,
+    allowedMimeTypes = [],
+    maxTotalSize,
+    duplicateCheck = true,
+    uploadStrategy = "direct",
+    showPreview = true,
+    showProgress = true,
+    showMetadata = true,
+    allowBulkOperations = true,
+    previewTypes = ["image", "video", "audio", "pdf"],
+    onUpload,
+    onProgress,
+    onComplete,
+    onError,
+    onRemove,
+    onPreview,
+    onBulkSelect,
+    customValidation,
+    ...props
+  }, ref) => {
+    const { hasProAccess, isLoading } = useSubscription();
+    const [files, setFiles] = useState([]);
+    const [isDragOver, setIsDragOver] = useState(false);
+    const [selectedIds, setSelectedIds] = useState([]);
+    const [previewFile, setPreviewFile] = useState(null);
+    const [isPreviewOpen, setIsPreviewOpen] = useState(false);
+    const [error, setError] = useState(null);
+    const fileInputRef = useRef(null);
+    const uploadQueue = useRef(/* @__PURE__ */ new Map());
+    if (!isLoading && !hasProAccess) {
+      return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-12 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "rounded-full bg-purple-100 dark:bg-purple-900/30 p-3 w-fit mx-auto", children: /* @__PURE__ */ jsx(Lock, { className: "h-6 w-6 text-purple-600 dark:text-purple-400" }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro \xD6zellik" }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "Geli\u015Fmi\u015F Dosya Y\xFCkleme sadece MoonUI Pro abonelerine \xF6zeldir." }),
+          /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
+            /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
+            "Pro'ya Y\xFCkseltin"
+          ] }) }) })
+        ] })
+      ] }) }) });
     }
-    const validFiles = [];
-    const invalidFiles = [];
-    fileArray.forEach((file) => {
-      const error = validateFile(file);
-      if (error) {
-        invalidFiles.push(`${file.name}: ${error}`);
-      } else {
-        validFiles.push({
-          file,
-          id: Math.random().toString(36).substr(2, 9),
-          status: "uploading",
-          progress: 0
+    const validateFile = useCallback(async (file) => {
+      if (file.size > maxSize) {
+        return `Dosya boyutu ${formatFileSize(maxSize)} limitini a\u015F\u0131yor`;
+      }
+      if (allowedMimeTypes.length > 0 && !allowedMimeTypes.includes(file.type)) {
+        return `Dosya t\xFCr\xFC ${file.type} desteklenmiyor`;
+      }
+      if (accept !== "*") {
+        const acceptTypes = accept.split(",").map((t2) => t2.trim());
+        const isAccepted = acceptTypes.some((acceptType) => {
+          if (acceptType.includes("*")) {
+            return file.type.startsWith(acceptType.replace("*", ""));
+          }
+          return file.type === acceptType;
         });
+        if (!isAccepted) {
+          return `Dosya t\xFCr\xFC kabul edilmiyor`;
+        }
       }
-    });
-    if (invalidFiles.length > 0) {
-      alert(invalidFiles.join("\n"));
-    }
-    if (validFiles.length === 0)
-      return;
-    setFiles((prev) => [...prev, ...validFiles]);
-    setIsUploading(true);
-    if (onUpload) {
+      if (customValidation) {
+        const customError = await customValidation(file);
+        if (customError)
+          return customError;
+      }
+      return null;
+    }, [maxSize, allowedMimeTypes, accept, customValidation]);
+    const checkDuplicate = useCallback(async (file) => {
+      if (!duplicateCheck)
+        return false;
+      const hash = await generateFileHash(file);
+      return files.some((f) => f.metadata?.hash === hash);
+    }, [files, duplicateCheck]);
+    const createPreview = useCallback(async (file) => {
+      if (!showPreview)
+        return void 0;
+      const fileType = file.type.split("/")[0];
+      if (!previewTypes.includes(fileType))
+        return void 0;
       try {
-        await onUpload(validFiles.map((f) => f.file));
+        if (fileType === "image") {
+          return await createImagePreview(file);
+        } else if (fileType === "video") {
+          return await createVideoPreview(file);
+        } else if (fileType === "audio") {
+          const url = URL.createObjectURL(file);
+          return {
+            type: "audio",
+            url
+          };
+        }
+      } catch (error2) {
+        console.warn("\xD6nizleme olu\u015Fturulamad\u0131:", error2);
+      }
+      return void 0;
+    }, [showPreview, previewTypes]);
+    const createMetadata = useCallback(async (file) => {
+      const metadata = {
+        name: file.name,
+        size: file.size,
+        type: file.type,
+        lastModified: file.lastModified
+      };
+      if (duplicateCheck) {
+        metadata.hash = await generateFileHash(file);
+      }
+      return metadata;
+    }, [duplicateCheck]);
+    const uploadFileChunked = useCallback(async (fileItem) => {
+      const { file } = fileItem;
+      const chunks = [];
+      const chunkCount = Math.ceil(file.size / chunkSize);
+      for (let i = 0; i < chunkCount; i++) {
+        chunks.push({
+          index: i,
+          start: i * chunkSize,
+          end: Math.min((i + 1) * chunkSize, file.size),
+          status: "pending",
+          attempts: 0
+        });
+      }
+      setFiles((prev) => prev.map(
+        (f) => f.id === fileItem.id ? { ...f, chunks, status: "uploading" } : f
+      ));
+      const abortController = new AbortController();
+      uploadQueue.current.set(fileItem.id, abortController);
+      let uploadedBytes = 0;
+      const startTime = Date.now();
+      try {
+        for (const chunk of chunks) {
+          if (abortController.signal.aborted) {
+            throw new Error("Upload cancelled");
+          }
+          await new Promise((resolve) => setTimeout(resolve, 100 + Math.random() * 200));
+          uploadedBytes += chunk.end - chunk.start;
+          const progress = Math.round(uploadedBytes / file.size * 100);
+          const elapsedTime = (Date.now() - startTime) / 1e3;
+          const speed = uploadedBytes / elapsedTime;
+          const estimatedTime = (file.size - uploadedBytes) / speed;
+          setFiles((prev) => prev.map(
+            (f) => f.id === fileItem.id ? {
+              ...f,
+              progress,
+              uploadedBytes,
+              speed,
+              estimatedTime: estimatedTime || 0,
+              chunks: f.chunks?.map(
+                (c2) => c2.index === chunk.index ? { ...c2, status: "success" } : c2
+              )
+            } : f
+          ));
+          onProgress?.(fileItem.id, progress);
+        }
         setFiles((prev) => prev.map(
-          (f) => validFiles.find((vf) => vf.id === f.id) ? { ...f, status: "success", progress: 100 } : f
+          (f) => f.id === fileItem.id ? { ...f, status: "success", progress: 100 } : f
         ));
-      } catch (error) {
+        onComplete?.(fileItem.id, { success: true });
+      } catch (error2) {
         setFiles((prev) => prev.map(
-          (f) => validFiles.find((vf) => vf.id === f.id) ? { ...f, status: "error", error: "Upload failed" } : f
+          (f) => f.id === fileItem.id ? { ...f, status: "error", error: error2 instanceof Error ? error2.message : "Upload failed" } : f
         ));
+        onError?.(fileItem.id, error2 instanceof Error ? error2.message : "Upload failed");
+      } finally {
+        uploadQueue.current.delete(fileItem.id);
       }
-    } else {
-      for (const validFile of validFiles) {
-        const interval = setInterval(() => {
-          setFiles((prev) => prev.map(
-            (f) => f.id === validFile.id && f.progress < 100 ? { ...f, progress: f.progress + 10 } : f
-          ));
-        }, 100);
-        setTimeout(() => {
-          clearInterval(interval);
-          setFiles((prev) => prev.map(
-            (f) => f.id === validFile.id ? { ...f, status: "success", progress: 100 } : f
-          ));
-        }, 1e3);
+    }, [chunkSize, onProgress, onComplete, onError]);
+    const processFiles = useCallback(async (fileList) => {
+      const fileArray = Array.from(fileList);
+      setError(null);
+      if (files.length + fileArray.length > maxFiles) {
+        setError(`Maksimum ${maxFiles} dosya y\xFCkleyebilirsiniz`);
+        return;
       }
-    }
-    setIsUploading(false);
-  };
-  const handleRemove = (fileToRemove) => {
-    setFiles((prev) => prev.filter((f) => f.id !== fileToRemove.id));
-    if (onRemove) {
-      onRemove(fileToRemove.file);
-    }
-  };
-  const handleDrop = (e) => {
-    e.preventDefault();
-    setIsDragOver(false);
-    handleFileSelect(e.dataTransfer.files);
-  };
-  const handleDragOver = (e) => {
-    e.preventDefault();
-    setIsDragOver(true);
-  };
-  const handleDragLeave = (e) => {
-    e.preventDefault();
-    setIsDragOver(false);
-  };
-  const handleClick2 = () => {
-    if (!disabled) {
-      fileInputRef.current?.click();
-    }
-  };
-  return /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { children: [
-      /* @__PURE__ */ jsxs(MoonUICardTitlePro, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Upload, { className: "h-5 w-5" }),
-        "File Upload"
-      ] }),
-      /* @__PURE__ */ jsxs(MoonUICardDescriptionPro, { children: [
-        multiple ? `Upload up to ${maxFiles} files` : "Upload a file",
-        " (max ",
-        maxSize,
-        "MB each)"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(MoonUICardContentPro, { className: "space-y-4", children: [
+      if (maxTotalSize) {
+        const currentSize = files.reduce((sum, f) => sum + f.file.size, 0);
+        const newSize = fileArray.reduce((sum, f) => sum + f.size, 0);
+        if (currentSize + newSize > maxTotalSize) {
+          setError(`Toplam dosya boyutu ${formatFileSize(maxTotalSize)} limitini a\u015F\u0131yor`);
+          return;
+        }
+      }
+      const validFiles = [];
+      const errors = [];
+      for (const file of fileArray) {
+        const validationError = await validateFile(file);
+        if (validationError) {
+          errors.push(`${file.name}: ${validationError}`);
+          continue;
+        }
+        const isDuplicate = await checkDuplicate(file);
+        if (isDuplicate) {
+          errors.push(`${file.name}: Dosya zaten mevcut`);
+          continue;
+        }
+        validFiles.push(file);
+      }
+      if (errors.length > 0) {
+        setError(errors.join(", "));
+      }
+      if (validFiles.length === 0)
+        return;
+      const newFileItems = [];
+      for (const file of validFiles) {
+        const id = `${Date.now()}-${Math.random().toString(36).substring(2, 11)}`;
+        const preview = await createPreview(file);
+        const metadata = await createMetadata(file);
+        newFileItems.push({
+          id,
+          file,
+          status: "pending",
+          progress: 0,
+          totalBytes: file.size,
+          preview,
+          metadata
+        });
+      }
+      setFiles((prev) => [...prev, ...newFileItems]);
+      if (onUpload) {
+        try {
+          await onUpload(newFileItems);
+        } catch (error2) {
+          console.error("Upload failed:", error2);
+        }
+      } else {
+        newFileItems.forEach((fileItem) => {
+          uploadFileChunked(fileItem);
+        });
+      }
+    }, [
+      files,
+      maxFiles,
+      maxTotalSize,
+      validateFile,
+      checkDuplicate,
+      createPreview,
+      createMetadata,
+      onUpload,
+      uploadFileChunked
+    ]);
+    const handleDrop = useCallback((e) => {
+      e.preventDefault();
+      setIsDragOver(false);
+      if (disabled)
+        return;
+      const droppedFiles = Array.from(e.dataTransfer.files);
+      if (droppedFiles.length > 0) {
+        processFiles(droppedFiles);
+      }
+    }, [processFiles, disabled]);
+    const handleDragOver = useCallback((e) => {
+      e.preventDefault();
+      if (!disabled) {
+        setIsDragOver(true);
+      }
+    }, [disabled]);
+    const handleDragLeave = useCallback((e) => {
+      e.preventDefault();
+      setIsDragOver(false);
+    }, []);
+    const handleFileSelect = useCallback((e) => {
+      const selectedFiles = e.target.files;
+      if (selectedFiles && selectedFiles.length > 0) {
+        processFiles(selectedFiles);
+      }
+      e.target.value = "";
+    }, [processFiles]);
+    const removeFile = useCallback((fileId) => {
+      const fileToRemove = files.find((f) => f.id === fileId);
+      if (!fileToRemove)
+        return;
+      const controller = uploadQueue.current.get(fileId);
+      if (controller) {
+        controller.abort();
+        uploadQueue.current.delete(fileId);
+      }
+      if (fileToRemove.preview?.url) {
+        URL.revokeObjectURL(fileToRemove.preview.url);
+      }
+      setFiles((prev) => prev.filter((f) => f.id !== fileId));
+      setSelectedIds((prev) => prev.filter((id) => id !== fileId));
+      onRemove?.(fileId);
+    }, [files, onRemove]);
+    const pauseResumeUpload = useCallback((fileId) => {
+      const file = files.find((f) => f.id === fileId);
+      if (!file)
+        return;
+      if (file.status === "uploading") {
+        const controller = uploadQueue.current.get(fileId);
+        if (controller) {
+          controller.abort();
+          uploadQueue.current.delete(fileId);
+        }
+        setFiles((prev) => prev.map(
+          (f) => f.id === fileId ? { ...f, status: "paused" } : f
+        ));
+      } else if (file.status === "paused" && resumable) {
+        uploadFileChunked(file);
+      }
+    }, [files, resumable, uploadFileChunked]);
+    const handleBulkSelect = useCallback((fileId, selected) => {
+      setSelectedIds(
+        (prev) => selected ? [...prev, fileId] : prev.filter((id) => id !== fileId)
+      );
+    }, []);
+    const handleSelectAll = useCallback(() => {
+      const allIds = files.map((f) => f.id);
+      setSelectedIds(allIds);
+      onBulkSelect?.(allIds);
+    }, [files, onBulkSelect]);
+    const handleClearSelection = useCallback(() => {
+      setSelectedIds([]);
+      onBulkSelect?.([]);
+    }, [onBulkSelect]);
+    const handleBulkRemove = useCallback(() => {
+      selectedIds.forEach((id) => removeFile(id));
+      setSelectedIds([]);
+    }, [selectedIds, removeFile]);
+    const handleBulkDownload = useCallback(() => {
+      console.log("Bulk download:", selectedIds);
+    }, [selectedIds]);
+    const handlePreview = useCallback((file) => {
+      setPreviewFile(file);
+      setIsPreviewOpen(true);
+      onPreview?.(file);
+    }, [onPreview]);
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full space-y-4", className), ...props, children: [
+      /* @__PURE__ */ jsx(AnimatePresence, { children: allowBulkOperations && selectedIds.length > 0 && /* @__PURE__ */ jsx(
+        BulkActions,
+        {
+          selectedIds,
+          onClearSelection: handleClearSelection,
+          onBulkRemove: handleBulkRemove,
+          onBulkDownload: handleBulkDownload
+        }
+      ) }),
       /* @__PURE__ */ jsxs(
-        "div",
+        motion.div,
         {
           className: cn(
-            "border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors",
-            isDragOver ? "border-primary bg-primary/5" : "border-muted-foreground/25",
-            disabled && "cursor-not-allowed opacity-50"
+            fileUploadVariants({
+              variant,
+              state: disabled ? "disabled" : isDragOver ? "dragover" : "idle"
+            })
           ),
           onDrop: handleDrop,
           onDragOver: handleDragOver,
           onDragLeave: handleDragLeave,
-          onClick: handleClick2,
+          onClick: () => !disabled && fileInputRef.current?.click(),
+          animate: {
+            scale: isDragOver ? 1.02 : 1
+          },
+          transition: { duration: 0.2 },
           children: [
-            /* @__PURE__ */ jsx(Upload, { className: "h-10 w-10 mx-auto mb-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "Drag and drop files here, or click to select" }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: accept === "*" ? "Any file type" : `Accepted types: ${accept}` })
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: fileInputRef,
+                type: "file",
+                accept,
+                multiple,
+                disabled,
+                onChange: handleFileSelect,
+                className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "text-center space-y-4", children: [
+              /* @__PURE__ */ jsx(
+                motion.div,
+                {
+                  animate: {
+                    scale: isDragOver ? 1.1 : 1,
+                    rotate: isDragOver ? 5 : 0
+                  },
+                  className: "mx-auto h-12 w-12 text-muted-foreground",
+                  children: /* @__PURE__ */ jsx(Upload, { className: "h-full w-full" })
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: isDragOver ? "Dosyalar\u0131 buraya b\u0131rak\u0131n" : "Dosya Y\xFCkleyin" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Dosyalar\u0131 s\xFCr\xFCkleyip b\u0131rak\u0131n veya t\u0131klayarak se\xE7in" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-4 mt-3 text-xs text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    "Maks ",
+                    maxFiles,
+                    " dosya"
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    formatFileSize(maxSize),
+                    " her dosya"
+                  ] }),
+                  resumable && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+                    /* @__PURE__ */ jsx("span", { children: "Devam ettirilebilir" })
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", disabled, type: "button", children: [
+                /* @__PURE__ */ jsx(Upload, { className: "mr-2 h-4 w-4" }),
+                "Dosya Se\xE7"
+              ] })
+            ] })
           ]
         }
       ),
+      /* @__PURE__ */ jsx(AnimatePresence, { children: error && /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          initial: { opacity: 0, y: -10 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: -10 },
+          className: "flex items-center gap-2 p-3 bg-destructive/10 border border-destructive/20 rounded-lg",
+          children: [
+            /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4 text-destructive flex-shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-destructive", children: error }),
+            /* @__PURE__ */ jsx(
+              MoonUIButtonPro,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "ml-auto h-6 w-6 p-0",
+                onClick: () => setError(null),
+                children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(AnimatePresence, { children: files.length > 0 && /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          initial: { opacity: 0, height: 0 },
+          animate: { opacity: 1, height: "auto" },
+          exit: { opacity: 0, height: 0 },
+          className: "space-y-3",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxs("h4", { className: "text-sm font-medium", children: [
+                "Y\xFCklenen Dosyalar (",
+                files.length,
+                ")"
+              ] }),
+              allowBulkOperations && files.length > 1 && /* @__PURE__ */ jsx(
+                MoonUIButtonPro,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: selectedIds.length === files.length ? handleClearSelection : handleSelectAll,
+                  children: selectedIds.length === files.length ? "Se\xE7imi Temizle" : "T\xFCm\xFCn\xFC Se\xE7"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: cn(
+              "space-y-2",
+              variant === "grid" && "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3 space-y-0"
+            ), children: /* @__PURE__ */ jsx(AnimatePresence, { children: files.map((file) => /* @__PURE__ */ jsx(
+              FileUploadItem,
+              {
+                file,
+                variant,
+                showPreview,
+                showProgress,
+                showMetadata,
+                allowBulkOperations,
+                resumable,
+                selected: selectedIds.includes(file.id),
+                onSelect: (selected) => handleBulkSelect(file.id, selected),
+                onRemove: () => removeFile(file.id),
+                onPauseResume: () => pauseResumeUpload(file.id),
+                onPreview: () => handlePreview(file)
+              },
+              file.id
+            )) }) })
+          ]
+        }
+      ) }),
       /* @__PURE__ */ jsx(
-        "input",
+        FilePreviewModal,
         {
-          ref: fileInputRef,
-          type: "file",
-          accept,
-          multiple,
-          onChange: (e) => handleFileSelect(e.target.files),
-          className: "hidden",
-          disabled
+          file: previewFile,
+          isOpen: isPreviewOpen,
+          onClose: () => setIsPreviewOpen(false)
         }
+      )
+    ] });
+  }
+);
+var FileUploadItem = ({
+  file,
+  variant = "default",
+  showPreview = true,
+  showProgress = true,
+  showMetadata = true,
+  allowBulkOperations = true,
+  resumable = true,
+  selected = false,
+  onSelect,
+  onRemove,
+  onPauseResume,
+  onPreview
+}) => {
+  const canPauseResume = resumable && ["uploading", "paused"].includes(file.status);
+  const canPreview = showPreview && file.preview && ["image", "video", "audio"].includes(file.preview.type);
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      layout: true,
+      initial: { opacity: 0, y: 10 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -10, scale: 0.95 },
+      className: cn(
+        "group relative overflow-hidden rounded-lg border bg-card transition-all",
+        selected && "ring-2 ring-primary bg-primary/5",
+        variant === "compact" && "p-3",
+        variant === "default" && "p-4",
+        variant === "grid" && "p-4"
       ),
-      files.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs("h4", { className: "text-sm font-medium", children: [
-          "Uploaded Files (",
-          files.length,
-          ")"
+      children: [
+        allowBulkOperations && /* @__PURE__ */ jsx("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: selected,
+            onChange: (e) => onSelect?.(e.target.checked),
+            className: "rounded border-muted-foreground/25"
+          }
+        ) }),
+        showPreview && file.preview && /* @__PURE__ */ jsxs("div", { className: cn(
+          "relative overflow-hidden rounded bg-muted/20",
+          variant === "grid" ? "aspect-video mb-3" : "w-12 h-12 float-left mr-3"
+        ), children: [
+          file.preview.type === "image" && file.preview.thumbnail && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: file.preview.thumbnail,
+              alt: file.file.name,
+              className: "w-full h-full object-cover"
+            }
+          ),
+          file.preview.type === "video" && file.preview.thumbnail && /* @__PURE__ */ jsxs("div", { className: "relative w-full h-full", children: [
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: file.preview.thumbnail,
+                alt: file.file.name,
+                className: "w-full h-full object-cover"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20", children: /* @__PURE__ */ jsx(Play, { className: "h-6 w-6 text-white" }) })
+          ] }),
+          !file.preview.thumbnail && /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center", children: getFileIcon(file.file.type, variant === "grid" ? "lg" : "md") }),
+          canPreview && /* @__PURE__ */ jsx(
+            MoonUIButtonPro,
+            {
+              variant: "secondary",
+              size: "sm",
+              className: "absolute top-1 right-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
+              onClick: onPreview,
+              children: /* @__PURE__ */ jsx(Eye, { className: "h-3 w-3" })
+            }
+          )
         ] }),
-        files.map((uploadedFile) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 border rounded-lg", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: getFileIcon(uploadedFile.file.type) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: uploadedFile.file.name }),
-              /* @__PURE__ */ jsxs(MoonUIBadgePro, { variant: uploadedFile.status === "success" ? "success" : uploadedFile.status === "error" ? "destructive" : "secondary", children: [
-                uploadedFile.status === "uploading" && /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 mr-1 animate-spin" }),
-                uploadedFile.status === "success" && /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3 w-3 mr-1" }),
-                uploadedFile.status === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3 mr-1" }),
-                uploadedFile.status
+        /* @__PURE__ */ jsxs("div", { className: cn(
+          "flex-1 min-w-0",
+          variant === "grid" && "text-center"
+        ), children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx("h5", { className: cn(
+                "font-medium truncate",
+                variant === "compact" ? "text-sm" : "text-base"
+              ), children: file.file.name }),
+              showMetadata && /* @__PURE__ */ jsxs("div", { className: cn(
+                "flex items-center gap-2 mt-1 text-muted-foreground",
+                variant === "compact" ? "text-xs" : "text-sm",
+                variant === "grid" && "justify-center"
+              ), children: [
+                /* @__PURE__ */ jsx("span", { children: formatFileSize(file.file.size) }),
+                file.preview?.dimensions && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    file.preview.dimensions.width,
+                    " \xD7 ",
+                    file.preview.dimensions.height
+                  ] })
+                ] }),
+                file.preview?.duration && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+                  /* @__PURE__ */ jsx("span", { children: formatTime(file.preview.duration) })
+                ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-1", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatFileSize(uploadedFile.file.size) }),
-              uploadedFile.status === "uploading" && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-                uploadedFile.progress,
+            /* @__PURE__ */ jsxs(
+              MoonUIBadgePro,
+              {
+                variant: file.status === "success" ? "success" : file.status === "error" ? "destructive" : file.status === "paused" ? "secondary" : "secondary",
+                className: "flex-shrink-0",
+                children: [
+                  file.status === "uploading" && /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 mr-1 animate-spin" }),
+                  file.status === "success" && /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3 w-3 mr-1" }),
+                  file.status === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3 mr-1" }),
+                  file.status === "paused" && /* @__PURE__ */ jsx(Pause, { className: "h-3 w-3 mr-1" }),
+                  file.status === "pending" ? "Bekliyor" : file.status === "uploading" ? "Y\xFCkleniyor" : file.status === "paused" ? "Duraklat\u0131ld\u0131" : file.status === "success" ? "Tamamland\u0131" : file.status === "error" ? "Hata" : "\u0130ptal"
+                ]
+              }
+            )
+          ] }),
+          showProgress && file.status === "uploading" && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsxs("span", { children: [
+                file.progress,
                 "%"
+              ] }),
+              file.speed && /* @__PURE__ */ jsxs("span", { children: [
+                formatFileSize(file.speed),
+                "/s"
+              ] }),
+              file.estimatedTime && file.estimatedTime > 0 && /* @__PURE__ */ jsxs("span", { children: [
+                formatTime(file.estimatedTime),
+                " kald\u0131"
               ] })
             ] }),
-            uploadedFile.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "mt-2 h-2 bg-secondary rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
-              "div",
+            /* @__PURE__ */ jsx(MoonUIProgressPro, { value: file.progress, className: "h-1" })
+          ] }),
+          file.status === "error" && file.error && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-destructive", children: file.error }),
+          /* @__PURE__ */ jsxs("div", { className: cn(
+            "flex items-center gap-1 mt-3",
+            variant === "grid" && "justify-center"
+          ), children: [
+            canPauseResume && /* @__PURE__ */ jsx(
+              MoonUIButtonPro,
               {
-                className: "h-full bg-primary transition-all duration-300 ease-out",
-                style: { width: `${uploadedFile.progress}%` }
+                variant: "ghost",
+                size: "sm",
+                onClick: onPauseResume,
+                className: "h-7 px-2",
+                children: file.status === "uploading" ? /* @__PURE__ */ jsx(Pause, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Play, { className: "h-3 w-3" })
               }
-            ) }),
-            uploadedFile.error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: uploadedFile.error })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            uploadedFile.status === "success" && showPreview && uploadedFile.file.type.startsWith("image/") && /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }) }),
-            /* @__PURE__ */ jsx(
+            ),
+            file.status === "error" && resumable && /* @__PURE__ */ jsx(
               MoonUIButtonPro,
               {
                 variant: "ghost",
                 size: "sm",
-                onClick: () => handleRemove(uploadedFile),
-                disabled: uploadedFile.status === "uploading",
-                children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+                onClick: onPauseResume,
+                className: "h-7 px-2",
+                children: /* @__PURE__ */ jsx(RotateCcw, { className: "h-3 w-3" })
               }
-            )
+            ),
+            file.status === "success" && /* @__PURE__ */ jsx(
+              MoonUIButtonPro,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "h-7 px-2",
+                children: /* @__PURE__ */ jsx(Download, { className: "h-3 w-3" })
+              }
+            ),
+            /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", className: "h-7 w-7 p-0", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-3 w-3" }) }) }),
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", children: [
+                canPreview && /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: onPreview, children: [
+                  /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-4 w-4" }),
+                  "\xD6nizle"
+                ] }),
+                /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                  /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }),
+                  "Linki Kopyala"
+                ] }),
+                /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                  /* @__PURE__ */ jsx(Share, { className: "mr-2 h-4 w-4" }),
+                  "Payla\u015F"
+                ] }),
+                /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: onRemove, className: "text-destructive", children: [
+                  /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+                  "Sil"
+                ] })
+              ] })
+            ] })
           ] })
-        ] }, uploadedFile.id))
-      ] }),
-      isUploading && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
-        "Uploading files..."
-      ] })
-    ] })
-  ] });
-}
+        ] })
+      ]
+    }
+  );
+};
+MoonUIFileUploadPro.displayName = "MoonUIFileUploadPro";
 function DataTableColumnToggle({ table, trigger }) {
   const [search, setSearch] = t__default.useState("");
   const columns = table.getAllColumns().filter(
@@ -62381,7 +63031,7 @@ var MoonUIQuizFormPro = t__default.forwardRef(({
     link.click();
     URL.revokeObjectURL(url);
   };
-  const formatTime = (seconds) => {
+  const formatTime2 = (seconds) => {
     const mins = Math.floor(seconds / 60);
     const secs = seconds % 60;
     return `${mins}:${secs.toString().padStart(2, "0")}`;
@@ -62632,7 +63282,7 @@ var MoonUIQuizFormPro = t__default.forwardRef(({
         timeLeft < 60 ? "bg-red-100 text-red-700" : "bg-muted"
       ), children: [
         /* @__PURE__ */ jsx(Clock, { className: "w-4 h-4" }),
-        formatTime(timeLeft)
+        formatTime2(timeLeft)
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
@@ -63660,4 +64310,4 @@ var BadgePro = t__default.forwardRef(({
 });
 BadgePro.displayName = "BadgePro";
 
-export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, Calendar3 as AdvancedCalendar, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, AnimatedButton, MoonUIAspectRatioPro as AspectRatio, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIButtonPro as Button, Calendar, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, MoonUICheckboxPro as Checkbox, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, enhanced_exports as Enhanced, ErrorBoundary, FileUpload, FloatingActionButton, FormWizardNavigation, FormWizardProgress, FormWizardStep, GitHubStars, HealthCheck, HoverCard2 as HoverCard, HoverCard3D, HoverCardContent2 as HoverCardContent, HoverCardTrigger2 as HoverCardTrigger, MoonUIInputPro as Input, Kanban, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, MagneticButton, MemoryAnalytics, MemoryEfficientData, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAspectRatioPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIFormWizardPro, MoonUIInputPro, MoonUILabelPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, MoonUIPhoneNumberInputPro, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIQuizFormPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, MoonUISeparatorPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, MoonUIcollapsibleContentVariantsPro, MoonUIcollapsibleTriggerVariantsPro, MoonUIcommandVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, PerformanceDebugger, PerformanceMonitor, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RichTextEditor, ScrollArea, ScrollBar, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, SpotlightCard, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, MoonUITabsPro as Tabs, MoonUITabsContentPro as TabsContent, MoonUITabsListPro as TabsList, MoonUITabsTriggerPro as TabsTrigger, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, VirtualList, MoonUIalertVariantsPro as alertVariants, animatedButtonVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, cn, MoonUIcollapsibleContentVariantsPro as collapsibleContentVariants, MoonUIcollapsibleTriggerVariantsPro as collapsibleTriggerVariants, MoonUIcommandVariantsPro as commandVariants, getExpandableColumn, moonUIBadgeVariantsPro, moonUIButtonProVariants, moonUISeparatorVariantsPro, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useExpandableRows, useFormWizard, useStreamingData, useVirtualList };
+export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, Calendar3 as AdvancedCalendar, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, AnimatedButton, MoonUIAspectRatioPro as AspectRatio, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIButtonPro as Button, Calendar, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, MoonUICheckboxPro as Checkbox, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, enhanced_exports as Enhanced, ErrorBoundary, FloatingActionButton, FormWizardNavigation, FormWizardProgress, FormWizardStep, GitHubStars, HealthCheck, HoverCard2 as HoverCard, HoverCard3D, HoverCardContent2 as HoverCardContent, HoverCardTrigger2 as HoverCardTrigger, MoonUIInputPro as Input, Kanban, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, MagneticButton, MemoryAnalytics, MemoryEfficientData, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAspectRatioPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIFileUploadPro, MoonUIFormWizardPro, MoonUIInputPro, MoonUILabelPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, MoonUIPhoneNumberInputPro, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIQuizFormPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, MoonUISeparatorPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, MoonUIcollapsibleContentVariantsPro, MoonUIcollapsibleTriggerVariantsPro, MoonUIcommandVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, PerformanceDebugger, PerformanceMonitor, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RichTextEditor, ScrollArea, ScrollBar, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, SpotlightCard, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, MoonUITabsPro as Tabs, MoonUITabsContentPro as TabsContent, MoonUITabsListPro as TabsList, MoonUITabsTriggerPro as TabsTrigger, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, VirtualList, MoonUIalertVariantsPro as alertVariants, animatedButtonVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, cn, MoonUIcollapsibleContentVariantsPro as collapsibleContentVariants, MoonUIcollapsibleTriggerVariantsPro as collapsibleTriggerVariants, MoonUIcommandVariantsPro as commandVariants, getExpandableColumn, moonUIBadgeVariantsPro, moonUIButtonProVariants, moonUISeparatorVariantsPro, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useExpandableRows, useFormWizard, useStreamingData, useVirtualList };