@moontra/moonui-pro 2.17.4 → 2.17.5

package/dist/index.mjs

@@ -3,11 +3,11 @@ import { twMerge } from 'tailwind-merge';
 import * as t from 'react';
 import t__default, { useState, useRef, useCallback, useMemo, forwardRef, createContext, useEffect, useContext, 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, PanelLeft, PanelRight, ChevronLeft, Download, FileText, FileSpreadsheet, FileCode, Printer, Share2, Settings, Upload, Play, Eye, CheckCircle2, Pause, RotateCcw, Copy, Share, Trash2, CreditCard, Globe, XCircle, Clock, HelpCircle, Calendar as Calendar$1, Repeat, Edit, MapPin, Users, User, Briefcase, ClipboardList, Bell, Cake, Tag, Filter, Move, Archive, EyeOff, Timer, Palette, ArrowUpDown, Star, Square, CheckSquare, Bold, Italic, Underline, Strikethrough, Code, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Highlighter, Link2, Image as Image$1, Table as Table$1, Undo, Redo, RefreshCw, Wand2, Maximize, MessageSquare, Heart, GraduationCap, Zap, Languages, Lightbulb, Target, GitBranch, ArrowRight, MoreVertical, Trash, ExternalLink, TrendingUp, MessageCircle, Paperclip, TrendingDown, ZoomOut, ZoomIn, FileJson, Maximize2, Menu, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Save, Video, Music, File, FileDown, ArrowUp, ArrowDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, Activity, Send, Flag, CalendarIcon, DollarSign, Github, GitFork, Server, RotateCw, Cpu, MemoryStick, HardDrive, Network, BarChart3, Columns, Grip, Unlock, Minimize2, Map as Map$1, BellOff, ArrowDownRight, ArrowUpRight } from 'lucide-react';
+import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, Minus, Search, ChevronRight, Circle, ChevronUp, Lock, Sparkles, Plus, PanelLeft, PanelRight, ChevronLeft, Download, FileText, FileSpreadsheet, FileCode, Printer, Share2, Settings, Upload, Play, Eye, CheckCircle2, Pause, RotateCcw, Copy, Share, Trash2, CreditCard, Globe, XCircle, Clock, HelpCircle, Calendar as Calendar$1, Repeat, Edit, MapPin, Users, User, Briefcase, ClipboardList, Bell, Cake, Tag, Filter, Move, Archive, EyeOff, Timer, Palette, ArrowUpDown, Star, Square, CheckSquare, Bold, Italic, Underline, Strikethrough, Code, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Highlighter, Link2, Image as Image$1, Table as Table$1, Undo, Redo, RefreshCw, Wand2, Maximize, MessageSquare, Heart, GraduationCap, Zap, Languages, Lightbulb, Cpu, BarChart3, Target, GitBranch, ArrowRight, MoreVertical, Trash, ExternalLink, TrendingUp, MessageCircle, Paperclip, TrendingDown, ZoomOut, ZoomIn, FileJson, Maximize2, Menu, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Save, Video, Music, File, FileDown, ArrowUp, ArrowDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, Activity, Send, Flag, CalendarIcon, DollarSign, Github, GitFork, Server, RotateCw, MemoryStick, HardDrive, Network, Columns, Grip, Unlock, Minimize2, Map as Map$1, 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';
-import { startOfDay, endOfDay, addDays, startOfYear, endOfYear, startOfMonth, endOfMonth, startOfWeek, endOfWeek, isWithinInterval, isBefore, isAfter, subYears, addYears, subMonths, addMonths, subWeeks, addWeeks, subDays, addHours, differenceInMinutes, addMinutes, format, isSameDay, setHours, setMinutes, isToday, eachDayOfInterval, isSameMonth, eachMonthOfInterval, getDay, getDaysInMonth, formatDistanceToNow } from 'date-fns';
+import { startOfDay, endOfDay, addDays, startOfYear, endOfYear, startOfMonth, endOfMonth, startOfWeek, endOfWeek, isWithinInterval, isBefore, isAfter, subYears, addYears, subMonths, addMonths, subWeeks, addWeeks, subDays, addHours, setHours, setMinutes, differenceInMinutes, addMinutes, format, isSameDay, isToday, eachDayOfInterval, isSameMonth, eachMonthOfInterval, getDay, getDaysInMonth, formatDistanceToNow } from 'date-fns';
 import { motion, AnimatePresence, useMotionValue, useSpring, useTransform, animate, LayoutGroup, Reorder, useDragControls } from 'framer-motion';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ReactDOM from 'react-dom';
