@moontra/moonui-pro 2.15.3 → 2.17.0

package/dist/index.mjs

@@ -1,14 +1,14 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as t from 'react';
-import t__default, { useState, useRef, useCallback, forwardRef, createContext, useEffect, useMemo, useContext, useLayoutEffect, useDebugValue, Component } 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, Upload, Play, Eye, CheckCircle2, Pause, RotateCcw, Download, Copy, Share, Trash2, CreditCard, Globe, XCircle, Clock, HelpCircle, ChevronLeft, Calendar as Calendar$1, Edit, MapPin, User, Filter, Move, Archive, EyeOff, Settings, Timer, Palette, ArrowUpDown, FileText, Star, Square, CheckSquare, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Highlighter, Link2, Image as Image$1, Table as Table$1, Undo, Redo, RefreshCw, Wand2, Maximize, Briefcase, MessageSquare, Heart, GraduationCap, Zap, Languages, Lightbulb, Target, Repeat, GitBranch, ArrowRight, MoreVertical, Trash, ExternalLink, TrendingUp, MessageCircle, Paperclip, Printer, TrendingDown, ZoomOut, ZoomIn, FileSpreadsheet, FileJson, Maximize2, Menu, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Share2, Save, Video, Music, File, FileDown, ArrowUp, ArrowDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, Activity, Send, Tag, Flag, CalendarIcon, DollarSign, Users, 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, 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 { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { format, addMonths, subMonths, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek, isSameMonth, isToday, isSameDay, startOfDay, endOfDay, subDays, formatDistanceToNow } from 'date-fns';
-import { motion, AnimatePresence, useMotionValue, useSpring, useTransform, animate, Reorder, useDragControls } from 'framer-motion';
+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, 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';
 import ReactDOM__default from 'react-dom';
@@ -4054,7 +4054,7 @@ var me = t.forwardRef((r2, o) => {
     var e;
     return Array.from(((e = I.current) == null ? void 0 : e.querySelectorAll(ce)) || []);
   }
-  function X22(e) {
+  function X23(e) {
     let s = V()[e];
     s && E.setState("value", s.getAttribute(T));
   }
@@ -4069,10 +4069,10 @@ var me = t.forwardRef((r2, o) => {
       s = e > 0 ? we(s, N) : De(s, N), i = s == null ? void 0 : s.querySelector(ce);
     i ? E.setState("value", i.getAttribute(T)) : Q(e);
   }
-  let oe = () => X22(V().length - 1), ie3 = (e) => {
+  let oe = () => X23(V().length - 1), ie3 = (e) => {
     e.preventDefault(), e.metaKey ? oe() : e.altKey ? re(1) : Q(1);
   }, se = (e) => {
-    e.preventDefault(), e.metaKey ? X22(0) : e.altKey ? re(-1) : Q(-1);
+    e.preventDefault(), e.metaKey ? X23(0) : e.altKey ? re(-1) : Q(-1);
   };
   return t.createElement(Primitive2.div, { ref: o, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (e) => {
     var s;
@@ -4099,7 +4099,7 @@ var me = t.forwardRef((r2, o) => {
           break;
         }
         case "Home": {
-          e.preventDefault(), X22(0);
+          e.preventDefault(), X23(0);
           break;
         }
         case "End": {
@@ -10726,7 +10726,20 @@ var EVENT_COLORS = {
   meeting: "bg-blue-500",
   task: "bg-green-500",
   reminder: "bg-yellow-500",
-  event: "bg-purple-500"
+  event: "bg-purple-500",
+  birthday: "bg-pink-500",
+  holiday: "bg-orange-500",
+  conference: "bg-indigo-500"
+};
+var PRIORITY_COLORS = {
+  low: "border-l-4 border-l-gray-400",
+  medium: "border-l-4 border-l-yellow-500",
+  high: "border-l-4 border-l-red-500"
+};
+var STATUS_STYLES = {
+  confirmed: "",
+  tentative: "opacity-70 border-dashed",
+  cancelled: "opacity-50 line-through"
 };
 function Calendar3({
   events = [],
@@ -10734,6 +10747,9 @@ function Calendar3({
   onEventAdd,
   onEventEdit,
   onEventDelete,
+  onDateChange,
+  onViewChange,
+  onEventDrop,
   className,
   showWeekends = true,
   showEventDetails = true,
@@ -10742,6 +10758,23 @@ function Calendar3({
   maxDate,
   highlightToday = true,
   height,
+  defaultView = "month",
+  enableDragDrop = true,
+  enableSearch = true,
+  enableFilters = true,
+  enableExport = true,
+  enableImport = false,
+  enableRecurringEvents = true,
+  enableReminders = true,
+  eventCategories,
+  workingHours = { start: "09:00", end: "18:00" },
+  holidays = [],
+  locale = "en-US",
+  timeFormat = "12h",
+  firstDayOfWeek = 0,
+  theme = "auto",
+  customTheme,
+  compactMode = false,
   showProUpgrade = false
 }) {
   if (showProUpgrade) {
@@ -10759,34 +10792,105 @@ function Calendar3({
   }
   const [currentDate, setCurrentDate] = t__default.useState(/* @__PURE__ */ new Date());
   const [selectedDate, setSelectedDate] = t__default.useState(null);
-  t__default.useState("month");
+  const [view, setView] = t__default.useState(defaultView);
   const [eventDialogOpen, setEventDialogOpen] = t__default.useState(false);
   const [eventDialogMode, setEventDialogMode] = t__default.useState("create");
   const [selectedEvent, setSelectedEvent] = t__default.useState(null);
   const [draggedEvent, setDraggedEvent] = t__default.useState(null);
   const [dragTargetDate, setDragTargetDate] = t__default.useState(null);
+  const [searchQuery, setSearchQuery] = t__default.useState("");
+  const [filterType, setFilterType] = t__default.useState("all");
+  const [filterPriority, setFilterPriority] = t__default.useState("all");
+  t__default.useState(false);
+  const [selectedTags, setSelectedTags] = t__default.useState([]);
+  t__default.useState(/* @__PURE__ */ new Date());
   const today = /* @__PURE__ */ new Date();
   const currentMonth = currentDate.getMonth();
   const currentYear = currentDate.getFullYear();
   const firstDayOfMonth = new Date(currentYear, currentMonth, 1);
   const lastDayOfMonth = new Date(currentYear, currentMonth + 1, 0);
   const startDate = new Date(firstDayOfMonth);
-  startDate.setDate(startDate.getDate() - startDate.getDay());
+  const daysToSubtract = (startDate.getDay() - firstDayOfWeek + 7) % 7;
+  startDate.setDate(startDate.getDate() - daysToSubtract);
   const endDate = new Date(lastDayOfMonth);
-  endDate.setDate(endDate.getDate() + (6 - endDate.getDay()));
+  const daysToAdd = (6 - endDate.getDay() + firstDayOfWeek) % 7;
+  endDate.setDate(endDate.getDate() + daysToAdd);
   const calendarDays = [];
   const currentDateIterator = new Date(startDate);
   while (currentDateIterator <= endDate) {
     calendarDays.push(new Date(currentDateIterator));
     currentDateIterator.setDate(currentDateIterator.getDate() + 1);
   }
-  const getEventsForDate = (date) => {
+  t__default.useMemo(() => {
+    const tags = /* @__PURE__ */ new Set();
+    events.forEach((event) => {
+      event.tags?.forEach((tag) => tags.add(tag));
+    });
+    return Array.from(tags);
+  }, [events]);
+  const filteredEvents = t__default.useMemo(() => {
     return events.filter((event) => {
+      if (searchQuery && !event.title.toLowerCase().includes(searchQuery.toLowerCase()) && !event.description?.toLowerCase().includes(searchQuery.toLowerCase())) {
+        return false;
+      }
+      if (filterType !== "all" && event.type !== filterType) {
+        return false;
+      }
+      if (filterPriority !== "all" && event.priority !== filterPriority) {
+        return false;
+      }
+      if (selectedTags.length > 0 && (!event.tags || !event.tags.some((tag) => selectedTags.includes(tag)))) {
+        return false;
+      }
+      return true;
+    });
+  }, [events, searchQuery, filterType, filterPriority, selectedTags]);
+  const getEventsForDate = (date) => {
+    return filteredEvents.filter((event) => {
       const eventDate = new Date(event.date);
+      if (event.recurring) {
+        return isDateInRecurringPattern(date, event);
+      }
       return eventDate.toDateString() === date.toDateString();
     });
   };
-  const isToday2 = (date) => {
+  const isDateInRecurringPattern = (date, event) => {
+    if (!event.recurring)
+      return false;
+    const eventDate = new Date(event.date);
+    const daysDiff = Math.floor((date.getTime() - eventDate.getTime()) / (1e3 * 60 * 60 * 24));
+    if (daysDiff < 0)
+      return false;
+    if (event.recurring.endDate && date > event.recurring.endDate)
+      return false;
+    switch (event.recurring.pattern) {
+      case "daily":
+        return daysDiff % event.recurring.interval === 0;
+      case "weekly":
+        if (daysDiff % (event.recurring.interval * 7) !== 0)
+          return false;
+        if (event.recurring.daysOfWeek) {
+          return event.recurring.daysOfWeek.includes(date.getDay());
+        }
+        return date.getDay() === eventDate.getDay();
+      case "monthly":
+        const monthsDiff = (date.getFullYear() - eventDate.getFullYear()) * 12 + (date.getMonth() - eventDate.getMonth());
+        if (monthsDiff % event.recurring.interval !== 0)
+          return false;
+        if (event.recurring.dayOfMonth) {
+          return date.getDate() === event.recurring.dayOfMonth;
+        }
+        return date.getDate() === eventDate.getDate();
+      case "yearly":
+        const yearsDiff = date.getFullYear() - eventDate.getFullYear();
+        if (yearsDiff % event.recurring.interval !== 0)
+          return false;
+        return date.getMonth() === eventDate.getMonth() && date.getDate() === eventDate.getDate();
+      default:
+        return false;
+    }
+  };
+  const isToday3 = (date) => {
     return date.toDateString() === today.toDateString();
   };
   const isCurrentMonth = (date) => {
@@ -10812,6 +10916,7 @@ function Calendar3({
       newDate.setMonth(currentMonth + 1);
     }
     setCurrentDate(newDate);
+    onDateChange?.(newDate);
   };
   const handleDateClick = (date) => {
     if (isDisabled(date))
@@ -10885,14 +10990,44 @@ function Calendar3({
     onEventDelete?.(eventId);
   };
   const goToToday = () => {
-    setCurrentDate(/* @__PURE__ */ new Date());
-    setSelectedDate(/* @__PURE__ */ new Date());
+    const today2 = /* @__PURE__ */ new Date();
+    setCurrentDate(today2);
+    setSelectedDate(today2);
+    onDateChange?.(today2);
+  };
+  const isHoliday = (date) => {
+    return holidays.some((holiday) => {
+      const holidayDate = new Date(holiday.date);
+      return holidayDate.toDateString() === date.toDateString();
+    });
+  };
+  const getHolidayName = (date) => {
+    const holiday = holidays.find((h2) => {
+      const holidayDate = new Date(h2.date);
+      return holidayDate.toDateString() === date.toDateString();
+    });
+    return holiday?.name;
+  };
+  const formatTime2 = (time) => {
+    if (!time)
+      return "";
+    if (timeFormat === "24h")
+      return time;
+    const [hours, minutes] = time.split(":");
+    const h2 = parseInt(hours);
+    const period = h2 >= 12 ? "PM" : "AM";
+    const displayHours = h2 === 0 ? 12 : h2 > 12 ? h2 - 12 : h2;
+    return `${displayHours}:${minutes} ${period}`;
   };
   const filteredDays = showWeekends ? calendarDays : calendarDays.filter((day) => {
     const dayOfWeek = day.getDay();
     return dayOfWeek !== 0 && dayOfWeek !== 6;
   });
-  const visibleDaysOfWeek = showWeekends ? DAYS_OF_WEEK : DAYS_OF_WEEK.slice(1, 6);
+  const orderedDaysOfWeek = [...DAYS_OF_WEEK.slice(firstDayOfWeek), ...DAYS_OF_WEEK.slice(0, firstDayOfWeek)];
+  const visibleDaysOfWeek = showWeekends ? orderedDaysOfWeek : orderedDaysOfWeek.filter((_, index2) => {
+    const actualDay = (index2 + firstDayOfWeek) % 7;
+    return actualDay !== 0 && actualDay !== 6;
+  });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn("w-full max-w-full overflow-hidden", className), style: { height: height ? `${height}px` : void 0 }, children: [
       /* @__PURE__ */ jsx(MoonUICardHeaderPro, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -10932,12 +11067,12 @@ function Calendar3({
         ] })
       ] }) }),
       /* @__PURE__ */ jsx(MoonUICardContentPro, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-1 w-full", children: [
+        view === "month" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-1 w-full", children: [
           visibleDaysOfWeek.map((day) => /* @__PURE__ */ jsx("div", { className: "p-1 text-center text-xs font-medium text-muted-foreground", children: day }, day)),
           filteredDays.map((date, index2) => {
             const dayEvents = getEventsForDate(date);
             const isCurrentMonthDate = isCurrentMonth(date);
-            const isTodayDate = isToday2(date);
+            const isTodayDate = isToday3(date);
             const isSelectedDate = isSelected(date);
             const isDisabledDate = isDisabled(date);
             return /* @__PURE__ */ jsxs(
@@ -10956,10 +11091,14 @@ function Calendar3({
                 onDrop: (e) => handleDateDrop(date, e),
                 children: [
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1", children: [
-                    /* @__PURE__ */ jsx("span", { className: cn(
-                      "text-sm font-medium",
-                      isTodayDate && "text-primary font-bold"
-                    ), children: date.getDate() }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                      /* @__PURE__ */ jsx("span", { className: cn(
+                        "text-sm font-medium",
+                        isTodayDate && "text-primary font-bold",
+                        isHoliday(date) && "text-orange-600 dark:text-orange-400"
+                      ), children: date.getDate() }),
+                      isHoliday(date) && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-orange-600 dark:text-orange-400 truncate", children: getHolidayName(date) })
+                    ] }),
                     dayEvents.length > 0 && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: "secondary", className: "text-xs px-1", children: dayEvents.length })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1 overflow-hidden", children: [
@@ -10968,9 +11107,11 @@ function Calendar3({
                       {
                         className: cn(
                           "text-xs p-1 mb-1 rounded text-white cursor-move group relative select-none block w-full truncate",
-                          event.color || EVENT_COLORS[event.type || "event"]
+                          event.color || EVENT_COLORS[event.type || "event"],
+                          event.priority && PRIORITY_COLORS[event.priority],
+                          event.status && STATUS_STYLES[event.status]
                         ),
-                        draggable: !disabled,
+                        draggable: !disabled && enableDragDrop,
                         onClick: (e) => handleEventClick(event, e),
                         onDragStart: (e) => handleEventDragStart(event, e),
                         onDragEnd: handleEventDragEnd,
@@ -10979,7 +11120,11 @@ function Calendar3({
                         },
                         children: [
                           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                            /* @__PURE__ */ jsx("span", { className: "truncate flex-1", children: event.title }),
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-1 min-w-0", children: [
+                              event.isPrivate && /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3 flex-shrink-0" }),
+                              event.recurring && /* @__PURE__ */ jsx(Repeat, { className: "h-3 w-3 flex-shrink-0" }),
+                              /* @__PURE__ */ jsx("span", { className: "truncate", children: event.title })
+                            ] }),
                             showEventDetails && /* @__PURE__ */ jsxs("div", { className: "hidden group-hover:flex items-center gap-1 ml-1", children: [
                               /* @__PURE__ */ jsx(
                                 MoonUIButtonPro,
@@ -11003,9 +11148,9 @@ function Calendar3({
                               )
                             ] })
                           ] }),
-                          event.startTime && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
+                          event.startTime && !compactMode && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
                             /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
-                            /* @__PURE__ */ jsx("span", { children: event.startTime })
+                            /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: formatTime2(event.startTime) })
                           ] })
                         ]
                       },
@@ -11023,7 +11168,206 @@ function Calendar3({
             );
           })
         ] }),
-        selectedDate && /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4 bg-muted/50", children: [
+        view === "week" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8 gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Time" }),
+            Array.from({ length: 7 }, (_, i) => {
+              const date = new Date(currentDate);
+              date.setDate(date.getDate() - date.getDay() + i);
+              return /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: DAYS_OF_WEEK[i] }),
+                /* @__PURE__ */ jsx("div", { className: cn(
+                  "text-sm font-medium",
+                  isToday3(date) && "text-primary"
+                ), children: date.getDate() })
+              ] }, i);
+            })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "max-h-[500px] overflow-y-auto", children: Array.from({ length: 24 }, (_, hour) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-8 border-b last:border-b-0", children: [
+            /* @__PURE__ */ jsx("div", { className: "p-2 text-xs text-muted-foreground border-r", children: formatTime2(`${hour.toString().padStart(2, "0")}:00`) }),
+            Array.from({ length: 7 }, (_2, dayIndex) => {
+              const date = new Date(currentDate);
+              date.setDate(date.getDate() - date.getDay() + dayIndex);
+              const hourEvents = getEventsForDate(date).filter((event) => {
+                if (!event.startTime)
+                  return false;
+                const eventHour = parseInt(event.startTime.split(":")[0]);
+                return eventHour === hour;
+              });
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "p-1 min-h-[60px] border-r last:border-r-0 hover:bg-muted/50 transition-colors",
+                    isToday3(date) && "bg-primary/5"
+                  ),
+                  onClick: () => handleDateClick(date),
+                  children: hourEvents.map((event) => /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: cn(
+                        "text-xs p-1 rounded text-white mb-1 cursor-pointer",
+                        event.color || EVENT_COLORS[event.type || "event"]
+                      ),
+                      onClick: (e) => handleEventClick(event, e),
+                      children: [
+                        /* @__PURE__ */ jsx("div", { className: "font-medium truncate", children: event.title }),
+                        event.location && /* @__PURE__ */ jsx("div", { className: "text-[10px] opacity-80 truncate", children: event.location })
+                      ]
+                    },
+                    event.id
+                  ))
+                },
+                dayIndex
+              );
+            })
+          ] }, hour)) }) })
+        ] }),
+        view === "day" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: currentDate.toLocaleDateString(locale, {
+            weekday: "long",
+            year: "numeric",
+            month: "long",
+            day: "numeric"
+          }) }) }),
+          /* @__PURE__ */ jsx("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "max-h-[500px] overflow-y-auto", children: Array.from({ length: 24 }, (_, hour) => {
+            const hourEvents = getEventsForDate(currentDate).filter((event) => {
+              if (!event.startTime)
+                return false;
+              const eventHour = parseInt(event.startTime.split(":")[0]);
+              return eventHour === hour;
+            });
+            return /* @__PURE__ */ jsxs("div", { className: "flex border-b last:border-b-0", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-20 p-3 text-sm text-muted-foreground border-r", children: formatTime2(`${hour.toString().padStart(2, "0")}:00`) }),
+              /* @__PURE__ */ jsx("div", { className: "flex-1 p-2 min-h-[80px]", children: hourEvents.map((event) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "p-2 rounded text-white mb-2 cursor-pointer",
+                    event.color || EVENT_COLORS[event.type || "event"]
+                  ),
+                  onClick: (e) => handleEventClick(event, e),
+                  children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("div", { className: "font-medium", children: event.title }),
+                      event.description && /* @__PURE__ */ jsx("div", { className: "text-sm opacity-80", children: event.description }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-xs mt-1", children: [
+                        event.startTime && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                          /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+                          formatTime2(event.startTime),
+                          " - ",
+                          formatTime2(event.endTime || event.startTime)
+                        ] }),
+                        event.location && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                          /* @__PURE__ */ jsx(MapPin, { className: "h-3 w-3" }),
+                          event.location
+                        ] })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+                      /* @__PURE__ */ jsx(
+                        MoonUIButtonPro,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          className: "h-6 w-6 p-0 text-white/80 hover:text-white",
+                          onClick: (e) => handleEventEdit(event, e),
+                          children: /* @__PURE__ */ jsx(Edit, { className: "h-3 w-3" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        MoonUIButtonPro,
+                        {
+                          variant: "ghost",
+                          size: "sm",
+                          className: "h-6 w-6 p-0 text-white/80 hover:text-white",
+                          onClick: (e) => handleEventDelete(event, e),
+                          children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
+                        }
+                      )
+                    ] })
+                  ] })
+                },
+                event.id
+              )) })
+            ] }, hour);
+          }) }) })
+        ] }),
+        view === "agenda" && /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx("div", { className: "max-h-[500px] overflow-y-auto space-y-4", children: Array.from({ length: 30 }, (_, i) => {
+          const date = new Date(currentDate);
+          date.setDate(date.getDate() + i);
+          const dayEvents = getEventsForDate(date);
+          if (dayEvents.length === 0)
+            return null;
+          return /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4", children: [
+            /* @__PURE__ */ jsx("h4", { className: "font-medium mb-3", children: date.toLocaleDateString(locale, {
+              weekday: "long",
+              year: "numeric",
+              month: "long",
+              day: "numeric"
+            }) }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-2", children: dayEvents.map((event) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex items-start gap-3 p-3 rounded-lg border hover:bg-muted/50 transition-colors cursor-pointer",
+                onClick: () => onEventClick?.(event),
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: cn(
+                    "w-3 h-3 rounded-full mt-1 flex-shrink-0",
+                    event.color || EVENT_COLORS[event.type || "event"]
+                  ) }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ jsx("h5", { className: "font-medium", children: event.title }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+                        /* @__PURE__ */ jsx(
+                          MoonUIButtonPro,
+                          {
+                            variant: "ghost",
+                            size: "sm",
+                            className: "h-7 w-7 p-0",
+                            onClick: (e) => handleEventEdit(event, e),
+                            children: /* @__PURE__ */ jsx(Edit, { className: "h-3 w-3" })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          MoonUIButtonPro,
+                          {
+                            variant: "ghost",
+                            size: "sm",
+                            className: "h-7 w-7 p-0",
+                            onClick: (e) => handleEventDelete(event, e),
+                            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
+                          }
+                        )
+                      ] })
+                    ] }),
+                    event.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: event.description }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-xs text-muted-foreground mt-2", children: [
+                      event.startTime && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+                        formatTime2(event.startTime),
+                        " - ",
+                        formatTime2(event.endTime || event.startTime)
+                      ] }),
+                      event.location && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(MapPin, { className: "h-3 w-3" }),
+                        event.location
+                      ] }),
+                      event.attendees && event.attendees.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(Users, { className: "h-3 w-3" }),
+                        event.attendees.length,
+                        " attendees"
+                      ] })
+                    ] })
+                  ] })
+                ]
+              },
+              event.id
+            )) })
+          ] }, i);
+        }).filter(Boolean) }) }),
+        selectedDate && view === "month" && /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4 bg-muted/50", children: [
           /* @__PURE__ */ jsx("h4", { className: "font-medium mb-2", children: selectedDate.toLocaleDateString("en-US", {
             weekday: "long",
             year: "numeric",
@@ -11121,6 +11465,979 @@ function Calendar3({
     )
   ] });
 }
+var defaultCategories = [
+  { id: "personal", name: "Personal", color: "#3b82f6", icon: /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }) },
+  { id: "work", name: "Work", color: "#10b981", icon: /* @__PURE__ */ jsx(Briefcase, { className: "h-4 w-4" }) },
+  { id: "meeting", name: "Meeting", color: "#f59e0b", icon: /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }) },
+  { id: "task", name: "Task", color: "#8b5cf6", icon: /* @__PURE__ */ jsx(ClipboardList, { className: "h-4 w-4" }) },
+  { id: "reminder", name: "Reminder", color: "#ef4444", icon: /* @__PURE__ */ jsx(Bell, { className: "h-4 w-4" }) },
+  { id: "holiday", name: "Holiday", color: "#ec4899", icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-4 w-4" }) },
+  { id: "birthday", name: "Birthday", color: "#f472b6", icon: /* @__PURE__ */ jsx(Cake, { className: "h-4 w-4" }) },
+  { id: "other", name: "Other", color: "#6b7280", icon: /* @__PURE__ */ jsx(Tag, { className: "h-4 w-4" }) }
+];
+var defaultViews = [
+  { id: "day", name: "Day", type: "day" },
+  { id: "week", name: "Week", type: "week", default: true },
+  { id: "month", name: "Month", type: "month" },
+  { id: "year", name: "Year", type: "year" },
+  { id: "agenda", name: "Agenda", type: "agenda" }
+];
+var CalendarPro = t.forwardRef(({
+  events = [],
+  categories = defaultCategories,
+  views = defaultViews,
+  defaultView,
+  height = "100%",
+  className,
+  sidebarCollapsed: controlledSidebarCollapsed,
+  onSidebarToggle,
+  onEventClick,
+  onEventCreate,
+  onEventUpdate,
+  onEventDelete,
+  onEventDrop,
+  onDateSelect,
+  onViewChange,
+  allowEventCreation = true,
+  allowEventDeletion = true,
+  allowEventDragging = true,
+  showWeekNumbers = true,
+  firstDayOfWeek = 1,
+  timeFormat = "24h",
+  locale = "en-US",
+  workingHours = { start: 9, end: 17 },
+  nonWorkingDays = [0, 6],
+  holidays = [],
+  customEventRenderer,
+  customHeaderRenderer,
+  customCellRenderer,
+  eventColors = {},
+  onExport,
+  onImport,
+  integrations = {},
+  theme = "system",
+  ...props
+}, ref) => {
+  const [internalSidebarCollapsed, setInternalSidebarCollapsed] = useState(false);
+  const sidebarCollapsed = controlledSidebarCollapsed ?? internalSidebarCollapsed;
+  const setSidebarCollapsed = useCallback((collapsed) => {
+    setInternalSidebarCollapsed(collapsed);
+    onSidebarToggle?.(collapsed);
+  }, [onSidebarToggle]);
+  const [currentDate, setCurrentDate] = useState(/* @__PURE__ */ new Date());
+  const [currentView, setCurrentView] = useState(() => {
+    if (defaultView) {
+      return defaultView;
+    }
+    const defaultViewObj = views.find((v) => v.default);
+    return defaultViewObj ? defaultViewObj.id : views[0].id;
+  });
+  const [selectedDate, setSelectedDate] = useState(null);
+  const [selectedEvent, setSelectedEvent] = useState(null);
+  const [isEventDialogOpen, setIsEventDialogOpen] = useState(false);
+  const [isCreating, setIsCreating] = useState(false);
+  const [newEventStart, setNewEventStart] = useState(null);
+  const [newEventEnd, setNewEventEnd] = useState(null);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [selectedCategories, setSelectedCategories] = useState([]);
+  const [editingEvent, setEditingEvent] = useState({});
+  const [isDragging, setIsDragging] = useState(false);
+  const [draggedEvent, setDraggedEvent] = useState(null);
+  const [dropTarget, setDropTarget] = useState(null);
+  useRef(null);
+  const currentViewConfig = useMemo(() => {
+    return views.find((v) => v.id === currentView) || views[0];
+  }, [currentView, views]);
+  const filteredEvents = useMemo(() => {
+    return events.filter((event) => {
+      const matchesSearch = !searchQuery || event.title.toLowerCase().includes(searchQuery.toLowerCase()) || event.description?.toLowerCase().includes(searchQuery.toLowerCase()) || event.location?.toLowerCase().includes(searchQuery.toLowerCase()) || event.tags?.some((tag) => tag.toLowerCase().includes(searchQuery.toLowerCase()));
+      const matchesCategory = selectedCategories.length === 0 || event.category && selectedCategories.includes(event.category);
+      return matchesSearch && matchesCategory;
+    });
+  }, [events, searchQuery, selectedCategories]);
+  const eventsInView = useMemo(() => {
+    const viewType = currentViewConfig.type;
+    let start;
+    let end;
+    switch (viewType) {
+      case "day":
+        start = startOfDay(currentDate);
+        end = endOfDay(currentDate);
+        break;
+      case "week":
+        start = startOfWeek(currentDate, { weekStartsOn: firstDayOfWeek });
+        end = endOfWeek(currentDate, { weekStartsOn: firstDayOfWeek });
+        break;
+      case "month":
+        start = startOfMonth(currentDate);
+        end = endOfMonth(currentDate);
+        break;
+      case "year":
+        start = startOfYear(currentDate);
+        end = endOfYear(currentDate);
+        break;
+      case "agenda":
+        start = startOfDay(currentDate);
+        end = addDays(currentDate, 30);
+        break;
+      default:
+        start = startOfDay(currentDate);
+        end = endOfDay(currentDate);
+    }
+    return filteredEvents.filter((event) => {
+      const eventStart = new Date(event.start);
+      const eventEnd = new Date(event.end);
+      return isWithinInterval(eventStart, { start, end }) || isWithinInterval(eventEnd, { start, end }) || isBefore(eventStart, start) && isAfter(eventEnd, end);
+    });
+  }, [filteredEvents, currentDate, currentViewConfig, firstDayOfWeek]);
+  const handleViewChange = useCallback((viewId) => {
+    setCurrentView(viewId);
+    onViewChange?.(viewId);
+  }, [onViewChange]);
+  const navigateDate = useCallback((direction) => {
+    const viewType = currentViewConfig.type;
+    let newDate;
+    switch (viewType) {
+      case "day":
+        newDate = direction === "prev" ? subDays(currentDate, 1) : addDays(currentDate, 1);
+        break;
+      case "week":
+        newDate = direction === "prev" ? subWeeks(currentDate, 1) : addWeeks(currentDate, 1);
+        break;
+      case "month":
+        newDate = direction === "prev" ? subMonths(currentDate, 1) : addMonths(currentDate, 1);
+        break;
+      case "year":
+        newDate = direction === "prev" ? subYears(currentDate, 1) : addYears(currentDate, 1);
+        break;
+      default:
+        newDate = currentDate;
+    }
+    setCurrentDate(newDate);
+  }, [currentDate, currentViewConfig]);
+  const handleDateSelect = useCallback((date) => {
+    setSelectedDate(date);
+    setCurrentDate(date);
+    onDateSelect?.(date);
+    if (allowEventCreation && currentViewConfig.type !== "year") {
+      setNewEventStart(date);
+      setNewEventEnd(addHours(date, 1));
+      setIsCreating(true);
+      setIsEventDialogOpen(true);
+    }
+  }, [allowEventCreation, currentViewConfig, onDateSelect]);
+  const handleEventClick = useCallback((event, e) => {
+    e.stopPropagation();
+    setSelectedEvent(event);
+    setEditingEvent(event);
+    setIsEventDialogOpen(true);
+    setIsCreating(false);
+    onEventClick?.(event, e);
+  }, [onEventClick]);
+  const handleEventSave = useCallback(() => {
+    if (isCreating && onEventCreate) {
+      onEventCreate(editingEvent);
+    } else if (selectedEvent && onEventUpdate) {
+      onEventUpdate({ ...selectedEvent, ...editingEvent });
+    }
+    setIsEventDialogOpen(false);
+    setSelectedEvent(null);
+    setEditingEvent({});
+    setIsCreating(false);
+    setNewEventStart(null);
+    setNewEventEnd(null);
+  }, [isCreating, selectedEvent, editingEvent, onEventCreate, onEventUpdate]);
+  const handleEventDelete = useCallback(() => {
+    if (selectedEvent && onEventDelete) {
+      onEventDelete(selectedEvent.id);
+      setIsEventDialogOpen(false);
+      setSelectedEvent(null);
+      setEditingEvent({});
+    }
+  }, [selectedEvent, onEventDelete]);
+  useCallback((event) => {
+    if (!allowEventDragging)
+      return;
+    setIsDragging(true);
+    setDraggedEvent(event);
+  }, [allowEventDragging]);
+  useCallback((result) => {
+    setIsDragging(false);
+    setDraggedEvent(null);
+    setDropTarget(null);
+    if (!result.destination || !draggedEvent || !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]);
+  const exportCalendar = useCallback((format7) => {
+    if (onExport) {
+      onExport(format7, eventsInView);
+    } else {
+      const data = eventsInView;
+      let content;
+      let mimeType;
+      let filename;
+      switch (format7) {
+        case "json":
+          content = JSON.stringify(data, null, 2);
+          mimeType = "application/json";
+          filename = "calendar.json";
+          break;
+        case "csv":
+          const headers = ["Title", "Start", "End", "Location", "Description"];
+          const rows = data.map((event) => [
+            event.title,
+            event.start.toISOString(),
+            event.end.toISOString(),
+            event.location || "",
+            event.description || ""
+          ]);
+          content = [headers, ...rows].map((row) => row.map((cell) => `"${cell}"`).join(",")).join("\n");
+          mimeType = "text/csv";
+          filename = "calendar.csv";
+          break;
+        case "ics":
+          const icsEvents = data.map((event) => {
+            const start = event.start.toISOString().replace(/[-:]/g, "").replace(/\.\d{3}/, "");
+            const end = event.end.toISOString().replace(/[-:]/g, "").replace(/\.\d{3}/, "");
+            return `BEGIN:VEVENT
+UID:${event.id}@calendar.app
+DTSTART:${start}Z
+DTEND:${end}Z
+SUMMARY:${event.title}
+${event.description ? `DESCRIPTION:${event.description}` : ""}
+${event.location ? `LOCATION:${event.location}` : ""}
+END:VEVENT`;
+          }).join("\n");
+          content = `BEGIN:VCALENDAR
+VERSION:2.0
+PRODID:-//Calendar App//EN
+${icsEvents}
+END:VCALENDAR`;
+          mimeType = "text/calendar";
+          filename = "calendar.ics";
+          break;
+        default:
+          return;
+      }
+      const blob = new Blob([content], { type: mimeType });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = filename;
+      link.click();
+      URL.revokeObjectURL(url);
+    }
+  }, [eventsInView, onExport]);
+  const renderDayView = () => {
+    const hours = Array.from({ length: 24 }, (_, i) => i);
+    const dayEvents = eventsInView.filter(
+      (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__ */ 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", children: dayEvents.filter((event) => {
+          if (event.allDay)
+            return false;
+          const eventHour = new Date(event.start).getHours();
+          return eventHour === hour;
+        }).map((event) => {
+          const startMinutes = new Date(event.start).getMinutes();
+          const duration = differenceInMinutes(new Date(event.end), new Date(event.start));
+          const height2 = duration / 60 * 60;
+          const top = startMinutes / 60 * 60;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              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
+              },
+              onClick: (e) => handleEventClick(event, e),
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "font-medium", children: event.title }),
+                /* @__PURE__ */ jsxs("div", { className: "text-xs opacity-80", children: [
+                  format(new Date(event.start), "HH:mm"),
+                  " - ",
+                  format(new Date(event.end), "HH:mm")
+                ] })
+              ]
+            },
+            event.id
+          );
+        }) })
+      ] }, hour)) })
+    ] }) }) });
+  };
+  const renderWeekView = () => {
+    const weekStart = startOfWeek(currentDate, { weekStartsOn: firstDayOfWeek });
+    const weekDays = Array.from({ length: 7 }, (_, i) => addDays(weekStart, i));
+    const hours = Array.from({ length: 24 }, (_, i) => i);
+    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__ */ jsx("div", { className: "sticky top-0 z-20 bg-background border-b", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-16" }),
+        weekDays.map((day) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex-1 p-2 text-center border-l",
+              isToday(day) && "bg-primary/10"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: format(day, "EEE") }),
+              /* @__PURE__ */ jsx("div", { className: cn(
+                "text-lg font-medium",
+                isToday(day) && "text-primary"
+              ), children: format(day, "d") })
+            ]
+          },
+          day.toISOString()
+        ))
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "relative", children: hours.map((hour) => /* @__PURE__ */ jsxs("div", { className: "flex", style: { height: "60px" }, children: [
+        /* @__PURE__ */ jsx("div", { className: "w-16 p-2 text-xs text-muted-foreground text-right border-b", children: format(setHours(/* @__PURE__ */ new Date(), hour), timeFormat === "12h" ? "h a" : "HH:00") }),
+        weekDays.map((day) => {
+          const dayEvents = eventsInView.filter(
+            (event) => isSameDay(new Date(event.start), day) && !event.allDay
+          );
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex-1 relative border-l border-b",
+                isToday(day) && "bg-primary/5"
+              ),
+              children: dayEvents.filter((event) => {
+                const eventHour = new Date(event.start).getHours();
+                return eventHour === hour;
+              }).map((event) => {
+                const startMinutes = new Date(event.start).getMinutes();
+                const duration = differenceInMinutes(new Date(event.end), new Date(event.start));
+                const height2 = duration / 60 * 60;
+                const top = startMinutes / 60 * 60;
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    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
+                    },
+                    onClick: (e) => handleEventClick(event, e),
+                    children: event.title
+                  },
+                  event.id
+                );
+              })
+            },
+            day.toISOString()
+          );
+        })
+      ] }, hour)) })
+    ] }) }) });
+  };
+  const renderMonthView = () => {
+    const monthStart = startOfMonth(currentDate);
+    const monthEnd = endOfMonth(currentDate);
+    const startDate = startOfWeek(monthStart, { weekStartsOn: firstDayOfWeek });
+    const endDate = endOfWeek(monthEnd, { weekStartsOn: firstDayOfWeek });
+    const days = eachDayOfInterval({ start: startDate, end: endDate });
+    const weeks = [];
+    for (let i = 0; i < days.length; i += 7) {
+      weeks.push(days.slice(i, i + 7));
+    }
+    return /* @__PURE__ */ jsx("div", { className: "flex-1 p-4 overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "min-h-full", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-px mb-2", children: weeks[0].map((day) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "p-2 text-center text-sm font-medium text-muted-foreground",
+          children: format(day, "EEE")
+        },
+        day.toISOString()
+      )) }),
+      weeks.map((week, weekIndex) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-px", children: week.map((day) => {
+        const dayEvents = eventsInView.filter(
+          (event) => isSameDay(new Date(event.start), day)
+        );
+        const isCurrentMonth = isSameMonth(day, currentDate);
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "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"
+            ),
+            onClick: () => handleDateSelect(day),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: cn(
+                "text-sm font-medium mb-1",
+                isToday(day) && "text-primary"
+              ), children: format(day, "d") }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                dayEvents.slice(0, 3).map((event) => {
+                  return /* @__PURE__ */ jsx(
+                    motion.div,
+                    {
+                      className: "text-xs p-1 rounded cursor-pointer truncate",
+                      style: {
+                        backgroundColor: event.color || eventColors[event.category || ""] || "#3b82f6",
+                        color: "#ffffff"
+                      },
+                      whileHover: { scale: 1.02 },
+                      whileTap: { scale: 0.98 },
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        handleEventClick(event, e);
+                      },
+                      children: event.allDay ? event.title : /* @__PURE__ */ jsxs(Fragment, { children: [
+                        format(new Date(event.start), "HH:mm"),
+                        " ",
+                        event.title
+                      ] })
+                    },
+                    event.id
+                  );
+                }),
+                dayEvents.length > 3 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground text-center", children: [
+                  "+",
+                  dayEvents.length - 3,
+                  " more"
+                ] })
+              ] })
+            ]
+          },
+          day.toISOString()
+        );
+      }) }, weekIndex))
+    ] }) });
+  };
+  const renderYearView = () => {
+    const yearStart = startOfYear(currentDate);
+    const yearEnd = endOfYear(currentDate);
+    const months = eachMonthOfInterval({ start: yearStart, end: yearEnd });
+    return /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-4", children: months.map((month) => {
+      const monthEvents = eventsInView.filter((event) => {
+        const eventStart = new Date(event.start);
+        return isSameMonth(eventStart, month);
+      });
+      return /* @__PURE__ */ jsxs(
+        MoonUICardPro,
+        {
+          className: "cursor-pointer hover:shadow-lg transition-shadow",
+          onClick: () => {
+            setCurrentDate(month);
+            handleViewChange("month");
+          },
+          children: [
+            /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { className: "pb-2", children: [
+              /* @__PURE__ */ jsx(MoonUICardTitlePro, { className: "text-lg", children: format(month, "MMMM") }),
+              /* @__PURE__ */ jsxs(MoonUICardDescriptionPro, { children: [
+                monthEvents.length,
+                " events"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(MoonUICardContentPro, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-1 text-xs", children: [
+              ["S", "M", "T", "W", "T", "F", "S"].map((day) => /* @__PURE__ */ jsx("div", { className: "text-center text-muted-foreground p-1", children: day }, day)),
+              Array.from({ length: getDay(startOfMonth(month)) }, (_, i) => /* @__PURE__ */ jsx("div", {}, `empty-${i}`)),
+              Array.from({ length: getDaysInMonth(month) }, (_, i) => {
+                const day = new Date(month.getFullYear(), month.getMonth(), i + 1);
+                const hasEvents = monthEvents.some(
+                  (event) => isSameDay(new Date(event.start), day)
+                );
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "text-center p-1 rounded",
+                      isToday(day) && "bg-primary text-primary-foreground",
+                      hasEvents && !isToday(day) && "bg-primary/20 font-medium"
+                    ),
+                    children: i + 1
+                  },
+                  i
+                );
+              })
+            ] }) })
+          ]
+        },
+        month.toISOString()
+      );
+    }) }) });
+  };
+  const renderAgendaView = () => {
+    const agendaDays = Array.from({ length: 30 }, (_, i) => addDays(currentDate, i));
+    return /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: agendaDays.map((day) => {
+      const dayEvents = eventsInView.filter(
+        (event) => isSameDay(new Date(event.start), day)
+      ).sort((a, b) => new Date(a.start).getTime() - new Date(b.start).getTime());
+      if (dayEvents.length === 0)
+        return null;
+      return /* @__PURE__ */ jsxs(MoonUICardPro, { children: [
+        /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { className: "pb-2", children: [
+          /* @__PURE__ */ jsx(MoonUICardTitlePro, { className: "text-lg", children: format(day, "EEEE, MMMM d, yyyy") }),
+          /* @__PURE__ */ jsxs(MoonUICardDescriptionPro, { children: [
+            dayEvents.length,
+            " events"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(MoonUICardContentPro, { children: /* @__PURE__ */ jsx("div", { className: "space-y-2", children: dayEvents.map((event) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-start gap-3 p-3 rounded-lg hover:bg-muted/50 cursor-pointer",
+            onClick: (e) => handleEventClick(event, e),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "w-1 h-full rounded",
+                  style: {
+                    backgroundColor: event.color || eventColors[event.category || ""] || "#3b82f6"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: event.title }),
+                  event.priority && /* @__PURE__ */ jsx(MoonUIBadgePro, { variant: event.priority === "high" ? "destructive" : event.priority === "medium" ? "secondary" : "secondary", children: event.priority })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+                  event.allDay ? "All day" : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    format(new Date(event.start), "HH:mm"),
+                    " - ",
+                    format(new Date(event.end), "HH:mm")
+                  ] }),
+                  event.location && /* @__PURE__ */ jsxs("span", { className: "ml-2", children: [
+                    /* @__PURE__ */ jsx(MapPin, { className: "inline h-3 w-3 mr-1" }),
+                    event.location
+                  ] })
+                ] }),
+                event.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: event.description })
+              ] })
+            ]
+          },
+          event.id
+        )) }) })
+      ] }, day.toISOString());
+    }) }) });
+  };
+  return /* @__PURE__ */ jsx(MoonUITooltipProviderPro, { children: /* @__PURE__ */ jsxs("div", { className: cn("flex h-full bg-background", className), style: { height }, children: [
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: cn(
+          "border-r bg-muted/30 flex flex-col",
+          sidebarCollapsed ? "w-16" : "w-80"
+        ),
+        animate: { width: sidebarCollapsed ? 64 : 320 },
+        transition: { type: "spring", stiffness: 300, damping: 30 },
+        children: [
+          !sidebarCollapsed && /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "single",
+              selected: currentDate,
+              onSelect: (date) => {
+                if (date instanceof Date) {
+                  handleDateSelect(date);
+                }
+              },
+              className: "rounded-md border"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-4", children: sidebarCollapsed ? /* @__PURE__ */ jsx("div", { className: "space-y-2", children: categories.map((category) => /* @__PURE__ */ jsxs(MoonUITooltipPro, { children: [
+            /* @__PURE__ */ jsx(MoonUITooltipTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(
+              MoonUIButtonPro,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "w-full",
+                onClick: () => {
+                  setSelectedCategories(
+                    (prev) => prev.includes(category.id) ? prev.filter((c2) => c2 !== category.id) : [...prev, category.id]
+                  );
+                },
+                children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "w-4 h-4 rounded",
+                    style: { backgroundColor: category.color }
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx(MoonUITooltipContentPro, { side: "right", children: category.name })
+          ] }, category.id)) }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+              /* @__PURE__ */ jsx("h3", { className: "font-medium", children: "Categories" }),
+              /* @__PURE__ */ jsx(
+                MoonUIButtonPro,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => setSelectedCategories([]),
+                  children: "Clear"
+                }
+              )
+            ] }),
+            categories.map((category) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-2 p-2 rounded-lg cursor-pointer hover:bg-muted",
+                  selectedCategories.includes(category.id) && "bg-muted"
+                ),
+                onClick: () => {
+                  setSelectedCategories(
+                    (prev) => prev.includes(category.id) ? prev.filter((c2) => c2 !== category.id) : [...prev, category.id]
+                  );
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    MoonUICheckboxPro,
+                    {
+                      checked: selectedCategories.includes(category.id),
+                      onCheckedChange: () => {
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "w-4 h-4 rounded",
+                      style: { backgroundColor: category.color }
+                    }
+                  ),
+                  category.icon,
+                  /* @__PURE__ */ jsx("span", { className: "text-sm", children: category.name })
+                ]
+              },
+              category.id
+            ))
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "p-2 border-t", children: /* @__PURE__ */ jsx(
+            MoonUIButtonPro,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "w-full",
+              onClick: () => setSidebarCollapsed(!sidebarCollapsed),
+              children: sidebarCollapsed ? /* @__PURE__ */ jsx(PanelLeft, {}) : /* @__PURE__ */ jsx(PanelRight, {})
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "border-b p-4 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              MoonUIButtonPro,
+              {
+                variant: "outline",
+                size: "icon",
+                onClick: () => navigateDate("prev"),
+                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              MoonUIButtonPro,
+              {
+                variant: "outline",
+                size: "icon",
+                onClick: () => navigateDate("next"),
+                children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              MoonUIButtonPro,
+              {
+                variant: "outline",
+                onClick: () => setCurrentDate(/* @__PURE__ */ new Date()),
+                children: "Today"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: format(
+            currentDate,
+            currentViewConfig.type === "day" ? "EEEE, MMMM d, yyyy" : currentViewConfig.type === "week" ? "'Week of' MMMM d, yyyy" : currentViewConfig.type === "month" ? "MMMM yyyy" : currentViewConfig.type === "year" ? "yyyy" : "MMMM yyyy"
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground h-4 w-4" }),
+            /* @__PURE__ */ jsx(
+              MoonUIInputPro,
+              {
+                placeholder: "Search events...",
+                value: searchQuery,
+                onChange: (e) => setSearchQuery(e.target.value),
+                className: "pl-9 w-64"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(MoonUITabsPro, { value: currentView, onValueChange: handleViewChange, children: /* @__PURE__ */ jsx(MoonUITabsListPro, { children: views.map((view) => /* @__PURE__ */ jsx(MoonUITabsTriggerPro, { value: view.id, children: view.name }, view.id)) }) }),
+          /* @__PURE__ */ jsxs(MoonUIDropdownMenuPro, { children: [
+            /* @__PURE__ */ jsx(MoonUIDropdownMenuTriggerPro, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", size: "icon", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }),
+            /* @__PURE__ */ jsxs(MoonUIDropdownMenuContentPro, { align: "end", className: "w-48", children: [
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuLabelPro, { children: "Actions" }),
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+              allowEventCreation && /* @__PURE__ */ jsxs(
+                MoonUIDropdownMenuItemPro,
+                {
+                  onClick: () => {
+                    setNewEventStart(/* @__PURE__ */ new Date());
+                    setNewEventEnd(addHours(/* @__PURE__ */ new Date(), 1));
+                    setIsCreating(true);
+                    setIsEventDialogOpen(true);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+                    "Create Event"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubPro, { children: [
+                /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubTriggerPro, { children: [
+                  /* @__PURE__ */ jsx(Download, { className: "h-4 w-4 mr-2" }),
+                  "Export"
+                ] }),
+                /* @__PURE__ */ jsxs(MoonUIDropdownMenuSubContentPro, { children: [
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => exportCalendar("ics"), children: [
+                    /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 mr-2" }),
+                    "Export as ICS"
+                  ] }),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => exportCalendar("csv"), children: [
+                    /* @__PURE__ */ jsx(FileSpreadsheet, { className: "h-4 w-4 mr-2" }),
+                    "Export as CSV"
+                  ] }),
+                  /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { onClick: () => exportCalendar("json"), children: [
+                    /* @__PURE__ */ jsx(FileCode, { className: "h-4 w-4 mr-2" }),
+                    "Export as JSON"
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                /* @__PURE__ */ jsx(Printer, { className: "h-4 w-4 mr-2" }),
+                "Print"
+              ] }),
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                /* @__PURE__ */ jsx(Share2, { className: "h-4 w-4 mr-2" }),
+                "Share"
+              ] }),
+              /* @__PURE__ */ jsx(MoonUIDropdownMenuSeparatorPro, {}),
+              /* @__PURE__ */ jsxs(MoonUIDropdownMenuItemPro, { children: [
+                /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4 mr-2" }),
+                "Settings"
+              ] })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(LayoutGroup, { children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          className: "flex-1 overflow-hidden",
+          initial: { opacity: 0, y: 20 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: -20 },
+          transition: { duration: 0.2 },
+          children: [
+            currentViewConfig.type === "day" && renderDayView(),
+            currentViewConfig.type === "week" && renderWeekView(),
+            currentViewConfig.type === "month" && renderMonthView(),
+            currentViewConfig.type === "year" && renderYearView(),
+            currentViewConfig.type === "agenda" && renderAgendaView()
+          ]
+        },
+        currentView
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx(MoonUIDialogPro, { open: isEventDialogOpen, onOpenChange: setIsEventDialogOpen, children: /* @__PURE__ */ jsxs(MoonUIDialogContentPro, { className: "sm:max-w-[600px]", children: [
+      /* @__PURE__ */ jsxs(MoonUIDialogHeaderPro, { children: [
+        /* @__PURE__ */ jsx(MoonUIDialogTitlePro, { children: isCreating ? "Create Event" : "Edit Event" }),
+        /* @__PURE__ */ jsx(MoonUIDialogDescriptionPro, { children: isCreating ? "Add a new event to your calendar" : "Update event details" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "title", children: "Title" }),
+          /* @__PURE__ */ jsx(
+            MoonUIInputPro,
+            {
+              id: "title",
+              value: editingEvent.title || "",
+              onChange: (e) => setEditingEvent({ ...editingEvent, title: e.target.value }),
+              placeholder: "Event title"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "start", children: "Start" }),
+            /* @__PURE__ */ jsx(
+              MoonUIInputPro,
+              {
+                id: "start",
+                type: "datetime-local",
+                value: editingEvent.start ? format(editingEvent.start, "yyyy-MM-dd'T'HH:mm") : "",
+                onChange: (e) => setEditingEvent({ ...editingEvent, start: new Date(e.target.value) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "end", children: "End" }),
+            /* @__PURE__ */ jsx(
+              MoonUIInputPro,
+              {
+                id: "end",
+                type: "datetime-local",
+                value: editingEvent.end ? format(editingEvent.end, "yyyy-MM-dd'T'HH:mm") : "",
+                onChange: (e) => setEditingEvent({ ...editingEvent, end: new Date(e.target.value) })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx(
+            MoonUISwitchPro,
+            {
+              id: "allDay",
+              checked: editingEvent.allDay || false,
+              onCheckedChange: (checked) => setEditingEvent({ ...editingEvent, allDay: checked })
+            }
+          ),
+          /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "allDay", children: "All day" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "category", children: "Category" }),
+          /* @__PURE__ */ jsxs(
+            MoonUISelectPro,
+            {
+              value: editingEvent.category || "",
+              onValueChange: (value) => setEditingEvent({ ...editingEvent, category: value }),
+              children: [
+                /* @__PURE__ */ jsx(MoonUISelectTriggerPro, { id: "category", children: /* @__PURE__ */ jsx(MoonUISelectValuePro, { placeholder: "Select a category" }) }),
+                /* @__PURE__ */ jsx(MoonUISelectContentPro, { children: categories.map((category) => /* @__PURE__ */ jsx(MoonUISelectItemPro, { value: category.id, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "w-3 h-3 rounded",
+                      style: { backgroundColor: category.color }
+                    }
+                  ),
+                  category.name
+                ] }) }, category.id)) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "location", children: "Location" }),
+          /* @__PURE__ */ jsx(
+            MoonUIInputPro,
+            {
+              id: "location",
+              value: editingEvent.location || "",
+              onChange: (e) => setEditingEvent({ ...editingEvent, location: e.target.value }),
+              placeholder: "Event location"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "description", children: "Description" }),
+          /* @__PURE__ */ jsx(
+            MoonUITextareaPro,
+            {
+              id: "description",
+              value: editingEvent.description || "",
+              onChange: (e) => setEditingEvent({ ...editingEvent, description: e.target.value }),
+              placeholder: "Event description"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(MoonUILabelPro, { children: "Priority" }),
+          /* @__PURE__ */ jsxs(
+            MoonUIRadioGroupPro,
+            {
+              value: editingEvent.priority || "medium",
+              onValueChange: (value) => setEditingEvent({ ...editingEvent, priority: value }),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsx(MoonUIRadioGroupItemPro, { value: "low", id: "low" }),
+                  /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "low", children: "Low" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsx(MoonUIRadioGroupItemPro, { value: "medium", id: "medium" }),
+                  /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "medium", children: "Medium" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+                  /* @__PURE__ */ jsx(MoonUIRadioGroupItemPro, { value: "high", id: "high" }),
+                  /* @__PURE__ */ jsx(MoonUILabelPro, { htmlFor: "high", children: "High" })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(MoonUIDialogFooterPro, { children: [
+        !isCreating && allowEventDeletion && /* @__PURE__ */ jsx(
+          MoonUIButtonPro,
+          {
+            variant: "destructive",
+            onClick: handleEventDelete,
+            children: "Delete"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MoonUIButtonPro,
+          {
+            variant: "outline",
+            onClick: () => {
+              setIsEventDialogOpen(false);
+              setEditingEvent({});
+              setSelectedEvent(null);
+              setIsCreating(false);
+            },
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: handleEventSave, children: isCreating ? "Create" : "Save" })
+      ] })
+    ] }) })
+  ] }) });
+});
+CalendarPro.displayName = "CalendarPro";
 var PRIORITY_OPTIONS = [
   { value: "low", label: "Low", icon: Flag, color: "text-green-600" },
   { value: "medium", label: "Medium", icon: Flag, color: "text-yellow-600" },
@@ -12797,11 +14114,11 @@ function Kanban({
       description: "Column color has been changed"
     });
   };
-  const handleExport = (format6) => {
+  const handleExport = (format7) => {
     if (onExport) {
-      onExport(format6);
+      onExport(format7);
     } else {
-      if (format6 === "json") {
+      if (format7 === "json") {
         const data = JSON.stringify(columns, null, 2);
         const blob = new Blob([data], { type: "application/json" });
         const url = URL.createObjectURL(blob);
@@ -12816,7 +14133,7 @@ function Kanban({
           title: "Board exported",
           description: "Board exported as JSON file"
         });
-      } else if (format6 === "csv") {
+      } else if (format7 === "csv") {
         let csv = "Column,Card Title,Description,Priority,Assignees,Due Date,Tags\n";
         columns.forEach((column) => {
           column.cards.forEach((card) => {
@@ -13582,7 +14899,7 @@ function findDiffEnd(a, b, posA, posB) {
     posB -= size4;
   }
 }
-var Fragment7 = class {
+var Fragment8 = class {
   /**
   @internal
   */
@@ -13650,7 +14967,7 @@ var Fragment7 = class {
     }
     for (; i < other.content.length; i++)
       content.push(other.content[i]);
-    return new Fragment7(content, this.size + other.size);
+    return new Fragment8(content, this.size + other.size);
   }
   /**
   Cut out the sub-fragment between the two given positions.
@@ -13674,17 +14991,17 @@ var Fragment7 = class {
         }
         pos = end;
       }
-    return new Fragment7(result, size4);
+    return new Fragment8(result, size4);
   }
   /**
   @internal
   */
   cutByIndex(from2, to) {
     if (from2 == to)
-      return Fragment7.empty;
+      return Fragment8.empty;
     if (from2 == 0 && to == this.content.length)
       return this;
-    return new Fragment7(this.content.slice(from2, to));
+    return new Fragment8(this.content.slice(from2, to));
   }
   /**
   Create a new fragment in which the node at the given index is
@@ -13697,21 +15014,21 @@ var Fragment7 = class {
     let copy2 = this.content.slice();
     let size4 = this.size + node.nodeSize - current.nodeSize;
     copy2[index2] = node;
-    return new Fragment7(copy2, size4);
+    return new Fragment8(copy2, size4);
   }
   /**
   Create a new fragment by prepending the given node to this
   fragment.
   */
   addToStart(node) {
-    return new Fragment7([node].concat(this.content), this.size + node.nodeSize);
+    return new Fragment8([node].concat(this.content), this.size + node.nodeSize);
   }
   /**
   Create a new fragment by appending the given node to this
   fragment.
   */
   addToEnd(node) {
-    return new Fragment7(this.content.concat(node), this.size + node.nodeSize);
+    return new Fragment8(this.content.concat(node), this.size + node.nodeSize);
   }
   /**
   Compare this fragment to another one.
@@ -13830,10 +15147,10 @@ var Fragment7 = class {
   */
   static fromJSON(schema, value) {
     if (!value)
-      return Fragment7.empty;
+      return Fragment8.empty;
     if (!Array.isArray(value))
       throw new RangeError("Invalid input for Fragment.fromJSON");
-    return new Fragment7(value.map(schema.nodeFromJSON));
+    return new Fragment8(value.map(schema.nodeFromJSON));
   }
   /**
   Build a fragment from an array of nodes. Ensures that adjacent
@@ -13841,7 +15158,7 @@ var Fragment7 = class {
   */
   static fromArray(array) {
     if (!array.length)
-      return Fragment7.empty;
+      return Fragment8.empty;
     let joined, size4 = 0;
     for (let i = 0; i < array.length; i++) {
       let node = array[i];
@@ -13854,7 +15171,7 @@ var Fragment7 = class {
         joined.push(node);
       }
     }
-    return new Fragment7(joined || array, size4);
+    return new Fragment8(joined || array, size4);
   }
   /**
   Create a fragment from something that can be interpreted as a
@@ -13864,17 +15181,17 @@ var Fragment7 = class {
   */
   static from(nodes) {
     if (!nodes)
-      return Fragment7.empty;
-    if (nodes instanceof Fragment7)
+      return Fragment8.empty;
+    if (nodes instanceof Fragment8)
       return nodes;
     if (Array.isArray(nodes))
       return this.fromArray(nodes);
     if (nodes.attrs)
-      return new Fragment7([nodes], nodes.nodeSize);
+      return new Fragment8([nodes], nodes.nodeSize);
     throw new RangeError("Can not convert " + nodes + " to a Fragment" + (nodes.nodesBetween ? " (looks like multiple versions of prosemirror-model were loaded)" : ""));
   }
 };
-Fragment7.empty = new Fragment7([], 0);
+Fragment8.empty = new Fragment8([], 0);
 var found = { index: 0, offset: 0 };
 function retIndex(index2, offset4) {
   found.index = index2;
@@ -14099,7 +15416,7 @@ var Slice = class {
     let openStart = json2.openStart || 0, openEnd = json2.openEnd || 0;
     if (typeof openStart != "number" || typeof openEnd != "number")
       throw new RangeError("Invalid input for Slice.fromJSON");
-    return new Slice(Fragment7.fromJSON(schema, json2.content), openStart, openEnd);
+    return new Slice(Fragment8.fromJSON(schema, json2.content), openStart, openEnd);
   }
   /**
   Create a slice from a fragment by taking the maximum possible
@@ -14114,7 +15431,7 @@ var Slice = class {
     return new Slice(fragment, openStart, openEnd);
   }
 };
-Slice.empty = new Slice(Fragment7.empty, 0, 0);
+Slice.empty = new Slice(Fragment8.empty, 0, 0);
 function removeRange(content, from2, to) {
   let { index: index2, offset: offset4 } = content.findIndex(from2), child = content.maybeChild(index2);
   let { index: indexTo, offset: offsetTo } = content.findIndex(to);
@@ -14212,7 +15529,7 @@ function replaceThreeWay($from, $start, $end, $to, depth) {
       addNode(close(openEnd, replaceTwoWay($end, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment7(content);
+  return new Fragment8(content);
 }
 function replaceTwoWay($from, $to, depth) {
   let content = [];
@@ -14222,13 +15539,13 @@ function replaceTwoWay($from, $to, depth) {
     addNode(close(type, replaceTwoWay($from, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment7(content);
+  return new Fragment8(content);
 }
 function prepareSliceForReplace(slice2, $along) {
   let extra = $along.depth - slice2.openStart, parent = $along.node(extra);
   let node = parent.copy(slice2.content);
   for (let i = extra - 1; i >= 0; i--)
-    node = $along.node(i).copy(Fragment7.from(node));
+    node = $along.node(i).copy(Fragment8.from(node));
   return {
     start: node.resolveNoCache(slice2.openStart + extra),
     end: node.resolveNoCache(node.content.size - slice2.openEnd - extra)
@@ -14567,7 +15884,7 @@ var Node2 = class {
     this.type = type;
     this.attrs = attrs;
     this.marks = marks;
-    this.content = content || Fragment7.empty;
+    this.content = content || Fragment8.empty;
   }
   /**
   The array of this node's child nodes.
@@ -14872,7 +16189,7 @@ var Node2 = class {
   can optionally pass `start` and `end` indices into the
   replacement fragment.
   */
-  canReplace(from2, to, replacement = Fragment7.empty, start = 0, end = replacement.childCount) {
+  canReplace(from2, to, replacement = Fragment8.empty, start = 0, end = replacement.childCount) {
     let one = this.contentMatchAt(from2).matchFragment(replacement, start, end);
     let two = one && one.matchFragment(this.content, to);
     if (!two || !two.validEnd)
@@ -14954,7 +16271,7 @@ var Node2 = class {
         throw new RangeError("Invalid text node in JSON");
       return schema.text(json2.text, marks);
     }
-    let content = Fragment7.fromJSON(schema, json2.content);
+    let content = Fragment8.fromJSON(schema, json2.content);
     let node = schema.nodeType(json2.type).create(json2.attrs, content, marks);
     node.type.checkAttrs(node.attrs);
     return node;
@@ -15096,7 +16413,7 @@ var ContentMatch = class {
     function search(match, types) {
       let finished = match.matchFragment(after, startIndex);
       if (finished && (!toEnd || finished.validEnd))
-        return Fragment7.from(types.map((tp) => tp.createAndFill()));
+        return Fragment8.from(types.map((tp) => tp.createAndFill()));
       for (let i = 0; i < match.next.length; i++) {
         let { type, next } = match.next[i];
         if (!(type.isText || type.hasRequiredAttrs()) && seen.indexOf(next) == -1) {
@@ -15548,7 +16865,7 @@ var NodeType = class {
   create(attrs = null, content, marks) {
     if (this.isText)
       throw new Error("NodeType.create can't construct text nodes");
-    return new Node2(this, this.computeAttrs(attrs), Fragment7.from(content), Mark.setFrom(marks));
+    return new Node2(this, this.computeAttrs(attrs), Fragment8.from(content), Mark.setFrom(marks));
   }
   /**
   Like [`create`](https://prosemirror.net/docs/ref/#model.NodeType.create), but check the given content
@@ -15556,7 +16873,7 @@ var NodeType = class {
   if it doesn't match.
   */
   createChecked(attrs = null, content, marks) {
-    content = Fragment7.from(content);
+    content = Fragment8.from(content);
     this.checkContent(content);
     return new Node2(this, this.computeAttrs(attrs), content, Mark.setFrom(marks));
   }
@@ -15570,7 +16887,7 @@ var NodeType = class {
   */
   createAndFill(attrs = null, content, marks) {
     attrs = this.computeAttrs(attrs);
-    content = Fragment7.from(content);
+    content = Fragment8.from(content);
     if (content.size) {
       let before = this.contentMatch.fillBefore(content);
       if (!before)
@@ -15578,7 +16895,7 @@ var NodeType = class {
       content = before.append(content);
     }
     let matched = this.contentMatch.matchFragment(content);
-    let after = matched && matched.fillBefore(Fragment7.empty, true);
+    let after = matched && matched.fillBefore(Fragment8.empty, true);
     if (!after)
       return null;
     return new Node2(this, attrs, content.append(after), Mark.setFrom(marks));
@@ -16042,7 +17359,7 @@ var NodeContext = class {
     if (!this.match) {
       if (!this.type)
         return [];
-      let fill = this.type.contentMatch.fillBefore(Fragment7.from(node));
+      let fill = this.type.contentMatch.fillBefore(Fragment8.from(node));
       if (fill) {
         this.match = this.type.contentMatch.matchFragment(fill);
       } else {
@@ -16068,9 +17385,9 @@ var NodeContext = class {
           this.content[this.content.length - 1] = text.withText(text.text.slice(0, text.text.length - m2[0].length));
       }
     }
-    let content = Fragment7.from(this.content);
+    let content = Fragment8.from(this.content);
     if (!openEnd && this.match)
-      content = content.append(this.match.fillBefore(Fragment7.empty, true));
+      content = content.append(this.match.fillBefore(Fragment8.empty, true));
     return this.type ? this.type.create(this.attrs, content, this.marks) : content;
   }
   inlineContext(node) {
@@ -17087,7 +18404,7 @@ function mapFragment(fragment, f, parent) {
       child = f(child, parent, i);
     mapped.push(child);
   }
-  return Fragment7.fromArray(mapped);
+  return Fragment8.fromArray(mapped);
 }
 var AddMarkStep = class extends Step {
   /**
@@ -17204,7 +18521,7 @@ var AddNodeMarkStep = class extends Step {
     if (!node)
       return StepResult.fail("No node at mark step's position");
     let updated = node.type.create(node.attrs, null, this.mark.addToSet(node.marks));
-    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment7.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment8.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc3) {
     let node = doc3.nodeAt(this.pos);
@@ -17250,7 +18567,7 @@ var RemoveNodeMarkStep = class extends Step {
     if (!node)
       return StepResult.fail("No node at mark step's position");
     let updated = node.type.create(node.attrs, null, this.mark.removeFromSet(node.marks));
-    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment7.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment8.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc3) {
     let node = doc3.nodeAt(this.pos);
@@ -17515,7 +18832,7 @@ function clearIncompatible(tr2, pos, parentType, match = parentType.contentMatch
         let m2, newline = /\r?\n|\r/g, slice2;
         while (m2 = newline.exec(child.text)) {
           if (!slice2)
-            slice2 = new Slice(Fragment7.from(parentType.schema.text(" ", parentType.allowedMarks(child.marks))), 0, 0);
+            slice2 = new Slice(Fragment8.from(parentType.schema.text(" ", parentType.allowedMarks(child.marks))), 0, 0);
           replSteps.push(new ReplaceStep(cur + m2.index, cur + m2.index + m2[0].length, slice2));
         }
       }
@@ -17523,7 +18840,7 @@ function clearIncompatible(tr2, pos, parentType, match = parentType.contentMatch
     cur = end;
   }
   if (!match.validEnd) {
-    let fill = match.fillBefore(Fragment7.empty, true);
+    let fill = match.fillBefore(Fragment8.empty, true);
     tr2.replace(cur, cur, new Slice(fill, 0, 0));
   }
   for (let i = replSteps.length - 1; i >= 0; i--)
@@ -17549,20 +18866,20 @@ function lift(tr2, range, target) {
   let { $from, $to, depth } = range;
   let gapStart = $from.before(depth + 1), gapEnd = $to.after(depth + 1);
   let start = gapStart, end = gapEnd;
-  let before = Fragment7.empty, openStart = 0;
+  let before = Fragment8.empty, openStart = 0;
   for (let d = depth, splitting = false; d > target; d--)
     if (splitting || $from.index(d) > 0) {
       splitting = true;
-      before = Fragment7.from($from.node(d).copy(before));
+      before = Fragment8.from($from.node(d).copy(before));
       openStart++;
     } else {
       start--;
     }
-  let after = Fragment7.empty, openEnd = 0;
+  let after = Fragment8.empty, openEnd = 0;
   for (let d = depth, splitting = false; d > target; d--)
     if (splitting || $to.after(d + 1) < $to.end(d)) {
       splitting = true;
-      after = Fragment7.from($to.node(d).copy(after));
+      after = Fragment8.from($to.node(d).copy(after));
       openEnd++;
     } else {
       end++;
@@ -17602,14 +18919,14 @@ function findWrappingInside(range, type) {
   return inside;
 }
 function wrap(tr2, range, wrappers) {
-  let content = Fragment7.empty;
+  let content = Fragment8.empty;
   for (let i = wrappers.length - 1; i >= 0; i--) {
     if (content.size) {
       let match = wrappers[i].type.contentMatch.matchFragment(content);
       if (!match || !match.validEnd)
         throw new RangeError("Wrapper type given to Transform.wrap does not form valid content of its parent wrapper");
     }
-    content = Fragment7.from(wrappers[i].type.create(wrappers[i].attrs, content));
+    content = Fragment8.from(wrappers[i].type.create(wrappers[i].attrs, content));
   }
   let start = range.start, end = range.end;
   tr2.step(new ReplaceAroundStep(start, end, start, end, new Slice(content, 0, 0), wrappers.length, true));
@@ -17634,7 +18951,7 @@ function setBlockType(tr2, from2, to, type, attrs) {
       clearIncompatible(tr2, tr2.mapping.slice(mapFrom).map(pos, 1), type, void 0, convertNewlines === null);
       let mapping = tr2.mapping.slice(mapFrom);
       let startM = mapping.map(pos, 1), endM = mapping.map(pos + node.nodeSize, 1);
-      tr2.step(new ReplaceAroundStep(startM, endM, startM + 1, endM - 1, new Slice(Fragment7.from(type.create(attrsHere, null, node.marks)), 0, 0), 1, true));
+      tr2.step(new ReplaceAroundStep(startM, endM, startM + 1, endM - 1, new Slice(Fragment8.from(type.create(attrsHere, null, node.marks)), 0, 0), 1, true));
       if (convertNewlines === true)
         replaceNewlines(tr2, node, pos, mapFrom);
       return false;
@@ -17675,7 +18992,7 @@ function setNodeMarkup(tr2, pos, type, attrs, marks) {
     return tr2.replaceWith(pos, pos + node.nodeSize, newNode);
   if (!type.validContent(node.content))
     throw new RangeError("Invalid content for node type " + type.name);
-  tr2.step(new ReplaceAroundStep(pos, pos + node.nodeSize, pos + 1, pos + node.nodeSize - 1, new Slice(Fragment7.from(newNode), 0, 0), 1, true));
+  tr2.step(new ReplaceAroundStep(pos, pos + node.nodeSize, pos + 1, pos + node.nodeSize - 1, new Slice(Fragment8.from(newNode), 0, 0), 1, true));
 }
 function canSplit(doc3, pos, depth = 1, typesAfter) {
   let $pos = doc3.resolve(pos), base2 = $pos.depth - depth;
@@ -17699,11 +19016,11 @@ function canSplit(doc3, pos, depth = 1, typesAfter) {
   return $pos.node(base2).canReplaceWith(index2, index2, baseType ? baseType.type : $pos.node(base2 + 1).type);
 }
 function split(tr2, pos, depth = 1, typesAfter) {
-  let $pos = tr2.doc.resolve(pos), before = Fragment7.empty, after = Fragment7.empty;
+  let $pos = tr2.doc.resolve(pos), before = Fragment8.empty, after = Fragment8.empty;
   for (let d = $pos.depth, e = $pos.depth - depth, i = depth - 1; d > e; d--, i--) {
-    before = Fragment7.from($pos.node(d).copy(before));
+    before = Fragment8.from($pos.node(d).copy(before));
     let typeAfter = typesAfter && typesAfter[i];
-    after = Fragment7.from(typeAfter ? typeAfter.type.create(typeAfter.attrs, after) : $pos.node(d).copy(after));
+    after = Fragment8.from(typeAfter ? typeAfter.type.create(typeAfter.attrs, after) : $pos.node(d).copy(after));
   }
   tr2.step(new ReplaceStep(pos, pos, new Slice(before.append(after), depth, depth), true));
 }
@@ -17842,7 +19159,7 @@ var Fitter = class {
     this.$to = $to;
     this.unplaced = unplaced;
     this.frontier = [];
-    this.placed = Fragment7.empty;
+    this.placed = Fragment8.empty;
     for (let i = 0; i <= $from.depth; i++) {
       let node = $from.node(i);
       this.frontier.push({
@@ -17851,7 +19168,7 @@ var Fitter = class {
       });
     }
     for (let i = $from.depth; i > 0; i--)
-      this.placed = Fragment7.from($from.node(i).copy(this.placed));
+      this.placed = Fragment8.from($from.node(i).copy(this.placed));
   }
   get depth() {
     return this.frontier.length - 1;
@@ -17908,7 +19225,7 @@ var Fitter = class {
         let first2 = fragment.firstChild;
         for (let frontierDepth = this.depth; frontierDepth >= 0; frontierDepth--) {
           let { type, match } = this.frontier[frontierDepth], wrap2, inject = null;
-          if (pass == 1 && (first2 ? match.matchType(first2.type) || (inject = match.fillBefore(Fragment7.from(first2), false)) : parent && type.compatibleContent(parent.type)))
+          if (pass == 1 && (first2 ? match.matchType(first2.type) || (inject = match.fillBefore(Fragment8.from(first2), false)) : parent && type.compatibleContent(parent.type)))
             return { sliceDepth, frontierDepth, parent, inject };
           else if (pass == 2 && first2 && (wrap2 = match.findWrapping(first2.type)))
             return { sliceDepth, frontierDepth, parent, wrap: wrap2 };
@@ -17968,7 +19285,7 @@ var Fitter = class {
     let toEnd = taken == fragment.childCount;
     if (!toEnd)
       openEndCount = -1;
-    this.placed = addToFragment(this.placed, frontierDepth, Fragment7.from(add));
+    this.placed = addToFragment(this.placed, frontierDepth, Fragment8.from(add));
     this.frontier[frontierDepth].match = match;
     if (toEnd && openEndCount < 0 && parent && parent.type == this.frontier[this.depth].type && this.frontier.length > 1)
       this.closeFrontierNode();
@@ -18025,12 +19342,12 @@ var Fitter = class {
   openFrontierNode(type, attrs = null, content) {
     let top = this.frontier[this.depth];
     top.match = top.match.matchType(type);
-    this.placed = addToFragment(this.placed, this.depth, Fragment7.from(type.create(attrs, content)));
+    this.placed = addToFragment(this.placed, this.depth, Fragment8.from(type.create(attrs, content)));
     this.frontier.push({ type, match: type.contentMatch });
   }
   closeFrontierNode() {
     let open = this.frontier.pop();
-    let add = open.match.fillBefore(Fragment7.empty, true);
+    let add = open.match.fillBefore(Fragment8.empty, true);
     if (add.childCount)
       this.placed = addToFragment(this.placed, this.frontier.length, add);
   }
@@ -18059,7 +19376,7 @@ function closeNodeStart(node, openStart, openEnd) {
   if (openStart > 0) {
     frag = node.type.contentMatch.fillBefore(frag).append(frag);
     if (openEnd <= 0)
-      frag = frag.append(node.type.contentMatch.matchFragment(frag).fillBefore(Fragment7.empty, true));
+      frag = frag.append(node.type.contentMatch.matchFragment(frag).fillBefore(Fragment8.empty, true));
   }
   return node.copy(frag);
 }
@@ -18151,7 +19468,7 @@ function closeFragment(fragment, depth, oldOpen, newOpen, parent) {
   if (depth > newOpen) {
     let match = parent.contentMatchAt(0);
     let start = match.fillBefore(fragment).append(fragment);
-    fragment = start.append(match.matchFragment(start).fillBefore(Fragment7.empty, true));
+    fragment = start.append(match.matchFragment(start).fillBefore(Fragment8.empty, true));
   }
   return fragment;
 }
@@ -18161,7 +19478,7 @@ function replaceRangeWith(tr2, from2, to, node) {
     if (point != null)
       from2 = to = point;
   }
-  tr2.replaceRange(from2, to, new Slice(Fragment7.from(node), 0, 0));
+  tr2.replaceRange(from2, to, new Slice(Fragment8.from(node), 0, 0));
 }
 function deleteRange(tr2, from2, to) {
   let $from = tr2.doc.resolve(from2), $to = tr2.doc.resolve(to);
@@ -18209,7 +19526,7 @@ var AttrStep = class extends Step {
       attrs[name] = node.attrs[name];
     attrs[this.attr] = this.value;
     let updated = node.type.create(attrs, null, node.marks);
-    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment7.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc3, this.pos, this.pos + 1, new Slice(Fragment8.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   getMap() {
     return StepMap.empty;
@@ -18344,7 +19661,7 @@ var Transform = class {
   fragment, node, or array of nodes.
   */
   replaceWith(from2, to, content) {
-    return this.replace(from2, to, new Slice(Fragment7.from(content), 0, 0));
+    return this.replace(from2, to, new Slice(Fragment8.from(content), 0, 0));
   }
   /**
   Delete the content between the given positions.
@@ -18846,7 +20163,7 @@ var NodeSelection = class extends Selection {
     return new NodeSelection($pos);
   }
   content() {
-    return new Slice(Fragment7.from(this.node), 0, 0);
+    return new Slice(Fragment8.from(this.node), 0, 0);
   }
   eq(other) {
     return other instanceof NodeSelection && other.anchor == this.anchor;
@@ -20668,7 +21985,7 @@ var NodeViewDesc = class extends ViewDesc {
         }
       }
       if (!rule.contentElement)
-        rule.getContent = () => Fragment7.empty;
+        rule.getContent = () => Fragment8.empty;
     }
     return rule;
   }
@@ -21987,7 +23304,7 @@ function parseFromClipboard(view, text, html, plainText, $context) {
       text = f(text, inCode || plainText, view);
     });
     if (inCode)
-      return text ? new Slice(Fragment7.from(view.state.schema.text(text.replace(/\r\n?/g, "\n"))), 0, 0) : Slice.empty;
+      return text ? new Slice(Fragment8.from(view.state.schema.text(text.replace(/\r\n?/g, "\n"))), 0, 0) : Slice.empty;
     let parsed = view.someProp("clipboardTextParser", (f) => f(text, $context, plainText, view));
     if (parsed) {
       slice2 = parsed;
@@ -22076,13 +23393,13 @@ function normalizeSiblings(fragment, $context) {
       }
     });
     if (result)
-      return Fragment7.from(result);
+      return Fragment8.from(result);
   }
   return fragment;
 }
 function withWrappers(node, wrap2, from2 = 0) {
   for (let i = wrap2.length - 1; i >= from2; i--)
-    node = wrap2[i].create(null, Fragment7.from(node));
+    node = wrap2[i].create(null, Fragment8.from(node));
   return node;
 }
 function addToSibling(wrap2, lastWrap, node, sibling, depth) {
@@ -22092,14 +23409,14 @@ function addToSibling(wrap2, lastWrap, node, sibling, depth) {
       return sibling.copy(sibling.content.replaceChild(sibling.childCount - 1, inner));
     let match = sibling.contentMatchAt(sibling.childCount);
     if (match.matchType(depth == wrap2.length - 1 ? node.type : wrap2[depth + 1]))
-      return sibling.copy(sibling.content.append(Fragment7.from(withWrappers(node, wrap2, depth + 1))));
+      return sibling.copy(sibling.content.append(Fragment8.from(withWrappers(node, wrap2, depth + 1))));
   }
 }
 function closeRight(node, depth) {
   if (depth == 0)
     return node;
   let fragment = node.content.replaceChild(node.childCount - 1, closeRight(node.lastChild, depth - 1));
-  let fill = node.contentMatchAt(node.childCount).fillBefore(Fragment7.empty, true);
+  let fill = node.contentMatchAt(node.childCount).fillBefore(Fragment8.empty, true);
   return node.copy(fragment.append(fill));
 }
 function closeRange(fragment, side, from2, to, depth, openEnd) {
@@ -22109,7 +23426,7 @@ function closeRange(fragment, side, from2, to, depth, openEnd) {
   if (depth < to - 1)
     inner = closeRange(inner, side, from2, to, depth + 1, openEnd);
   if (depth >= from2)
-    inner = side < 0 ? node.contentMatchAt(0).fillBefore(inner, openEnd <= depth).append(inner) : inner.append(node.contentMatchAt(node.childCount).fillBefore(Fragment7.empty, true));
+    inner = side < 0 ? node.contentMatchAt(0).fillBefore(inner, openEnd <= depth).append(inner) : inner.append(node.contentMatchAt(node.childCount).fillBefore(Fragment8.empty, true));
   return fragment.replaceChild(side < 0 ? 0 : fragment.childCount - 1, node.copy(inner));
 }
 function closeSlice(slice2, openStart, openEnd) {
@@ -22179,7 +23496,7 @@ function addContext(slice2, context) {
     let type = schema.nodes[array[i]];
     if (!type || type.hasRequiredAttrs())
       break;
-    content = Fragment7.from(type.create(array[i + 1], content));
+    content = Fragment8.from(type.create(array[i + 1], content));
     openStart++;
     openEnd++;
   }
@@ -24040,7 +25357,7 @@ function isMarkChange(cur, prev) {
   let updated = [];
   for (let i = 0; i < prev.childCount; i++)
     updated.push(update(prev.child(i)));
-  if (Fragment7.from(updated).eq(cur))
+  if (Fragment8.from(updated).eq(cur))
     return { mark, type };
 }
 function looksLikeBackspace(old, start, end, $newStart, $newEnd) {
@@ -25150,10 +26467,10 @@ function deleteBarrier(state, $cut, dispatch2, dir) {
   let canDelAfter = !isolated && $cut.parent.canReplace($cut.index(), $cut.index() + 1);
   if (canDelAfter && (conn = (match = before.contentMatchAt(before.childCount)).findWrapping(after.type)) && match.matchType(conn[0] || after.type).validEnd) {
     if (dispatch2) {
-      let end = $cut.pos + after.nodeSize, wrap2 = Fragment7.empty;
+      let end = $cut.pos + after.nodeSize, wrap2 = Fragment8.empty;
       for (let i = conn.length - 1; i >= 0; i--)
-        wrap2 = Fragment7.from(conn[i].create(null, wrap2));
-      wrap2 = Fragment7.from(before.copy(wrap2));
+        wrap2 = Fragment8.from(conn[i].create(null, wrap2));
+      wrap2 = Fragment8.from(before.copy(wrap2));
       let tr2 = state.tr.step(new ReplaceAroundStep($cut.pos - 1, end, $cut.pos, end, new Slice(wrap2, 1, 0), conn.length, true));
       let $joinAt = tr2.doc.resolve(end + 2 * conn.length);
       if ($joinAt.nodeAfter && $joinAt.nodeAfter.type == before.type && canJoin(tr2.doc, $joinAt.pos))
@@ -25182,9 +26499,9 @@ function deleteBarrier(state, $cut, dispatch2, dir) {
       afterDepth++;
     if (at.canReplace(at.childCount, at.childCount, afterText.content)) {
       if (dispatch2) {
-        let end = Fragment7.empty;
+        let end = Fragment8.empty;
         for (let i = wrap2.length - 1; i >= 0; i--)
-          end = Fragment7.from(wrap2[i].copy(end));
+          end = Fragment8.from(wrap2[i].copy(end));
         let tr2 = state.tr.step(new ReplaceAroundStep($cut.pos - wrap2.length, $cut.pos + after.nodeSize, $cut.pos + afterDepth, $cut.pos + after.nodeSize - afterDepth, new Slice(end, wrap2.length, 0), 0, true));
         dispatch2(tr2.scrollIntoView());
       }
@@ -25289,9 +26606,9 @@ function wrapRangeInList(tr2, range, listType, attrs = null) {
   return true;
 }
 function doWrapInList(tr2, range, wrappers, joinBefore, listType) {
-  let content = Fragment7.empty;
+  let content = Fragment8.empty;
   for (let i = wrappers.length - 1; i >= 0; i--)
-    content = Fragment7.from(wrappers[i].type.create(wrappers[i].attrs, content));
+    content = Fragment8.from(wrappers[i].type.create(wrappers[i].attrs, content));
   tr2.step(new ReplaceAroundStep(range.start - (joinBefore ? 2 : 0), range.end, range.start, range.end, new Slice(content, 0, 0), wrappers.length, true));
   let found2 = 0;
   for (let i = 0; i < wrappers.length; i++)
@@ -25325,7 +26642,7 @@ function liftListItem(itemType) {
 function liftToOuterList(state, dispatch2, itemType, range) {
   let tr2 = state.tr, end = range.end, endOfList = range.$to.end(range.depth);
   if (end < endOfList) {
-    tr2.step(new ReplaceAroundStep(end - 1, endOfList, end, endOfList, new Slice(Fragment7.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
+    tr2.step(new ReplaceAroundStep(end - 1, endOfList, end, endOfList, new Slice(Fragment8.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
     range = new NodeRange(tr2.doc.resolve(range.$from.pos), tr2.doc.resolve(endOfList), range.depth);
   }
   const target = liftTarget(range);
@@ -25349,10 +26666,10 @@ function liftOutOfList(state, dispatch2, range) {
     return false;
   let atStart = range.startIndex == 0, atEnd = range.endIndex == list.childCount;
   let parent = $start.node(-1), indexBefore = $start.index(-1);
-  if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment7.empty : Fragment7.from(list))))
+  if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment8.empty : Fragment8.from(list))))
     return false;
   let start = $start.pos, end = start + item.nodeSize;
-  tr2.step(new ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new Slice((atStart ? Fragment7.empty : Fragment7.from(list.copy(Fragment7.empty))).append(atEnd ? Fragment7.empty : Fragment7.from(list.copy(Fragment7.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
+  tr2.step(new ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new Slice((atStart ? Fragment8.empty : Fragment8.from(list.copy(Fragment8.empty))).append(atEnd ? Fragment8.empty : Fragment8.from(list.copy(Fragment8.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
   dispatch2(tr2.scrollIntoView());
   return true;
 }
@@ -25370,8 +26687,8 @@ function sinkListItem(itemType) {
       return false;
     if (dispatch2) {
       let nestedBefore = nodeBefore.lastChild && nodeBefore.lastChild.type == parent.type;
-      let inner = Fragment7.from(nestedBefore ? itemType.create() : null);
-      let slice2 = new Slice(Fragment7.from(itemType.create(null, Fragment7.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
+      let inner = Fragment8.from(nestedBefore ? itemType.create() : null);
+      let slice2 = new Slice(Fragment8.from(itemType.create(null, Fragment8.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
       let before = range.start, after = range.end;
       dispatch2(state.tr.step(new ReplaceAroundStep(before - (nestedBefore ? 3 : 1), after, before, after, slice2, 1, true)).scrollIntoView());
     }
@@ -25589,7 +26906,7 @@ function elementFromString(value) {
   return removeWhitespaces(html);
 }
 function createNodeFromContent(content, schema, options) {
-  if (content instanceof Node2 || content instanceof Fragment7) {
+  if (content instanceof Node2 || content instanceof Fragment8) {
     return content;
   }
   options = {
@@ -25603,7 +26920,7 @@ function createNodeFromContent(content, schema, options) {
     try {
       const isArrayContent = Array.isArray(content) && content.length > 0;
       if (isArrayContent) {
-        return Fragment7.fromArray(content.map((item) => schema.nodeFromJSON(item)));
+        return Fragment8.fromArray(content.map((item) => schema.nodeFromJSON(item)));
       }
       const node = schema.nodeFromJSON(content);
       if (options.errorOnInvalidContent) {
@@ -26737,7 +28054,7 @@ function inputRulesPlugin(props) {
             if (typeof text === "string") {
               text = text;
             } else {
-              text = getHTMLFromFragment(Fragment7.from(text), state.schema);
+              text = getHTMLFromFragment(Fragment8.from(text), state.schema);
             }
             const { from: from2 } = simulatedInputMeta;
             const to = from2 + text.length;
@@ -27115,7 +28432,7 @@ function pasteRulesPlugin(props) {
           if (typeof text === "string") {
             text = text;
           } else {
-            text = getHTMLFromFragment(Fragment7.from(text), state.schema);
+            text = getHTMLFromFragment(Fragment8.from(text), state.schema);
           }
           const { from: from22 } = simulatedPasteMeta;
           const to2 = from22 + text.length;
@@ -27773,7 +29090,7 @@ var insertContentAt = (position, value, options) => ({ tr: tr2, dispatch: dispat
     if (isOnlyTextContent) {
       if (Array.isArray(value)) {
         newContent = value.map((v) => v.text || "").join("");
-      } else if (value instanceof Fragment7) {
+      } else if (value instanceof Fragment8) {
         let text = "";
         value.forEach((node) => {
           if (node.text) {
@@ -28240,10 +29557,10 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({ tr: tr2, state, dispa
       return false;
     }
     if (dispatch2) {
-      let wrap2 = Fragment7.empty;
+      let wrap2 = Fragment8.empty;
       const depthBefore = $from.index(-1) ? 1 : $from.index(-2) ? 2 : 3;
       for (let d = $from.depth - depthBefore; d >= $from.depth - 3; d -= 1) {
-        wrap2 = Fragment7.from($from.node(d).copy(wrap2));
+        wrap2 = Fragment8.from($from.node(d).copy(wrap2));
       }
       const depthAfter = (
         // eslint-disable-next-line no-nested-ternary
@@ -28254,7 +29571,7 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({ tr: tr2, state, dispa
         ...overrideAttrs
       };
       const nextType2 = ((_a = type.contentMatch.defaultType) == null ? void 0 : _a.createAndFill(newNextTypeAttributes2)) || void 0;
-      wrap2 = wrap2.append(Fragment7.from(type.createAndFill(null, nextType2) || void 0));
+      wrap2 = wrap2.append(Fragment8.from(type.createAndFill(null, nextType2) || void 0));
       const start = $from.before($from.depth - (depthBefore - 1));
       tr2.replace(start, $from.after(-depthAfter), new Slice(wrap2, 4 - depthBefore, 0));
       let sel = -1;
@@ -29885,7 +31202,7 @@ function markPasteRule(config) {
 }
 
 // ../../node_modules/@tiptap/react/dist/index.js
-var import_react19 = __toESM(require_react(), 1);
+var import_react20 = __toESM(require_react(), 1);
 var mergeRefs = (...refs) => {
   return (node) => {
     refs.forEach((ref) => {
@@ -30104,7 +31421,7 @@ function useEditorState(options) {
     editorStateManager.getSnapshot,
     editorStateManager.getServerSnapshot,
     options.selector,
-    (_a = options.equalityFn) != null ? _a : import_react19.default
+    (_a = options.equalityFn) != null ? _a : import_react20.default
   );
   useIsomorphicLayoutEffect(() => {
     return editorStateManager.watch(options.editor);
@@ -30383,11 +31700,11 @@ var ReactNodeViewContext = createContext({
 var useReactNodeView = () => useContext(ReactNodeViewContext);
 t__default.forwardRef((props, ref) => {
   const { onDragStart } = useReactNodeView();
-  const Tag4 = props.as || "div";
+  const Tag6 = props.as || "div";
   return (
     // @ts-ignore
     /* @__PURE__ */ jsx(
-      Tag4,
+      Tag6,
       {
         ...props,
         ref,
@@ -30472,7 +31789,7 @@ var starInputRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/;
 var starPasteRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g;
 var underscoreInputRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/;
 var underscorePasteRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g;
-var Bold = Mark2.create({
+var Bold2 = Mark2.create({
   name: "bold",
   addOptions() {
     return {
@@ -30549,7 +31866,7 @@ var Bold = Mark2.create({
 // ../../node_modules/@tiptap/extension-code/dist/index.js
 var inputRegex2 = /(^|[^`])`([^`]+)`(?!`)/;
 var pasteRegex = /(^|[^`])`([^`]+)`(?!`)/g;
-var Code = Mark2.create({
+var Code2 = Mark2.create({
   name: "code",
   addOptions() {
     return {
@@ -30998,7 +32315,7 @@ var starInputRegex2 = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/;
 var starPasteRegex2 = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g;
 var underscoreInputRegex2 = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/;
 var underscorePasteRegex2 = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g;
-var Italic = Mark2.create({
+var Italic2 = Mark2.create({
   name: "italic",
   addOptions() {
     return {
@@ -32404,7 +33721,7 @@ function isAllowedUri(uri, protocols) {
     )
   );
 }
-var Link = Mark2.create({
+var Link3 = Mark2.create({
   name: "link",
   priority: 1e3,
   keepOnSplit: false,
@@ -32598,7 +33915,7 @@ var Link = Mark2.create({
     return plugins;
   }
 });
-var index_default2 = Link;
+var index_default2 = Link3;
 
 // ../../node_modules/@tiptap/extension-list/dist/index.js
 var __defProp3 = Object.defineProperty;
@@ -33327,7 +34644,7 @@ var Text2 = Node3.create({
 });
 
 // ../../node_modules/@tiptap/extension-underline/dist/index.js
-var Underline = Mark2.create({
+var Underline2 = Mark2.create({
   name: "underline",
   addOptions() {
     return {
@@ -33369,7 +34686,7 @@ var Underline = Mark2.create({
     };
   }
 });
-var index_default3 = Underline;
+var index_default3 = Underline2;
 
 // ../../node_modules/prosemirror-dropcursor/dist/index.js
 function dropCursor(options = {}) {
@@ -33700,9 +35017,9 @@ function beforeinput(view, event) {
   let insert = $from.parent.contentMatchAt($from.index()).findWrapping(view.state.schema.nodes.text);
   if (!insert)
     return false;
-  let frag = Fragment7.empty;
+  let frag = Fragment8.empty;
   for (let i = insert.length - 1; i >= 0; i--)
-    frag = Fragment7.from(insert[i].createAndFill(null, frag));
+    frag = Fragment8.from(insert[i].createAndFill(null, frag));
   let tr2 = view.state.tr.replace($from.pos, $from.pos, new Slice(frag, 0, 0));
   tr2.setSelection(TextSelection.near(tr2.doc.resolve($from.pos + 1)));
   view.dispatch(tr2);
@@ -34609,7 +35926,7 @@ var StarterKit = Extension.create({
     var _a, _b, _c, _d;
     const extensions = [];
     if (this.options.bold !== false) {
-      extensions.push(Bold.configure(this.options.bold));
+      extensions.push(Bold2.configure(this.options.bold));
     }
     if (this.options.blockquote !== false) {
       extensions.push(Blockquote.configure(this.options.blockquote));
@@ -34618,7 +35935,7 @@ var StarterKit = Extension.create({
       extensions.push(BulletList.configure(this.options.bulletList));
     }
     if (this.options.code !== false) {
-      extensions.push(Code.configure(this.options.code));
+      extensions.push(Code2.configure(this.options.code));
     }
     if (this.options.codeBlock !== false) {
       extensions.push(CodeBlock.configure(this.options.codeBlock));
@@ -34645,7 +35962,7 @@ var StarterKit = Extension.create({
       extensions.push(HorizontalRule.configure(this.options.horizontalRule));
     }
     if (this.options.italic !== false) {
-      extensions.push(Italic.configure(this.options.italic));
+      extensions.push(Italic2.configure(this.options.italic));
     }
     if (this.options.listItem !== false) {
       extensions.push(ListItem.configure(this.options.listItem));
@@ -34654,7 +35971,7 @@ var StarterKit = Extension.create({
       extensions.push(ListKeymap.configure((_a = this.options) == null ? void 0 : _a.listKeymap));
     }
     if (this.options.link !== false) {
-      extensions.push(Link.configure((_b = this.options) == null ? void 0 : _b.link));
+      extensions.push(Link3.configure((_b = this.options) == null ? void 0 : _b.link));
     }
     if (this.options.orderedList !== false) {
       extensions.push(OrderedList.configure(this.options.orderedList));
@@ -34669,7 +35986,7 @@ var StarterKit = Extension.create({
       extensions.push(Text2.configure(this.options.text));
     }
     if (this.options.underline !== false) {
-      extensions.push(Underline.configure((_c = this.options) == null ? void 0 : _c.underline));
+      extensions.push(Underline2.configure((_c = this.options) == null ? void 0 : _c.underline));
     }
     if (this.options.trailingNode !== false) {
       extensions.push(TrailingNode.configure((_d = this.options) == null ? void 0 : _d.trailingNode));
@@ -35382,10 +36699,10 @@ var CellSelection = class _CellSelection extends Selection {
         }
         rowContent.push(cell);
       }
-      rows.push(table.child(row).copy(Fragment7.from(rowContent)));
+      rows.push(table.child(row).copy(Fragment8.from(rowContent)));
     }
     const fragment = this.isColSelection() && this.isRowSelection() ? table : rows;
-    return new Slice(Fragment7.from(fragment), 1, 1);
+    return new Slice(Fragment8.from(fragment), 1, 1);
   }
   replace(tr2, content = Slice.empty) {
     const mapFrom = tr2.steps.length, ranges = this.ranges;
@@ -35405,7 +36722,7 @@ var CellSelection = class _CellSelection extends Selection {
       tr2.setSelection(sel);
   }
   replaceWith(tr2, node) {
-    this.replace(tr2, new Slice(Fragment7.from(node), 0, 0));
+    this.replace(tr2, new Slice(Fragment8.from(node), 0, 0));
   }
   forEachCell(f) {
     const table = this.$anchorCell.node(-1);
@@ -35953,7 +37270,7 @@ function mergeCells(state, dispatch2) {
   if (dispatch2) {
     const tr2 = state.tr;
     const seen = {};
-    let content = Fragment7.empty;
+    let content = Fragment8.empty;
     let mergedPos;
     let mergedCell;
     for (let row = rect.top; row < rect.bottom; row++) {
@@ -36334,14 +37651,14 @@ function ensureRectangular(schema, rows) {
     width = Math.max(width, widths[r2]);
   for (let r2 = 0; r2 < widths.length; r2++) {
     if (r2 >= rows.length)
-      rows.push(Fragment7.empty);
+      rows.push(Fragment8.empty);
     if (widths[r2] < width) {
       const empty2 = tableNodeTypes(schema).cell.createAndFill();
       const cells = [];
       for (let i = widths[r2]; i < width; i++) {
         cells.push(empty2);
       }
-      rows[r2] = rows[r2].append(Fragment7.from(cells));
+      rows[r2] = rows[r2].append(Fragment8.from(cells));
     }
   }
   return { height: rows.length, width, rows };
@@ -36373,7 +37690,7 @@ function clipCells({ width, height, rows }, newWidth, newHeight) {
         for (let j = 1; j < cell.attrs.rowspan; j++)
           added[row + j] = (added[row + j] || 0) + cell.attrs.colspan;
       }
-      newRows.push(Fragment7.from(cells));
+      newRows.push(Fragment8.from(cells));
     }
     rows = newRows;
     width = newWidth;
@@ -36394,7 +37711,7 @@ function clipCells({ width, height, rows }, newWidth, newHeight) {
           );
         cells.push(cell);
       }
-      newRows.push(Fragment7.from(cells));
+      newRows.push(Fragment8.from(cells));
     }
     rows = newRows;
     height = newHeight;
@@ -36429,7 +37746,7 @@ function growTable(tr2, map2, table, start, width, height, mapFrom) {
         header ? emptyHead || (emptyHead = types.header_cell.createAndFill()) : empty2 || (empty2 = types.cell.createAndFill())
       );
     }
-    const emptyRow = types.row.create(null, Fragment7.from(cells)), rows = [];
+    const emptyRow = types.row.create(null, Fragment8.from(cells)), rows = [];
     for (let i = map2.height; i < height; i++)
       rows.push(emptyRow);
     tr2.insert(tr2.mapping.slice(mapFrom).map(start + table.nodeSize - 2), rows);
@@ -36638,7 +37955,7 @@ function handlePaste(view, _, slice2) {
         width: 1,
         height: 1,
         rows: [
-          Fragment7.from(
+          Fragment8.from(
             fitSlice(tableNodeTypes(view.state.schema).cell, slice2)
           )
         ]
@@ -53011,7 +54328,7 @@ function RichTextEditor({
             onClick: () => editor.chain().focus().toggleBold().run(),
             tooltip: "Bold (Cmd+B)",
             disabled: isSourceView,
-            children: /* @__PURE__ */ jsx(Bold$1, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx(Bold, { className: "w-4 h-4" })
           }
         ),
         features.italic && /* @__PURE__ */ jsx(
@@ -53021,7 +54338,7 @@ function RichTextEditor({
             onClick: () => editor.chain().focus().toggleItalic().run(),
             tooltip: "Italic (Cmd+I)",
             disabled: isSourceView,
-            children: /* @__PURE__ */ jsx(Italic$1, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx(Italic, { className: "w-4 h-4" })
           }
         ),
         features.underline && /* @__PURE__ */ jsx(
@@ -53031,7 +54348,7 @@ function RichTextEditor({
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             tooltip: "Underline (Cmd+U)",
             disabled: isSourceView,
-            children: /* @__PURE__ */ jsx(Underline$1, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx(Underline, { className: "w-4 h-4" })
           }
         ),
         features.strike && /* @__PURE__ */ jsx(
@@ -53051,7 +54368,7 @@ function RichTextEditor({
             onClick: () => editor.chain().focus().toggleCode().run(),
             tooltip: "Inline code",
             disabled: isSourceView,
-            children: /* @__PURE__ */ jsx(Code$1, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx(Code, { className: "w-4 h-4" })
           }
         )
       ] }),
@@ -55775,9 +57092,9 @@ function AdvancedChart({
       toggleSeriesVisibility(entry.dataKey);
     }
   };
-  const handleExport = (format6) => {
+  const handleExport = (format7) => {
     if (onExport) {
-      onExport(format6);
+      onExport(format7);
     }
   };
   const handleZoom = (direction) => {
@@ -59973,7 +61290,7 @@ var OptimizedImageInternal = ({
   width,
   height,
   quality = 75,
-  format: format6 = "auto",
+  format: format7 = "auto",
   lazy = true,
   blur: blur2 = true,
   priority = false,
@@ -60012,7 +61329,7 @@ var OptimizedImageInternal = ({
       params.set("f", options.format);
     return optimizedUrl;
   };
-  const optimizedSrc = getOptimizedSrc(src, { width, height, quality, format: format6 });
+  const optimizedSrc = getOptimizedSrc(src, { width, height, quality, format: format7 });
   const handleImageLoad = () => {
     setIsLoaded(true);
     setIsLoading(false);
@@ -60176,7 +61493,7 @@ var OptimizedImageInternal = ({
                   ] }),
                   /* @__PURE__ */ jsxs("div", { children: [
                     "Format: ",
-                    format6
+                    format7
                   ] })
                 ]
               }
@@ -63056,11 +64373,11 @@ function downloadFile(content, filename, mimeType) {
   URL.revokeObjectURL(url);
 }
 async function exportData(data, options) {
-  const { format: format6, filename = "data-export", columns, includeHeaders = true } = options;
+  const { format: format7, filename = "data-export", columns, includeHeaders = true } = options;
   let content;
   let mimeType;
   let extension;
-  switch (format6) {
+  switch (format7) {
     case "csv":
       content = dataToCSV(data, columns, includeHeaders);
       mimeType = "text/csv;charset=utf-8;";
@@ -63074,7 +64391,7 @@ async function exportData(data, options) {
     case "xlsx":
       throw new Error("XLSX export requires additional dependencies. Use CSV format instead.");
     default:
-      throw new Error(`Unsupported export format: ${format6}`);
+      throw new Error(`Unsupported export format: ${format7}`);
   }
   const finalFilename = `${filename}-${( new Date()).toISOString().split("T")[0]}.${extension}`;
   downloadFile(content, finalFilename, mimeType);
@@ -63557,11 +64874,11 @@ function DataTable({
     rowSelection: features.rowSelection !== false || selectable,
     export: features.export !== false || exportable
   });
-  const handleExport = async (format6) => {
+  const handleExport = async (format7) => {
     const selectedRows = table.getFilteredSelectedRowModel().rows;
     const dataToExport = selectedRows.length > 0 ? selectedRows.map((row) => row.original) : table.getFilteredRowModel().rows.map((row) => row.original);
     if (typeof exportable === "object" && exportable.onExport) {
-      exportable.onExport(dataToExport, format6);
+      exportable.onExport(dataToExport, format7);
       return;
     }
     if (onExport) {
@@ -63571,7 +64888,7 @@ function DataTable({
     const filename = typeof exportable === "object" && exportable.filename ? exportable.filename : "data-export";
     const visibleColumns = getVisibleColumns(columns, columnVisibility);
     await exportData(dataToExport, {
-      format: format6,
+      format: format7,
       filename,
       columns: visibleColumns,
       includeHeaders: true
@@ -63982,7 +65299,7 @@ var SearchInput = t__default.memo(({
     ] })
   ] }) });
 });
-function Sidebar({
+function Sidebar2({
   sections,
   footer,
   showSearch = true,
@@ -65503,18 +66820,18 @@ var countries = [
   { code: "NO", name: "Norway", dialCode: "+47", flag: "\u{1F1F3}\u{1F1F4}", format: "xxx xx xxx" },
   { code: "FI", name: "Finland", dialCode: "+358", flag: "\u{1F1EB}\u{1F1EE}", format: "xx xxxxxxx" }
 ];
-function formatPhoneNumber(number, format6) {
-  if (!number || !format6)
+function formatPhoneNumber(number, format7) {
+  if (!number || !format7)
     return "";
   const cleaned = number.replace(/\D/g, "");
   let formatted = "";
   let digitIndex = 0;
-  for (let i = 0; i < format6.length && digitIndex < cleaned.length; i++) {
-    if (format6[i] === "x") {
+  for (let i = 0; i < format7.length && digitIndex < cleaned.length; i++) {
+    if (format7[i] === "x") {
       formatted += cleaned[digitIndex];
       digitIndex++;
     } else {
-      formatted += format6[i];
+      formatted += format7[i];
     }
   }
   return formatted;
@@ -67233,4 +68550,4 @@ var BadgePro = t__default.forwardRef(({
 });
 BadgePro.displayName = "BadgePro";
 
-export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, Calendar3 as AdvancedCalendar, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, AnimatedButton, MoonUIAspectRatioPro as AspectRatio, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIButtonPro as Button, Calendar, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, MoonUICheckboxPro as Checkbox, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, enhanced_exports as Enhanced, ErrorBoundary, FloatingActionButton, FormWizardNavigation, FormWizardProgress, FormWizardStep, GitHubStars, HealthCheck, HoverCard2 as HoverCard, HoverCard3D, HoverCardContent2 as HoverCardContent, HoverCardTrigger2 as HoverCardTrigger, MoonUIInputPro as Input, Kanban, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, MagneticButton, MemoryAnalytics, MemoryEfficientData, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAspectRatioPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIFileUploadPro, MoonUIFormWizardPro, MoonUIInputPro, MoonUILabelPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, MoonUIPhoneNumberInputPro, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIQuizFormPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, MoonUISeparatorPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, MoonUIcollapsibleContentVariantsPro, MoonUIcollapsibleTriggerVariantsPro, MoonUIcommandVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, PerformanceDebugger, PerformanceMonitor, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RichTextEditor, ScrollArea, ScrollBar, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, SpotlightCard, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, MoonUITabsPro as Tabs, MoonUITabsContentPro as TabsContent, MoonUITabsListPro as TabsList, MoonUITabsTriggerPro as TabsTrigger, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, VirtualList, MoonUIalertVariantsPro as alertVariants, animatedButtonVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, cn, MoonUIcollapsibleContentVariantsPro as collapsibleContentVariants, MoonUIcollapsibleTriggerVariantsPro as collapsibleTriggerVariants, MoonUIcommandVariantsPro as commandVariants, getExpandableColumn, moonUIBadgeVariantsPro, moonUIButtonProVariants, moonUISeparatorVariantsPro, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useExpandableRows, useFormWizard, useStreamingData, useVirtualList };
+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 };