@@ -3597,7 +3597,7 @@ var CollapsibleContentImpl = t.forwardRef((props, forwardedRef) => {
   const heightRef = t.useRef(0);
   const height = heightRef.current;
   const widthRef = t.useRef(0);
-  const width = widthRef.current;
+  const width2 = widthRef.current;
   const isOpen = context.open || isPresent;
   const isMountAnimationPreventedRef = t.useRef(isOpen);
   const originalStylesRef = t.useRef(void 0);
@@ -3635,7 +3635,7 @@ var CollapsibleContentImpl = t.forwardRef((props, forwardedRef) => {
       ref: composedRefs,
       style: {
         [`--radix-collapsible-content-height`]: height ? `${height}px` : void 0,
-        [`--radix-collapsible-content-width`]: width ? `${width}px` : void 0,
+        [`--radix-collapsible-content-width`]: width2 ? `${width2}px` : void 0,
         ...props.style
       },
       children: isOpen && children
@@ -6897,9 +6897,9 @@ function getSideList(side, isStart, rtl) {
       return [];
   }
 }
-function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+function getOppositeAxisPlacements(placement, flipAlignment, direction2, rtl) {
   const alignment = getAlignment(placement);
-  let list = getSideList(getSide(placement), direction === "start", rtl);
+  let list = getSideList(getSide(placement), direction2 === "start", rtl);
   if (alignment) {
     list = list.map((side) => side + "-" + alignment);
     if (flipAlignment) {
@@ -6932,15 +6932,15 @@ function rectToClientRect(rect) {
   const {
     x,
     y,
-    width,
+    width: width2,
     height
   } = rect;
   return {
-    width,
+    width: width2,
     height,
     top: y,
     left: x,
-    right: x + width,
+    right: x + width2,
     bottom: y + height,
     x,
     y
@@ -7603,7 +7603,7 @@ var size = function(options) {
       const alignment = getAlignment(placement);
       const isYAxis = getSideAxis(placement) === "y";
       const {
-        width,
+        width: width2,
         height
       } = rects.floating;
       let heightSide;
@@ -7616,9 +7616,9 @@ var size = function(options) {
         heightSide = alignment === "end" ? "top" : "bottom";
       }
       const maximumClippingHeight = height - overflow.top - overflow.bottom;
-      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const maximumClippingWidth = width2 - overflow.left - overflow.right;
       const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
-      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
+      const overflowAvailableWidth = min(width2 - overflow[widthSide], maximumClippingWidth);
       const noShift = !state.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
@@ -7634,7 +7634,7 @@ var size = function(options) {
         const yMin = max(overflow.top, 0);
         const yMax = max(overflow.bottom, 0);
         if (isYAxis) {
-          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+          availableWidth = width2 - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
         } else {
           availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
         }
@@ -7645,7 +7645,7 @@ var size = function(options) {
         availableHeight
       });
       const nextDimensions = await platform2.getDimensions(elements.floating);
-      if (width !== nextDimensions.width || height !== nextDimensions.height) {
+      if (width2 !== nextDimensions.width || height !== nextDimensions.height) {
         return {
           reset: {
             rects: true
@@ -7814,18 +7814,18 @@ function getFrameElement(win) {
 // node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function getCssDimensions(element) {
   const css2 = getComputedStyle2(element);
-  let width = parseFloat(css2.width) || 0;
+  let width2 = parseFloat(css2.width) || 0;
   let height = parseFloat(css2.height) || 0;
   const hasOffset = isHTMLElement(element);
-  const offsetWidth = hasOffset ? element.offsetWidth : width;
+  const offsetWidth = hasOffset ? element.offsetWidth : width2;
   const offsetHeight = hasOffset ? element.offsetHeight : height;
-  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+  const shouldFallback = round(width2) !== offsetWidth || round(height) !== offsetHeight;
   if (shouldFallback) {
-    width = offsetWidth;
+    width2 = offsetWidth;
     height = offsetHeight;
   }
   return {
-    width,
+    width: width2,
     height,
     $: shouldFallback
   };
@@ -7840,11 +7840,11 @@ function getScale(element) {
   }
   const rect = domElement.getBoundingClientRect();
   const {
-    width,
+    width: width2,
     height,
     $: $2
   } = getCssDimensions(domElement);
-  let x = ($2 ? round(rect.width) : rect.width) / width;
+  let x = ($2 ? round(rect.width) : rect.width) / width2;
   let y = ($2 ? round(rect.height) : rect.height) / height;
   if (!x || !Number.isFinite(x)) {
     x = 1;
@@ -7899,7 +7899,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
   let x = (clientRect2.left + visualOffsets.x) / scale.x;
   let y = (clientRect2.top + visualOffsets.y) / scale.y;
-  let width = clientRect2.width / scale.x;
+  let width2 = clientRect2.width / scale.x;
   let height = clientRect2.height / scale.y;
   if (domElement) {
     const win = getWindow(domElement);
@@ -7914,7 +7914,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css2.paddingTop)) * iframeScale.y;
       x *= iframeScale.x;
       y *= iframeScale.y;
-      width *= iframeScale.x;
+      width2 *= iframeScale.x;
       height *= iframeScale.y;
       x += left;
       y += top;
@@ -7923,7 +7923,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     }
   }
   return rectToClientRect({
-    width,
+    width: width2,
     height,
     x,
     y
@@ -7997,15 +7997,15 @@ function getDocumentRect(element) {
   const html = getDocumentElement(element);
   const scroll = getNodeScroll(element);
   const body = element.ownerDocument.body;
-  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
+  const width2 = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
   const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
   const y = -scroll.scrollTop;
   if (getComputedStyle2(body).direction === "rtl") {
-    x += max(html.clientWidth, body.clientWidth) - width;
+    x += max(html.clientWidth, body.clientWidth) - width2;
   }
   return {
-    width,
+    width: width2,
     height,
     x,
     y
@@ -8015,12 +8015,12 @@ function getViewportRect(element, strategy) {
   const win = getWindow(element);
   const html = getDocumentElement(element);
   const visualViewport = win.visualViewport;
-  let width = html.clientWidth;
+  let width2 = html.clientWidth;
   let height = html.clientHeight;
   let x = 0;
   let y = 0;
   if (visualViewport) {
-    width = visualViewport.width;
+    width2 = visualViewport.width;
     height = visualViewport.height;
     const visualViewportBased = isWebKit();
     if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
@@ -8029,7 +8029,7 @@ function getViewportRect(element, strategy) {
     }
   }
   return {
-    width,
+    width: width2,
     height,
     x,
     y
@@ -8041,12 +8041,12 @@ function getInnerBoundingClientRect(element, strategy) {
   const top = clientRect2.top + element.clientTop;
   const left = clientRect2.left + element.clientLeft;
   const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
-  const width = element.clientWidth * scale.x;
+  const width2 = element.clientWidth * scale.x;
   const height = element.clientHeight * scale.y;
   const x = left * scale.x;
   const y = top * scale.y;
   return {
-    width,
+    width: width2,
     height,
     x,
     y
@@ -8131,11 +8131,11 @@ function getClippingRect(_ref) {
 }
 function getDimensions(element) {
   const {
-    width,
+    width: width2,
     height
   } = getCssDimensions(element);
   return {
-    width,
+    width: width2,
     height
   };
 }
@@ -8271,17 +8271,17 @@ function observeMove(element, onMove) {
     const {
       left,
       top,
-      width,
+      width: width2,
       height
     } = elementRectForRootMargin;
     if (!skip) {
       onMove();
     }
-    if (!width || !height) {
+    if (!width2 || !height) {
       return;
     }
     const insetTop = floor(top);
-    const insetRight = floor(root.clientWidth - (left + width));
+    const insetRight = floor(root.clientWidth - (left + width2));
     const insetBottom = floor(root.clientHeight - (top + height));
     const insetLeft = floor(left);
     const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
@@ -8697,13 +8697,13 @@ var arrow3 = (options, deps) => ({
 });
 var NAME2 = "Arrow";
 var Arrow2 = t.forwardRef((props, forwardedRef) => {
-  const { children, width = 10, height = 5, ...arrowProps } = props;
+  const { children, width: width2 = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsx(
     Primitive.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
-      width,
+      width: width2,
       height,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
@@ -8733,18 +8733,18 @@ function useSize(element) {
           return;
         }
         const entry = entries[0];
-        let width;
+        let width2;
         let height;
         if ("borderBoxSize" in entry) {
           const borderSizeEntry = entry["borderBoxSize"];
           const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
-          width = borderSize["inlineSize"];
+          width2 = borderSize["inlineSize"];
           height = borderSize["blockSize"];
         } else {
-          width = element.offsetWidth;
+          width2 = element.offsetWidth;
           height = element.offsetHeight;
         }
-        setSize({ width, height });
+        setSize({ width: width2, height });
       });
       resizeObserver.observe(element, { box: "border-box" });
       return () => resizeObserver.unobserve(element);
@@ -10908,9 +10908,9 @@ function Calendar3({
       return true;
     return false;
   };
-  const navigateMonth = (direction) => {
+  const navigateMonth = (direction2) => {
     const newDate = new Date(currentDate);
-    if (direction === "prev") {
+    if (direction2 === "prev") {
       newDate.setMonth(currentMonth - 1);
     } else {
       newDate.setMonth(currentMonth + 1);
@@ -11518,6 +11518,8 @@ var CalendarPro = t.forwardRef(({
   theme = "system",
   ...props
 }, ref) => {
+  const [draggedEventId, setDraggedEventId] = useState(null);
+  const [dragOverInfo, setDragOverInfo] = useState(null);
   const [internalSidebarCollapsed, setInternalSidebarCollapsed] = useState(false);
   const sidebarCollapsed = controlledSidebarCollapsed ?? internalSidebarCollapsed;
   const setSidebarCollapsed = useCallback((collapsed) => {
@@ -11542,8 +11544,8 @@ var CalendarPro = t.forwardRef(({
   const [selectedCategories, setSelectedCategories] = useState([]);
   const [editingEvent, setEditingEvent] = useState({});
   const [isDragging, setIsDragging] = useState(false);
-  const [draggedEvent, setDraggedEvent] = useState(null);
-  const [dropTarget, setDropTarget] = useState(null);
+  useState(null);
+  useState(null);
   useRef(null);
   const currentViewConfig = useMemo(() => {
     return views.find((v) => v.id === currentView) || views[0];
@@ -11594,21 +11596,21 @@ var CalendarPro = t.forwardRef(({
     setCurrentView(viewId);
     onViewChange?.(viewId);
   }, [onViewChange]);
-  const navigateDate = useCallback((direction) => {
+  const navigateDate = useCallback((direction2) => {
     const viewType = currentViewConfig.type;
     let newDate;
     switch (viewType) {
       case "day":
-        newDate = direction === "prev" ? subDays(currentDate, 1) : addDays(currentDate, 1);
+        newDate = direction2 === "prev" ? subDays(currentDate, 1) : addDays(currentDate, 1);
         break;
       case "week":
-        newDate = direction === "prev" ? subWeeks(currentDate, 1) : addWeeks(currentDate, 1);
+        newDate = direction2 === "prev" ? subWeeks(currentDate, 1) : addWeeks(currentDate, 1);
         break;
       case "month":
-        newDate = direction === "prev" ? subMonths(currentDate, 1) : addMonths(currentDate, 1);
+        newDate = direction2 === "prev" ? subMonths(currentDate, 1) : addMonths(currentDate, 1);
         break;
       case "year":
-        newDate = direction === "prev" ? subYears(currentDate, 1) : addYears(currentDate, 1);
+        newDate = direction2 === "prev" ? subYears(currentDate, 1) : addYears(currentDate, 1);
         break;
       default:
         newDate = currentDate;
@@ -11655,23 +11657,65 @@ var CalendarPro = t.forwardRef(({
       setEditingEvent({});
     }
   }, [selectedEvent, onEventDelete]);
-  useCallback((event) => {
+  const handleDragStart = useCallback((e, event) => {
     if (!allowEventDragging)
       return;
+    setDraggedEventId(event.id);
     setIsDragging(true);
-    setDraggedEvent(event);
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/plain", event.id);
+    const dragImage = e.currentTarget.cloneNode(true);
+    const originalRect = e.currentTarget.getBoundingClientRect();
+    dragImage.style.opacity = "0.8";
+    dragImage.style.position = "absolute";
+    dragImage.style.top = "-1000px";
+    dragImage.style.width = `${originalRect.width}px`;
+    dragImage.style.height = `${originalRect.height}px`;
+    dragImage.style.boxSizing = "border-box";
+    document.body.appendChild(dragImage);
+    e.dataTransfer.setDragImage(dragImage, e.nativeEvent.offsetX, e.nativeEvent.offsetY);
+    setTimeout(() => document.body.removeChild(dragImage), 0);
   }, [allowEventDragging]);
-  useCallback((result) => {
-    setIsDragging(false);
-    setDraggedEvent(null);
-    setDropTarget(null);
-    if (!result.destination || !draggedEvent || !onEventDrop)
+  const handleDragOver = useCallback((e, date, hour) => {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    setDragOverInfo({ date, hour });
+  }, []);
+  const handleDragLeave = useCallback((e) => {
+    const rect = e.currentTarget.getBoundingClientRect();
+    const x = e.clientX;
+    const y = e.clientY;
+    if (x < rect.left || x >= rect.right || y < rect.top || y >= rect.bottom) {
+      setDragOverInfo(null);
+    }
+  }, []);
+  const handleDrop = useCallback((e, date, hour) => {
+    e.preventDefault();
+    const eventId = e.dataTransfer.getData("text/plain");
+    const draggedEvent2 = events.find((ev) => ev.id === eventId);
+    if (!draggedEvent2 || !onEventDrop)
       return;
-    const newStart = new Date(result.destination.droppableId);
-    const duration = differenceInMinutes(draggedEvent.end, draggedEvent.start);
-    const newEnd = addMinutes(newStart, duration);
-    onEventDrop(draggedEvent.id, newStart, newEnd);
-  }, [draggedEvent, onEventDrop]);
+    let newStart;
+    let newEnd;
+    if (hour !== void 0) {
+      newStart = setHours(setMinutes(date, 0), hour);
+    } else {
+      const originalHours = draggedEvent2.start.getHours();
+      const originalMinutes = draggedEvent2.start.getMinutes();
+      newStart = setHours(setMinutes(date, originalMinutes), originalHours);
+    }
+    const duration = differenceInMinutes(draggedEvent2.end, draggedEvent2.start);
+    newEnd = addMinutes(newStart, duration);
+    onEventDrop(draggedEvent2.id, newStart, newEnd);
+    setDraggedEventId(null);
+    setDragOverInfo(null);
+    setIsDragging(false);
+  }, [events, onEventDrop]);
+  const handleDragEnd = useCallback(() => {
+    setDraggedEventId(null);
+    setDragOverInfo(null);
+    setIsDragging(false);
+  }, []);
   const exportCalendar = useCallback((format7) => {
     if (onExport) {
       onExport(format7, eventsInView);
@@ -11738,28 +11782,50 @@ END:VCALENDAR`;
       (event) => isSameDay(new Date(event.start), currentDate)
     );
     return /* @__PURE__ */ jsx("div", { className: "flex flex-1 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "min-h-full", children: [
-      /* @__PURE__ */ jsxs("div", { className: "border-b p-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-1", children: "All Day" }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-1", children: dayEvents.filter((event) => event.allDay).map((event) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "p-2 rounded text-xs cursor-pointer hover:opacity-80",
-            style: {
-              backgroundColor: event.color || eventColors[event.category || ""] || "#3b82f6",
-              color: "#ffffff"
-            },
-            onClick: (e) => handleEventClick(event, e),
-            children: event.title
-          },
-          event.id
-        )) })
-      ] }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "border-b p-2",
+            dragOverInfo?.date && !dragOverInfo?.hour && isSameDay(dragOverInfo.date, currentDate) && "bg-primary/10"
+          ),
+          onDragOver: (e) => handleDragOver(e, currentDate),
+          onDragLeave: handleDragLeave,
+          onDrop: (e) => handleDrop(e, currentDate),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-1", children: "All Day" }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-1", children: dayEvents.filter((event) => event.allDay).map((event) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                draggable: allowEventDragging,
+                onDragStart: (e) => handleDragStart(e, event),
+                onDragEnd: handleDragEnd,
+                className: "p-2 rounded text-xs cursor-pointer hover:opacity-80",
+                style: {
+                  backgroundColor: event.color || eventColors[event.category || ""] || "#3b82f6",
+                  color: "#ffffff",
+                  opacity: draggedEventId === event.id ? 0.5 : 1
+                },
+                onClick: (e) => handleEventClick(event, e),
+                children: event.title
+              },
+              event.id
+            )) })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx("div", { className: "relative", children: hours.map((hour) => /* @__PURE__ */ jsxs("div", { className: "flex border-b", style: { height: "60px" }, children: [
         /* @__PURE__ */ jsx("div", { className: "w-16 p-2 text-xs text-muted-foreground text-right", children: format(setHours(/* @__PURE__ */ new Date(), hour), timeFormat === "12h" ? "h a" : "HH:00") }),
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: "flex-1 relative border-l cursor-pointer hover:bg-muted/20",
+            className: cn(
+              "flex-1 relative border-l cursor-pointer hover:bg-muted/20",
+              dragOverInfo?.date && dragOverInfo?.hour === hour && isSameDay(dragOverInfo.date, currentDate) && "bg-primary/10"
+            ),
+            onDragOver: (e) => handleDragOver(e, currentDate, hour),
+            onDragLeave: handleDragLeave,
+            onDrop: (e) => handleDrop(e, currentDate, hour),
             onClick: () => {
               if (allowEventCreation) {
                 const clickedTime = setHours(setMinutes(currentDate, 0), hour);
@@ -11788,13 +11854,18 @@ END:VCALENDAR`;
               return /* @__PURE__ */ jsxs(
                 "div",
                 {
+                  draggable: allowEventDragging,
+                  onDragStart: (e) => handleDragStart(e, event),
+                  onDragEnd: handleDragEnd,
                   className: "absolute left-0 right-0 mx-1 p-1 rounded text-xs cursor-pointer hover:opacity-80 overflow-hidden",
                   style: {
                     top: `${top}px`,
                     height: `${height2}px`,
                     backgroundColor: event.color || eventColors[event.category || ""] || "#3b82f6",
                     color: "#ffffff",
-                    zIndex: 10
+                    zIndex: 10,
+                    opacity: draggedEventId === event.id ? 0.5 : 1,
+                    cursor: allowEventDragging ? "move" : "pointer"
                   },
                   onClick: (e) => {
                     e.stopPropagation();
@@ -11853,8 +11924,12 @@ END:VCALENDAR`;
             {
               className: cn(
                 "flex-1 relative border-l border-b cursor-pointer hover:bg-muted/20",
-                isToday(day) && "bg-primary/5"
+                isToday(day) && "bg-primary/5",
+                dragOverInfo?.date && dragOverInfo?.hour === hour && isSameDay(dragOverInfo.date, day) && "bg-primary/10"
               ),
+              onDragOver: (e) => handleDragOver(e, day, hour),
+              onDragLeave: handleDragLeave,
+              onDrop: (e) => handleDrop(e, day, hour),
               onClick: () => {
                 if (allowEventCreation) {
                   const clickedTime = setHours(setMinutes(day, 0), hour);
@@ -11881,13 +11956,18 @@ END:VCALENDAR`;
                 return /* @__PURE__ */ jsx(
                   "div",
                   {
+                    draggable: allowEventDragging,
+                    onDragStart: (e) => handleDragStart(e, event),
+                    onDragEnd: handleDragEnd,
                     className: "absolute left-0 right-0 mx-1 p-1 rounded text-xs cursor-pointer hover:opacity-80 overflow-hidden",
                     style: {
                       top: `${top}px`,
                       height: `${height2}px`,
                       backgroundColor: event.color || eventColors[event.category || ""] || "#3b82f6",
                       color: "#ffffff",
-                      zIndex: 10
+                      zIndex: 10,
+                      opacity: draggedEventId === event.id ? 0.5 : 1,
+                      cursor: allowEventDragging ? "move" : "pointer"
                     },
                     onClick: (e) => {
                       e.stopPropagation();
@@ -11936,8 +12016,12 @@ END:VCALENDAR`;
               "min-h-[100px] p-2 border rounded-lg cursor-pointer transition-colors",
               !isCurrentMonth && "opacity-50",
               isToday(day) && "bg-primary/10 border-primary",
-              "hover:bg-muted/50"
+              "hover:bg-muted/50",
+              dragOverInfo?.date && !dragOverInfo?.hour && isSameDay(dragOverInfo.date, day) && "bg-primary/20 border-primary"
             ),
+            onDragOver: (e) => handleDragOver(e, day),
+            onDragLeave: handleDragLeave,
+            onDrop: (e) => handleDrop(e, day),
             onClick: () => handleDateSelect(day),
             children: [
               /* @__PURE__ */ jsx("div", { className: cn(
@@ -11949,10 +12033,15 @@ END:VCALENDAR`;
                   return /* @__PURE__ */ jsx(
                     motion.div,
                     {
+                      draggable: allowEventDragging,
+                      onDragStart: (e) => handleDragStart(e, event),
+                      onDragEnd: handleDragEnd,
                       className: "text-xs p-1 rounded cursor-pointer truncate",
                       style: {
                         backgroundColor: event.color || eventColors[event.category || ""] || "#3b82f6",
-                        color: "#ffffff"
+                        color: "#ffffff",
+                        opacity: draggedEventId === event.id ? 0.5 : 1,
+                        cursor: allowEventDragging ? "move" : "pointer"
                       },
                       whileHover: { scale: 1.02 },
                       whileTap: { scale: 0.98 },
@@ -13507,12 +13596,12 @@ var getInitials3 = (name) => {
 var useAutoScroll = () => {
   const scrollRef = useRef(null);
   const scrollIntervalRef = useRef(null);
-  const startAutoScroll = useCallback((direction) => {
+  const startAutoScroll = useCallback((direction2) => {
     if (scrollIntervalRef.current)
       return;
     scrollIntervalRef.current = setInterval(() => {
       if (scrollRef.current) {
-        const scrollAmount = direction === "left" ? -10 : 10;
+        const scrollAmount = direction2 === "left" ? -10 : 10;
         scrollRef.current.scrollLeft += scrollAmount;
       }
     }, 20);
@@ -36283,8 +36372,8 @@ if (typeof WeakMap != "undefined") {
   };
 }
 var TableMap = class {
-  constructor(width, height, map2, problems) {
-    this.width = width;
+  constructor(width2, height, map2, problems) {
+    this.width = width2;
     this.height = height;
     this.map = map2;
     this.problems = problems;
@@ -36396,12 +36485,12 @@ var TableMap = class {
 function computeMap(table) {
   if (table.type.spec.tableRole != "table")
     throw new RangeError("Not a table node: " + table.type.name);
-  const width = findWidth(table), height = table.childCount;
+  const width2 = findWidth(table), height = table.childCount;
   const map2 = [];
   let mapPos = 0;
   let problems = null;
   const colWidths = [];
-  for (let i = 0, e = width * height; i < e; i++)
+  for (let i = 0, e = width2 * height; i < e; i++)
     map2[i] = 0;
   for (let row = 0, pos = 0; row < height; row++) {
     const rowNode = table.child(row);
@@ -36422,7 +36511,7 @@ function computeMap(table) {
           });
           break;
         }
-        const start = mapPos + h2 * width;
+        const start = mapPos + h2 * width2;
         for (let w2 = 0; w2 < colspan; w2++) {
           if (map2[start + w2] == 0)
             map2[start + w2] = pos;
@@ -36435,7 +36524,7 @@ function computeMap(table) {
             });
           const colW = colwidth && colwidth[w2];
           if (colW) {
-            const widthIndex = (start + w2) % width * 2, prev = colWidths[widthIndex];
+            const widthIndex = (start + w2) % width2 * 2, prev = colWidths[widthIndex];
             if (prev == null || prev != colW && colWidths[widthIndex + 1] == 1) {
               colWidths[widthIndex] = colW;
               colWidths[widthIndex + 1] = 1;
@@ -36448,7 +36537,7 @@ function computeMap(table) {
       mapPos += colspan;
       pos += cellNode.nodeSize;
     }
-    const expectedPos = (row + 1) * width;
+    const expectedPos = (row + 1) * width2;
     let missing = 0;
     while (mapPos < expectedPos)
       if (map2[mapPos++] == 0)
@@ -36457,9 +36546,9 @@ function computeMap(table) {
       (problems || (problems = [])).push({ type: "missing", row, n: missing });
     pos++;
   }
-  if (width === 0 || height === 0)
+  if (width2 === 0 || height === 0)
     (problems || (problems = [])).push({ type: "zero_sized" });
-  const tableMap = new TableMap(width, height, map2, problems);
+  const tableMap = new TableMap(width2, height, map2, problems);
   let badWidths = false;
   for (let i = 0; !badWidths && i < colWidths.length; i += 2)
     if (colWidths[i] != null && colWidths[i + 1] < height)
@@ -36469,7 +36558,7 @@ function computeMap(table) {
   return tableMap;
 }
 function findWidth(table) {
-  let width = -1;
+  let width2 = -1;
   let hasRowSpan = false;
   for (let row = 0; row < table.childCount; row++) {
     const rowNode = table.child(row);
@@ -36489,12 +36578,12 @@ function findWidth(table) {
       if (cell.attrs.rowspan > 1)
         hasRowSpan = true;
     }
-    if (width == -1)
-      width = rowWidth;
-    else if (width != rowWidth)
-      width = Math.max(width, rowWidth);
+    if (width2 == -1)
+      width2 = rowWidth;
+    else if (width2 != rowWidth)
+      width2 = Math.max(width2, rowWidth);
   }
-  return width;
+  return width2;
 }
 function findBadColWidths(map2, colWidths, table) {
   if (!map2.problems)
@@ -37285,17 +37374,17 @@ function isEmpty(cell) {
   const c2 = cell.content;
   return c2.childCount == 1 && c2.child(0).isTextblock && c2.child(0).childCount == 0;
 }
-function cellsOverlapRectangle({ width, height, map: map2 }, rect) {
-  let indexTop = rect.top * width + rect.left, indexLeft = indexTop;
-  let indexBottom = (rect.bottom - 1) * width + rect.left, indexRight = indexTop + (rect.right - rect.left - 1);
+function cellsOverlapRectangle({ width: width2, height, map: map2 }, rect) {
+  let indexTop = rect.top * width2 + rect.left, indexLeft = indexTop;
+  let indexBottom = (rect.bottom - 1) * width2 + rect.left, indexRight = indexTop + (rect.right - rect.left - 1);
   for (let i = rect.top; i < rect.bottom; i++) {
-    if (rect.left > 0 && map2[indexLeft] == map2[indexLeft - 1] || rect.right < width && map2[indexRight] == map2[indexRight + 1])
+    if (rect.left > 0 && map2[indexLeft] == map2[indexLeft - 1] || rect.right < width2 && map2[indexRight] == map2[indexRight + 1])
       return true;
-    indexLeft += width;
-    indexRight += width;
+    indexLeft += width2;
+    indexRight += width2;
   }
   for (let i = rect.left; i < rect.right; i++) {
-    if (rect.top > 0 && map2[indexTop] == map2[indexTop - width] || rect.bottom < height && map2[indexBottom] == map2[indexBottom + width])
+    if (rect.top > 0 && map2[indexTop] == map2[indexTop - width2] || rect.bottom < height && map2[indexBottom] == map2[indexBottom + width2])
       return true;
     indexTop++;
     indexBottom++;
@@ -37592,11 +37681,11 @@ function findNextCell($cell, dir) {
   }
   return null;
 }
-function goToNextCell(direction) {
+function goToNextCell(direction2) {
   return function(state, dispatch2) {
     if (!isInTable(state))
       return false;
-    const cell = findNextCell(selectionCell(state), direction);
+    const cell = findNextCell(selectionCell(state), direction2);
     if (cell == null)
       return false;
     if (dispatch2) {
@@ -37688,30 +37777,30 @@ function ensureRectangular(schema, rows) {
         widths[r2] = (widths[r2] || 0) + colspan;
     }
   }
-  let width = 0;
+  let width2 = 0;
   for (let r2 = 0; r2 < widths.length; r2++)
-    width = Math.max(width, widths[r2]);
+    width2 = Math.max(width2, widths[r2]);
   for (let r2 = 0; r2 < widths.length; r2++) {
     if (r2 >= rows.length)
       rows.push(Fragment8.empty);
-    if (widths[r2] < width) {
+    if (widths[r2] < width2) {
       const empty2 = tableNodeTypes(schema).cell.createAndFill();
       const cells = [];
-      for (let i = widths[r2]; i < width; i++) {
+      for (let i = widths[r2]; i < width2; i++) {
         cells.push(empty2);
       }
       rows[r2] = rows[r2].append(Fragment8.from(cells));
     }
   }
-  return { height: rows.length, width, rows };
+  return { height: rows.length, width: width2, rows };
 }
 function fitSlice(nodeType, slice2) {
   const node = nodeType.createAndFill();
   const tr2 = new Transform(node).replace(0, node.content.size, slice2);
   return tr2.doc;
 }
-function clipCells({ width, height, rows }, newWidth, newHeight) {
-  if (width != newWidth) {
+function clipCells({ width: width2, height, rows }, newWidth, newHeight) {
+  if (width2 != newWidth) {
     const added = [];
     const newRows = [];
     for (let row = 0; row < rows.length; row++) {
@@ -37735,7 +37824,7 @@ function clipCells({ width, height, rows }, newWidth, newHeight) {
       newRows.push(Fragment8.from(cells));
     }
     rows = newRows;
-    width = newWidth;
+    width2 = newWidth;
   }
   if (height != newHeight) {
     const newRows = [];
@@ -37758,14 +37847,14 @@ function clipCells({ width, height, rows }, newWidth, newHeight) {
     rows = newRows;
     height = newHeight;
   }
-  return { width, height, rows };
+  return { width: width2, height, rows };
 }
-function growTable(tr2, map2, table, start, width, height, mapFrom) {
+function growTable(tr2, map2, table, start, width2, height, mapFrom) {
   const schema = tr2.doc.type.schema;
   const types = tableNodeTypes(schema);
   let empty2;
   let emptyHead;
-  if (width > map2.width) {
+  if (width2 > map2.width) {
     for (let row = 0, rowEnd = 0; row < map2.height; row++) {
       const rowNode = table.child(row);
       rowEnd += rowNode.nodeSize;
@@ -37775,14 +37864,14 @@ function growTable(tr2, map2, table, start, width, height, mapFrom) {
         add = empty2 || (empty2 = types.cell.createAndFill());
       else
         add = emptyHead || (emptyHead = types.header_cell.createAndFill());
-      for (let i = map2.width; i < width; i++)
+      for (let i = map2.width; i < width2; i++)
         cells.push(add);
       tr2.insert(tr2.mapping.slice(mapFrom).map(rowEnd - 1 + start), cells);
     }
   }
   if (height > map2.height) {
     const cells = [];
-    for (let i = 0, start2 = (map2.height - 1) * map2.width; i < Math.max(map2.width, width); i++) {
+    for (let i = 0, start2 = (map2.height - 1) * map2.width; i < Math.max(map2.width, width2); i++) {
       const header = i >= map2.width ? false : table.nodeAt(map2.map[start2 + i]).type == types.header_cell;
       cells.push(
         header ? emptyHead || (emptyHead = types.header_cell.createAndFill()) : empty2 || (empty2 = types.cell.createAndFill())
@@ -38312,10 +38401,10 @@ function handleMouseDown2(view, event, cellMinWidth, defaultCellMinWidth) {
   if (!pluginState || pluginState.activeHandle == -1 || pluginState.dragging)
     return false;
   const cell = view.state.doc.nodeAt(pluginState.activeHandle);
-  const width = currentColWidth(view, pluginState.activeHandle, cell.attrs);
+  const width2 = currentColWidth(view, pluginState.activeHandle, cell.attrs);
   view.dispatch(
     view.state.tr.setMeta(columnResizingPluginKey, {
-      setDragging: { startX: event.clientX, startWidth: width }
+      setDragging: { startX: event.clientX, startWidth: width2 }
     })
   );
   function finish(event2) {
@@ -38352,7 +38441,7 @@ function handleMouseDown2(view, event, cellMinWidth, defaultCellMinWidth) {
   displayColumnWidth(
     view,
     pluginState.activeHandle,
-    width,
+    width2,
     defaultCellMinWidth
   );
   win.addEventListener("mouseup", finish);
@@ -38361,9 +38450,9 @@ function handleMouseDown2(view, event, cellMinWidth, defaultCellMinWidth) {
   return true;
 }
 function currentColWidth(view, cellPos, { colspan, colwidth }) {
-  const width = colwidth && colwidth[colwidth.length - 1];
-  if (width)
-    return width;
+  const width2 = colwidth && colwidth[colwidth.length - 1];
+  if (width2)
+    return width2;
   const dom = view.domAtPos(cellPos);
   const node = dom.node.childNodes[dom.offset];
   let domWidth = node.offsetWidth, parts = colspan;
@@ -38408,7 +38497,7 @@ function updateHandle(view, value) {
     view.state.tr.setMeta(columnResizingPluginKey, { setHandle: value })
   );
 }
-function updateColumnWidth(view, cell, width) {
+function updateColumnWidth(view, cell, width2) {
   const $cell = view.state.doc.resolve(cell);
   const table = $cell.node(-1), map2 = TableMap.get(table), start = $cell.start(-1);
   const col = map2.colCount($cell.pos - start) + $cell.nodeAfter.attrs.colspan - 1;
@@ -38420,16 +38509,16 @@ function updateColumnWidth(view, cell, width) {
     const pos = map2.map[mapIndex];
     const attrs = table.nodeAt(pos).attrs;
     const index2 = attrs.colspan == 1 ? 0 : col - map2.colCount(pos);
-    if (attrs.colwidth && attrs.colwidth[index2] == width)
+    if (attrs.colwidth && attrs.colwidth[index2] == width2)
       continue;
     const colwidth = attrs.colwidth ? attrs.colwidth.slice() : zeroes(attrs.colspan);
-    colwidth[index2] = width;
+    colwidth[index2] = width2;
     tr2.setNodeMarkup(start + pos, null, { ...attrs, colwidth });
   }
   if (tr2.docChanged)
     view.dispatch(tr2);
 }
-function displayColumnWidth(view, cell, width, defaultCellMinWidth) {
+function displayColumnWidth(view, cell, width2, defaultCellMinWidth) {
   const $cell = view.state.doc.resolve(cell);
   const table = $cell.node(-1), start = $cell.start(-1);
   const col = TableMap.get(table).colCount($cell.pos - start) + $cell.nodeAfter.attrs.colspan - 1;
@@ -38445,7 +38534,7 @@ function displayColumnWidth(view, cell, width, defaultCellMinWidth) {
     dom,
     defaultCellMinWidth,
     col,
-    width
+    width2
   );
 }
 function zeroes(n) {
@@ -38550,7 +38639,7 @@ var TableCell = Node3.create({
         default: null,
         parseHTML: (element) => {
           const colwidth = element.getAttribute("colwidth");
-          const value = colwidth ? colwidth.split(",").map((width) => parseInt(width, 10)) : null;
+          const value = colwidth ? colwidth.split(",").map((width2) => parseInt(width2, 10)) : null;
           return value;
         }
       }
@@ -38585,7 +38674,7 @@ var TableHeader = Node3.create({
         default: null,
         parseHTML: (element) => {
           const colwidth = element.getAttribute("colwidth");
-          const value = colwidth ? colwidth.split(",").map((width) => parseInt(width, 10)) : null;
+          const value = colwidth ? colwidth.split(",").map((width2) => parseInt(width2, 10)) : null;
           return value;
         }
       }
@@ -38616,9 +38705,9 @@ var TableRow = Node3.create({
     return ["tr", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   }
 });
-function getColStyleDeclaration(minWidth, width) {
-  if (width) {
-    return ["width", `${Math.max(width, minWidth)}px`];
+function getColStyleDeclaration(minWidth, width2) {
+  if (width2) {
+    return ["width", `${Math.max(width2, minWidth)}px`];
   }
   return ["min-width", `${minWidth}px`];
 }
@@ -54340,10 +54429,10 @@ function RichTextEditor({
       setIsTableDialogOpen(false);
     }
   };
-  const applyTableBorders = (width, color, style2) => {
+  const applyTableBorders = (width2, color, style2) => {
     if (!editor)
       return;
-    const borderStyle = `${width}px ${style2} ${color}`;
+    const borderStyle = `${width2}px ${style2} ${color}`;
     editor.view.dom.querySelectorAll(".ProseMirror table").forEach((table) => {
       if (table instanceof HTMLElement) {
         table.style.borderCollapse = "collapse";
@@ -55560,6 +55649,8 @@ function RichTextEditor({
 var MemoryCache = class {
   constructor(maxSize, strategy = "lru") {
     this.cache = /* @__PURE__ */ new Map();
+    this.hitCount = 0;
+    this.missCount = 0;
     this.maxSize = maxSize;
     this.strategy = strategy;
   }
@@ -55574,14 +55665,6 @@ var MemoryCache = class {
       compressed
     });
   }
-  get(key) {
-    const node = this.cache.get(key);
-    if (!node)
-      return null;
-    node.accessCount++;
-    node.timestamp = Date.now();
-    return node.data;
-  }
   evict() {
     if (this.cache.size === 0)
       return;
@@ -55617,12 +55700,131 @@ var MemoryCache = class {
     this.cache.clear();
   }
   getStats() {
+    let totalMemory = 0;
+    for (const [, node] of this.cache) {
+      totalMemory += JSON.stringify(node.data).length * 2;
+    }
     return {
       size: this.cache.size,
-      hitRate: 0.95
-      // Basit bir mock değer
+      hitRate: this.calculateHitRate(),
+      memoryUsage: totalMemory
     };
   }
+  calculateHitRate() {
+    const total = this.hitCount + this.missCount;
+    return total === 0 ? 0 : this.hitCount / total;
+  }
+  // Hit/miss tracking için güncelle
+  get(key) {
+    const node = this.cache.get(key);
+    if (!node) {
+      this.missCount++;
+      return null;
+    }
+    this.hitCount++;
+    node.accessCount++;
+    node.timestamp = Date.now();
+    return node.data;
+  }
+};
+var PerformanceTracker = class {
+  constructor() {
+    this.frames = [];
+    this.renderTimes = [];
+    this.startTime = 0;
+    this.lastFrameTime = 0;
+  }
+  startRender() {
+    this.startTime = performance.now();
+  }
+  endRender() {
+    const renderTime = performance.now() - this.startTime;
+    this.renderTimes.push(renderTime);
+    if (this.renderTimes.length > 60) {
+      this.renderTimes.shift();
+    }
+  }
+  recordFrame() {
+    const now = performance.now();
+    if (this.lastFrameTime > 0) {
+      const fps = 1e3 / (now - this.lastFrameTime);
+      this.frames.push(fps);
+      if (this.frames.length > 60) {
+        this.frames.shift();
+      }
+    }
+    this.lastFrameTime = now;
+  }
+  getMetrics() {
+    const avgFPS = this.frames.length > 0 ? this.frames.reduce((a, b) => a + b, 0) / this.frames.length : 0;
+    const avgRenderTime = this.renderTimes.length > 0 ? this.renderTimes.reduce((a, b) => a + b, 0) / this.renderTimes.length : 0;
+    return {
+      fps: Math.round(avgFPS),
+      renderTime: Math.round(avgRenderTime * 100) / 100,
+      memoryLeaks: this.detectMemoryLeaks(),
+      scrollPerformance: this.calculateScrollPerformance(),
+      lastUpdate: Date.now()
+    };
+  }
+  detectMemoryLeaks() {
+    return this.renderTimes.filter((time) => time > 16).length;
+  }
+  calculateScrollPerformance() {
+    const avgFPS = this.frames.length > 0 ? this.frames.reduce((a, b) => a + b, 0) / this.frames.length : 60;
+    return Math.min(100, Math.max(0, avgFPS / 60 * 100));
+  }
+};
+var VariableHeightManager = class {
+  constructor(defaultHeight = 60) {
+    this.heights = /* @__PURE__ */ new Map();
+    this.totalHeight = 0;
+    this.measuredCount = 0;
+    this.defaultHeight = defaultHeight;
+  }
+  setItemHeight(index2, height) {
+    const oldHeight = this.heights.get(index2) || this.defaultHeight;
+    this.heights.set(index2, height);
+    if (!this.heights.has(index2)) {
+      this.measuredCount++;
+    }
+    this.totalHeight += height - oldHeight;
+  }
+  getItemHeight(index2) {
+    return this.heights.get(index2) || this.defaultHeight;
+  }
+  getOffsetForIndex(index2) {
+    let offset4 = 0;
+    for (let i = 0; i < index2; i++) {
+      offset4 += this.getItemHeight(i);
+    }
+    return offset4;
+  }
+  getTotalHeight(itemCount) {
+    if (this.measuredCount === 0) {
+      return itemCount * this.defaultHeight;
+    }
+    const measuredHeight = Array.from(this.heights.values()).reduce((sum, height) => sum + height, 0);
+    const averageHeight = measuredHeight / this.measuredCount;
+    const unmeasuredCount = itemCount - this.measuredCount;
+    return measuredHeight + unmeasuredCount * averageHeight;
+  }
+  getVisibleRange(scrollTop, containerHeight, itemCount) {
+    let start = 0;
+    let currentOffset = 0;
+    while (start < itemCount && currentOffset < scrollTop) {
+      currentOffset += this.getItemHeight(start);
+      start++;
+    }
+    start = Math.max(0, start - 1);
+    let end = start;
+    const targetOffset = scrollTop + containerHeight;
+    currentOffset = this.getOffsetForIndex(start);
+    while (end < itemCount && currentOffset < targetOffset) {
+      currentOffset += this.getItemHeight(end);
+      end++;
+    }
+    return { start, end: Math.min(itemCount, end + 1) };
+  }
 };
 function MemoryEfficientData({
   data,
@@ -55630,7 +55832,17 @@ function MemoryEfficientData({
   renderItem,
   height = 400,
   onMemoryUpdate,
-  className
+  className,
+  // Yeni props
+  itemHeight = 60,
+  onSearch,
+  onSort,
+  onFilter,
+  onExport,
+  searchPlaceholder = "Ara...",
+  emptyStateMessage = "Veri bulunamad\u0131",
+  loadingComponent,
+  errorComponent
 }) {
   const {
     chunkSize = 1e3,
@@ -55641,7 +55853,16 @@ function MemoryEfficientData({
     cleanupThreshold = 0.8,
     streamingMode = false,
     enableAnalytics = false,
-    analyticsCallback
+    analyticsCallback,
+    // Yeni konfigürasyonlar
+    variableHeight = false,
+    preloadStrategy = "smart",
+    performanceTracking = false,
+    enableSearch = false,
+    enableSort = false,
+    enableFilter = false,
+    enableExport = false,
+    animations: animations2 = true
   } = config;
   const [visibleRange, setVisibleRange] = useState({ start: 0, end: Math.min(chunkSize, data.length) });
   const [memoryStats, setMemoryStats] = useState({
@@ -55649,46 +55870,145 @@ function MemoryEfficientData({
     itemCount: 0,
     cacheHitRate: 0.95
   });
+  const [tableFeatures, setTableFeatures] = useState({
+    searchTerm: "",
+    sortConfig: void 0,
+    filters: []
+  });
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
   const containerRef = useRef(null);
   const cacheRef = useRef(new MemoryCache(Math.floor(maxMemoryItems / chunkSize), cacheStrategy));
   const scrollTimeoutRef = useRef(void 0);
+  const performanceTrackerRef = useRef(new PerformanceTracker());
+  const heightManagerRef = useRef(new VariableHeightManager(typeof itemHeight === "number" ? itemHeight : 60));
+  const itemRefs = useRef(/* @__PURE__ */ new Map());
+  const processedData = useMemo(() => {
+    let result = [...data];
+    try {
+      setIsLoading(true);
+      if (enableSearch && tableFeatures.searchTerm && onSearch) {
+        result = onSearch(tableFeatures.searchTerm);
+      }
+      if (enableFilter && tableFeatures.filters && tableFeatures.filters.length > 0 && onFilter) {
+        result = onFilter(result, tableFeatures.filters);
+      }
+      if (enableSort && tableFeatures.sortConfig && onSort) {
+        result = onSort(result, tableFeatures.sortConfig.key, tableFeatures.sortConfig.direction);
+      }
+      setError(null);
+      return result;
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Veri i\u015Flenirken hata olu\u015Ftu");
+      return data;
+    } finally {
+      setIsLoading(false);
+    }
+  }, [data, tableFeatures, enableSearch, enableFilter, enableSort, onSearch, onFilter, onSort]);
   const visibleData = useMemo(() => {
+    if (performanceTracking) {
+      performanceTrackerRef.current.startRender();
+    }
     const start = visibleRange.start;
-    const end = Math.min(visibleRange.end, data.length);
-    const cacheKey = `${start}-${end}`;
+    const end = Math.min(visibleRange.end, processedData.length);
+    const cacheKey = `${start}-${end}-${JSON.stringify(tableFeatures)}`;
     const cachedData = cacheRef.current.get(cacheKey);
     if (cachedData && cachedData.length === end - start) {
+      if (performanceTracking) {
+        performanceTrackerRef.current.endRender();
+      }
       return cachedData;
     }
-    const newData = data.slice(start, end);
+    const newData = processedData.slice(start, end);
     cacheRef.current.set(cacheKey, newData, compression);
+    if (performanceTracking) {
+      performanceTrackerRef.current.endRender();
+    }
     return newData;
-  }, [data, visibleRange, compression]);
+  }, [processedData, visibleRange, compression, tableFeatures, performanceTracking]);
+  const measureItemHeight = useCallback((index2, element) => {
+    if (!variableHeight)
+      return;
+    const height2 = element.getBoundingClientRect().height;
+    heightManagerRef.current.setItemHeight(index2, height2);
+    const oldHeight = heightManagerRef.current.getItemHeight(index2);
+    if (Math.abs(height2 - oldHeight) > 5) {
+      const container = containerRef.current;
+      if (container) {
+        handleScroll({ currentTarget: container });
+      }
+    }
+  }, [variableHeight]);
   const handleScroll = useCallback((e) => {
+    if (performanceTracking) {
+      performanceTrackerRef.current.recordFrame();
+    }
     const scrollTop = e.currentTarget.scrollTop;
     const containerHeight = e.currentTarget.clientHeight;
-    const estimatedItemHeight = 60;
-    const startIndex = Math.floor(scrollTop / estimatedItemHeight);
-    const visibleCount = Math.ceil(containerHeight / estimatedItemHeight);
-    const bufferSize = Math.floor(visibleCount * 0.5);
-    const newStart = Math.max(0, startIndex - bufferSize);
-    const newEnd = Math.min(data.length, startIndex + visibleCount + bufferSize);
+    let newStart, newEnd;
+    if (variableHeight) {
+      const range = heightManagerRef.current.getVisibleRange(scrollTop, containerHeight, processedData.length);
+      newStart = range.start;
+      newEnd = range.end;
+    } else {
+      const itemHeightValue = typeof itemHeight === "number" ? itemHeight : 60;
+      const startIndex = Math.floor(scrollTop / itemHeightValue);
+      const visibleCount = Math.ceil(containerHeight / itemHeightValue);
+      const bufferSize = Math.floor(visibleCount * 0.5);
+      newStart = Math.max(0, startIndex - bufferSize);
+      newEnd = Math.min(processedData.length, startIndex + visibleCount + bufferSize);
+    }
+    if (preloadStrategy === "aggressive") {
+      const extraBuffer = Math.floor((newEnd - newStart) * 0.5);
+      newStart = Math.max(0, newStart - extraBuffer);
+      newEnd = Math.min(processedData.length, newEnd + extraBuffer);
+    } else if (preloadStrategy === "smart") {
+      const currentScroll = scrollTop;
+      const lastScroll = scrollTimeoutRef.current ? parseInt(scrollTimeoutRef.current) : 0;
+      const isScrollingDown = currentScroll > lastScroll;
+      if (isScrollingDown) {
+        newEnd = Math.min(processedData.length, newEnd + Math.floor((newEnd - newStart) * 0.2));
+      } else {
+        newStart = Math.max(0, newStart - Math.floor((newEnd - newStart) * 0.2));
+      }
+    }
     if (scrollTimeoutRef.current) {
       clearTimeout(scrollTimeoutRef.current);
     }
     scrollTimeoutRef.current = setTimeout(() => {
       setVisibleRange({ start: newStart, end: newEnd });
     }, 16);
-  }, [data.length]);
+  }, [processedData.length, variableHeight, itemHeight, preloadStrategy, performanceTracking]);
+  const handleSearch = useCallback((searchTerm) => {
+    setTableFeatures((prev) => ({ ...prev, searchTerm }));
+  }, []);
+  useCallback((key) => {
+    setTableFeatures((prev) => {
+      const currentDirection = prev.sortConfig?.key === key && prev.sortConfig?.direction === "asc" ? "desc" : "asc";
+      return {
+        ...prev,
+        sortConfig: { key, direction: currentDirection }
+      };
+    });
+  }, []);
+  useCallback((filters) => {
+    setTableFeatures((prev) => ({ ...prev, filters }));
+  }, []);
+  const handleExport = useCallback((format7) => {
+    if (onExport) {
+      onExport(processedData, format7);
+    }
+  }, [processedData, onExport]);
   useEffect(() => {
     const cacheStats = cacheRef.current.getStats();
+    const performanceMetrics = performanceTracking ? performanceTrackerRef.current.getMetrics() : void 0;
     const newStats = {
-      memoryUsage: visibleData.length * 1024,
-      // Rough estimation
+      memoryUsage: cacheStats.memoryUsage,
       itemCount: visibleData.length,
       cacheHitRate: cacheStats.hitRate,
       compressionRatio: compression ? 0.7 : 1,
-      lastCleanup: Date.now()
+      lastCleanup: Date.now(),
+      performance: performanceMetrics
     };
     setMemoryStats(newStats);
     if (enableAnalytics && analyticsCallback) {
@@ -55697,7 +56017,7 @@ function MemoryEfficientData({
     if (onMemoryUpdate) {
       onMemoryUpdate(newStats);
     }
-  }, [visibleData, enableAnalytics, analyticsCallback, onMemoryUpdate, compression]);
+  }, [visibleData, enableAnalytics, analyticsCallback, onMemoryUpdate, compression, performanceTracking]);
   useEffect(() => {
     if (!autoCleanup)
       return;
@@ -55709,27 +56029,281 @@ function MemoryEfficientData({
     }, 5e3);
     return () => clearInterval(cleanupInterval);
   }, [autoCleanup, cleanupThreshold, maxMemoryItems, visibleData.length]);
-  return /* @__PURE__ */ jsx(
-    "div",
+  if (error && errorComponent) {
+    return errorComponent;
+  }
+  if (isLoading && loadingComponent) {
+    return loadingComponent;
+  }
+  const totalHeight = variableHeight ? heightManagerRef.current.getTotalHeight(processedData.length) : processedData.length * (typeof itemHeight === "number" ? itemHeight : 60);
+  const offsetY = variableHeight ? heightManagerRef.current.getOffsetForIndex(visibleRange.start) : visibleRange.start * (typeof itemHeight === "number" ? itemHeight : 60);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
+    (enableSearch || enableSort || enableFilter || enableExport) && /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: "flex items-center gap-2 p-3 border-b bg-muted/5",
+        initial: animations2 ? { opacity: 0, y: -10 } : {},
+        animate: animations2 ? { opacity: 1, y: 0 } : {},
+        transition: { duration: 0.2 },
+        children: [
+          enableSearch && /* @__PURE__ */ jsxs("div", { className: "relative flex-1 max-w-sm", children: [
+            /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                placeholder: searchPlaceholder,
+                value: tableFeatures.searchTerm,
+                onChange: (e) => handleSearch(e.target.value),
+                className: "w-full pl-10 pr-4 py-2 border rounded-md bg-background text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            enableFilter && /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => {
+                },
+                className: "p-2 hover:bg-muted rounded-md transition-colors",
+                title: "Filtrele",
+                children: /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" })
+              }
+            ),
+            enableExport && /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => handleExport("csv"),
+                className: "p-2 hover:bg-muted rounded-md transition-colors",
+                title: "D\u0131\u015Fa Aktar",
+                children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
+              }
+            ) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: containerRef,
+        className: "overflow-auto border rounded-lg bg-background",
+        style: { height: typeof height === "number" ? height - (enableSearch || enableSort || enableFilter || enableExport ? 60 : 0) : height },
+        onScroll: handleScroll,
+        children: processedData.length === 0 ? /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            className: "flex items-center justify-center h-full text-muted-foreground",
+            initial: animations2 ? { opacity: 0 } : {},
+            animate: animations2 ? { opacity: 1 } : {},
+            children: emptyStateMessage
+          }
+        ) : /* @__PURE__ */ jsx("div", { style: { height: totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            style: {
+              transform: `translateY(${offsetY}px)`,
+              position: "absolute",
+              width: "100%"
+            },
+            animate: animations2 ? { y: offsetY } : {},
+            transition: animations2 ? { duration: 0.1, ease: "linear" } : {},
+            children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: visibleData.map((item, index2) => {
+              const globalIndex = visibleRange.start + index2;
+              const itemHeightValue = typeof itemHeight === "function" ? itemHeight(item, globalIndex) : typeof itemHeight === "number" ? itemHeight : 60;
+              return /* @__PURE__ */ jsx(
+                motion.div,
+                {
+                  ref: (el) => {
+                    if (el && variableHeight) {
+                      itemRefs.current.set(globalIndex, el);
+                      measureItemHeight(globalIndex, el);
+                    }
+                  },
+                  style: variableHeight ? {} : { height: itemHeightValue },
+                  initial: animations2 ? { opacity: 0, y: 20 } : {},
+                  animate: animations2 ? { opacity: 1, y: 0 } : {},
+                  exit: animations2 ? { opacity: 0, y: -20 } : {},
+                  transition: animations2 ? { duration: 0.2 } : {},
+                  layout: animations2,
+                  children: renderItem(item, globalIndex)
+                },
+                globalIndex
+              );
+            }) })
+          }
+        ) })
+      }
+    ),
+    performanceTracking && memoryStats.performance && /* @__PURE__ */ jsxs("div", { className: "p-2 border-t bg-muted/5 text-xs text-muted-foreground flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(Zap, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "FPS: ",
+          memoryStats.performance.fps
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Render: ",
+          memoryStats.performance.renderTime,
+          "ms"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(Cpu, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Scroll: ",
+          memoryStats.performance.scrollPerformance,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(BarChart3, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Cache: ",
+          Math.round(memoryStats.cacheHitRate * 100),
+          "%"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function RealTimePerformanceMonitor({
+  memoryStats,
+  className,
+  showChart = false,
+  updateInterval = 1e3
+}) {
+  const [history2, setHistory] = useState([]);
+  const [isActive2, setIsActive] = useState(true);
+  useEffect(() => {
+    if (!memoryStats || !isActive2)
+      return;
+    setHistory((prev) => {
+      const newHistory = [...prev, memoryStats];
+      return newHistory.length > 60 ? newHistory.slice(-60) : newHistory;
+    });
+  }, [memoryStats, isActive2]);
+  const formatBytes = (bytes) => {
+    if (bytes === 0)
+      return "0 Bytes";
+    const k3 = 1024;
+    const sizes = ["Bytes", "KB", "MB", "GB"];
+    const i = Math.floor(Math.log(bytes) / Math.log(k3));
+    return parseFloat((bytes / Math.pow(k3, i)).toFixed(2)) + " " + sizes[i];
+  };
+  const getPerformanceColor = (value, threshold) => {
+    if (value >= threshold.good)
+      return "text-green-500";
+    if (value >= threshold.warning)
+      return "text-yellow-500";
+    return "text-red-500";
+  };
+  if (!memoryStats) {
+    return /* @__PURE__ */ jsx("div", { className: cn("p-4 border rounded-lg bg-muted/5", className), children: /* @__PURE__ */ jsx("div", { className: "text-center text-muted-foreground", children: "Performance monitoring devre d\u0131\u015F\u0131" }) });
+  }
+  return /* @__PURE__ */ jsxs(
+    motion.div,
     {
-      ref: containerRef,
-      className: cn(
-        "overflow-auto border rounded-lg bg-background",
-        className
-      ),
-      style: { height },
-      onScroll: handleScroll,
-      children: /* @__PURE__ */ jsx("div", { style: { height: data.length * 60, position: "relative" }, children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            transform: `translateY(${visibleRange.start * 60}px)`,
-            position: "absolute",
-            width: "100%"
-          },
-          children: visibleData.map((item, index2) => /* @__PURE__ */ jsx(t__default.Fragment, { children: renderItem(item, visibleRange.start + index2) }, visibleRange.start + index2))
-        }
-      ) })
+      className: cn("p-4 border rounded-lg bg-background space-y-4", className),
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.3 },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("h3", { className: "font-semibold flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(BarChart3, { className: "h-4 w-4" }),
+            "Ger\xE7ek Zamanl\u0131 Performans"
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setIsActive(!isActive2),
+              className: cn(
+                "px-3 py-1 text-xs rounded-md transition-colors",
+                isActive2 ? "bg-green-500/10 text-green-500 hover:bg-green-500/20" : "bg-gray-500/10 text-gray-500 hover:bg-gray-500/20"
+              ),
+              children: isActive2 ? "Aktif" : "Durduruldu"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "FPS" }),
+            /* @__PURE__ */ jsx("div", { className: cn(
+              "text-lg font-mono font-bold",
+              memoryStats.performance ? getPerformanceColor(memoryStats.performance.fps, { good: 55, warning: 30 }) : ""
+            ), children: memoryStats.performance?.fps || 0 })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Render S\xFCresi" }),
+            /* @__PURE__ */ jsxs("div", { className: cn(
+              "text-lg font-mono font-bold",
+              memoryStats.performance ? getPerformanceColor(100 - memoryStats.performance.renderTime, { good: 84, warning: 70 }) : ""
+            ), children: [
+              memoryStats.performance?.renderTime.toFixed(2) || 0,
+              "ms"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Bellek Kullan\u0131m\u0131" }),
+            /* @__PURE__ */ jsx("div", { className: "text-lg font-mono font-bold", children: formatBytes(memoryStats.memoryUsage) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Cache Hit Rate" }),
+            /* @__PURE__ */ jsxs("div", { className: cn(
+              "text-lg font-mono font-bold",
+              getPerformanceColor(memoryStats.cacheHitRate * 100, { good: 85, warning: 70 })
+            ), children: [
+              Math.round(memoryStats.cacheHitRate * 100),
+              "%"
+            ] })
+          ] })
+        ] }),
+        memoryStats.performance && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 pt-2 border-t", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Memory Leaks" }),
+            /* @__PURE__ */ jsxs("div", { className: cn(
+              "text-sm font-mono",
+              memoryStats.performance.memoryLeaks > 5 ? "text-red-500" : "text-green-500"
+            ), children: [
+              memoryStats.performance.memoryLeaks,
+              " detection"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Scroll Performance" }),
+            /* @__PURE__ */ jsxs("div", { className: cn(
+              "text-sm font-mono",
+              getPerformanceColor(memoryStats.performance.scrollPerformance, { good: 85, warning: 70 })
+            ), children: [
+              memoryStats.performance.scrollPerformance,
+              "%"
+            ] })
+          ] })
+        ] }),
+        showChart && history2.length > 1 && /* @__PURE__ */ jsxs("div", { className: "pt-2 border-t", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-2", children: "FPS Ge\xE7mi\u015Fi (Son 60 g\xFCncelleme)" }),
+          /* @__PURE__ */ jsx("div", { className: "h-16 flex items-end gap-1", children: history2.slice(-30).map((stat, index2) => {
+            const fps = stat.performance?.fps || 0;
+            const height = Math.max(4, fps / 60 * 100);
+            const color = fps >= 55 ? "bg-green-500" : fps >= 30 ? "bg-yellow-500" : "bg-red-500";
+            return /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                className: cn("w-1 rounded-t-sm", color),
+                style: { height: `${height}%` },
+                initial: { height: 0 },
+                animate: { height: `${height}%` },
+                transition: { duration: 0.2 }
+              },
+              index2
+            );
+          }) })
+        ] })
+      ]
     }
   );
 }
@@ -55749,11 +56323,16 @@ function MemoryAnalytics({
     const interval = setInterval(() => {
       const newStats = {
         memoryUsage: Math.random() * 50 * 1024 * 1024,
-        // 0-50MB
         itemCount: Math.floor(Math.random() * 5e4),
         cacheHitRate: 0.9 + Math.random() * 0.1,
-        // 90-100%
-        lastCleanup: Date.now()
+        lastCleanup: Date.now(),
+        performance: {
+          fps: Math.floor(30 + Math.random() * 30),
+          renderTime: Math.random() * 16,
+          memoryLeaks: Math.floor(Math.random() * 3),
+          scrollPerformance: 70 + Math.random() * 30,
+          lastUpdate: Date.now()
+        }
       };
       setStats(newStats);
       if (onStatsUpdate) {
@@ -55762,10 +56341,7 @@ function MemoryAnalytics({
     }, 1e3);
     return () => clearInterval(interval);
   }, [showRealTime, onStatsUpdate]);
-  if (!showRealTime) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { className: cn("text-xs text-muted-foreground", className), children: "Memory Analytics Active - Updates every second" });
+  return /* @__PURE__ */ jsx(RealTimePerformanceMonitor, { memoryStats: stats, className, showChart: showRealTime });
 }
 function useStreamingData(initialData = [], streamingConfig) {
   const [data, setData] = useState(initialData);
@@ -55790,7 +56366,28 @@ function VirtualList({
   overscan = 5,
   renderItem,
   onScroll,
-  className
+  className,
+  // Infinite scrolling props
+  hasNextPage = false,
+  isLoadingNextPage = false,
+  onLoadMore,
+  loadMoreThreshold = 500,
+  renderLoader,
+  renderEndMessage,
+  // Animation props
+  enableAnimations = false,
+  itemEnterAnimation = {
+    initial: { opacity: 0, y: 20 },
+    animate: { opacity: 1, y: 0 },
+    exit: { opacity: 0, y: -20 },
+    transition: { duration: 0.2 }
+  },
+  listAnimation = {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.3 }
+  },
+  staggerDelay = 0.05
 }) {
   const [scrollTop, setScrollTop] = useState(0);
   const [isScrolling, setIsScrolling] = useState(false);
@@ -55799,23 +56396,76 @@ function VirtualList({
   const scrollElementRef = useRef(null);
   const scrollTimeoutRef = useRef(void 0);
   const isScrollingTimeoutRef = useRef(void 0);
+  useEffect(() => {
+    if (!containerRef.current)
+      return;
+    const resizeObserver = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        setContainerDimensions({
+          width: entry.contentRect.width,
+          height: entry.contentRect.height
+        });
+      }
+    });
+    resizeObserver.observe(containerRef.current);
+    return () => resizeObserver.disconnect();
+  }, []);
+  const gridPositions = useGridLayout(
+    items,
+    gridConfig,
+    direction,
+    containerDimensions.width || (typeof width === "number" ? width : 800),
+    itemHeight,
+    itemWidth
+  );
   const itemPositions = useMemo(() => {
+    if (direction === "grid") {
+      return gridPositions;
+    }
     const positions = [];
     let currentTop = 0;
+    let currentLeft = 0;
     for (let i = 0; i < items.length; i++) {
       const currentHeight = variableHeight ? itemHeights.get(i) || estimatedItemHeight : itemHeight;
+      const currentWidth = variableWidth ? itemWidths.get(i) || estimatedItemWidth : direction === "horizontal" ? itemWidth : containerDimensions.width || 0;
       positions.push({
         index: i,
         height: currentHeight,
-        top: currentTop
+        width: currentWidth,
+        top: direction === "horizontal" ? 0 : currentTop,
+        left: direction === "horizontal" ? currentLeft : 0
       });
-      currentTop += currentHeight;
+      if (direction === "horizontal") {
+        currentLeft += currentWidth;
+      } else {
+        currentTop += currentHeight;
+      }
     }
     return positions;
-  }, [items.length, itemHeight, estimatedItemHeight, variableHeight, itemHeights]);
+  }, [
+    items.length,
+    itemHeight,
+    itemWidth,
+    estimatedItemHeight,
+    estimatedItemWidth,
+    variableHeight,
+    variableWidth,
+    itemHeights,
+    itemWidths,
+    direction,
+    containerDimensions.width,
+    gridPositions
+  ]);
   const totalHeight = useMemo(() => {
-    return itemPositions.length > 0 ? itemPositions[itemPositions.length - 1].top + itemPositions[itemPositions.length - 1].height : 0;
-  }, [itemPositions]);
+    let baseHeight = itemPositions.length > 0 ? itemPositions[itemPositions.length - 1].top + itemPositions[itemPositions.length - 1].height : 0;
+    if (hasNextPage && isLoadingNextPage) {
+      baseHeight += 50;
+    } else if (!hasNextPage && items.length > 0) {
+      baseHeight += 40;
+    }
+    return baseHeight;
+  }, [itemPositions, hasNextPage, isLoadingNextPage, items.length]);
   const visibleRange = useMemo(() => {
     const start = itemPositions.findIndex((item) => item.top + item.height >= scrollTop);
     const end = itemPositions.findIndex((item) => item.top > scrollTop + height);
@@ -55826,6 +56476,13 @@ function VirtualList({
       end: actualEnd
     };
   }, [scrollTop, height, itemPositions, overscan, items.length, itemHeight]);
+  const {
+    metrics,
+    memoryCache,
+    updateScrollDistance,
+    optimizeGC,
+    trackRenderPerformance
+  } = useMemoryManagement(memoryManagement, visibleRange, items.length);
   const visibleItems = useMemo(() => {
     const result = [];
     for (let i = visibleRange.start; i <= visibleRange.end; i++) {
@@ -55849,11 +56506,18 @@ function VirtualList({
   }, [items, visibleRange, itemPositions, variableHeight]);
   const handleScroll = useCallback((e) => {
     const scrollTop2 = e.currentTarget.scrollTop;
+    const scrollHeight = e.currentTarget.scrollHeight;
+    const clientHeight = e.currentTarget.clientHeight;
     setScrollTop(scrollTop2);
     setIsScrolling(true);
+    updateScrollDistance(scrollTop2);
+    optimizeGC();
     if (onScroll) {
       onScroll(scrollTop2);
     }
+    if (hasNextPage && !isLoadingNextPage && onLoadMore && scrollHeight - (scrollTop2 + clientHeight) <= loadMoreThreshold) {
+      onLoadMore();
+    }
     if (scrollTimeoutRef.current) {
       clearTimeout(scrollTimeoutRef.current);
     }
@@ -55863,7 +56527,7 @@ function VirtualList({
     isScrollingTimeoutRef.current = setTimeout(() => {
       setIsScrolling(false);
     }, 150);
-  }, [onScroll]);
+  }, [onScroll, hasNextPage, isLoadingNextPage, onLoadMore, loadMoreThreshold, updateScrollDistance, optimizeGC]);
   useEffect(() => {
     if (!variableHeight || !containerRef.current)
       return;
@@ -55927,8 +56591,11 @@ function VirtualList({
       return () => container.removeEventListener("keydown", handleKeyDown3);
     }
   }, [itemHeight, height, totalHeight]);
+  const ContainerComponent = enableAnimations ? motion.div : "div";
+  const ContentComponent = enableAnimations ? motion.div : "div";
+  const ItemComponent = enableAnimations ? motion.div : "div";
   return /* @__PURE__ */ jsxs(
-    "div",
+    ContainerComponent,
     {
       ref: containerRef,
       className: cn(
@@ -55939,6 +56606,7 @@ function VirtualList({
       tabIndex: 0,
       role: "listbox",
       "aria-label": `Virtual list with ${items.length} items`,
+      ...enableAnimations && listAnimation,
       children: [
         /* @__PURE__ */ jsx(
           "div",
@@ -55946,41 +56614,168 @@ function VirtualList({
             ref: scrollElementRef,
             className: "h-full overflow-auto scrollbar-thin scrollbar-thumb-muted scrollbar-track-transparent",
             onScroll: handleScroll,
-            children: /* @__PURE__ */ jsx(
-              "div",
+            children: /* @__PURE__ */ jsxs(
+              ContentComponent,
               {
                 style: {
                   height: totalHeight,
                   position: "relative"
                 },
-                children: visibleItems.map(({ item, index: index2, style: style2 }) => /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    "data-index": index2,
-                    style: style2,
-                    role: "option",
-                    "aria-selected": "false",
-                    className: "outline-none",
-                    children: renderItem(item, index2)
-                  },
-                  index2
-                ))
+                ...enableAnimations && {
+                  initial: { opacity: 0 },
+                  animate: { opacity: 1 },
+                  transition: { duration: 0.2 }
+                },
+                children: [
+                  /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: visibleItems.map(({ item, index: index2, style: style2 }, itemIndex) => /* @__PURE__ */ jsx(
+                    ItemComponent,
+                    {
+                      "data-index": index2,
+                      style: style2,
+                      role: "option",
+                      "aria-selected": "false",
+                      className: "outline-none",
+                      ...enableAnimations && {
+                        ...itemEnterAnimation,
+                        transition: {
+                          ...itemEnterAnimation.transition,
+                          delay: itemIndex * staggerDelay
+                        }
+                      },
+                      children: renderItem(item, index2)
+                    },
+                    `${index2}-${JSON.stringify(item)}`
+                  )) }),
+                  hasNextPage && isLoadingNextPage && /* @__PURE__ */ jsx(
+                    motion.div,
+                    {
+                      style: {
+                        position: "absolute",
+                        top: totalHeight,
+                        left: 0,
+                        right: 0,
+                        minHeight: 50
+                      },
+                      className: "flex items-center justify-center py-4",
+                      initial: { opacity: 0, y: 20 },
+                      animate: { opacity: 1, y: 0 },
+                      exit: { opacity: 0, y: -20 },
+                      transition: { duration: 0.3 },
+                      children: renderLoader ? renderLoader() : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+                        /* @__PURE__ */ jsx(
+                          motion.div,
+                          {
+                            className: "rounded-full h-4 w-4 border-2 border-primary border-t-transparent",
+                            animate: { rotate: 360 },
+                            transition: { duration: 1, repeat: Infinity, ease: "linear" }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Loading more..." })
+                      ] })
+                    }
+                  ),
+                  !hasNextPage && items.length > 0 && /* @__PURE__ */ jsx(
+                    motion.div,
+                    {
+                      style: {
+                        position: "absolute",
+                        top: totalHeight,
+                        left: 0,
+                        right: 0,
+                        minHeight: 40
+                      },
+                      className: "flex items-center justify-center py-3",
+                      initial: { opacity: 0, scale: 0.9 },
+                      animate: { opacity: 1, scale: 1 },
+                      transition: { duration: 0.2 },
+                      children: renderEndMessage ? renderEndMessage() : /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "No more items to load" })
+                    }
+                  )
+                ]
               }
             )
           }
         ),
-        isScrolling && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 bg-muted/80 text-muted-foreground px-2 py-1 rounded text-xs", children: "Scrolling..." }),
-        items.length > 100 && /* @__PURE__ */ jsxs("div", { className: "absolute bottom-2 right-2 bg-muted/80 text-muted-foreground px-2 py-1 rounded text-xs", children: [
-          Math.round(scrollTop / Math.max(totalHeight - height, 1) * 100),
-          "%"
-        ] })
+        /* @__PURE__ */ jsx(AnimatePresence, { children: isScrolling && /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            className: "absolute top-2 right-2 bg-muted/80 text-muted-foreground px-2 py-1 rounded text-xs",
+            initial: { opacity: 0, scale: 0.8 },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: 0.8 },
+            transition: { duration: 0.15 },
+            children: "Scrolling..."
+          }
+        ) }),
+        items.length > 100 && /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            className: "absolute bottom-2 right-2 bg-muted/80 text-muted-foreground px-2 py-1 rounded text-xs",
+            initial: { opacity: 0, y: 10 },
+            animate: { opacity: 1, y: 0 },
+            transition: { duration: 0.2, delay: 0.5 },
+            children: [
+              Math.round(scrollTop / Math.max(totalHeight - height, 1) * 100),
+              "%"
+            ]
+          }
+        ),
+        enablePerformanceMonitoring && memoryManagement.enableDebugMode && /* @__PURE__ */ jsx(PerformanceMonitor, { metrics })
       ]
     }
   );
 }
+function PerformanceMonitor({ metrics }) {
+  const formatMemory = (bytes) => {
+    const kb = bytes / 1024;
+    const mb = kb / 1024;
+    if (mb >= 1)
+      return `${mb.toFixed(2)} MB`;
+    if (kb >= 1)
+      return `${kb.toFixed(2)} KB`;
+    return `${bytes} B`;
+  };
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className: "absolute top-2 left-2 bg-black/90 text-white p-3 rounded-lg text-xs font-mono shadow-lg",
+      initial: { opacity: 0, x: -20 },
+      animate: { opacity: 1, x: 0 },
+      transition: { duration: 0.3 },
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-green-400 font-semibold", children: "\u{1F680} Performance Monitor" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-1", children: [
+          /* @__PURE__ */ jsx("span", { children: "Renders:" }),
+          /* @__PURE__ */ jsx("span", { className: "text-blue-300", children: metrics.renderCount }),
+          /* @__PURE__ */ jsx("span", { children: "Avg Render:" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-blue-300", children: [
+            metrics.averageRenderTime.toFixed(2),
+            "ms"
+          ] }),
+          /* @__PURE__ */ jsx("span", { children: "Memory:" }),
+          /* @__PURE__ */ jsx("span", { className: `${metrics.memoryUsage > 5 * 1024 * 1024 ? "text-red-400" : "text-green-400"}`, children: formatMemory(metrics.memoryUsage) }),
+          /* @__PURE__ */ jsx("span", { children: "Visible Items:" }),
+          /* @__PURE__ */ jsx("span", { className: "text-yellow-300", children: metrics.visibleItemsCount }),
+          /* @__PURE__ */ jsx("span", { children: "Scroll FPS:" }),
+          /* @__PURE__ */ jsx("span", { className: `${metrics.scrollFPS < 50 ? "text-red-400" : "text-green-400"}`, children: metrics.scrollFPS }),
+          /* @__PURE__ */ jsx("span", { children: "Distance:" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-purple-300", children: [
+            Math.round(metrics.totalScrollDistance),
+            "px"
+          ] })
+        ] }),
+        metrics.lastGCTime && /* @__PURE__ */ jsxs("div", { className: "text-orange-400 text-xs mt-2", children: [
+          "Last GC: ",
+          new Date(metrics.lastGCTime).toLocaleTimeString()
+        ] })
+      ] })
+    }
+  );
+}
 function useVirtualList(items, initialConfig = {}) {
   const [config, setConfig] = useState(initialConfig);
   const [selectedItems, setSelectedItems] = useState(/* @__PURE__ */ new Set());
+  const [focusedIndex, setFocusedIndex] = useState(-1);
   const updateConfig = useCallback((newConfig) => {
     setConfig((prev) => ({ ...prev, ...newConfig }));
   }, []);
@@ -55994,16 +56789,58 @@ function useVirtualList(items, initialConfig = {}) {
       return newSet;
     });
   }, []);
+  const toggleItem = useCallback((index2) => {
+    setSelectedItems((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(index2)) {
+        newSet.delete(index2);
+      } else {
+        newSet.add(index2);
+      }
+      return newSet;
+    });
+  }, []);
+  const selectRange = useCallback((startIndex, endIndex) => {
+    setSelectedItems((prev) => {
+      const newSet = new Set(prev);
+      const start = Math.min(startIndex, endIndex);
+      const end = Math.max(startIndex, endIndex);
+      for (let i = start; i <= end; i++) {
+        newSet.add(i);
+      }
+      return newSet;
+    });
+  }, []);
+  const selectAll3 = useCallback(() => {
+    setSelectedItems(new Set(Array.from({ length: items.length }, (_, i) => i)));
+  }, [items.length]);
   const clearSelection = useCallback(() => {
     setSelectedItems(/* @__PURE__ */ new Set());
   }, []);
+  const isSelected = useCallback((index2) => {
+    return selectedItems.has(index2);
+  }, [selectedItems]);
+  const getSelectedItems = useCallback(() => {
+    return Array.from(selectedItems).map((index2) => items[index2]).filter(Boolean);
+  }, [selectedItems, items]);
+  const getSelectedCount = useCallback(() => {
+    return selectedItems.size;
+  }, [selectedItems]);
   return {
     config,
     updateConfig,
     selectedItems,
+    focusedIndex,
+    setFocusedIndex,
     selectItem,
     deselectItem,
-    clearSelection
+    toggleItem,
+    selectRange,
+    selectAll: selectAll3,
+    clearSelection,
+    isSelected,
+    getSelectedItems,
+    getSelectedCount
   };
 }
 function SelectableVirtualList({
@@ -56011,14 +56848,33 @@ function SelectableVirtualList({
   multiSelect = false,
   selectedItems = /* @__PURE__ */ new Set(),
   onSelectionChange,
+  focusedIndex = -1,
+  onFocusChange,
+  selectAllEnabled = false,
+  onSelectAll,
+  onDeselectAll,
+  getItemId,
   renderItem: originalRenderItem,
   ...props
 }) {
-  const handleItemClick = useCallback((index2) => {
+  const [lastSelectedIndex, setLastSelectedIndex] = useState(-1);
+  const handleItemClick = useCallback((index2, event) => {
     if (!selectable || !onSelectionChange)
       return;
     const newSelection = new Set(selectedItems);
-    if (multiSelect) {
+    if (multiSelect && event?.shiftKey && lastSelectedIndex !== -1) {
+      const start = Math.min(lastSelectedIndex, index2);
+      const end = Math.max(lastSelectedIndex, index2);
+      for (let i = start; i <= end; i++) {
+        newSelection.add(i);
+      }
+    } else if (multiSelect && (event?.ctrlKey || event?.metaKey)) {
+      if (newSelection.has(index2)) {
+        newSelection.delete(index2);
+      } else {
+        newSelection.add(index2);
+      }
+    } else if (multiSelect) {
       if (newSelection.has(index2)) {
         newSelection.delete(index2);
       } else {
@@ -56028,23 +56884,61 @@ function SelectableVirtualList({
       newSelection.clear();
       newSelection.add(index2);
     }
+    setLastSelectedIndex(index2);
     onSelectionChange(newSelection);
-  }, [selectable, multiSelect, selectedItems, onSelectionChange]);
+    onFocusChange?.(index2);
+  }, [selectable, multiSelect, selectedItems, onSelectionChange, lastSelectedIndex, onFocusChange]);
+  const handleKeyDown3 = useCallback((event) => {
+    if (!selectable)
+      return;
+    switch (event.key) {
+      case "Enter":
+      case " ":
+        event.preventDefault();
+        if (focusedIndex >= 0 && focusedIndex < props.items.length) {
+          handleItemClick(focusedIndex);
+        }
+        break;
+      case "a":
+        if ((event.ctrlKey || event.metaKey) && multiSelect && selectAllEnabled) {
+          event.preventDefault();
+          if (onSelectAll) {
+            onSelectAll();
+          }
+        }
+        break;
+      case "Escape":
+        if (multiSelect && onDeselectAll) {
+          event.preventDefault();
+          onDeselectAll();
+        }
+        break;
+    }
+  }, [selectable, focusedIndex, props.items.length, handleItemClick, multiSelect, selectAllEnabled, onSelectAll, onDeselectAll]);
   const renderItem = useCallback((item, index2) => {
     const isSelected = selectedItems.has(index2);
+    const isFocused = focusedIndex === index2;
+    const itemId = getItemId ? getItemId(item, index2) : index2;
     return /* @__PURE__ */ jsx(
       "div",
       {
         className: cn(
-          "transition-colors",
+          "transition-colors outline-none",
           selectable && "cursor-pointer hover:bg-muted/50",
-          isSelected && "bg-primary/10 border-l-4 border-primary"
+          isSelected && "bg-primary/10 border-l-4 border-primary",
+          isFocused && "ring-2 ring-ring ring-offset-2"
         ),
-        onClick: () => selectable && handleItemClick(index2),
+        onClick: (e) => selectable && handleItemClick(index2, e),
+        onKeyDown: handleKeyDown3,
+        tabIndex: selectable ? 0 : void 0,
+        role: selectable ? "option" : void 0,
+        "aria-selected": selectable ? isSelected : void 0,
+        "aria-label": selectable ? `Item ${index2 + 1}${isSelected ? ", selected" : ""}` : void 0,
         children: originalRenderItem(item, index2)
-      }
+      },
+      itemId
     );
-  }, [originalRenderItem, selectable, selectedItems, handleItemClick]);
+  }, [originalRenderItem, selectable, selectedItems, focusedIndex, handleItemClick, handleKeyDown3, getItemId]);
   return /* @__PURE__ */ jsx(VirtualList, { ...props, renderItem });
 }
 var SwipeableCard = t__default.forwardRef(
@@ -56074,12 +56968,12 @@ var SwipeableCard = t__default.forwardRef(
         return;
       onSwipeEnd?.();
       if (Math.abs(info.offset.x) > threshold) {
-        const direction = info.offset.x > 0 ? "right" : "left";
+        const direction2 = info.offset.x > 0 ? "right" : "left";
         const exitX = info.offset.x > 0 ? 400 : -400;
         animate(x, exitX, { duration: 0.3 });
-        if (direction === "right" && onSwipeRight) {
+        if (direction2 === "right" && onSwipeRight) {
           onSwipeRight();
-        } else if (direction === "left" && onSwipeLeft) {
+        } else if (direction2 === "left" && onSwipeLeft) {
           onSwipeLeft();
         }
       } else {
@@ -57054,7 +57948,7 @@ function AdvancedChart({
   title,
   subtitle,
   height = 400,
-  width = "100%",
+  width: width2 = "100%",
   xAxisKey = "name",
   yAxisKey,
   showGrid = true,
@@ -57139,9 +58033,9 @@ function AdvancedChart({
       onExport(format7);
     }
   };
-  const handleZoom = (direction) => {
+  const handleZoom = (direction2) => {
     setZoomLevel((prev) => {
-      if (direction === "in")
+      if (direction2 === "in")
         return Math.min(prev + 10, 200);
       return Math.max(prev - 10, 50);
     });
@@ -57170,7 +58064,7 @@ function AdvancedChart({
     }
     const commonProps = {
       data,
-      width: typeof width === "string" ? void 0 : width,
+      width: typeof width2 === "string" ? void 0 : width2,
       height: sparklineMode ? 60 : height,
       margin: sparklineMode ? { top: 5, right: 5, left: 5, bottom: 5 } : { top: 20, right: 30, left: 20, bottom: showBrush ? 60 : 20 }
     };
@@ -57466,7 +58360,7 @@ function AdvancedChart({
               cx: "50%",
               cy: "50%",
               innerRadius: type === "pie" ? 0 : "40%",
-              outerRadius: Math.min(height, typeof width === "number" ? width : 400) / 3,
+              outerRadius: Math.min(height, typeof width2 === "number" ? width2 : 400) / 3,
               animationDuration: animated ? animationDuration : 0,
               animationBegin: 0,
               label: showDataLabels ? {
@@ -58800,15 +59694,15 @@ function DashboardGrid({
   t__default.useEffect(() => {
     const updateWidth = () => {
       if (containerRef.current) {
-        const width = containerRef.current.offsetWidth;
-        setContainerWidth(width);
-        if (width < 480) {
+        const width2 = containerRef.current.offsetWidth;
+        setContainerWidth(width2);
+        if (width2 < 480) {
           setCurrentBreakpoint("xxs");
-        } else if (width < 768) {
+        } else if (width2 < 768) {
           setCurrentBreakpoint("xs");
-        } else if (width < 996) {
+        } else if (width2 < 996) {
           setCurrentBreakpoint("sm");
-        } else if (width < 1200) {
+        } else if (width2 < 1200) {
           setCurrentBreakpoint("md");
         } else {
           setCurrentBreakpoint("lg");
@@ -60166,7 +61060,7 @@ function DraggableList({
   onReorder,
   renderItem,
   keyExtractor,
-  direction = "vertical",
+  direction: direction2 = "vertical",
   className,
   droppableId = "draggable-list",
   disabled = false
@@ -60189,7 +61083,7 @@ function DraggableList({
     Droppable,
     {
       droppableId,
-      direction,
+      direction: direction2,
       isDropDisabled: disabled,
       children: (provided, snapshot) => /* @__PURE__ */ jsxs(
         "div",
@@ -60198,7 +61092,7 @@ function DraggableList({
           ref: provided.innerRef,
           className: cn(
             "space-y-2",
-            direction === "horizontal" && "flex space-y-0 space-x-2",
+            direction2 === "horizontal" && "flex space-y-0 space-x-2",
             snapshot.isDraggingOver && "bg-muted/50 rounded-lg",
             className
           ),
@@ -61329,7 +62223,7 @@ var LazyComponent = ({ className, ...props }) => {
 var OptimizedImageInternal = ({
   src,
   alt,
-  width,
+  width: width2,
   height,
   quality = 75,
   format: format7 = "auto",
@@ -61371,7 +62265,7 @@ var OptimizedImageInternal = ({
       params.set("f", options.format);
     return optimizedUrl;
   };
-  const optimizedSrc = getOptimizedSrc(src, { width, height, quality, format: format7 });
+  const optimizedSrc = getOptimizedSrc(src, { width: width2, height, quality, format: format7 });
   const handleImageLoad = () => {
     setIsLoaded(true);
     setIsLoading(false);
@@ -61421,9 +62315,9 @@ var OptimizedImageInternal = ({
   const generateSrcSet = () => {
     if (srcSet)
       return srcSet;
-    if (!width)
+    if (!width2)
       return void 0;
-    const widths = [width * 0.5, width, width * 1.5, width * 2];
+    const widths = [width2 * 0.5, width2, width2 * 1.5, width2 * 2];
     return widths.map((w2) => `${getOptimizedSrc(src, { width: Math.round(w2), quality })} ${Math.round(w2)}w`).join(", ");
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -61458,7 +62352,7 @@ var OptimizedImageInternal = ({
           ref: imgRef,
           src: optimizedSrc,
           alt,
-          width,
+          width: width2,
           height,
           sizes,
           srcSet: generateSrcSet(),
@@ -62648,7 +63542,7 @@ var PerformanceMonitorInternal = ({
     ] }) })
   ] });
 };
-var PerformanceMonitor = ({ className, ...props }) => {
+var PerformanceMonitor2 = ({ className, ...props }) => {
   const { hasProAccess, isLoading } = useSubscription();
   if (!isLoading && !hasProAccess) {
     return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-fit", className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-6 text-center", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
@@ -63054,21 +63948,21 @@ var MoonUIFileUploadPro = t__default.forwardRef(
           img.onload = () => {
             const canvas = document.createElement("canvas");
             const ctx = canvas.getContext("2d");
-            let width = img.width;
+            let width2 = img.width;
             let height = img.height;
-            if (width > maxWidth || height > maxHeight) {
-              const aspectRatio = width / height;
-              if (width > height) {
-                width = maxWidth;
+            if (width2 > maxWidth || height > maxHeight) {
+              const aspectRatio = width2 / height;
+              if (width2 > height) {
+                width2 = maxWidth;
                 height = maxWidth / aspectRatio;
               } else {
                 height = maxHeight;
-                width = maxHeight * aspectRatio;
+                width2 = maxHeight * aspectRatio;
               }
             }
-            canvas.width = width;
+            canvas.width = width2;
             canvas.height = height;
-            ctx.drawImage(img, 0, 0, width, height);
+            ctx.drawImage(img, 0, 0, width2, height);
             canvas.toBlob(
               (blob) => {
                 if (blob) {
@@ -64480,7 +65374,7 @@ function DataTableFilterDrawer({
   open,
   onOpenChange,
   position = "right",
-  width = "400px",
+  width: width2 = "400px",
   filters: externalFilters,
   onFiltersChange,
   customFilters,
@@ -64560,7 +65454,7 @@ function DataTableFilterDrawer({
           "fixed top-0 bottom-0 z-50 bg-background border-l shadow-xl",
           position === "right" ? "right-0" : "left-0"
         ),
-        style: { width },
+        style: { width: width2 },
         children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -66301,16 +67195,16 @@ var FormWizardProgress = ({
 };
 var animations = {
   slide: {
-    initial: (direction) => ({
-      x: direction > 0 ? 1e3 : -1e3,
+    initial: (direction2) => ({
+      x: direction2 > 0 ? 1e3 : -1e3,
       opacity: 0
     }),
     animate: {
       x: 0,
       opacity: 1
     },
-    exit: (direction) => ({
-      x: direction < 0 ? 1e3 : -1e3,
+    exit: (direction2) => ({
+      x: direction2 < 0 ? 1e3 : -1e3,
       opacity: 0
     })
   },
@@ -66336,7 +67230,7 @@ var FormWizardStep = ({
   animationDuration = 0.3
 }) => {
   const { steps, currentStep, goToNext, goToPrevious, goToStep, updateStepData, stepData, error } = useFormWizard();
-  const [direction, setDirection] = t__default.useState(0);
+  const [direction2, setDirection] = t__default.useState(0);
   const previousStep = t__default.useRef(currentStep);
   t__default.useEffect(() => {
     setDirection(currentStep > previousStep.current ? 1 : -1);
@@ -66357,10 +67251,10 @@ var FormWizardStep = ({
     updateStepData: (data) => updateStepData(currentStepObj.id, data)
   };
   const content = typeof currentStepObj.content === "function" ? currentStepObj.content(stepContentProps) : currentStepObj.content;
-  return /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", custom: direction, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", custom: direction2, children: /* @__PURE__ */ jsx(
     motion.div,
     {
-      custom: direction,
+      custom: direction2,
       variants: animations[animationType],
       initial: "initial",
       animate: "animate",
@@ -68592,4 +69486,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, CalendarPro, 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, Sidebar2 as 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, CalendarPro, 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, PerformanceMonitor2 as 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, RealTimePerformanceMonitor, 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, Sidebar2 as 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 };